Update component definitions

lib/component/input/switch/DangerSwitch.tsx

@@ -5,6 +5,7 @@ import MattrixwvSwitch from "./MattrixwvSwitch";
 
 export default function DangerSwitch({
 	className,
+	knobClassName,
 	disabled,
 	...props
 }: MattrixwvSwitchProps){
@@ -20,6 +21,7 @@ export default function DangerSwitch({
 				}
 			)}
 			knobClassName={clsx(
+				knobClassName,
 				{
 					"bg-white": !disabled,
 					"bg-gray-300": disabled

lib/component/input/switch/DarkSwitch.tsx

@@ -5,6 +5,7 @@ import MattrixwvSwitch from "./MattrixwvSwitch";
 
 export default function DarkSwitch({
 	className,
+	knobClassName,
 	disabled,
 	...props
 }: MattrixwvSwitchProps){
@@ -20,6 +21,7 @@ export default function DarkSwitch({
 				}
 			)}
 			knobClassName={clsx(
+				knobClassName,
 				{
 					"bg-white": !disabled,
 					"bg-gray-300": disabled

lib/component/input/switch/LightSwitch.tsx

@@ -5,6 +5,7 @@ import MattrixwvSwitch from "./MattrixwvSwitch";
 
 export default function LightSwitch({
 	className,
+	knobClassName,
 	disabled,
 	...props
 }: MattrixwvSwitchProps){
@@ -20,6 +21,7 @@ export default function LightSwitch({
 				}
 			)}
 			knobClassName={clsx(
+				knobClassName,
 				{
 					"bg-black": !disabled,
 					"bg-neutral-800": disabled

lib/component/input/switch/PrimarySwitch.tsx

@@ -5,6 +5,7 @@ import MattrixwvSwitch from "./MattrixwvSwitch";
 
 export default function PrimarySwitch({
 	className,
+	knobClassName,
 	disabled,
 	...props
 }: MattrixwvSwitchProps){
@@ -20,6 +21,7 @@ export default function PrimarySwitch({
 				}
 			)}
 			knobClassName={clsx(
+				knobClassName,
 				{
 					"bg-white": !disabled,
 					"bg-gray-200": disabled

lib/component/input/switch/SecondarySwitch.tsx

@@ -5,6 +5,7 @@ import MattrixwvSwitch from "./MattrixwvSwitch";
 
 export default function SecondarySwitch({
 	className,
+	knobClassName,
 	disabled,
 	...props
 }: MattrixwvSwitchProps){
@@ -20,6 +21,7 @@ export default function SecondarySwitch({
 				}
 			)}
 			knobClassName={clsx(
+				knobClassName,
 				{
 					"bg-white": !disabled,
 					"bg-gray-200": disabled

lib/component/input/switch/SuccessDangerSwitch.tsx

@@ -5,6 +5,7 @@ import MattrixwvSwitch from "./MattrixwvSwitch";
 
 export default function SuccessDangerSwitch({
 	className,
+	knobClassName,
 	disabled,
 	...props
 }: MattrixwvSwitchProps){
@@ -19,6 +20,7 @@ export default function SuccessDangerSwitch({
 				}
 			)}
 			knobClassName={clsx(
+				knobClassName,
 				{
 					"bg-white": !disabled,
 					"bg-gray-200": disabled

lib/component/input/switch/SuccessSwitch.tsx

@@ -5,6 +5,7 @@ import MattrixwvSwitch from "./MattrixwvSwitch";
 
 export default function SuccessSwitch({
 	className,
+	knobClassName,
 	disabled,
 	...props
 }: MattrixwvSwitchProps){
@@ -20,6 +21,7 @@ export default function SuccessSwitch({
 				}
 			)}
 			knobClassName={clsx(
+				knobClassName,
 				{
 					"bg-white": !disabled,
 					"bg-gray-200": disabled

lib/component/input/switch/TertiarySwitch.tsx

@@ -5,6 +5,7 @@ import MattrixwvSwitch from "./MattrixwvSwitch";
 
 export default function TertiarySwitch({
 	className,
+	knobClassName,
 	disabled,
 	...props
 }: MattrixwvSwitchProps){
@@ -20,6 +21,7 @@ export default function TertiarySwitch({
 				}
 			)}
 			knobClassName={clsx(
+				knobClassName,
 				{
 					"bg-white": !disabled,
 					"bg-gray-200": disabled

lib/component/input/switch/WarningSwitch.tsx

@@ -5,6 +5,7 @@ import MattrixwvSwitch from "./MattrixwvSwitch";
 
 export default function WarningSwitch({
 	className,
+	knobClassName,
 	disabled,
 	...props
 }: MattrixwvSwitchProps){
@@ -20,6 +21,7 @@ export default function WarningSwitch({
 				}
 			)}
 			knobClassName={clsx(
+				knobClassName,
 				{
 					"bg-white": !disabled,
 					"bg-gray-300": disabled

lib/component/theme.ts

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

lib/component/toaster.ts

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

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "mattrixwv-components",
 	"private": false,
-	"version": "0.0.5",
+	"version": "0.0.6",
 	"type": "module",
 	"scripts": {
 		"dev": "vite",