@causw/core 0.0.18 → 0.0.20

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
@@ -20,6 +21,14 @@ const dispatch = (message, type, options) => {
 	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 +44,5 @@ const toast = Object.assign(toastRoot, {
 });
 
 //#endregion
-exports.toast = toast;
+exports.toast = toast;
+exports.useToastStore = useToastStore;

package/dist/components/Toast/toastStore.mjs

@@ -1,4 +1,4 @@
-import "react";
+import { useSyncExternalStore } from "react";
 
 //#region src/components/Toast/toastStore.ts
 let memoryState = [];
@@ -20,6 +20,14 @@ const dispatch = (message, type, options) => {
 	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 +43,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 = [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"}

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_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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_runtime3.JSX.Element;
   displayName: string;
 } & {
   Switch: {
-    (): react_jsx_runtime4.JSX.Element;
+    (): react_jsx_runtime3.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_runtime3.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_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime4 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_runtime12.JSX.Element;
+  }: ToggleRootProps): react_jsx_runtime4.JSX.Element;
   displayName: string;
 } & {
   Switch: {
-    (): react_jsx_runtime12.JSX.Element;
+    (): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Label: {
@@ -37,7 +37,7 @@ declare const Toggle: {
       textColor,
       className,
       ...props
-    }: ToggleLabelProps<E>): react_jsx_runtime12.JSX.Element;
+    }: ToggleLabelProps<E>): react_jsx_runtime4.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_variants33 from "tailwind-variants";
+import * as tailwind_variants31 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Toggle/Toggle.styles.d.ts
-declare const toggle: tailwind_variants33.TVReturnType<{
+declare const toggle: tailwind_variants31.TVReturnType<{
   checked: {
     true: {
       switch: string;
@@ -46,7 +46,7 @@ declare const toggle: tailwind_variants33.TVReturnType<{
   switch: string;
   switchThumb: string;
   label: string;
-}, tailwind_variants33.TVReturnType<{
+}, tailwind_variants31.TVReturnType<{
   checked: {
     true: {
       switch: string;

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

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

package/dist/components/VStack/VStack.d.cts

@@ -1,14 +1,14 @@
 import { StackProps } from "../Stack/Stack.cjs";
 import "../Stack/index.cjs";
 import { ElementType } from "react";
-import * as react_jsx_runtime56 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime56.JSX.Element;
+  }: VStackProps<E>): react_jsx_runtime17.JSX.Element;
   displayName: string;
 };
 //#endregion

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_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime19 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_runtime18.JSX.Element;
+  }: VStackProps<E>): react_jsx_runtime19.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";
@@ -79,10 +80,8 @@ import "./Sidebar/index.cjs";
 import { BottomNavigation } from "./BottomNavigation/BottomNavigation.cjs";
 import "./BottomNavigation/index.cjs";
 import { Calendar, CalendarEvent, CalendarProps } from "./Calendar/Calendar.cjs";
-import { Drawer } from "./Drawer/Drawer.cjs";
 import { BottomSheet } from "./BottomSheet/BottomSheet.cjs";
 import "./BottomSheet/index.cjs";
-import "./Drawer/index.cjs";
 import { Skeleton, SkeletonProps } from "./Skeleton/Skeleton.cjs";
 import "./Skeleton/index.cjs";
 import { Spinner, SpinnerProps } from "./Spinner/Spinner.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";
@@ -80,10 +81,8 @@ import { BottomNavigation } from "./BottomNavigation/BottomNavigation.mjs";
 import "./BottomNavigation/index.mjs";
 import { Calendar, CalendarEvent, CalendarProps } from "./Calendar/Calendar.mjs";
 import "./Calendar/index.mjs";
-import { Drawer } from "./Drawer/Drawer.mjs";
 import { BottomSheet } from "./BottomSheet/BottomSheet.mjs";
 import "./BottomSheet/index.mjs";
-import "./Drawer/index.mjs";
 import { Skeleton, SkeletonProps } from "./Skeleton/Skeleton.mjs";
 import "./Skeleton/index.mjs";
 import { Spinner, SpinnerProps } from "./Spinner/Spinner.mjs";

package/dist/index.cjs

@@ -32,11 +32,11 @@ 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');
 const require_Calendar = require('./components/Calendar/Calendar.cjs');
-const require_Drawer = require('./components/Drawer/Drawer.cjs');
 const require_BottomSheet = require('./components/BottomSheet/BottomSheet.cjs');
 const require_Skeleton = require('./components/Skeleton/Skeleton.cjs');
 const require_Spinner = require('./components/Spinner/Spinner.cjs');
@@ -54,7 +54,6 @@ exports.Checkbox = require_Checkbox.Checkbox;
 exports.Chip = require_Chip.Chip;
 exports.DatePicker = require_DatePicker.DatePicker;
 exports.Dialog = require_Dialog.Dialog;
-exports.Drawer = require_Drawer.Drawer;
 exports.Dropdown = require_Dropdown.Dropdown;
 exports.Field = require_Field.Field;
 exports.Flex = require_Flex.Flex;
@@ -83,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,13 +47,13 @@ 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";
 import { Sidebar } from "./components/Sidebar/Sidebar.cjs";
 import { BottomNavigation } from "./components/BottomNavigation/BottomNavigation.cjs";
 import { Calendar, CalendarEvent, CalendarProps } from "./components/Calendar/Calendar.cjs";
-import { Drawer } from "./components/Drawer/Drawer.cjs";
 import { BottomSheet } from "./components/BottomSheet/BottomSheet.cjs";
 import { Skeleton, SkeletonProps } from "./components/Skeleton/Skeleton.cjs";
 import { Spinner, SpinnerProps } from "./components/Spinner/Spinner.cjs";
@@ -61,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, Drawer, 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,13 +47,13 @@ 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";
 import { Sidebar } from "./components/Sidebar/Sidebar.mjs";
 import { BottomNavigation } from "./components/BottomNavigation/BottomNavigation.mjs";
 import { Calendar, CalendarEvent, CalendarProps } from "./components/Calendar/Calendar.mjs";
-import { Drawer } from "./components/Drawer/Drawer.mjs";
 import { BottomSheet } from "./components/BottomSheet/BottomSheet.mjs";
 import { Skeleton, SkeletonProps } from "./components/Skeleton/Skeleton.mjs";
 import { Spinner, SpinnerProps } from "./components/Spinner/Spinner.mjs";
@@ -61,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, Drawer, 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,15 +32,15 @@ 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";
 import { Calendar } from "./components/Calendar/Calendar.mjs";
-import { Drawer } from "./components/Drawer/Drawer.mjs";
 import { BottomSheet } from "./components/BottomSheet/BottomSheet.mjs";
 import { Skeleton } from "./components/Skeleton/Skeleton.mjs";
 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, Drawer, 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 };

package/package.json

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

package/src/styles/global.css

@@ -211,7 +211,7 @@
     }
     to {
       opacity: 1;
-      transform: translate(0);
+      transform: translateY(0);
     }
   }
 

