Updated some configs

eslint.config.js

@@ -1,5 +1,6 @@
 import js from "@eslint/js";
 import pluginRouter from "@tanstack/eslint-plugin-router";
+import react from "eslint-plugin-react";
 import reactHooks from "eslint-plugin-react-hooks";
 import reactRefresh from "eslint-plugin-react-refresh";
 import { globalIgnores } from "eslint/config";
@@ -13,18 +14,19 @@ export default tseslint.config([
 		files: ['**/*.{ts,tsx}'],
 		extends: [
 			js.configs.recommended,
+			react.configs.flat.recommended,
 			tseslint.configs.recommendedTypeChecked,
 			reactHooks.configs['recommended-latest'],
 			reactRefresh.configs.vite,
 			...pluginRouter.configs["flat/recommended"]
 		],
 		languageOptions: {
-			ecmaVersion: 2020,
-			globals: globals.browser
-		},
-		plugins: {
-			"react-hooks": reactHooks,
-			"react-refresh": reactRefresh
+			ecmaVersion: 2022,
+			globals: globals.browser,
+			parserOptions: {
+				project: "./tsconfig.json",
+				tsconfigRootDir: import.meta.dirname
+			}
 		},
 		rules: {
 			...reactHooks.configs.recommended.rules,

lib/component/loading/dot/BouncingDots.tsx

@@ -26,6 +26,7 @@ export default function BouncingDots({
 				r="3"
 				className={className}
 				stroke={stroke}
+				fill={fill}
 			>
 				<animate
 					id={`firstBouncingDots_${id}`}
@@ -43,6 +44,7 @@ export default function BouncingDots({
 				r="3"
 				className={className}
 				stroke={stroke}
+				fill={fill}
 			>
 				<animate
 					id={`secondBouncingDots_${id}`}
@@ -60,6 +62,7 @@ export default function BouncingDots({
 				r="3"
 				className={className}
 				stroke={stroke}
+				fill={fill}
 			>
 				<animate
 					id={`lastBouncingDots_${id}`}

lib/component/theme.ts

@@ -0,0 +1,6 @@
+import ThemeProvider from "$/providers/theme/ThemeProvider";
+
+
+export {
+	ThemeProvider
+};

lib/component/toaster.ts

@@ -1 +1,6 @@
+import ToasterProvider from "$/providers/toaster/ToasterProvider";
 
+
+export {
+	ToasterProvider
+};

package.json

@@ -12,31 +12,32 @@
 	"dependencies": {
 		"@headlessui/react": "^2.2.4",
 		"@tailwindcss/vite": "^4.1.10",
-		"@tanstack/react-router": "^1.124.0",
-		"@tanstack/react-router-devtools": "^1.124.0",
 		"@types/node": "^24.0.4",
 		"clsx": "^2.1.1",
 		"moment": "^2.30.1",
 		"react": "^19.1.0",
 		"react-dom": "^19.1.0",
 		"react-icons": "^5.5.0",
-		"tailwindcss": "^4.1.10",
-		"vite-plugin-dts": "^4.5.4"
+		"tailwindcss": "^4.1.10"
 	},
 	"devDependencies": {
 		"@eslint/js": "^9.29.0",
 		"@tanstack/eslint-plugin-router": "^1.121.21",
 		"@tanstack/router-plugin": "^1.124.0",
+		"@tanstack/react-router": "^1.124.0",
+		"@tanstack/react-router-devtools": "^1.124.0",
 		"@types/react": "^19.1.8",
 		"@types/react-dom": "^19.1.6",
 		"@vitejs/plugin-react": "^4.5.2",
 		"eslint": "^9.29.0",
+		"eslint-plugin-react": "^7.37.5",
 		"eslint-plugin-react-hooks": "^5.2.0",
 		"eslint-plugin-react-refresh": "^0.4.20",
 		"globals": "^16.2.0",
 		"typescript": "~5.8.3",
 		"typescript-eslint": "^8.34.1",
-		"vite": "^7.0.0"
+		"vite": "^7.0.0",
+		"vite-plugin-dts": "^4.5.4"
 	},
 	"overrides": {
 		"@tailwindcss/vite": {

src/util/InputUtils.tsx

@@ -14,8 +14,6 @@ import WarningCheckbox from "$/component/input/checkbox/WarningCheckbox";
 import DateInput from "$/component/input/date/DateInput";
 import DateTimeInput from "$/component/input/date/DateTimeInput";
 import TimeInput from "$/component/input/date/TimeInput";
-import MultiNumberSlider from "$/component/input/number/MultiNumberSlider";
-import NumberSlider from "$/component/input/number/NumberSlider";
 import DangerRadioButton from "$/component/input/radio/DangerRadioButton";
 import DarkRadioButton from "$/component/input/radio/DarkRadioButton";
 import InfoRadioButton from "$/component/input/radio/InfoRadioButton";
@@ -763,16 +761,3 @@ export function DateContent(){
 		</div>
 	);
 }
-
-export function SliderContent(){
-	return (
-		<div
-			className="flex flex-col items-center justify-center my-8 gap-y-8"
-		>
-			<NumberSlider
-			/>
-			<MultiNumberSlider
-			/>
-		</div>
-	);
-}

tsconfig.node.json

@@ -1,8 +1,8 @@
 {
 	"compilerOptions": {
 		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-		"target": "ES2023",
-		"lib": ["ES2023"],
+		"target": "ES2022",
+		"lib": ["ES2022"],
 		"module": "ESNext",
 		"skipLibCheck": true,
 

vite.config.ts

@@ -4,6 +4,7 @@ import react from "@vitejs/plugin-react";
 import { resolve } from "path";
 import { defineConfig } from "vite";
 import dts from "vite-plugin-dts";
+import { dependencies } from "./package.json";
 
 
 // https://vite.dev/config/
@@ -17,7 +18,8 @@ export default defineConfig({
 		tailwindcss(),
 		dts({
 			include: ["lib"],
-			tsconfigPath: "./tsconfig.lib.json"
+			tsconfigPath: "./tsconfig.lib.json",
+			outDir: "dist/types"
 		})
 	],
 	resolve: {
@@ -37,19 +39,15 @@ export default defineConfig({
 				modal: resolve(__dirname, "lib/component/modal.ts"),
 				nav: resolve(__dirname, "lib/component/nav.ts"),
 				tab: resolve(__dirname, "lib/component/tab.ts"),
+				theme: resolve(__dirname, "lib/component/theme.ts"),
+				toaster: resolve(__dirname, "lib/component/toaster.ts")
 			},
 			formats: [ "es" ],
 			name: "Mattrixwv Component Library"
 		},
 		rollupOptions: {
 			external: [
-				"clsx",
-				"react",
-				"react/jsx-runtime",
-				"tailwindcss",
-				"react-icons/bs",
-				"react-router-dom",
-				"@headlessui/react"
+				Object.keys(dependencies).join("|")
 			]
 		}
 	}