Complete configuration for build

lib/component/button/Button.tsx

@@ -22,7 +22,6 @@ export default function Button(props: ButtonProps){
 				className,
 				//Rounding
 				{
-					"rounded-none": rounding === "none",
 					"rounded-sm": rounding === "sm",
 					"rounded": rounding === "md",
 					"rounded-lg": rounding === "lg",

lib/component/input/file/DragAndDropFileInput.tsx

@@ -22,7 +22,7 @@ export default function DragAndDropFileInput({
 
 	useEffect(() => {
 		onChange?.(file);
-	}, [ file ]);
+	}, [ file, onChange ]);
 
 	return (
 		<label

lib/component/loading/spinner/RubberSpinner.tsx

@@ -35,8 +35,8 @@ export default function RubberSpinner({
 					className={className}
 					stroke={stroke}
 					fill={fill}
-					stroke-width="3"
-					stroke-linecap="round"
+					strokeWidth="3"
+					strokeLinecap="round"
 				>
 					<animate
 						attributeName="stroke-dasharray"

lib/index.ts

@@ -0,0 +1,11 @@
+export * from "$/component/button";
+export * from "$/component/input";
+export * from "$/component/loading";
+export * from "$/component/message";
+export * from "$/component/modal";
+export * from "$/component/nav";
+export * from "$/component/progress";
+export * from "$/component/tab";
+export * from "$/component/theme";
+export * from "$/component/toaster";
+

lib/providers/theme/ThemeProvider.tsx

@@ -7,7 +7,7 @@ const themeInitialState: ThemeProviderState = {
 	setTheme: () => null
 }
 
-export const ThemeProviderContext = createContext<ThemeProviderState>(themeInitialState);
+const ThemeProviderContext = createContext<ThemeProviderState>(themeInitialState);
 
 
 export default function ThemeProvider(props: ThemeProviderProps){
@@ -40,7 +40,7 @@ export default function ThemeProvider(props: ThemeProviderProps){
 			localStorage.setItem(storageKey, theme);
 			setTheme(theme);
 		}
-	}), [ theme ]);
+	}), [storageKey, theme]);
 
 	return (
 		<ThemeProviderContext.Provider value={value}>
@@ -50,6 +50,7 @@ export default function ThemeProvider(props: ThemeProviderProps){
 }
 
 
+// eslint-disable-next-line react-refresh/only-export-components
 export function useTheme(){
 	const context = useContext(ThemeProviderContext);
 

lib/providers/toaster/ToasterProvider.tsx

@@ -14,7 +14,7 @@ const toastInitialState: ToastProviderState = {
 	addDanger: () => ""
 };
 
-export const ToasterProviderContext = createContext<ToastProviderState>(toastInitialState);
+const ToasterProviderContext = createContext<ToastProviderState>(toastInitialState);
 
 
 export default function ToasterProvider({
@@ -37,7 +37,7 @@ export default function ToasterProvider({
 				return prev.filter((toast) => toast.id !== id);
 			}
 		});
-	}, [ toast ]);
+	}, []);
 
 	const addToast = useCallback((message: React.ReactNode, duration?: number) => {
 		if(!duration){
@@ -49,7 +49,7 @@ export default function ToasterProvider({
 		setTimeout(() => hideToast(id), duration);
 
 		return id;
-	}, [ toast ]);
+	}, [hideToast]);
 
 	const addSuccess = useCallback((message: React.ReactNode, duration?: number) => {
 		return addToast(<SuccessMessageBlock>{message}</SuccessMessageBlock>, duration);
@@ -84,6 +84,7 @@ export default function ToasterProvider({
 }
 
 
+// eslint-disable-next-line react-refresh/only-export-components
 export function useToaster(){
 	const context = useContext(ToasterProviderContext);
 

lib/types/Loading.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-empty-object-type */
 interface LoadingDefaultProps {
 	width?: string | number;
 	height?: string | number;