package/dist/components/Drawer/Drawer.cjs

@@ -1,41 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Drawer_styles = require('./Drawer.styles.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
-_radix_ui_react_dialog = require_rolldown_runtime.__toESM(_radix_ui_react_dialog);
-
-//#region src/components/Drawer/Drawer.tsx
-const DrawerRoot = _radix_ui_react_dialog.Root;
-const DrawerTrigger = _radix_ui_react_dialog.Trigger;
-const DrawerClose = _radix_ui_react_dialog.Close;
-const DrawerPortal = _radix_ui_react_dialog.Portal;
-const DrawerTitle = _radix_ui_react_dialog.Title;
-const DrawerDescription = _radix_ui_react_dialog.Description;
-const DrawerOverlay = ({ className, ...props }) => {
-	const { overlay } = require_Drawer_styles.drawer();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Overlay, {
-		className: overlay({ className }),
-		...props
-	});
-};
-const DrawerContent = ({ position, className, children, ...props }) => {
-	const { content } = require_Drawer_styles.drawer({ position });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Content, {
-		className: content({ className }),
-		...props,
-		children
-	});
-};
-const Drawer = Object.assign(DrawerRoot, {
-	Root: DrawerRoot,
-	Trigger: DrawerTrigger,
-	Close: DrawerClose,
-	Portal: DrawerPortal,
-	Overlay: DrawerOverlay,
-	Content: DrawerContent,
-	Title: DrawerTitle,
-	Description: DrawerDescription
-});
-
-//#endregion
-exports.Drawer = Drawer;

package/dist/components/Drawer/Drawer.d.cts

