@causw/core 0.0.20 → 0.0.21

package/dist/components/Toast/Toast.d.cts

@@ -1,6 +1,6 @@
 import { ToastVariants } from "./Toast.styles.cjs";
 import * as react11 from "react";
-import * as react_jsx_runtime50 from "react/jsx-runtime";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 
 //#region src/components/Toast/Toast.d.ts
@@ -15,12 +15,12 @@ declare const Toast: ({
   message,
   icon,
   ...props
-}: ToastProps) => react_jsx_runtime50.JSX.Element;
+}: ToastProps) => react_jsx_runtime43.JSX.Element;
 type ToastViewportProps = React.ComponentProps<typeof ToastPrimitives.Viewport>;
 declare const ToastViewport: ({
   className,
   ...props
-}: ToastViewportProps) => react_jsx_runtime50.JSX.Element;
+}: ToastViewportProps) => react_jsx_runtime43.JSX.Element;
 declare const ToastProvider: react11.FC<ToastPrimitives.ToastProviderProps>;
 //#endregion
 export { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps };

package/dist/components/Toast/Toast.d.mts

@@ -1,6 +1,6 @@
 import { ToastVariants } from "./Toast.styles.mjs";
 import * as react11 from "react";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 
 //#region src/components/Toast/Toast.d.ts
@@ -15,12 +15,12 @@ declare const Toast: ({
   message,
   icon,
   ...props
-}: ToastProps) => react_jsx_runtime38.JSX.Element;
+}: ToastProps) => react_jsx_runtime44.JSX.Element;
 type ToastViewportProps = React.ComponentProps<typeof ToastPrimitives.Viewport>;
 declare const ToastViewport: ({
   className,
   ...props
-}: ToastViewportProps) => react_jsx_runtime38.JSX.Element;
+}: ToastViewportProps) => react_jsx_runtime44.JSX.Element;
 declare const ToastProvider: react11.FC<ToastPrimitives.ToastProviderProps>;
 //#endregion
 export { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps };

