@causw/core 0.0.19 → 0.0.21

package/dist/components/TextArea/TextArea.d.cts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import "../Primitive/index.cjs";
 import { TextAreaVariants } from "./TextArea.styles.cjs";
 import React from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/TextArea/TextArea.d.ts
 interface TextAreaProps extends React.HTMLAttributes<HTMLDivElement>, PrimitiveProps {
@@ -17,7 +17,7 @@ declare const TextArea: {
     className,
     children,
     ...props
-  }: TextAreaProps): react_jsx_runtime6.JSX.Element;
+  }: TextAreaProps): react_jsx_runtime4.JSX.Element;
   displayName: string;
 } & {
   Input: {
@@ -26,7 +26,7 @@ declare const TextArea: {
       disabled: disabledProp,
       className,
       ...props
-    }: TextAreaInputProps): react_jsx_runtime6.JSX.Element;
+    }: TextAreaInputProps): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -34,7 +34,7 @@ declare const TextArea: {
       className,
       children,
       ...props
-    }: TextAreaFooterProps): react_jsx_runtime6.JSX.Element;
+    }: TextAreaFooterProps): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/TextArea/TextArea.d.mts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
 import "../Primitive/index.mjs";
 import { TextAreaVariants } from "./TextArea.styles.mjs";
 import React from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/TextArea/TextArea.d.ts
 interface TextAreaProps extends React.HTMLAttributes<HTMLDivElement>, PrimitiveProps {
@@ -17,7 +17,7 @@ declare const TextArea: {
     className,
     children,
     ...props
-  }: TextAreaProps): react_jsx_runtime5.JSX.Element;
+  }: TextAreaProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 } & {
   Input: {
@@ -26,7 +26,7 @@ declare const TextArea: {
       disabled: disabledProp,
       className,
       ...props
-    }: TextAreaInputProps): react_jsx_runtime5.JSX.Element;
+    }: TextAreaInputProps): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -34,7 +34,7 @@ declare const TextArea: {
       className,
       children,
       ...props
-    }: TextAreaFooterProps): react_jsx_runtime5.JSX.Element;
+    }: TextAreaFooterProps): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
 };

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants33 from "tailwind-variants";
+import * as tailwind_variants31 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/TextArea/TextArea.styles.d.ts
-declare const textArea: tailwind_variants33.TVReturnType<{
+declare const textArea: tailwind_variants31.TVReturnType<{
   disabled: {
     true: {
       root: string;
@@ -52,7 +52,7 @@ declare const textArea: tailwind_variants33.TVReturnType<{
   root: string;
   input: string;
   footer: string;
-}, tailwind_variants33.TVReturnType<{
+}, tailwind_variants31.TVReturnType<{
   disabled: {
     true: {
       root: string;

package/dist/components/TextInput/TextInput.d.cts

@@ -2,7 +2,7 @@ import { TextVariants } from "../Text/Text.styles.cjs";
 import "../Text/index.cjs";
 import { TextInputVariants } from "./TextInput.styles.cjs";
 import React from "react";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/components/TextInput/TextInput.d.ts
 interface TextInputProps extends React.ComponentProps<'input'>, TextVariants, TextInputVariants {
@@ -25,7 +25,7 @@ declare const TextInput: {
     typography,
     textColor,
     ...props
-  }: TextInputProps): react_jsx_runtime19.JSX.Element;
+  }: TextInputProps): react_jsx_runtime7.JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.cts","names":[],"sources":["../../../src/components/TextInput/TextInput.tsx"],"mappings":";;;;;;;UAMiB,cAAA,SACP,KAAA,CAAM,cAAA,WAAyB,YAAA,EAAc,iBAAA;;EAErD,QAAA,GAAW,KAAA,CAAM,SAAA;;EAEjB,SAAA,GAAY,KAAA,CAAM,SAAA;EAJlB;EAMA,KAAA;AAAA;AAAA,cAGW,SAAA;EAAA;;;;;;;;;;;KAWV,cAAA,GAAc,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"TextInput.d.cts","names":[],"sources":["../../../src/components/TextInput/TextInput.tsx"],"mappings":";;;;;;;UAMiB,cAAA,SACP,KAAA,CAAM,cAAA,WAAyB,YAAA,EAAc,iBAAA;;EAErD,QAAA,GAAW,KAAA,CAAM,SAAA;;EAEjB,SAAA,GAAY,KAAA,CAAM,SAAA;EAJlB;EAMA,KAAA;AAAA;AAAA,cAGW,SAAA;EAAA;;;;;;;;;;;KAWV,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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_runtime31 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_runtime31.JSX.Element;
+}: ToastProps) => react_jsx_runtime43.JSX.Element;
 type ToastViewportProps = React.ComponentProps<typeof ToastPrimitives.Viewport>;
 declare const ToastViewport: ({
   className,
   ...props
-}: ToastViewportProps) => react_jsx_runtime31.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 react15 from "react";
-import * as react_jsx_runtime67 from "react/jsx-runtime";
+import * as react11 from "react";
+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,13 +15,13 @@ declare const Toast: ({
   message,
   icon,
   ...props
-}: ToastProps) => react_jsx_runtime67.JSX.Element;
+}: ToastProps) => react_jsx_runtime44.JSX.Element;
 type ToastViewportProps = React.ComponentProps<typeof ToastPrimitives.Viewport>;
 declare const ToastViewport: ({
   className,
   ...props
-}: ToastViewportProps) => react_jsx_runtime67.JSX.Element;
-declare const ToastProvider: react15.FC<ToastPrimitives.ToastProviderProps>;
+}: ToastViewportProps) => react_jsx_runtime44.JSX.Element;
+declare const ToastProvider: react11.FC<ToastPrimitives.ToastProviderProps>;
 //#endregion
 export { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps };
 //# sourceMappingURL=Toast.d.mts.map

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants19 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_variants19.TVReturnType<{
+declare const toast: tailwind_variants21.TVReturnType<{
   variant: {
     default: {
       root: string;
@@ -20,7 +20,7 @@ declare const toast: tailwind_variants19.TVReturnType<{
 }, {
   root: string[];
   viewport: string[];
-}, tailwind_variants19.TVReturnType<{
+}, tailwind_variants21.TVReturnType<{
   variant: {
     default: {
       root: string;

package/dist/components/Toast/Toaster.cjs

@@ -0,0 +1,41 @@
+'use client';
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Toast = require('./Toast.cjs');
+const require_toastStore = require('./toastStore.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let _causw_icons = require("@causw/icons");
+
+//#region src/components/Toast/Toaster.tsx
+const Icons = {
+	success: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_causw_icons.SuccessColored, { size: 20 }),
+	error: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_causw_icons.ErrorColored, { size: 20 }),
+	loading: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_causw_icons.LoadingColored, {
+		size: 20,
+		className: "animate-spin"
+	})
+};
+const toastIconMap = {
+	success: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icons.success, {}),
+	error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icons.error, {}),
+	loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icons.loading, {}),
+	default: void 0
+};
+const Toaster = () => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Toast.ToastProvider, { children: [require_toastStore.useToastStore().map((t) => {
+		const iconToRender = t.icon || toastIconMap[t.type];
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Toast.Toast, {
+			message: t.message,
+			icon: iconToRender,
+			variant: "default",
+			duration: t.duration || 3e3,
+			open: true,
+			onOpenChange: (open) => {
+				if (!open) require_toastStore.toast.dismiss(t.id);
+			}
+		}, t.id);
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Toast.ToastViewport, {})] });
+};
+
+//#endregion
+exports.Toaster = Toaster;

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

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,41 @@
+'use client';
+
+import { Toast, ToastProvider, ToastViewport } from "./Toast.mjs";
+import { toast, useToastStore } from "./toastStore.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ErrorColored, LoadingColored, SuccessColored } from "@causw/icons";
+
+//#region src/components/Toast/Toaster.tsx
+const Icons = {
+	success: () => /* @__PURE__ */ jsx(SuccessColored, { size: 20 }),
+	error: () => /* @__PURE__ */ jsx(ErrorColored, { size: 20 }),
+	loading: () => /* @__PURE__ */ jsx(LoadingColored, {
+		size: 20,
+		className: "animate-spin"
+	})
+};
+const toastIconMap = {
+	success: /* @__PURE__ */ jsx(Icons.success, {}),
+	error: /* @__PURE__ */ jsx(Icons.error, {}),
+	loading: /* @__PURE__ */ jsx(Icons.loading, {}),
+	default: void 0
+};
+const Toaster = () => {
+	return /* @__PURE__ */ jsxs(ToastProvider, { children: [useToastStore().map((t) => {
+		const iconToRender = t.icon || toastIconMap[t.type];
+		return /* @__PURE__ */ jsx(Toast, {
+			message: t.message,
+			icon: iconToRender,
+			variant: "default",
+			duration: t.duration || 3e3,
+			open: true,
+			onOpenChange: (open) => {
+				if (!open) toast.dismiss(t.id);
+			}
+		}, t.id);
+	}), /* @__PURE__ */ jsx(ToastViewport, {})] });
+};
+
+//#endregion
+export { Toaster };
+//# sourceMappingURL=Toaster.mjs.map

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