@@ -1,29 +0,0 @@
-import { DrawerVariants } from "./Drawer.styles.cjs";
-import * as react5 from "react";
-import * as react_jsx_runtime70 from "react/jsx-runtime";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-
-//#region src/components/Drawer/Drawer.d.ts
-type DrawerOverlayProps = React.ComponentProps<typeof DialogPrimitive.Overlay>;
-type DrawerContentProps = React.ComponentProps<typeof DialogPrimitive.Content> & DrawerVariants;
-declare const Drawer: react5.FC<DialogPrimitive.DialogProps> & {
-  Root: react5.FC<DialogPrimitive.DialogProps>;
-  Trigger: react5.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react5.RefAttributes<HTMLButtonElement>>;
-  Close: react5.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react5.RefAttributes<HTMLButtonElement>>;
-  Portal: react5.FC<DialogPrimitive.DialogPortalProps>;
-  Overlay: ({
-    className,
-    ...props
-  }: DrawerOverlayProps) => react_jsx_runtime70.JSX.Element;
-  Content: ({
-    position,
-    className,
-    children,
-    ...props
-  }: DrawerContentProps) => react_jsx_runtime70.JSX.Element;
-  Title: react5.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & react5.RefAttributes<HTMLHeadingElement>>;
-  Description: react5.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & react5.RefAttributes<HTMLParagraphElement>>;
-};
-//#endregion
-export { Drawer };
-//# sourceMappingURL=Drawer.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.cts","names":[],"sources":["../../../src/components/Drawer/Drawer.tsx"],"mappings":";;;;;;KAUK,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,KASjE,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,eAAA,CAAgB,OAAA,IACpE,cAAA;AAAA,cAgBW,MAAA,EAAM,MAAA,CAAA,EAAA,CAAA,eAAA,CAAA,WAAA;;;;;;;;KAxB6B,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KAe/D,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Drawer/Drawer.d.mts

@@ -1,29 +0,0 @@
-import { DrawerVariants } from "./Drawer.styles.mjs";
-import * as react16 from "react";
-import * as react_jsx_runtime82 from "react/jsx-runtime";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-
-//#region src/components/Drawer/Drawer.d.ts
-type DrawerOverlayProps = React.ComponentProps<typeof DialogPrimitive.Overlay>;
-type DrawerContentProps = React.ComponentProps<typeof DialogPrimitive.Content> & DrawerVariants;
-declare const Drawer: react16.FC<DialogPrimitive.DialogProps> & {
-  Root: react16.FC<DialogPrimitive.DialogProps>;
-  Trigger: react16.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react16.RefAttributes<HTMLButtonElement>>;
-  Close: react16.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react16.RefAttributes<HTMLButtonElement>>;
-  Portal: react16.FC<DialogPrimitive.DialogPortalProps>;
-  Overlay: ({
-    className,
-    ...props
-  }: DrawerOverlayProps) => react_jsx_runtime82.JSX.Element;
-  Content: ({
-    position,
-    className,
-    children,
-    ...props
-  }: DrawerContentProps) => react_jsx_runtime82.JSX.Element;
-  Title: react16.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & react16.RefAttributes<HTMLHeadingElement>>;
-  Description: react16.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & react16.RefAttributes<HTMLParagraphElement>>;
-};
-//#endregion
-export { Drawer };
-//# sourceMappingURL=Drawer.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.mts","names":[],"sources":["../../../src/components/Drawer/Drawer.tsx"],"mappings":";;;;;;KAUK,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,KASjE,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,eAAA,CAAgB,OAAA,IACpE,cAAA;AAAA,cAgBW,MAAA,EAAM,OAAA,CAAA,EAAA,CAAA,eAAA,CAAA,WAAA;;;;;;;;KAxB6B,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KAe/D,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Drawer/Drawer.mjs

@@ -1,40 +0,0 @@
-import { drawer } from "./Drawer.styles.mjs";
-import { jsx } from "react/jsx-runtime";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-
-//#region src/components/Drawer/Drawer.tsx
-const DrawerRoot = DialogPrimitive.Root;
-const DrawerTrigger = DialogPrimitive.Trigger;
-const DrawerClose = DialogPrimitive.Close;
-const DrawerPortal = DialogPrimitive.Portal;
-const DrawerTitle = DialogPrimitive.Title;
-const DrawerDescription = DialogPrimitive.Description;
-const DrawerOverlay = ({ className, ...props }) => {
-	const { overlay } = drawer();
-	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
-		className: overlay({ className }),
-		...props
-	});
-};
-const DrawerContent = ({ position, className, children, ...props }) => {
-	const { content } = drawer({ position });
-	return /* @__PURE__ */ jsx(DialogPrimitive.Content, {
-		className: content({ className }),
-		...props,
-		children
-	});
-};
-const Drawer = Object.assign(DrawerRoot, {
-	Root: DrawerRoot,
-	Trigger: DrawerTrigger,
-	Close: DrawerClose,
-	Portal: DrawerPortal,
-	Overlay: DrawerOverlay,
-	Content: DrawerContent,
-	Title: DrawerTitle,
-	Description: DrawerDescription
-});
-
-//#endregion
-export { Drawer };
-//# sourceMappingURL=Drawer.mjs.map