package/dist/components/Toast/Toast.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants25 from "tailwind-variants";
+import * as tailwind_variants21 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Toast/Toast.styles.d.ts
-declare const toast: tailwind_variants25.TVReturnType<{
+declare const toast: tailwind_variants21.TVReturnType<{
   variant: {
     default: {
       root: string;
@@ -20,7 +20,7 @@ declare const toast: tailwind_variants25.TVReturnType<{
 }, {
   root: string[];
   viewport: string[];
-}, tailwind_variants25.TVReturnType<{
+}, tailwind_variants21.TVReturnType<{
   variant: {
     default: {
       root: string;

package/dist/components/Toast/Toast.styles.d.mts

@@ -1,8 +1,8 @@
-import * as tailwind_variants21 from "tailwind-variants";
+import * as tailwind_variants25 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Toast/Toast.styles.d.ts
-declare const toast: tailwind_variants21.TVReturnType<{
+declare const toast: tailwind_variants25.TVReturnType<{
   variant: {
     default: {
       root: string;
@@ -20,7 +20,7 @@ declare const toast: tailwind_variants21.TVReturnType<{
 }, {
   root: string[];
   viewport: string[];
-}, tailwind_variants21.TVReturnType<{
+}, tailwind_variants25.TVReturnType<{
   variant: {
     default: {
       root: string;

package/dist/components/Toast/Toaster.cjs

@@ -1,3 +1,5 @@
+'use client';
+
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_Toast = require('./Toast.cjs');
 const require_toastStore = require('./toastStore.cjs');

package/dist/components/Toast/Toaster.d.cts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 
 //#region src/components/Toast/Toaster.d.ts
-declare const Toaster: () => react_jsx_runtime49.JSX.Element;
+declare const Toaster: () => react_jsx_runtime45.JSX.Element;
 //#endregion
 export { Toaster };
 //# sourceMappingURL=Toaster.d.cts.map

package/dist/components/Toast/Toaster.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.cts","names":[],"sources":["../../../src/components/Toast/Toaster.tsx"],"mappings":";;;cAiBa,OAAA,QAAO,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Toaster.d.cts","names":[],"sources":["../../../src/components/Toast/Toaster.tsx"],"mappings":";;;cAmBa,OAAA,QAAO,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Toast/Toaster.d.mts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
 
 //#region src/components/Toast/Toaster.d.ts
-declare const Toaster: () => react_jsx_runtime37.JSX.Element;
+declare const Toaster: () => react_jsx_runtime43.JSX.Element;
 //#endregion
 export { Toaster };
 //# sourceMappingURL=Toaster.d.mts.map

package/dist/components/Toast/Toaster.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.mts","names":[],"sources":["../../../src/components/Toast/Toaster.tsx"],"mappings":";;;cAiBa,OAAA,QAAO,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Toaster.d.mts","names":[],"sources":["../../../src/components/Toast/Toaster.tsx"],"mappings":";;;cAmBa,OAAA,QAAO,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Toast/Toaster.mjs

@@ -1,3 +1,5 @@
+'use client';
+
 import { Toast, ToastProvider, ToastViewport } from "./Toast.mjs";
 import { toast, useToastStore } from "./toastStore.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Toast/Toaster.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.mjs","names":[],"sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["import { Toast, ToastProvider, ToastViewport } from './Toast';\nimport { useToastStore, toast, ToastType } from './toastStore';\nimport { SuccessColored, ErrorColored, LoadingColored } from '@causw/icons';\n\nconst Icons = {\n  success: () => <SuccessColored size={20} />,\n  error: () => <ErrorColored size={20} />,\n  loading: () => <LoadingColored size={20} className=\"animate-spin\" />,\n};\n\nconst toastIconMap: Record<ToastType, React.ReactNode> = {\n  success: <Icons.success />,\n  error: <Icons.error />,\n  loading: <Icons.loading />,\n  default: undefined,\n};\n\nexport const Toaster = () => {\n  const toasts = useToastStore();\n\n  return (\n    <ToastProvider>\n      {toasts.map((t) => {\n        const iconToRender = t.icon || toastIconMap[t.type];\n\n        return (\n          <Toast\n            key={t.id}\n            message={t.message}\n            icon={iconToRender}\n            variant=\"default\"\n            duration={t.duration || 3000}\n            open={true}\n            onOpenChange={(open) => {\n              if (!open) toast.dismiss(t.id);\n            }}\n          />\n        );\n      })}\n      <ToastViewport />\n    </ToastProvider>\n  );\n};\n"],"mappings":";;;;;;AAIA,MAAM,QAAQ;CACZ,eAAe,oBAAC,kBAAe,MAAM,KAAM;CAC3C,aAAa,oBAAC,gBAAa,MAAM,KAAM;CACvC,eAAe,oBAAC;EAAe,MAAM;EAAI,WAAU;GAAiB;CACrE;AAED,MAAM,eAAmD;CACvD,SAAS,oBAAC,MAAM,YAAU;CAC1B,OAAO,oBAAC,MAAM,UAAQ;CACtB,SAAS,oBAAC,MAAM,YAAU;CAC1B,SAAS;CACV;AAED,MAAa,gBAAgB;AAG3B,QACE,qBAAC,4BAHY,eAAe,CAIlB,KAAK,MAAM;EACjB,MAAM,eAAe,EAAE,QAAQ,aAAa,EAAE;AAE9C,SACE,oBAAC;GAEC,SAAS,EAAE;GACX,MAAM;GACN,SAAQ;GACR,UAAU,EAAE,YAAY;GACxB,MAAM;GACN,eAAe,SAAS;AACtB,QAAI,CAAC,KAAM,OAAM,QAAQ,EAAE,GAAG;;KAP3B,EAAE,GASP;GAEJ,EACF,oBAAC,kBAAgB,IACH"}
+{"version":3,"file":"Toaster.mjs","names":[],"sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["'use client';\n\nimport { Toast, ToastProvider, ToastViewport } from './Toast';\nimport { useToastStore, toast, ToastType } from './toastStore';\nimport { SuccessColored, ErrorColored, LoadingColored } from '@causw/icons';\n\nconst Icons = {\n  success: () => <SuccessColored size={20} />,\n  error: () => <ErrorColored size={20} />,\n  loading: () => <LoadingColored size={20} className=\"animate-spin\" />,\n};\n\nconst toastIconMap: Record<ToastType, React.ReactNode> = {\n  success: <Icons.success />,\n  error: <Icons.error />,\n  loading: <Icons.loading />,\n  default: undefined,\n};\n\nexport const Toaster = () => {\n  const toasts = useToastStore();\n\n  return (\n    <ToastProvider>\n      {toasts.map((t) => {\n        const iconToRender = t.icon || toastIconMap[t.type];\n\n        return (\n          <Toast\n            key={t.id}\n            message={t.message}\n            icon={iconToRender}\n            variant=\"default\"\n            duration={t.duration || 3000}\n            open={true}\n            onOpenChange={(open) => {\n              if (!open) toast.dismiss(t.id);\n            }}\n          />\n        );\n      })}\n      <ToastViewport />\n    </ToastProvider>\n  );\n};\n"],"mappings":";;;;;;;;AAMA,MAAM,QAAQ;CACZ,eAAe,oBAAC,kBAAe,MAAM,KAAM;CAC3C,aAAa,oBAAC,gBAAa,MAAM,KAAM;CACvC,eAAe,oBAAC;EAAe,MAAM;EAAI,WAAU;GAAiB;CACrE;AAED,MAAM,eAAmD;CACvD,SAAS,oBAAC,MAAM,YAAU;CAC1B,OAAO,oBAAC,MAAM,UAAQ;CACtB,SAAS,oBAAC,MAAM,YAAU;CAC1B,SAAS;CACV;AAED,MAAa,gBAAgB;AAG3B,QACE,qBAAC,4BAHY,eAAe,CAIlB,KAAK,MAAM;EACjB,MAAM,eAAe,EAAE,QAAQ,aAAa,EAAE;AAE9C,SACE,oBAAC;GAEC,SAAS,EAAE;GACX,MAAM;GACN,SAAQ;GACR,UAAU,EAAE,YAAY;GACxB,MAAM;GACN,eAAe,SAAS;AACtB,QAAI,CAAC,KAAM,OAAM,QAAQ,EAAE,GAAG;;KAP3B,EAAE,GASP;GAEJ,EACF,oBAAC,kBAAgB,IACH"}

package/dist/components/Toast/toastStore.cjs

@@ -12,12 +12,13 @@ const genId = () => {
 };
 const dispatch = (message, type, options) => {
 	const id = genId();
-	memoryState = [{
+	const newToast = {
 		id,
 		message,
 		type,
 		...options
-	}];
+	};
+	memoryState = [...memoryState, newToast];
 	notify();
 	return id;
 };
@@ -27,7 +28,7 @@ const useToastStore = () => {
 		return () => {
 			listeners = listeners.filter((l) => l !== listener);
 		};
-	}, () => memoryState);
+	}, () => memoryState, () => []);
 };
 const toastRoot = (message, options) => dispatch(message, "default", options);
 const toast = Object.assign(toastRoot, {

package/dist/components/Toast/toastStore.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"toastStore.d.cts","names":[],"sources":["../../../src/components/Toast/toastStore.ts"],"mappings":";KAEY,SAAA;AAAA,UAEK,SAAA;EACf,EAAA;EACA,OAAA;EACA,IAAA,EAAM,SAAA;EACN,QAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;AAAA;AAAA,KAGV,YAAA,GAAe,IAAA,CAAK,SAAA;AAAA,cAoCZ,KAAA,IAAK,OAAA,UAHgB,OAAA,GAAY,YAAA;6BAInB,OAAA,GAAY,YAAA;2BAEd,OAAA,GAAY,YAAA;6BAEV,OAAA,GAAY,YAAA"}
+{"version":3,"file":"toastStore.d.cts","names":[],"sources":["../../../src/components/Toast/toastStore.ts"],"mappings":";KAEY,SAAA;AAAA,UAEK,SAAA;EACf,EAAA;EACA,OAAA;EACA,IAAA,EAAM,SAAA;EACN,QAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;AAAA;AAAA,KAGV,YAAA,GAAe,IAAA,CAAK,SAAA;AAAA,cAqCZ,KAAA,IAAK,OAAA,UAHgB,OAAA,GAAY,YAAA;6BAInB,OAAA,GAAY,YAAA;2BAEd,OAAA,GAAY,YAAA;6BAEV,OAAA,GAAY,YAAA"}

package/dist/components/Toast/toastStore.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"toastStore.d.mts","names":[],"sources":["../../../src/components/Toast/toastStore.ts"],"mappings":";KAEY,SAAA;AAAA,UAEK,SAAA;EACf,EAAA;EACA,OAAA;EACA,IAAA,EAAM,SAAA;EACN,QAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;AAAA;AAAA,KAGV,YAAA,GAAe,IAAA,CAAK,SAAA;AAAA,cAoCZ,KAAA,IAAK,OAAA,UAHgB,OAAA,GAAY,YAAA;6BAInB,OAAA,GAAY,YAAA;2BAEd,OAAA,GAAY,YAAA;6BAEV,OAAA,GAAY,YAAA"}
+{"version":3,"file":"toastStore.d.mts","names":[],"sources":["../../../src/components/Toast/toastStore.ts"],"mappings":";KAEY,SAAA;AAAA,UAEK,SAAA;EACf,EAAA;EACA,OAAA;EACA,IAAA,EAAM,SAAA;EACN,QAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;AAAA;AAAA,KAGV,YAAA,GAAe,IAAA,CAAK,SAAA;AAAA,cAqCZ,KAAA,IAAK,OAAA,UAHgB,OAAA,GAAY,YAAA;6BAInB,OAAA,GAAY,YAAA;2BAEd,OAAA,GAAY,YAAA;6BAEV,OAAA,GAAY,YAAA"}

package/dist/components/Toast/toastStore.mjs

@@ -11,12 +11,13 @@ const genId = () => {
 };
 const dispatch = (message, type, options) => {
 	const id = genId();
-	memoryState = [{
+	const newToast = {
 		id,
 		message,
 		type,
 		...options
-	}];
+	};
+	memoryState = [...memoryState, newToast];
 	notify();
 	return id;
 };
@@ -26,7 +27,7 @@ const useToastStore = () => {
 		return () => {
 			listeners = listeners.filter((l) => l !== listener);
 		};
-	}, () => memoryState);
+	}, () => memoryState, () => []);
 };
 const toastRoot = (message, options) => dispatch(message, "default", options);
 const toast = Object.assign(toastRoot, {

package/dist/components/Toast/toastStore.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toastStore.mjs","names":[],"sources":["../../../src/components/Toast/toastStore.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nexport type ToastType = 'default' | 'success' | 'error' | 'loading';\n\nexport interface ToastData {\n  id: string;\n  message: string;\n  type: ToastType;\n  duration?: number;\n  icon?: React.ReactNode;\n}\n\ntype ToastOptions = Omit<ToastData, 'id' | 'message' | 'type'>;\n\nlet memoryState: ToastData[] = [];\nlet listeners: Array<() => void> = [];\nconst notify = () => listeners.forEach((l) => l());\n\nlet count = 0;\nconst genId = () => {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER;\n  return count.toString();\n};\n\nconst dispatch = (message: string, type: ToastType, options?: ToastOptions) => {\n  const id = genId();\n  const newToast = { id, message, type, ...options };\n\n  memoryState = [newToast];\n  notify();\n  return id;\n};\n\nexport const useToastStore = () => {\n  return useSyncExternalStore(\n    (listener) => {\n      listeners.push(listener);\n      return () => {\n        listeners = listeners.filter((l) => l !== listener);\n      };\n    },\n    () => memoryState,\n  );\n};\n\nconst toastRoot = (message: string, options?: ToastOptions) =>\n  dispatch(message, 'default', options);\n\nexport const toast = Object.assign(toastRoot, {\n  success: (message: string, options?: ToastOptions) =>\n    dispatch(message, 'success', options),\n  error: (message: string, options?: ToastOptions) =>\n    dispatch(message, 'error', options),\n  loading: (message: string, options?: ToastOptions) =>\n    dispatch(message, 'loading', {\n      ...options,\n      duration: options?.duration ?? 100000,\n    }),\n  dismiss: (id: string) => {\n    memoryState = memoryState.filter((t) => t.id !== id);\n    notify();\n  },\n});\n"],"mappings":";;;AAcA,IAAI,cAA2B,EAAE;AACjC,IAAI,YAA+B,EAAE;AACrC,MAAM,eAAe,UAAU,SAAS,MAAM,GAAG,CAAC;AAElD,IAAI,QAAQ;AACZ,MAAM,cAAc;AAClB,UAAS,QAAQ,KAAK,OAAO;AAC7B,QAAO,MAAM,UAAU;;AAGzB,MAAM,YAAY,SAAiB,MAAiB,YAA2B;CAC7E,MAAM,KAAK,OAAO;AAGlB,eAAc,CAFG;EAAE;EAAI;EAAS;EAAM,GAAG;EAAS,CAE1B;AACxB,SAAQ;AACR,QAAO;;AAGT,MAAa,sBAAsB;AACjC,QAAO,sBACJ,aAAa;AACZ,YAAU,KAAK,SAAS;AACxB,eAAa;AACX,eAAY,UAAU,QAAQ,MAAM,MAAM,SAAS;;UAGjD,YACP;;AAGH,MAAM,aAAa,SAAiB,YAClC,SAAS,SAAS,WAAW,QAAQ;AAEvC,MAAa,QAAQ,OAAO,OAAO,WAAW;CAC5C,UAAU,SAAiB,YACzB,SAAS,SAAS,WAAW,QAAQ;CACvC,QAAQ,SAAiB,YACvB,SAAS,SAAS,SAAS,QAAQ;CACrC,UAAU,SAAiB,YACzB,SAAS,SAAS,WAAW;EAC3B,GAAG;EACH,UAAU,SAAS,YAAY;EAChC,CAAC;CACJ,UAAU,OAAe;AACvB,gBAAc,YAAY,QAAQ,MAAM,EAAE,OAAO,GAAG;AACpD,UAAQ;;CAEX,CAAC"}
+{"version":3,"file":"toastStore.mjs","names":[],"sources":["../../../src/components/Toast/toastStore.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nexport type ToastType = 'default' | 'success' | 'error' | 'loading';\n\nexport interface ToastData {\n  id: string;\n  message: string;\n  type: ToastType;\n  duration?: number;\n  icon?: React.ReactNode;\n}\n\ntype ToastOptions = Omit<ToastData, 'id' | 'message' | 'type'>;\n\nlet memoryState: ToastData[] = [];\nlet listeners: Array<() => void> = [];\nconst notify = () => listeners.forEach((l) => l());\n\nlet count = 0;\nconst genId = () => {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER;\n  return count.toString();\n};\n\nconst dispatch = (message: string, type: ToastType, options?: ToastOptions) => {\n  const id = genId();\n  const newToast = { id, message, type, ...options };\n\n  memoryState = [...memoryState, newToast];\n  notify();\n  return id;\n};\n\nexport const useToastStore = () => {\n  return useSyncExternalStore(\n    (listener) => {\n      listeners.push(listener);\n      return () => {\n        listeners = listeners.filter((l) => l !== listener);\n      };\n    },\n    () => memoryState,\n    () => [],\n  );\n};\n\nconst toastRoot = (message: string, options?: ToastOptions) =>\n  dispatch(message, 'default', options);\n\nexport const toast = Object.assign(toastRoot, {\n  success: (message: string, options?: ToastOptions) =>\n    dispatch(message, 'success', options),\n  error: (message: string, options?: ToastOptions) =>\n    dispatch(message, 'error', options),\n  loading: (message: string, options?: ToastOptions) =>\n    dispatch(message, 'loading', {\n      ...options,\n      duration: options?.duration ?? 100000,\n    }),\n  dismiss: (id: string) => {\n    memoryState = memoryState.filter((t) => t.id !== id);\n    notify();\n  },\n});\n"],"mappings":";;;AAcA,IAAI,cAA2B,EAAE;AACjC,IAAI,YAA+B,EAAE;AACrC,MAAM,eAAe,UAAU,SAAS,MAAM,GAAG,CAAC;AAElD,IAAI,QAAQ;AACZ,MAAM,cAAc;AAClB,UAAS,QAAQ,KAAK,OAAO;AAC7B,QAAO,MAAM,UAAU;;AAGzB,MAAM,YAAY,SAAiB,MAAiB,YAA2B;CAC7E,MAAM,KAAK,OAAO;CAClB,MAAM,WAAW;EAAE;EAAI;EAAS;EAAM,GAAG;EAAS;AAElD,eAAc,CAAC,GAAG,aAAa,SAAS;AACxC,SAAQ;AACR,QAAO;;AAGT,MAAa,sBAAsB;AACjC,QAAO,sBACJ,aAAa;AACZ,YAAU,KAAK,SAAS;AACxB,eAAa;AACX,eAAY,UAAU,QAAQ,MAAM,MAAM,SAAS;;UAGjD,mBACA,EAAE,CACT;;AAGH,MAAM,aAAa,SAAiB,YAClC,SAAS,SAAS,WAAW,QAAQ;AAEvC,MAAa,QAAQ,OAAO,OAAO,WAAW;CAC5C,UAAU,SAAiB,YACzB,SAAS,SAAS,WAAW,QAAQ;CACvC,QAAQ,SAAiB,YACvB,SAAS,SAAS,SAAS,QAAQ;CACrC,UAAU,SAAiB,YACzB,SAAS,SAAS,WAAW;EAC3B,GAAG;EACH,UAAU,SAAS,YAAY;EAChC,CAAC;CACJ,UAAU,OAAe;AACvB,gBAAc,YAAY,QAAQ,MAAM,EAAE,OAAO,GAAG;AACpD,UAAQ;;CAEX,CAAC"}

package/dist/components/Toggle/Toggle.d.cts

@@ -5,7 +5,7 @@ import "../Text/index.cjs";
 import "../../utils/index.cjs";
 import { ToggleVariants } from "./Toggle.styles.cjs";
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/Toggle/Toggle.d.ts
 interface ToggleRootProps extends Omit<React.ComponentProps<'label'>, 'onChange'>, ToggleVariants {
@@ -23,11 +23,11 @@ declare const Toggle: {
     children,
     className,
     ...props
-  }: ToggleRootProps): react_jsx_runtime3.JSX.Element;
+  }: ToggleRootProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 } & {
   Switch: {
-    (): react_jsx_runtime3.JSX.Element;
+    (): react_jsx_runtime10.JSX.Element;
     displayName: string;
   };
   Label: {
@@ -37,7 +37,7 @@ declare const Toggle: {
       textColor,
       className,
       ...props
-    }: ToggleLabelProps<E>): react_jsx_runtime3.JSX.Element;
+    }: ToggleLabelProps<E>): react_jsx_runtime10.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/Toggle/Toggle.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.cts","names":[],"sources":["../../../src/components/Toggle/Toggle.tsx"],"mappings":";;;;;;;;;;UAyBiB,eAAA,SACP,IAAA,CAAK,KAAA,CAAM,cAAA,wBAAsC,cAAA;EACzD,cAAA;EACA,eAAA,IAAmB,OAAA;EACnB,QAAA,GAAW,KAAA,CAAM,SAAA;AAAA;AAAA,KAwDP,gBAAA,WAA2B,WAAA,aAAwB,gBAAA,CAC7D,CAAA,EACA,YAAA;AAAA,cA8BW,MAAA;EAAA;;;;;;;;KA7EV,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;eAkDa,WAAA;MAAW,QAAA;MAAA,UAAA;MAAA,SAAA;MAAA,SAAA;MAAA,GAAA;IAAA,GAMvC,gBAAA,CAAiB,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Toggle.d.cts","names":[],"sources":["../../../src/components/Toggle/Toggle.tsx"],"mappings":";;;;;;;;;;UAyBiB,eAAA,SACP,IAAA,CAAK,KAAA,CAAM,cAAA,wBAAsC,cAAA;EACzD,cAAA;EACA,eAAA,IAAmB,OAAA;EACnB,QAAA,GAAW,KAAA,CAAM,SAAA;AAAA;AAAA,KAwDP,gBAAA,WAA2B,WAAA,aAAwB,gBAAA,CAC7D,CAAA,EACA,YAAA;AAAA,cA8BW,MAAA;EAAA;;;;;;;;KA7EV,eAAA,GAAe,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;eAkDa,WAAA;MAAW,QAAA;MAAA,UAAA;MAAA,SAAA;MAAA,SAAA;MAAA,GAAA;IAAA,GAMvC,gBAAA,CAAiB,CAAA,IAAE,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Toggle/Toggle.d.mts

@@ -5,7 +5,7 @@ import "../Text/index.mjs";
 import "../../utils/index.mjs";
 import { ToggleVariants } from "./Toggle.styles.mjs";
 import React from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/Toggle/Toggle.d.ts
 interface ToggleRootProps extends Omit<React.ComponentProps<'label'>, 'onChange'>, ToggleVariants {
@@ -23,11 +23,11 @@ declare const Toggle: {
     children,
     className,
     ...props
-  }: ToggleRootProps): react_jsx_runtime4.JSX.Element;
+  }: ToggleRootProps): react_jsx_runtime9.JSX.Element;
   displayName: string;
 } & {
   Switch: {
-    (): react_jsx_runtime4.JSX.Element;
+    (): react_jsx_runtime9.JSX.Element;
     displayName: string;
   };
   Label: {
@@ -37,7 +37,7 @@ declare const Toggle: {
       textColor,
       className,
       ...props
-    }: ToggleLabelProps<E>): react_jsx_runtime4.JSX.Element;
+    }: ToggleLabelProps<E>): react_jsx_runtime9.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/Toggle/Toggle.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants31 from "tailwind-variants";
+import * as tailwind_variants33 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Toggle/Toggle.styles.d.ts
-declare const toggle: tailwind_variants31.TVReturnType<{
+declare const toggle: tailwind_variants33.TVReturnType<{
   checked: {
     true: {
       switch: string;
@@ -46,7 +46,7 @@ declare const toggle: tailwind_variants31.TVReturnType<{
   switch: string;
   switchThumb: string;
   label: string;
-}, tailwind_variants31.TVReturnType<{
+}, tailwind_variants33.TVReturnType<{
   checked: {
     true: {
       switch: string;

package/dist/components/Toggle/Toggle.styles.d.mts

@@ -1,8 +1,8 @@
-import * as tailwind_variants31 from "tailwind-variants";
+import * as tailwind_variants35 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Toggle/Toggle.styles.d.ts
-declare const toggle: tailwind_variants31.TVReturnType<{
+declare const toggle: tailwind_variants35.TVReturnType<{
   checked: {
     true: {
       switch: string;
@@ -46,7 +46,7 @@ declare const toggle: tailwind_variants31.TVReturnType<{
   switch: string;
   switchThumb: string;
   label: string;
-}, tailwind_variants31.TVReturnType<{
+}, tailwind_variants35.TVReturnType<{
   checked: {
     true: {
       switch: string;

package/dist/components/VStack/VStack.d.mts

@@ -1,14 +1,14 @@
 import { StackProps } from "../Stack/Stack.mjs";
 import "../Stack/index.mjs";
 import { ElementType } from "react";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/components/VStack/VStack.d.ts
 type VStackProps<E extends ElementType = 'div'> = Omit<StackProps<E>, 'direction'>;
 declare const VStack: {
   <E extends ElementType = "div">({
     ...props
-  }: VStackProps<E>): react_jsx_runtime19.JSX.Element;
+  }: VStackProps<E>): react_jsx_runtime18.JSX.Element;
   displayName: string;
 };
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@causw/core",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "description": "Core components and utilities for CAUSW Design System - CAU Software Community Service",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -37,8 +37,8 @@
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.2.2",
     "vaul": "^1.1.2",
-    "@causw/tokens": "0.0.12",
-    "@causw/icons": "1.0.3"
+    "@causw/icons": "1.0.3",
+    "@causw/tokens": "0.0.12"
   },
   "peerDependencies": {
     "react": ">=18",