@@ -0,0 +1 @@
+{"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/index.d.cts

@@ -1,3 +1,4 @@
 import { ToastVariants } from "./Toast.styles.cjs";
 import { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps } from "./Toast.cjs";
-import { toast } from "./toastStore.cjs";
+import { toast } from "./toastStore.cjs";
+import { Toaster } from "./Toaster.cjs";

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

@@ -1,3 +1,4 @@
 import { ToastVariants } from "./Toast.styles.mjs";
 import { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps } from "./Toast.mjs";
-import { toast } from "./toastStore.mjs";
+import { toast } from "./toastStore.mjs";
+import { Toaster } from "./Toaster.mjs";

package/dist/components/Toast/toastStore.cjs

@@ -1,3 +1,4 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 let react = require("react");
 
 //#region src/components/Toast/toastStore.ts
@@ -11,15 +12,24 @@ const genId = () => {
 };
 const dispatch = (message, type, options) => {
 	const id = genId();
-	memoryState = [{
+	const newToast = {
 		id,
 		message,
 		type,
 		...options
-	}];
+	};
+	memoryState = [...memoryState, newToast];
 	notify();
 	return id;
 };
+const useToastStore = () => {
+	return (0, react.useSyncExternalStore)((listener) => {
+		listeners.push(listener);
+		return () => {
+			listeners = listeners.filter((l) => l !== listener);
+		};
+	}, () => memoryState, () => []);
+};
 const toastRoot = (message, options) => dispatch(message, "default", options);
 const toast = Object.assign(toastRoot, {
 	success: (message, options) => dispatch(message, "success", options),
@@ -35,4 +45,5 @@ const toast = Object.assign(toastRoot, {
 });
 
 //#endregion
-exports.toast = toast;
+exports.toast = toast;
+exports.useToastStore = useToastStore;

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

@@ -1,4 +1,4 @@
-import "react";
+import { useSyncExternalStore } from "react";
 
 //#region src/components/Toast/toastStore.ts
 let memoryState = [];
@@ -11,15 +11,24 @@ const genId = () => {
 };
 const dispatch = (message, type, options) => {
 	const id = genId();
-	memoryState = [{
+	const newToast = {
 		id,
 		message,
 		type,
 		...options
-	}];
+	};
+	memoryState = [...memoryState, newToast];
 	notify();
 	return id;
 };
+const useToastStore = () => {
+	return useSyncExternalStore((listener) => {
+		listeners.push(listener);
+		return () => {
+			listeners = listeners.filter((l) => l !== listener);
+		};
+	}, () => memoryState, () => []);
+};
 const toastRoot = (message, options) => dispatch(message, "default", options);
 const toast = Object.assign(toastRoot, {
 	success: (message, options) => dispatch(message, "success", options),
@@ -35,5 +44,5 @@ const toast = Object.assign(toastRoot, {
 });
 
 //#endregion
-export { toast };
+export { toast, useToastStore };
 //# sourceMappingURL=toastStore.mjs.map

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;;AAeT,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_runtime14 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_runtime14.JSX.Element;
+  }: ToggleRootProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 } & {
   Switch: {
-    (): react_jsx_runtime14.JSX.Element;
+    (): react_jsx_runtime10.JSX.Element;
     displayName: string;
   };
   Label: {
@@ -37,7 +37,7 @@ declare const Toggle: {
       textColor,
       className,
       ...props
-    }: ToggleLabelProps<E>): react_jsx_runtime14.JSX.Element;
+    }: ToggleLabelProps<E>): react_jsx_runtime10.JSX.Element;
     displayName: string;
   };
 };

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_runtime10 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_runtime10.JSX.Element;
+  }: ToggleRootProps): react_jsx_runtime9.JSX.Element;
   displayName: string;
 } & {
   Switch: {
-    (): react_jsx_runtime10.JSX.Element;
+    (): react_jsx_runtime9.JSX.Element;
     displayName: string;
   };
   Label: {
@@ -37,7 +37,7 @@ declare const Toggle: {
       textColor,
       className,
       ...props
-    }: ToggleLabelProps<E>): react_jsx_runtime10.JSX.Element;
+    }: ToggleLabelProps<E>): react_jsx_runtime9.JSX.Element;
     displayName: string;
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.mts","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"}
+{"version":3,"file":"Toggle.d.mts","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"}

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants39 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_variants39.TVReturnType<{
+declare const toggle: tailwind_variants33.TVReturnType<{
   checked: {
     true: {
       switch: string;
@@ -46,7 +46,7 @@ declare const toggle: tailwind_variants39.TVReturnType<{
   switch: string;
   switchThumb: string;
   label: string;
-}, tailwind_variants39.TVReturnType<{
+}, tailwind_variants33.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/dist/components/index.d.cts

@@ -69,6 +69,7 @@ import "./Tab/index.cjs";
 import { ToastVariants } from "./Toast/Toast.styles.cjs";
 import { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps } from "./Toast/Toast.cjs";
 import { toast } from "./Toast/toastStore.cjs";
+import { Toaster } from "./Toast/Toaster.cjs";
 import "./Toast/index.cjs";
 import { ModalVariants } from "./Modal/Modal.styles.cjs";
 import { Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps } from "./Modal/Modal.cjs";

package/dist/components/index.d.mts

@@ -69,6 +69,7 @@ import "./Tab/index.mjs";
 import { ToastVariants } from "./Toast/Toast.styles.mjs";
 import { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps } from "./Toast/Toast.mjs";
 import { toast } from "./Toast/toastStore.mjs";
+import { Toaster } from "./Toast/Toaster.mjs";
 import "./Toast/index.mjs";
 import { ModalVariants } from "./Modal/Modal.styles.mjs";
 import { Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps } from "./Modal/Modal.mjs";

package/dist/index.cjs

@@ -32,6 +32,7 @@ const require_Avatar = require('./components/Avatar/Avatar.cjs');
 const require_Tab = require('./components/Tab/Tab.cjs');
 const require_Toast = require('./components/Toast/Toast.cjs');
 const require_toastStore = require('./components/Toast/toastStore.cjs');
+const require_Toaster = require('./components/Toast/Toaster.cjs');
 const require_Modal = require('./components/Modal/Modal.cjs');
 const require_Sidebar = require('./components/Sidebar/Sidebar.cjs');
 const require_BottomNavigation = require('./components/BottomNavigation/BottomNavigation.cjs');
@@ -81,6 +82,7 @@ exports.TextInput = require_TextInput.TextInput;
 exports.Toast = require_Toast.Toast;
 exports.ToastProvider = require_Toast.ToastProvider;
 exports.ToastViewport = require_Toast.ToastViewport;
+exports.Toaster = require_Toaster.Toaster;
 exports.Toggle = require_Toggle.Toggle;
 exports.VStack = require_VStack.VStack;
 exports.box = require_Box_styles.box;

package/dist/index.d.cts

@@ -47,6 +47,7 @@ import { Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps } fro
 import { ToastVariants } from "./components/Toast/Toast.styles.cjs";
 import { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps } from "./components/Toast/Toast.cjs";
 import { toast } from "./components/Toast/toastStore.cjs";
+import { Toaster } from "./components/Toast/Toaster.cjs";
 import { ModalVariants } from "./components/Modal/Modal.styles.cjs";
 import { Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps } from "./components/Modal/Modal.cjs";
 import { SidebarVariants } from "./components/Sidebar/Sidebar.styles.cjs";
@@ -60,4 +61,4 @@ import { PullToRefresh, PullToRefreshProps } from "./components/PullToRefresh/Pu
 import { DatePickerVariants } from "./components/DatePicker/DatePicker.styles.cjs";
 import { DatePicker, DatePickerProps } from "./components/DatePicker/DatePicker.cjs";
 import "./components/index.cjs";
-export { Avatar, AvatarProps, AvatarVariants, BottomNavigation, BottomSheet, Box, BoxProps, BoxVariants, Button, ButtonProps, CTAButton, CTAButtonProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxLabelProps, CheckboxRootProps, Chip, ChipProps, ChipVariants, DatePicker, DatePickerProps, DatePickerVariants, Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogVariants, Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps, DropdownVariants, Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps, Flex, FlexAlign, FlexDirection, FlexGap, FlexJustify, FlexProps, Float, FloatProps, FloatingActionButton, FloatingActionButtonProps, Grid, GridProps, HStack, HStackProps, Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps, ModalVariants, PolymorphicProps, PolymorphicPropsWithoutRef, Primitive, PrimitiveProps, PullToRefresh, PullToRefreshProps, Radio, RadioGroup, RadioGroupProps, RadioProps, RatioChart, RatioChartEditor, RatioChartEditorOption, RatioChartEditorProps, RatioChartFooterProps, RatioChartItemProps, RatioChartRootProps, Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps, SelectVariants, Separator, SeparatorProps, SeparatorVariants, Sidebar, SidebarVariants, Skeleton, SkeletonProps, Spacer, SpacerProps, SpacerVariants, Spinner, SpinnerProps, Stack, StackProps, StackVariants, Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps, TabVariants, Text, TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps, TextElement, TextInput, TextInputProps, TextInputVariants, TextProps, TextVariants, Toast, ToastProps, ToastProvider, ToastVariants, ToastViewport, ToastViewportProps, Toggle, ToggleLabelProps, ToggleRootProps, VStack, VStackProps, box, convertPxToRem, mergeStyles, splitVariantProps, toast, useRadioGroupContext };
+export { Avatar, AvatarProps, AvatarVariants, BottomNavigation, BottomSheet, Box, BoxProps, BoxVariants, Button, ButtonProps, CTAButton, CTAButtonProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxLabelProps, CheckboxRootProps, Chip, ChipProps, ChipVariants, DatePicker, DatePickerProps, DatePickerVariants, Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogVariants, Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps, DropdownVariants, Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps, Flex, FlexAlign, FlexDirection, FlexGap, FlexJustify, FlexProps, Float, FloatProps, FloatingActionButton, FloatingActionButtonProps, Grid, GridProps, HStack, HStackProps, Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps, ModalVariants, PolymorphicProps, PolymorphicPropsWithoutRef, Primitive, PrimitiveProps, PullToRefresh, PullToRefreshProps, Radio, RadioGroup, RadioGroupProps, RadioProps, RatioChart, RatioChartEditor, RatioChartEditorOption, RatioChartEditorProps, RatioChartFooterProps, RatioChartItemProps, RatioChartRootProps, Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps, SelectVariants, Separator, SeparatorProps, SeparatorVariants, Sidebar, SidebarVariants, Skeleton, SkeletonProps, Spacer, SpacerProps, SpacerVariants, Spinner, SpinnerProps, Stack, StackProps, StackVariants, Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps, TabVariants, Text, TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps, TextElement, TextInput, TextInputProps, TextInputVariants, TextProps, TextVariants, Toast, ToastProps, ToastProvider, ToastVariants, ToastViewport, ToastViewportProps, Toaster, Toggle, ToggleLabelProps, ToggleRootProps, VStack, VStackProps, box, convertPxToRem, mergeStyles, splitVariantProps, toast, useRadioGroupContext };

package/dist/index.d.mts

@@ -47,6 +47,7 @@ import { Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps } fro
 import { ToastVariants } from "./components/Toast/Toast.styles.mjs";
 import { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps } from "./components/Toast/Toast.mjs";
 import { toast } from "./components/Toast/toastStore.mjs";
+import { Toaster } from "./components/Toast/Toaster.mjs";
 import { ModalVariants } from "./components/Modal/Modal.styles.mjs";
 import { Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps } from "./components/Modal/Modal.mjs";
 import { SidebarVariants } from "./components/Sidebar/Sidebar.styles.mjs";
@@ -60,4 +61,4 @@ import { PullToRefresh, PullToRefreshProps } from "./components/PullToRefresh/Pu
 import { DatePickerVariants } from "./components/DatePicker/DatePicker.styles.mjs";
 import { DatePicker, DatePickerProps } from "./components/DatePicker/DatePicker.mjs";
 import "./components/index.mjs";
-export { Avatar, AvatarProps, AvatarVariants, BottomNavigation, BottomSheet, Box, BoxProps, BoxVariants, Button, ButtonProps, CTAButton, CTAButtonProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxLabelProps, CheckboxRootProps, Chip, ChipProps, ChipVariants, DatePicker, DatePickerProps, DatePickerVariants, Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogVariants, Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps, DropdownVariants, Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps, Flex, FlexAlign, FlexDirection, FlexGap, FlexJustify, FlexProps, Float, FloatProps, FloatingActionButton, FloatingActionButtonProps, Grid, GridProps, HStack, HStackProps, Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps, ModalVariants, PolymorphicProps, PolymorphicPropsWithoutRef, Primitive, PrimitiveProps, PullToRefresh, PullToRefreshProps, Radio, RadioGroup, RadioGroupProps, RadioProps, RatioChart, RatioChartEditor, RatioChartEditorOption, RatioChartEditorProps, RatioChartFooterProps, RatioChartItemProps, RatioChartRootProps, Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps, SelectVariants, Separator, SeparatorProps, SeparatorVariants, Sidebar, SidebarVariants, Skeleton, SkeletonProps, Spacer, SpacerProps, SpacerVariants, Spinner, SpinnerProps, Stack, StackProps, StackVariants, Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps, TabVariants, Text, TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps, TextElement, TextInput, TextInputProps, TextInputVariants, TextProps, TextVariants, Toast, ToastProps, ToastProvider, ToastVariants, ToastViewport, ToastViewportProps, Toggle, ToggleLabelProps, ToggleRootProps, VStack, VStackProps, box, convertPxToRem, mergeStyles, splitVariantProps, toast, useRadioGroupContext };
+export { Avatar, AvatarProps, AvatarVariants, BottomNavigation, BottomSheet, Box, BoxProps, BoxVariants, Button, ButtonProps, CTAButton, CTAButtonProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxLabelProps, CheckboxRootProps, Chip, ChipProps, ChipVariants, DatePicker, DatePickerProps, DatePickerVariants, Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogVariants, Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps, DropdownVariants, Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps, Flex, FlexAlign, FlexDirection, FlexGap, FlexJustify, FlexProps, Float, FloatProps, FloatingActionButton, FloatingActionButtonProps, Grid, GridProps, HStack, HStackProps, Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps, ModalVariants, PolymorphicProps, PolymorphicPropsWithoutRef, Primitive, PrimitiveProps, PullToRefresh, PullToRefreshProps, Radio, RadioGroup, RadioGroupProps, RadioProps, RatioChart, RatioChartEditor, RatioChartEditorOption, RatioChartEditorProps, RatioChartFooterProps, RatioChartItemProps, RatioChartRootProps, Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps, SelectVariants, Separator, SeparatorProps, SeparatorVariants, Sidebar, SidebarVariants, Skeleton, SkeletonProps, Spacer, SpacerProps, SpacerVariants, Spinner, SpinnerProps, Stack, StackProps, StackVariants, Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps, TabVariants, Text, TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps, TextElement, TextInput, TextInputProps, TextInputVariants, TextProps, TextVariants, Toast, ToastProps, ToastProvider, ToastVariants, ToastViewport, ToastViewportProps, Toaster, Toggle, ToggleLabelProps, ToggleRootProps, VStack, VStackProps, box, convertPxToRem, mergeStyles, splitVariantProps, toast, useRadioGroupContext };

package/dist/index.mjs

@@ -32,6 +32,7 @@ import { Avatar } from "./components/Avatar/Avatar.mjs";
 import { Tab } from "./components/Tab/Tab.mjs";
 import { Toast, ToastProvider, ToastViewport } from "./components/Toast/Toast.mjs";
 import { toast } from "./components/Toast/toastStore.mjs";
+import { Toaster } from "./components/Toast/Toaster.mjs";
 import { Modal } from "./components/Modal/Modal.mjs";
 import { Sidebar } from "./components/Sidebar/Sidebar.mjs";
 import { BottomNavigation } from "./components/BottomNavigation/BottomNavigation.mjs";
@@ -42,4 +43,4 @@ import { Spinner } from "./components/Spinner/Spinner.mjs";
 import { PullToRefresh } from "./components/PullToRefresh/PullToRefresh.mjs";
 import { DatePicker } from "./components/DatePicker/DatePicker.mjs";
 
-export { Avatar, BottomNavigation, BottomSheet, Box, Button, CTAButton, Calendar, Checkbox, Chip, DatePicker, Dialog, Dropdown, Field, Flex, Float, FloatingActionButton, Grid, HStack, Modal, Primitive, PullToRefresh, Radio, RadioGroup, RatioChart, RatioChartEditor, Select, Separator, Sidebar, Skeleton, Spacer, Spinner, Stack, Tab, Text, TextArea, TextInput, Toast, ToastProvider, ToastViewport, Toggle, VStack, box, convertPxToRem, mergeStyles, splitVariantProps, toast, useRadioGroupContext };
+export { Avatar, BottomNavigation, BottomSheet, Box, Button, CTAButton, Calendar, Checkbox, Chip, DatePicker, Dialog, Dropdown, Field, Flex, Float, FloatingActionButton, Grid, HStack, Modal, Primitive, PullToRefresh, Radio, RadioGroup, RatioChart, RatioChartEditor, Select, Separator, Sidebar, Skeleton, Spacer, Spinner, Stack, Tab, Text, TextArea, TextInput, Toast, ToastProvider, ToastViewport, Toaster, Toggle, VStack, box, convertPxToRem, mergeStyles, splitVariantProps, toast, useRadioGroupContext };