package/dist/components/Drawer/Drawer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.mjs","names":[],"sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { drawer, DrawerVariants } from './Drawer.styles';\n\nconst DrawerRoot = DialogPrimitive.Root;\nconst DrawerTrigger = DialogPrimitive.Trigger;\nconst DrawerClose = DialogPrimitive.Close;\nconst DrawerPortal = DialogPrimitive.Portal;\nconst DrawerTitle = DialogPrimitive.Title;\nconst DrawerDescription = DialogPrimitive.Description;\n\ntype DrawerOverlayProps = React.ComponentProps<typeof DialogPrimitive.Overlay>;\n\nconst DrawerOverlay = ({ className, ...props }: DrawerOverlayProps) => {\n  const { overlay } = drawer();\n  return (\n    <DialogPrimitive.Overlay className={overlay({ className })} {...props} />\n  );\n};\n\ntype DrawerContentProps = React.ComponentProps<typeof DialogPrimitive.Content> &\n  DrawerVariants;\n\nconst DrawerContent = ({\n  position,\n  className,\n  children,\n  ...props\n}: DrawerContentProps) => {\n  const { content } = drawer({ position });\n  return (\n    <DialogPrimitive.Content className={content({ className })} {...props}>\n      {children}\n    </DialogPrimitive.Content>\n  );\n};\n\nexport const Drawer = Object.assign(DrawerRoot, {\n  Root: DrawerRoot,\n  Trigger: DrawerTrigger,\n  Close: DrawerClose,\n  Portal: DrawerPortal,\n  Overlay: DrawerOverlay,\n  Content: DrawerContent,\n  Title: DrawerTitle,\n  Description: DrawerDescription,\n});\n"],"mappings":";;;;;AAGA,MAAM,aAAa,gBAAgB;AACnC,MAAM,gBAAgB,gBAAgB;AACtC,MAAM,cAAc,gBAAgB;AACpC,MAAM,eAAe,gBAAgB;AACrC,MAAM,cAAc,gBAAgB;AACpC,MAAM,oBAAoB,gBAAgB;AAI1C,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;CACrE,MAAM,EAAE,YAAY,QAAQ;AAC5B,QACE,oBAAC,gBAAgB;EAAQ,WAAW,QAAQ,EAAE,WAAW,CAAC;EAAE,GAAI;GAAS;;AAO7E,MAAM,iBAAiB,EACrB,UACA,WACA,UACA,GAAG,YACqB;CACxB,MAAM,EAAE,YAAY,OAAO,EAAE,UAAU,CAAC;AACxC,QACE,oBAAC,gBAAgB;EAAQ,WAAW,QAAQ,EAAE,WAAW,CAAC;EAAE,GAAI;EAC7D;GACuB;;AAI9B,MAAa,SAAS,OAAO,OAAO,YAAY;CAC9C,MAAM;CACN,SAAS;CACT,OAAO;CACP,QAAQ;CACR,SAAS;CACT,SAAS;CACT,OAAO;CACP,aAAa;CACd,CAAC"}

package/dist/components/Drawer/Drawer.styles.cjs

@@ -1,23 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let tailwind_variants = require("tailwind-variants");
-
-//#region src/components/Drawer/Drawer.styles.ts
-const drawer = (0, tailwind_variants.tv)({
-	slots: {
-		overlay: [
-			"fixed inset-0 z-50",
-			"data-[state=open]:animate-overlay-show",
-			"data-[state=closed]:animate-overlay-hide"
-		],
-		content: [
-			"fixed z-50 w-full",
-			"data-[state=open]:animate-content-show",
-			"data-[state=closed]:animate-content-hide"
-		]
-	},
-	variants: { position: { bottom: { content: "bottom-0" } } },
-	defaultVariants: { position: "bottom" }
-});
-
-//#endregion
-exports.drawer = drawer;

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

@@ -1,36 +0,0 @@
-import * as tailwind_variants51 from "tailwind-variants";
-import { VariantProps } from "tailwind-variants";
-
-//#region src/components/Drawer/Drawer.styles.d.ts
-declare const drawer: tailwind_variants51.TVReturnType<{
-  position: {
-    bottom: {
-      content: string;
-    };
-  };
-}, {
-  overlay: string[];
-  content: string[];
-}, undefined, {
-  position: {
-    bottom: {
-      content: string;
-    };
-  };
-}, {
-  overlay: string[];
-  content: string[];
-}, tailwind_variants51.TVReturnType<{
-  position: {
-    bottom: {
-      content: string;
-    };
-  };
-}, {
-  overlay: string[];
-  content: string[];
-}, undefined, unknown, unknown, undefined>>;
-type DrawerVariants = VariantProps<typeof drawer>;
-//#endregion
-export { DrawerVariants };
-//# sourceMappingURL=Drawer.styles.d.cts.map

package/dist/components/Drawer/Drawer.styles.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.styles.d.cts","names":[],"sources":["../../../src/components/Drawer/Drawer.styles.ts"],"mappings":";;;;cAEa,MAAA,EAuBX,mBAAA,CAvBiB,YAAA;;;;;;;;;;;;;;;;;;GAuBjB,mBAAA,CAAA,YAAA;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}