@me1a/ui 2.0.0 → 2.0.1

package/dist/index.css

@@ -1,2 +1,2 @@
-@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}
+@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--radius: .5rem;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles/globals.css"],"sourcesContent":["@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 222.2 84% 4.9%;\n\n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n \n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n \n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n \n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n \n    --muted: 210 40% 96.1%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n \n    --accent: 210 40% 96.1%;\n    --accent-foreground: 222.2 47.4% 11.2%;\n \n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n\n    --border: 214.3 31.8% 91.4%;\n    --input: 214.3 31.8% 91.4%;\n    --ring: 222.2 84% 4.9%;\n \n    --radius: 0.5rem;\n  }\n \n  .dark {\n    --background: 222.2 84% 4.9%;\n    --foreground: 210 40% 98%;\n \n    --card: 222.2 84% 4.9%;\n    --card-foreground: 210 40% 98%;\n \n    --popover: 222.2 84% 4.9%;\n    --popover-foreground: 210 40% 98%;\n \n    --primary: 210 40% 98%;\n    --primary-foreground: 222.2 47.4% 11.2%;\n \n    --secondary: 217.2 32.6% 17.5%;\n    --secondary-foreground: 210 40% 98%;\n \n    --muted: 217.2 32.6% 17.5%;\n    --muted-foreground: 215 20.2% 65.1%;\n \n    --accent: 217.2 32.6% 17.5%;\n    --accent-foreground: 210 40% 98%;\n \n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 210 40% 98%;\n \n    --border: 217.2 32.6% 17.5%;\n    --input: 217.2 32.6% 17.5%;\n    --ring: 212.7 26.8% 83.9%;\n  }\n}\n \n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n} "],"mappings":"AAAA,UAAU,KACV,UAAU,WACV,UAAU,UAEV,YACE,MACE,cAAc,EAAE,GAAG,KACnB,cAAc,MAAM,IAAI,KAExB,QAAQ,EAAE,GAAG,KACb,mBAAmB,MAAM,IAAI,KAE7B,WAAW,EAAE,GAAG,KAChB,sBAAsB,MAAM,IAAI,KAEhC,WAAW,MAAM,MAAM,MACvB,sBAAsB,IAAI,IAAI,IAE9B,aAAa,IAAI,IAAI,MACrB,wBAAwB,MAAM,MAAM,MAEpC,SAAS,IAAI,IAAI,MACjB,oBAAoB,MAAM,MAAM,MAEhC,UAAU,IAAI,IAAI,MAClB,qBAAqB,MAAM,MAAM,MAEjC,eAAe,EAAE,MAAM,MACvB,0BAA0B,IAAI,IAAI,IAElC,UAAU,MAAM,MAAM,MACtB,SAAS,MAAM,MAAM,MACrB,QAAQ,MAAM,IAAI,KAElB,UAAU,KACZ,CAEA,CAAC,KACC,cAAc,MAAM,IAAI,KACxB,cAAc,IAAI,IAAI,IAEtB,QAAQ,MAAM,IAAI,KAClB,mBAAmB,IAAI,IAAI,IAE3B,WAAW,MAAM,IAAI,KACrB,sBAAsB,IAAI,IAAI,IAE9B,WAAW,IAAI,IAAI,IACnB,sBAAsB,MAAM,MAAM,MAElC,aAAa,MAAM,MAAM,MACzB,wBAAwB,IAAI,IAAI,IAEhC,SAAS,MAAM,MAAM,MACrB,oBAAoB,IAAI,MAAM,MAE9B,UAAU,MAAM,MAAM,MACtB,qBAAqB,IAAI,IAAI,IAE7B,eAAe,EAAE,MAAM,MACvB,0BAA0B,IAAI,IAAI,IAElC,UAAU,MAAM,MAAM,MACtB,SAAS,MAAM,MAAM,MACrB,QAAQ,MAAM,MAAM,KACtB,CACF,CAEA,YACE,EACE,OAAO,cACT,CACA,KACE,OAAO,cAAc,gBACvB,CACF","names":[]}
+{"version":3,"sources":["../src/styles/globals.css"],"sourcesContent":["@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 0 0% 3.9%;\n\n    --card: 0 0% 100%;\n    --card-foreground: 0 0% 3.9%;\n \n    --popover: 0 0% 100%;\n    --popover-foreground: 0 0% 3.9%;\n \n    --primary: 0 0% 9%;\n    --primary-foreground: 0 0% 98%;\n \n    --secondary: 0 0% 96.1%;\n    --secondary-foreground: 0 0% 9%;\n \n    --muted: 0 0% 96.1%;\n    --muted-foreground: 0 0% 45.1%;\n \n    --accent: 0 0% 96.1%;\n    --accent-foreground: 0 0% 9%;\n \n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 0% 98%;\n\n    --border: 0 0% 89.8%;\n    --input: 0 0% 89.8%;\n    --ring: 0 0% 3.9%;\n \n    --radius: 0.5rem;\n \n    --chart-1: 12 76% 61%;\n \n    --chart-2: 173 58% 39%;\n \n    --chart-3: 197 37% 24%;\n \n    --chart-4: 43 74% 66%;\n \n    --chart-5: 27 87% 67%;\n  }\n \n  .dark {\n    --background: 0 0% 3.9%;\n    --foreground: 0 0% 98%;\n \n    --card: 0 0% 3.9%;\n    --card-foreground: 0 0% 98%;\n \n    --popover: 0 0% 3.9%;\n    --popover-foreground: 0 0% 98%;\n \n    --primary: 0 0% 98%;\n    --primary-foreground: 0 0% 9%;\n \n    --secondary: 0 0% 14.9%;\n    --secondary-foreground: 0 0% 98%;\n \n    --muted: 0 0% 14.9%;\n    --muted-foreground: 0 0% 63.9%;\n \n    --accent: 0 0% 14.9%;\n    --accent-foreground: 0 0% 98%;\n \n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 0% 98%;\n \n    --border: 0 0% 14.9%;\n    --input: 0 0% 14.9%;\n    --ring: 0 0% 83.1%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n \n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n} "],"mappings":"AAAA,UAAU,KACV,UAAU,WACV,UAAU,UAEV,YACE,MACE,cAAc,EAAE,GAAG,KACnB,cAAc,EAAE,GAAG,KAEnB,QAAQ,EAAE,GAAG,KACb,mBAAmB,EAAE,GAAG,KAExB,WAAW,EAAE,GAAG,KAChB,sBAAsB,EAAE,GAAG,KAE3B,WAAW,EAAE,GAAG,GAChB,sBAAsB,EAAE,GAAG,IAE3B,aAAa,EAAE,GAAG,MAClB,wBAAwB,EAAE,GAAG,GAE7B,SAAS,EAAE,GAAG,MACd,oBAAoB,EAAE,GAAG,MAEzB,UAAU,EAAE,GAAG,MACf,qBAAqB,EAAE,GAAG,GAE1B,eAAe,EAAE,MAAM,MACvB,0BAA0B,EAAE,GAAG,IAE/B,UAAU,EAAE,GAAG,MACf,SAAS,EAAE,GAAG,MACd,QAAQ,EAAE,GAAG,KAEb,UAAU,MAEV,WAAW,GAAG,IAAI,IAElB,WAAW,IAAI,IAAI,IAEnB,WAAW,IAAI,IAAI,IAEnB,WAAW,GAAG,IAAI,IAElB,WAAW,GAAG,IAAI,GACpB,CAEA,CAAC,KACC,cAAc,EAAE,GAAG,KACnB,cAAc,EAAE,GAAG,IAEnB,QAAQ,EAAE,GAAG,KACb,mBAAmB,EAAE,GAAG,IAExB,WAAW,EAAE,GAAG,KAChB,sBAAsB,EAAE,GAAG,IAE3B,WAAW,EAAE,GAAG,IAChB,sBAAsB,EAAE,GAAG,GAE3B,aAAa,EAAE,GAAG,MAClB,wBAAwB,EAAE,GAAG,IAE7B,SAAS,EAAE,GAAG,MACd,oBAAoB,EAAE,GAAG,MAEzB,UAAU,EAAE,GAAG,MACf,qBAAqB,EAAE,GAAG,IAE1B,eAAe,EAAE,MAAM,MACvB,0BAA0B,EAAE,GAAG,IAE/B,UAAU,EAAE,GAAG,MACf,SAAS,EAAE,GAAG,MACd,QAAQ,EAAE,GAAG,MACb,WAAW,IAAI,IAAI,IACnB,WAAW,IAAI,IAAI,IACnB,WAAW,GAAG,IAAI,IAClB,WAAW,IAAI,IAAI,IACnB,WAAW,IAAI,IAAI,GACrB,CACF,CAEA,YACE,EACE,OAAO,cACT,CACA,KACE,OAAO,cAAc,gBACvB,CACF","names":[]}

package/dist/index.d.mts

@@ -1,6 +1,10 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as vaul from 'vaul';
+import { Drawer as Drawer$1 } from 'vaul';
 import { ClassValue } from 'clsx';
 
 /**
@@ -15,9 +19,15 @@ import { ClassValue } from 'clsx';
  * @property {string} [variant] - The visual style variant of the button.
  * @property {string} [size] - The size variant of the button.
  * @property {string} [className] - Additional CSS classes to apply to the button.
+ * @property {React.ReactNode} [startIcon] - Icon to display before the button text.
+ * @property {React.ReactNode} [endIcon] - Icon to display after the button text.
+ * @property {boolean} [loading] - Whether the button is in a loading state.
  */
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    loading?: boolean;
 }
 
 /**
@@ -50,6 +60,13 @@ declare const buttonVariants: (props?: ({
  * <Button variant="link" asChild>
  *   <a href="/about">About</a>
  * </Button>
+ *
+ * // With icons
+ * <Button startIcon={<Icon />}>With Start Icon</Button>
+ * <Button endIcon={<Icon />}>With End Icon</Button>
+ *
+ * // Loading state
+ * <Button loading>Loading</Button>
  * ```
  *
  * @param {ButtonProps} props - The component props
@@ -58,6 +75,363 @@ declare const buttonVariants: (props?: ({
  */
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * Props interface for the TextField component.
+ * Extends the native input HTML attributes and adds support for variants and icons.
+ *
+ * @interface TextFieldProps
+ * @extends {React.InputHTMLAttributes<HTMLInputElement>}
+ * @extends {VariantProps<typeof textFieldVariants>}
+ *
+ * @property {string} [variant] - The visual style variant of the text field.
+ * @property {string} [size] - The size variant of the text field.
+ * @property {string} [className] - Additional CSS classes to apply to the text field.
+ * @property {React.ReactNode} [startIcon] - Icon to display before the input.
+ * @property {React.ReactNode} [endIcon] - Icon to display after the input.
+ * @property {boolean} [loading] - Whether the text field is in a loading state.
+ * @property {string} [error] - Error message to display below the text field.
+ * @property {string} [label] - Label text for the text field.
+ * @property {string} [helperText] - Helper text to display below the text field.
+ */
+interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof textFieldVariants> {
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    loading?: boolean;
+    error?: string;
+    label?: string;
+    helperText?: string;
+}
+
+/**
+ * Text field variant styles using class-variance-authority.
+ * Defines the visual styles for different text field variants and sizes.
+ */
+declare const textFieldVariants: (props?: ({
+    variant?: "default" | "error" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+/**
+ * A versatile text field component that supports multiple variants, sizes, and icons.
+ * Built on top of shadcn/ui's Input component.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default text field
+ * <TextField placeholder="Enter text" />
+ *
+ * // With icons
+ * <TextField startIcon={<SearchIcon />} placeholder="Search..." />
+ * <TextField endIcon={<CalendarIcon />} placeholder="Select date" />
+ *
+ * // With loading state
+ * <TextField loading placeholder="Loading..." />
+ *
+ * // With error
+ * <TextField error="Invalid input" placeholder="Enter text" />
+ * ```
+ */
+declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+
+interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The maximum width of the container.
+     * - "sm": 640px
+     * - "md": 768px
+     * - "lg": 1024px
+     * - "xl": 1280px
+     * - "full": 100%
+     * - false: No max-width (fluid)
+     *
+     * @default "lg"
+     */
+    maxWidth?: "sm" | "md" | "lg" | "xl" | "full" | false;
+    /**
+     * Whether to disable the default horizontal padding.
+     * When true, removes the default padding (px-4 sm:px-6 lg:px-8).
+     *
+     * @default false
+     */
+    disablePadding?: boolean;
+    /**
+     * Whether to make the container fluid (no max-width).
+     * When true, the container will expand to fill its parent's width.
+     *
+     * @default false
+     */
+    fluid?: boolean;
+}
+declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Box is a fundamental layout component that serves as a building block for other components.
+ * It's a polymorphic component that can render as different HTML elements while maintaining
+ * consistent styling and behavior.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Box>Content</Box>
+ *
+ * // As a different element
+ * <Box as="section">Section content</Box>
+ *
+ * // With custom className
+ * <Box className="bg-primary text-white p-4">Styled content</Box>
+ * ```
+ */
+
+type BoxComponent = "div" | "span" | "section" | "article" | "main" | "aside" | "header" | "footer" | "nav";
+interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The HTML element to render the Box as.
+     * This allows for semantic HTML while maintaining consistent styling.
+     *
+     * @default "div"
+     */
+    as?: BoxComponent;
+}
+declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Stack is a layout component that arranges its children in a vertical or horizontal stack
+ * with consistent spacing between items. It's built on top of Flexbox and provides
+ * a simple way to create consistent layouts.
+ *
+ * @example
+ * ```tsx
+ * // Basic vertical stack
+ * <Stack>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <div>Item 3</div>
+ * </Stack>
+ *
+ * // Horizontal stack with custom spacing
+ * <Stack direction="horizontal" spacing="lg">
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ * </Stack>
+ *
+ * // Centered stack with wrapping
+ * <Stack direction="horizontal" center wrap>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <div>Item 3</div>
+ * </Stack>
+ *
+ * // Stack with custom alignment
+ * <Stack align="center" justify="between">
+ *   <div>Left</div>
+ *   <div>Center</div>
+ *   <div>Right</div>
+ * </Stack>
+ * ```
+ */
+
+interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The direction in which to stack the items.
+     * - "vertical": Items are stacked top to bottom
+     * - "horizontal": Items are stacked left to right
+     *
+     * @default "vertical"
+     */
+    direction?: "vertical" | "horizontal";
+    /**
+     * The spacing between items in the stack.
+     * - "none": 0px
+     * - "xs": 0.25rem (4px)
+     * - "sm": 0.5rem (8px)
+     * - "md": 1rem (16px)
+     * - "lg": 1.5rem (24px)
+     * - "xl": 2rem (32px)
+     *
+     * @default "md"
+     */
+    spacing?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
+    /**
+     * Whether to allow items to wrap to the next line when they don't fit.
+     * Only applies to horizontal stacks.
+     *
+     * @default false
+     */
+    wrap?: boolean;
+    /**
+     * Whether to center items both horizontally and vertically.
+     * This is a shorthand for setting both align and justify to "center".
+     *
+     * @default false
+     */
+    center?: boolean;
+    /**
+     * How to justify items along the main axis.
+     * - "start": Items are packed toward the start
+     * - "end": Items are packed toward the end
+     * - "center": Items are centered
+     * - "between": Items are evenly distributed with first item at start and last at end
+     * - "around": Items are evenly distributed with equal space around them
+     * - "evenly": Items are distributed so that the spacing between any two items is equal
+     *
+     * @default undefined
+     */
+    justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
+    /**
+     * How to align items along the cross axis.
+     * - "start": Items are aligned at the start
+     * - "end": Items are aligned at the end
+     * - "center": Items are centered
+     * - "stretch": Items are stretched to fill the container
+     * - "baseline": Items are aligned at their baselines
+     *
+     * @default undefined
+     */
+    align?: "start" | "end" | "center" | "stretch" | "baseline";
+}
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+/**
+ * Card is a flexible container component that can be used to group related content and actions.
+ * It provides a consistent visual style with a subtle border, shadow, and rounded corners.
+ *
+ * @example
+ * ```tsx
+ * // Basic card
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Card Title</CardTitle>
+ *     <CardDescription>Card Description</CardDescription>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>Card content goes here.</p>
+ *   </CardContent>
+ *   <CardFooter>
+ *     <Button>Action</Button>
+ *   </CardFooter>
+ * </Card>
+ *
+ * // Card with custom styling
+ * <Card className="bg-primary text-primary-foreground">
+ *   <CardHeader>
+ *     <CardTitle>Custom Styled Card</CardTitle>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>This card has custom background and text colors.</p>
+ *   </CardContent>
+ * </Card>
+ * ```
+ */
+
+/**
+ * The main card container component.
+ * Provides the base styling for the card including border, shadow, and rounded corners.
+ */
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Header section of the card.
+ * Typically contains the card title and description.
+ * Includes padding and spacing for consistent layout.
+ */
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Title component for the card.
+ * Should be used within CardHeader.
+ * Provides consistent typography styling for card titles.
+ */
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Description component for the card.
+ * Should be used within CardHeader.
+ * Provides consistent typography styling for card descriptions.
+ */
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Main content section of the card.
+ * Includes padding and removes top padding to maintain consistent spacing with the header.
+ */
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Footer section of the card.
+ * Typically contains action buttons or additional information.
+ * Includes padding and removes top padding to maintain consistent spacing with the content.
+ */
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/**
+ * The trigger element that opens the drawer.
+ * Should be used with the `asChild` prop to wrap your own trigger element.
+ */
+declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Portal component that renders the drawer content outside the DOM hierarchy.
+ * This ensures proper stacking context and accessibility.
+ */
+declare const DrawerPortal: typeof vaul.Portal;
+/**
+ * Close button component for the drawer.
+ * Should be used with the `asChild` prop to wrap your own close button.
+ */
+declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Overlay component that appears behind the drawer.
+ * Provides a semi-transparent backdrop and handles click-outside behavior.
+ */
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * The main content container for the drawer.
+ * Includes the handle bar at the top and manages the slide-up animation.
+ */
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Header section of the drawer.
+ * Typically contains the title and description.
+ */
+declare const DrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/**
+ * Footer section of the drawer.
+ * Typically contains action buttons.
+ */
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/**
+ * Title component for the drawer.
+ * Should be used within DrawerHeader.
+ */
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Description component for the drawer.
+ * Should be used within DrawerHeader.
+ */
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Button, buttonVariants, cn };
+export { Box, type BoxProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Input, Stack, type StackProps, TextField, buttonVariants, cn, textFieldVariants };

package/dist/index.d.ts

@@ -1,6 +1,10 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as vaul from 'vaul';
+import { Drawer as Drawer$1 } from 'vaul';
 import { ClassValue } from 'clsx';
 
 /**
@@ -15,9 +19,15 @@ import { ClassValue } from 'clsx';
  * @property {string} [variant] - The visual style variant of the button.
  * @property {string} [size] - The size variant of the button.
  * @property {string} [className] - Additional CSS classes to apply to the button.
+ * @property {React.ReactNode} [startIcon] - Icon to display before the button text.
+ * @property {React.ReactNode} [endIcon] - Icon to display after the button text.
+ * @property {boolean} [loading] - Whether the button is in a loading state.
  */
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    loading?: boolean;
 }
 
 /**
@@ -50,6 +60,13 @@ declare const buttonVariants: (props?: ({
  * <Button variant="link" asChild>
  *   <a href="/about">About</a>
  * </Button>
+ *
+ * // With icons
+ * <Button startIcon={<Icon />}>With Start Icon</Button>
+ * <Button endIcon={<Icon />}>With End Icon</Button>
+ *
+ * // Loading state
+ * <Button loading>Loading</Button>
  * ```
  *
  * @param {ButtonProps} props - The component props
@@ -58,6 +75,363 @@ declare const buttonVariants: (props?: ({
  */
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * Props interface for the TextField component.
+ * Extends the native input HTML attributes and adds support for variants and icons.
+ *
+ * @interface TextFieldProps
+ * @extends {React.InputHTMLAttributes<HTMLInputElement>}
+ * @extends {VariantProps<typeof textFieldVariants>}
+ *
+ * @property {string} [variant] - The visual style variant of the text field.
+ * @property {string} [size] - The size variant of the text field.
+ * @property {string} [className] - Additional CSS classes to apply to the text field.
+ * @property {React.ReactNode} [startIcon] - Icon to display before the input.
+ * @property {React.ReactNode} [endIcon] - Icon to display after the input.
+ * @property {boolean} [loading] - Whether the text field is in a loading state.
+ * @property {string} [error] - Error message to display below the text field.
+ * @property {string} [label] - Label text for the text field.
+ * @property {string} [helperText] - Helper text to display below the text field.
+ */
+interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof textFieldVariants> {
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    loading?: boolean;
+    error?: string;
+    label?: string;
+    helperText?: string;
+}
+
+/**
+ * Text field variant styles using class-variance-authority.
+ * Defines the visual styles for different text field variants and sizes.
+ */
+declare const textFieldVariants: (props?: ({
+    variant?: "default" | "error" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+/**
+ * A versatile text field component that supports multiple variants, sizes, and icons.
+ * Built on top of shadcn/ui's Input component.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default text field
+ * <TextField placeholder="Enter text" />
+ *
+ * // With icons
+ * <TextField startIcon={<SearchIcon />} placeholder="Search..." />
+ * <TextField endIcon={<CalendarIcon />} placeholder="Select date" />
+ *
+ * // With loading state
+ * <TextField loading placeholder="Loading..." />
+ *
+ * // With error
+ * <TextField error="Invalid input" placeholder="Enter text" />
+ * ```
+ */
+declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+
+interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The maximum width of the container.
+     * - "sm": 640px
+     * - "md": 768px
+     * - "lg": 1024px
+     * - "xl": 1280px
+     * - "full": 100%
+     * - false: No max-width (fluid)
+     *
+     * @default "lg"
+     */
+    maxWidth?: "sm" | "md" | "lg" | "xl" | "full" | false;
+    /**
+     * Whether to disable the default horizontal padding.
+     * When true, removes the default padding (px-4 sm:px-6 lg:px-8).
+     *
+     * @default false
+     */
+    disablePadding?: boolean;
+    /**
+     * Whether to make the container fluid (no max-width).
+     * When true, the container will expand to fill its parent's width.
+     *
+     * @default false
+     */
+    fluid?: boolean;
+}
+declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Box is a fundamental layout component that serves as a building block for other components.
+ * It's a polymorphic component that can render as different HTML elements while maintaining
+ * consistent styling and behavior.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Box>Content</Box>
+ *
+ * // As a different element
+ * <Box as="section">Section content</Box>
+ *
+ * // With custom className
+ * <Box className="bg-primary text-white p-4">Styled content</Box>
+ * ```
+ */
+
+type BoxComponent = "div" | "span" | "section" | "article" | "main" | "aside" | "header" | "footer" | "nav";
+interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The HTML element to render the Box as.
+     * This allows for semantic HTML while maintaining consistent styling.
+     *
+     * @default "div"
+     */
+    as?: BoxComponent;
+}
+declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Stack is a layout component that arranges its children in a vertical or horizontal stack
+ * with consistent spacing between items. It's built on top of Flexbox and provides
+ * a simple way to create consistent layouts.
+ *
+ * @example
+ * ```tsx
+ * // Basic vertical stack
+ * <Stack>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <div>Item 3</div>
+ * </Stack>
+ *
+ * // Horizontal stack with custom spacing
+ * <Stack direction="horizontal" spacing="lg">
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ * </Stack>
+ *
+ * // Centered stack with wrapping
+ * <Stack direction="horizontal" center wrap>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <div>Item 3</div>
+ * </Stack>
+ *
+ * // Stack with custom alignment
+ * <Stack align="center" justify="between">
+ *   <div>Left</div>
+ *   <div>Center</div>
+ *   <div>Right</div>
+ * </Stack>
+ * ```
+ */
+
+interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The direction in which to stack the items.
+     * - "vertical": Items are stacked top to bottom
+     * - "horizontal": Items are stacked left to right
+     *
+     * @default "vertical"
+     */
+    direction?: "vertical" | "horizontal";
+    /**
+     * The spacing between items in the stack.
+     * - "none": 0px
+     * - "xs": 0.25rem (4px)
+     * - "sm": 0.5rem (8px)
+     * - "md": 1rem (16px)
+     * - "lg": 1.5rem (24px)
+     * - "xl": 2rem (32px)
+     *
+     * @default "md"
+     */
+    spacing?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
+    /**
+     * Whether to allow items to wrap to the next line when they don't fit.
+     * Only applies to horizontal stacks.
+     *
+     * @default false
+     */
+    wrap?: boolean;
+    /**
+     * Whether to center items both horizontally and vertically.
+     * This is a shorthand for setting both align and justify to "center".
+     *
+     * @default false
+     */
+    center?: boolean;
+    /**
+     * How to justify items along the main axis.
+     * - "start": Items are packed toward the start
+     * - "end": Items are packed toward the end
+     * - "center": Items are centered
+     * - "between": Items are evenly distributed with first item at start and last at end
+     * - "around": Items are evenly distributed with equal space around them
+     * - "evenly": Items are distributed so that the spacing between any two items is equal
+     *
+     * @default undefined
+     */
+    justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
+    /**
+     * How to align items along the cross axis.
+     * - "start": Items are aligned at the start
+     * - "end": Items are aligned at the end
+     * - "center": Items are centered
+     * - "stretch": Items are stretched to fill the container
+     * - "baseline": Items are aligned at their baselines
+     *
+     * @default undefined
+     */
+    align?: "start" | "end" | "center" | "stretch" | "baseline";
+}
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+/**
+ * Card is a flexible container component that can be used to group related content and actions.
+ * It provides a consistent visual style with a subtle border, shadow, and rounded corners.
+ *
+ * @example
+ * ```tsx
+ * // Basic card
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Card Title</CardTitle>
+ *     <CardDescription>Card Description</CardDescription>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>Card content goes here.</p>
+ *   </CardContent>
+ *   <CardFooter>
+ *     <Button>Action</Button>
+ *   </CardFooter>
+ * </Card>
+ *
+ * // Card with custom styling
+ * <Card className="bg-primary text-primary-foreground">
+ *   <CardHeader>
+ *     <CardTitle>Custom Styled Card</CardTitle>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>This card has custom background and text colors.</p>
+ *   </CardContent>
+ * </Card>
+ * ```
+ */
+
+/**
+ * The main card container component.
+ * Provides the base styling for the card including border, shadow, and rounded corners.
+ */
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Header section of the card.
+ * Typically contains the card title and description.
+ * Includes padding and spacing for consistent layout.
+ */
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Title component for the card.
+ * Should be used within CardHeader.
+ * Provides consistent typography styling for card titles.
+ */
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Description component for the card.
+ * Should be used within CardHeader.
+ * Provides consistent typography styling for card descriptions.
+ */
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Main content section of the card.
+ * Includes padding and removes top padding to maintain consistent spacing with the header.
+ */
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Footer section of the card.
+ * Typically contains action buttons or additional information.
+ * Includes padding and removes top padding to maintain consistent spacing with the content.
+ */
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/**
+ * The trigger element that opens the drawer.
+ * Should be used with the `asChild` prop to wrap your own trigger element.
+ */
+declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Portal component that renders the drawer content outside the DOM hierarchy.
+ * This ensures proper stacking context and accessibility.
+ */
+declare const DrawerPortal: typeof vaul.Portal;
+/**
+ * Close button component for the drawer.
+ * Should be used with the `asChild` prop to wrap your own close button.
+ */
+declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Overlay component that appears behind the drawer.
+ * Provides a semi-transparent backdrop and handles click-outside behavior.
+ */
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * The main content container for the drawer.
+ * Includes the handle bar at the top and manages the slide-up animation.
+ */
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Header section of the drawer.
+ * Typically contains the title and description.
+ */
+declare const DrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/**
+ * Footer section of the drawer.
+ * Typically contains action buttons.
+ */
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/**
+ * Title component for the drawer.
+ * Should be used within DrawerHeader.
+ */
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Description component for the drawer.
+ * Should be used within DrawerHeader.
+ */
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Button, buttonVariants, cn };
+export { Box, type BoxProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Input, Stack, type StackProps, TextField, buttonVariants, cn, textFieldVariants };

package/dist/index.js

@@ -1,2 +1,2 @@
-'use strict';var f=require('react'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var f__namespace=/*#__PURE__*/_interopNamespace(f);var l=Object.defineProperty;var n=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var i=(r,o,e)=>o in r?l(r,o,{enumerable:true,configurable:true,writable:true,value:e}):r[o]=e,c=(r,o)=>{for(var e in o||(o={}))u.call(o,e)&&i(r,e,o[e]);if(n)for(var e of n(o))s.call(o,e)&&i(r,e,o[e]);return r};var p=(r,o)=>{var e={};for(var t in r)u.call(r,t)&&o.indexOf(t)<0&&(e[t]=r[t]);if(r!=null&&n)for(var t of n(r))o.indexOf(t)<0&&s.call(r,t)&&(e[t]=r[t]);return e};function d(...r){return tailwindMerge.twMerge(clsx.clsx(r))}var h=classVarianceAuthority.cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),w=f__namespace.forwardRef((B,g)=>{var a=B,{className:r,variant:o,size:e,asChild:t=false}=a,m=p(a,["className","variant","size","asChild"]);return jsxRuntime.jsx(t?reactSlot.Slot:"button",c({className:d(h({variant:o,size:e,className:r})),ref:g},m))});w.displayName="Button";exports.Button=w;exports.buttonVariants=h;exports.cn=d;//# sourceMappingURL=index.js.map
+'use strict';var y=require('react'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime'),d=require('@radix-ui/react-dialog'),vaul=require('vaul');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var y__namespace=/*#__PURE__*/_interopNamespace(y);var d__namespace=/*#__PURE__*/_interopNamespace(d);var K=Object.defineProperty,Q=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var A=(e,t,r)=>t in e?K(e,t,{enumerable:true,configurable:true,writable:true,value:r}):e[t]=r,s=(e,t)=>{for(var r in t||(t={}))B.call(t,r)&&A(e,r,t[r]);if(h)for(var r of h(t))F.call(t,r)&&A(e,r,t[r]);return e},x=(e,t)=>Q(e,U(t));var n=(e,t)=>{var r={};for(var a in e)B.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&h)for(var a of h(e))t.indexOf(a)<0&&F.call(e,a)&&(r[a]=e[a]);return r};function i(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var z=classVarianceAuthority.cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),ee=y__namespace.forwardRef((E,v)=>{var H=E,{className:e,variant:t,size:r,asChild:a=false,startIcon:o,endIcon:l,loading:m=false,disabled:f,children:g}=H,D=n(H,["className","variant","size","asChild","startIcon","endIcon","loading","disabled","children"]);let w=a?reactSlot.Slot:"button";return a?jsxRuntime.jsx(w,x(s({className:i(z({variant:t,size:r,className:e})),ref:v,disabled:f||m},D),{children:g})):jsxRuntime.jsxs(w,x(s({className:i(z({variant:t,size:r,className:e})),ref:v,disabled:f||m},D),{children:[m&&jsxRuntime.jsx(lucideReact.Loader2,{className:"mr-2 h-4 w-4 animate-spin",role:"status","aria-label":"Loading"}),!m&&o&&jsxRuntime.jsx("span",{className:"mr-2",children:o}),g,!m&&l&&jsxRuntime.jsx("span",{className:"ml-2",children:l})]}))});ee.displayName="Button";var L=y__namespace.forwardRef((o,a)=>{var l=o,{className:e,type:t}=l,r=n(l,["className","type"]);return jsxRuntime.jsx("input",s({type:t,className:i("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:a},r))});L.displayName="Input";var ie=classVarianceAuthority.cva("w-full",{variants:{variant:{default:"",error:"border-destructive focus-visible:ring-destructive"},size:{default:"h-10",sm:"h-8 text-xs",lg:"h-12 text-base"}},defaultVariants:{variant:"default",size:"default"}}),se=y__namespace.forwardRef((H,E)=>{var w=H,{className:e,variant:t,size:r,startIcon:a,endIcon:o,loading:l=false,error:m,label:f,helperText:g,disabled:D}=w,v=n(w,["className","variant","size","startIcon","endIcon","loading","error","label","helperText","disabled"]);let k=y__namespace.useId();return jsxRuntime.jsxs("div",{className:"w-full space-y-2",children:[f&&jsxRuntime.jsx("label",{htmlFor:k,className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:f}),jsxRuntime.jsxs("div",{className:"relative",children:[a&&jsxRuntime.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",children:a}),jsxRuntime.jsx(L,s({id:k,className:i(ie({variant:m?"error":t,size:r,className:e}),a&&"pl-9",(o||l)&&"pr-9"),ref:E,disabled:D||l},v)),(o||l)&&jsxRuntime.jsx("div",{className:"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground",children:l?jsxRuntime.jsx(lucideReact.Loader2,{className:"h-4 w-4 animate-spin"}):o})]}),(m||g)&&jsxRuntime.jsx("p",{className:i("text-sm",m?"text-destructive":"text-muted-foreground"),children:m||g})]})});se.displayName="TextField";var ne=y__namespace.forwardRef((m,l)=>{var f=m,{className:e,maxWidth:t="lg",disablePadding:r=false,fluid:a=false}=f,o=n(f,["className","maxWidth","disablePadding","fluid"]);return jsxRuntime.jsx("div",s({ref:l,className:i("mx-auto w-full",!r&&"px-4 sm:px-6 lg:px-8",!a&&{"max-w-screen-sm":t==="sm","max-w-screen-md":t==="md","max-w-screen-lg":t==="lg","max-w-screen-xl":t==="xl","max-w-full":t==="full"},e)},o))});ne.displayName="Container";var de=y__namespace.forwardRef((o,a)=>{var l=o,{as:e="div",className:t}=l,r=n(l,["as","className"]);return jsxRuntime.jsx(e,s({ref:a,className:i(t)},r))});de.displayName="Box";var ce=y__namespace.forwardRef((D,g)=>{var v=D,{className:e,direction:t="vertical",spacing:r="md",wrap:a=false,center:o=false,justify:l,align:m}=v,f=n(v,["className","direction","spacing","wrap","center","justify","align"]);return jsxRuntime.jsx("div",s({ref:g,className:i("flex",t==="vertical"?"flex-col":"flex-row",{"gap-0":r==="none","gap-1":r==="xs","gap-2":r==="sm","gap-4":r==="md","gap-6":r==="lg","gap-8":r==="xl"},a&&"flex-wrap",o&&"items-center justify-center",l&&{"justify-start":l==="start","justify-end":l==="end","justify-center":l==="center","justify-between":l==="between","justify-around":l==="around","justify-evenly":l==="evenly"},m&&{"items-start":m==="start","items-end":m==="end","items-center":m==="center","items-stretch":m==="stretch","items-baseline":m==="baseline"},e)},f))});ce.displayName="Stack";var xt=d__namespace.Root,yt=d__namespace.Trigger,ue=d__namespace.Portal,Rt=d__namespace.Close,G=y__namespace.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsxRuntime.jsx(d__namespace.Overlay,s({ref:r,className:i("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e)},t))});G.displayName=d__namespace.Overlay.displayName;var ge=y__namespace.forwardRef((o,a)=>{var l=o,{className:e,children:t}=l,r=n(l,["className","children"]);return jsxRuntime.jsxs(ue,{children:[jsxRuntime.jsx(G,{}),jsxRuntime.jsxs(d__namespace.Content,x(s({ref:a,className:i("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",e)},r),{children:[t,jsxRuntime.jsxs(d__namespace.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]}))]})});ge.displayName=d__namespace.Content.displayName;var ve=r=>{var a=r,{className:e}=a,t=n(a,["className"]);return jsxRuntime.jsx("div",s({className:i("flex flex-col space-y-1.5 text-center sm:text-left",e)},t))};ve.displayName="DialogHeader";var xe=r=>{var a=r,{className:e}=a,t=n(a,["className"]);return jsxRuntime.jsx("div",s({className:i("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e)},t))};xe.displayName="DialogFooter";var ye=y__namespace.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsxRuntime.jsx(d__namespace.Title,s({ref:r,className:i("text-lg font-semibold leading-none tracking-tight",e)},t))});ye.displayName=d__namespace.Title.displayName;var Re=y__namespace.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsxRuntime.jsx(d__namespace.Description,s({ref:r,className:i("text-sm text-muted-foreground",e)},t))});Re.displayName=d__namespace.Description.displayName;var be=y__namespace.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsxRuntime.jsx("div",s({ref:r,className:i("rounded-lg border bg-card text-card-foreground shadow-sm",e)},t))});be.displayName="Card";var De=y__namespace.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsxRuntime.jsx("div",s({ref:r,className:i("flex flex-col space-y-1.5 p-6",e)},t))});De.displayName="CardHeader";var we=y__namespace.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsxRuntime.jsx("h3",s({ref:r,className:i("text-2xl font-semibold leading-none tracking-tight",e)},t))});we.displayName="CardTitle";var Ne=y__namespace.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsxRuntime.jsx("p",s({ref:r,className:i("text-sm text-muted-foreground",e)},t))});Ne.displayName="CardDescription";var Pe=y__namespace.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsxRuntime.jsx("div",s({ref:r,className:i("p-6 pt-0",e)},t))});Pe.displayName="CardContent";var he=y__namespace.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsxRuntime.jsx("div",s({ref:r,className:i("flex items-center p-6 pt-0",e)},t))});he.displayName="CardFooter";var Te=r=>{var a=r,{shouldScaleBackground:e=true}=a,t=n(a,["shouldScaleBackground"]);return jsxRuntime.jsx(vaul.Drawer.Root,s({shouldScaleBackground:e},t))};Te.displayName="Drawer";var Lt=vaul.Drawer.Trigger,Ce=vaul.Drawer.Portal,Mt=vaul.Drawer.Close,J=y__namespace.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsxRuntime.jsx(vaul.Drawer.Overlay,s({ref:r,className:i("fixed inset-0 z-50 bg-black/80",e)},t))});J.displayName=vaul.Drawer.Overlay.displayName;var He=y__namespace.forwardRef((o,a)=>{var l=o,{className:e,children:t}=l,r=n(l,["className","children"]);return jsxRuntime.jsxs(Ce,{children:[jsxRuntime.jsx(J,{}),jsxRuntime.jsxs(vaul.Drawer.Content,x(s({ref:a,className:i("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",e)},r),{children:[jsxRuntime.jsx("div",{className:"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"}),t]}))]})});He.displayName="DrawerContent";var Le=r=>{var a=r,{className:e}=a,t=n(a,["className"]);return jsxRuntime.jsx("div",s({className:i("grid gap-1.5 p-4 text-center sm:text-left",e)},t))};Le.displayName="DrawerHeader";var Me=r=>{var a=r,{className:e}=a,t=n(a,["className"]);return jsxRuntime.jsx("div",s({className:i("mt-auto flex flex-col gap-2 p-4",e)},t))};Me.displayName="DrawerFooter";var Ee=y__namespace.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsxRuntime.jsx(vaul.Drawer.Title,s({ref:r,className:i("text-lg font-semibold leading-none tracking-tight",e)},t))});Ee.displayName=vaul.Drawer.Title.displayName;var ke=y__namespace.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsxRuntime.jsx(vaul.Drawer.Description,s({ref:r,className:i("text-sm text-muted-foreground",e)},t))});ke.displayName=vaul.Drawer.Description.displayName;exports.Box=de;exports.Button=ee;exports.Card=be;exports.CardContent=Pe;exports.CardDescription=Ne;exports.CardFooter=he;exports.CardHeader=De;exports.CardTitle=we;exports.Container=ne;exports.Dialog=xt;exports.DialogClose=Rt;exports.DialogContent=ge;exports.DialogDescription=Re;exports.DialogFooter=xe;exports.DialogHeader=ve;exports.DialogOverlay=G;exports.DialogPortal=ue;exports.DialogTitle=ye;exports.DialogTrigger=yt;exports.Drawer=Te;exports.DrawerClose=Mt;exports.DrawerContent=He;exports.DrawerDescription=ke;exports.DrawerFooter=Me;exports.DrawerHeader=Le;exports.DrawerOverlay=J;exports.DrawerPortal=Ce;exports.DrawerTitle=Ee;exports.DrawerTrigger=Lt;exports.Input=L;exports.Stack=ce;exports.TextField=se;exports.buttonVariants=z;exports.cn=i;exports.textFieldVariants=ie;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/atoms/button/button.tsx","../src/utils/cn.ts"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","Button","f","_a","ref","_b","className","variant","size","asChild","props","__objRest","jsx","Slot","__spreadValues"],"mappings":"olBAAA,IAAA,CAAA,CAAA,MAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,qBAAA,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,SAAA,CAAA,cAAA,CAAA,CAAA,CAAA,MAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,IAAA,CAAA,YAAA,CAAA,IAAA,CAAA,QAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,IAAA,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,IAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA,IAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAA,IAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CCGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,SAAKF,CAAAA,CAAM,CAAC,CAC7B,CDUA,IAAMG,CAAiBC,CAAAA,0BAAAA,CACrB,qOACA,CAAA,CACE,QAAU,CAAA,CACR,OAAS,CAAA,CACP,OAAS,CAAA,+DAAA,CACT,WAAa,CAAA,8EAAA,CACb,QACE,0FACF,CAAA,SAAA,CAAW,wEACX,CAAA,KAAA,CAAO,8CACP,CAAA,IAAA,CAAM,iDACR,CAAA,CACA,IAAM,CAAA,CACJ,OAAS,CAAA,eAAA,CACT,EAAI,CAAA,6BAAA,CACJ,EAAI,CAAA,sBAAA,CACJ,KAAM,SACR,CACF,CACA,CAAA,eAAA,CAAiB,CACf,OAAA,CAAS,SACT,CAAA,IAAA,CAAM,SACR,CACF,CACF,CAAA,CAyBMC,CAAe,CAAAC,YAAA,CAAA,UAAA,CACnB,CAACC,CAAAA,CAAyDC,CAAQ,GAAA,CAAjE,IAAAC,CAAAA,CAAAF,CAAE,CAAA,CAAA,SAAA,CAAAG,CAAW,CAAA,OAAA,CAAAC,CAAS,CAAA,IAAA,CAAAC,CAAM,CAAA,OAAA,CAAAC,CAAU,CAAA,KAlEzC,CAkEGJ,CAAAA,CAAAA,CAAgDK,EAAAC,CAAhDN,CAAAA,CAAAA,CAAgD,CAA9C,WAAA,CAAW,SAAS,CAAA,MAAA,CAAM,SAE3B,CAAA,CAAA,CAAA,OACEO,cAFWH,CAAAA,CAAAA,CAAUI,cAAO,CAAA,QAAA,CAE3BC,CAAA,CAAA,CAAK,SAAWnB,CAAAA,CAAAA,CAAGI,EAAe,CAAE,OAAA,CAAAQ,CAAS,CAAA,IAAA,CAAAC,CAAM,CAAA,SAAA,CAAAF,CAAU,CAAC,CAAC,CAAA,CAAG,GAAKF,CAAAA,CAAAA,CAAAA,CAASM,CAAO,CAAA,CAE5F,CACF,EACAT,EAAO,WAAc,CAAA,QAAA","file":"index.js","sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { ButtonProps } from \"./button.types\"\n\n/**\n * Button variant styles using class-variance-authority.\n * Defines the visual styles for different button variants and sizes.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"lg\">Click me</Button>\n * ```\n */\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n        destructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\"\n      },\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-9 w-9\"\n      }\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\"\n    }\n  }\n)\n\n/**\n * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.\n * Built on top of Radix UI's Slot primitive for maximum flexibility.\n *\n * @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n *\n * // Destructive button with small size\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n *\n * // As a link\n * <Button variant=\"link\" asChild>\n *   <a href=\"/about\">About</a>\n * </Button>\n * ```\n *\n * @param {ButtonProps} props - The component props\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref\n * @returns {JSX.Element} A button element\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"]}
+{"version":3,"sources":["../src/components/atoms/button/button.tsx","../src/utils/cn.ts","../src/components/atoms/input/input.tsx","../src/components/atoms/text-field/text-field.tsx","../src/components/atoms/container/container.tsx","../src/components/atoms/box/box.tsx","../src/components/atoms/stack/stack.tsx","../src/components/atoms/dialog/dialog.tsx","../src/components/molecules/card/card.tsx","../src/components/organisms/drawer/drawer.tsx"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","Button","O","_a","ref","_b","className","variant","size","asChild","startIcon","endIcon","loading","disabled","children","props","__objRest","Comp","Slot","jsx","__spreadProps","__spreadValues","jsxs","Loader2","Input","S","type","textFieldVariants","TextField","C","error","label","helperText","id","Container","W","maxWidth","disablePadding","fluid","Box","X","Component","Stack","q","direction","spacing","wrap","center","justify","align","Dialog","d","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","N","DialogContent","DialogHeader","DialogFooter","DialogTitle","DialogDescription","Card","y","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","Drawer","shouldScaleBackground","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","P","DrawerContent","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":"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","file":"index.js","sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { ButtonProps } from \"./button.types\"\nimport { Loader2 } from \"lucide-react\"\n\n/**\n * Button variant styles using class-variance-authority.\n * Defines the visual styles for different button variants and sizes.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"lg\">Click me</Button>\n * ```\n */\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n        destructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\"\n      },\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-9 w-9\"\n      }\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\"\n    }\n  }\n)\n\n/**\n * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.\n * Built on top of Radix UI's Slot primitive for maximum flexibility.\n *\n * @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n *\n * // Destructive button with small size\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n *\n * // As a link\n * <Button variant=\"link\" asChild>\n *   <a href=\"/about\">About</a>\n * </Button>\n *\n * // With icons\n * <Button startIcon={<Icon />}>With Start Icon</Button>\n * <Button endIcon={<Icon />}>With End Icon</Button>\n *\n * // Loading state\n * <Button loading>Loading</Button>\n * ```\n *\n * @param {ButtonProps} props - The component props\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref\n * @returns {JSX.Element} A button element\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      asChild = false,\n      startIcon,\n      endIcon,\n      loading = false,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n\n    if (asChild) {\n      return (\n        <Comp\n          className={cn(buttonVariants({ variant, size, className }))}\n          ref={ref}\n          disabled={disabled || loading}\n          {...props}\n        >\n          {children}\n        </Comp>\n      )\n    }\n\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        disabled={disabled || loading}\n        {...props}\n      >\n        {loading && (\n          <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" role=\"status\" aria-label=\"Loading\" />\n        )}\n        {!loading && startIcon && <span className=\"mr-2\">{startIcon}</span>}\n        {children}\n        {!loading && endIcon && <span className=\"ml-2\">{endIcon}</span>}\n      </Comp>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\n\nimport { cn } from \"@/utils/cn\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n","import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { TextFieldProps } from \"./text-field.types\"\nimport { Loader2 } from \"lucide-react\"\nimport { Input } from \"../input\"\n\n/**\n * Text field variant styles using class-variance-authority.\n * Defines the visual styles for different text field variants and sizes.\n */\nconst textFieldVariants = cva(\"w-full\", {\n  variants: {\n    variant: {\n      default: \"\",\n      error: \"border-destructive focus-visible:ring-destructive\"\n    },\n    size: {\n      default: \"h-10\",\n      sm: \"h-8 text-xs\",\n      lg: \"h-12 text-base\"\n    }\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\"\n  }\n})\n\n/**\n * A versatile text field component that supports multiple variants, sizes, and icons.\n * Built on top of shadcn/ui's Input component.\n *\n * @component\n * @example\n * ```tsx\n * // Default text field\n * <TextField placeholder=\"Enter text\" />\n *\n * // With icons\n * <TextField startIcon={<SearchIcon />} placeholder=\"Search...\" />\n * <TextField endIcon={<CalendarIcon />} placeholder=\"Select date\" />\n *\n * // With loading state\n * <TextField loading placeholder=\"Loading...\" />\n *\n * // With error\n * <TextField error=\"Invalid input\" placeholder=\"Enter text\" />\n * ```\n */\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      startIcon,\n      endIcon,\n      loading = false,\n      error,\n      label,\n      helperText,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const id = React.useId()\n\n    return (\n      <div className=\"w-full space-y-2\">\n        {label && (\n          <label\n            htmlFor={id}\n            className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n          >\n            {label}\n          </label>\n        )}\n        <div className=\"relative\">\n          {startIcon && (\n            <div className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n              {startIcon}\n            </div>\n          )}\n          <Input\n            id={id}\n            className={cn(\n              textFieldVariants({ variant: error ? \"error\" : variant, size, className }),\n              startIcon && \"pl-9\",\n              (endIcon || loading) && \"pr-9\"\n            )}\n            ref={ref}\n            disabled={disabled || loading}\n            {...props}\n          />\n          {(endIcon || loading) && (\n            <div className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n              {loading ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : endIcon}\n            </div>\n          )}\n        </div>\n        {(error || helperText) && (\n          <p className={cn(\"text-sm\", error ? \"text-destructive\" : \"text-muted-foreground\")}>\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\n\nTextField.displayName = \"TextField\"\n\nexport { TextField, textFieldVariants }\n","/**\n * Container is a layout component that provides a centered, max-width wrapper for content.\n * It's designed to create consistent horizontal padding and maximum widths across different screen sizes.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Container>\n *   <h1>Page Title</h1>\n *   <p>Content goes here...</p>\n * </Container>\n *\n * // With custom max width\n * <Container maxWidth=\"xl\">\n *   <h1>Wider Content</h1>\n * </Container>\n *\n * // Fluid container (no max-width)\n * <Container fluid>\n *   <h1>Full Width Content</h1>\n * </Container>\n *\n * // Without padding\n * <Container disablePadding>\n *   <h1>No Padding Content</h1>\n * </Container>\n * ```\n */\nimport { cn } from \"@/utils\"\nimport * as React from \"react\"\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The maximum width of the container.\n   * - \"sm\": 640px\n   * - \"md\": 768px\n   * - \"lg\": 1024px\n   * - \"xl\": 1280px\n   * - \"full\": 100%\n   * - false: No max-width (fluid)\n   *\n   * @default \"lg\"\n   */\n  maxWidth?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\" | false\n  /**\n   * Whether to disable the default horizontal padding.\n   * When true, removes the default padding (px-4 sm:px-6 lg:px-8).\n   *\n   * @default false\n   */\n  disablePadding?: boolean\n  /**\n   * Whether to make the container fluid (no max-width).\n   * When true, the container will expand to fill its parent's width.\n   *\n   * @default false\n   */\n  fluid?: boolean\n}\n\nconst Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  ({ className, maxWidth = \"lg\", disablePadding = false, fluid = false, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          // Base styles\n          \"mx-auto w-full\",\n          // Padding\n          !disablePadding && \"px-4 sm:px-6 lg:px-8\",\n          // Max width\n          !fluid && {\n            \"max-w-screen-sm\": maxWidth === \"sm\",\n            \"max-w-screen-md\": maxWidth === \"md\",\n            \"max-w-screen-lg\": maxWidth === \"lg\",\n            \"max-w-screen-xl\": maxWidth === \"xl\",\n            \"max-w-full\": maxWidth === \"full\"\n          },\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\n\nContainer.displayName = \"Container\"\n\nexport { Container }\n","/**\n * Box is a fundamental layout component that serves as a building block for other components.\n * It's a polymorphic component that can render as different HTML elements while maintaining\n * consistent styling and behavior.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Box>Content</Box>\n *\n * // As a different element\n * <Box as=\"section\">Section content</Box>\n *\n * // With custom className\n * <Box className=\"bg-primary text-white p-4\">Styled content</Box>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\ntype BoxComponent =\n  | \"div\"\n  | \"span\"\n  | \"section\"\n  | \"article\"\n  | \"main\"\n  | \"aside\"\n  | \"header\"\n  | \"footer\"\n  | \"nav\"\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The HTML element to render the Box as.\n   * This allows for semantic HTML while maintaining consistent styling.\n   *\n   * @default \"div\"\n   */\n  as?: BoxComponent\n}\n\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>(\n  ({ as: Component = \"div\", className, ...props }, ref) => {\n    return <Component ref={ref} className={cn(className)} {...props} />\n  }\n)\n\nBox.displayName = \"Box\"\n\nexport { Box }\n","/**\n * Stack is a layout component that arranges its children in a vertical or horizontal stack\n * with consistent spacing between items. It's built on top of Flexbox and provides\n * a simple way to create consistent layouts.\n *\n * @example\n * ```tsx\n * // Basic vertical stack\n * <Stack>\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Stack>\n *\n * // Horizontal stack with custom spacing\n * <Stack direction=\"horizontal\" spacing=\"lg\">\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n * </Stack>\n *\n * // Centered stack with wrapping\n * <Stack direction=\"horizontal\" center wrap>\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Stack>\n *\n * // Stack with custom alignment\n * <Stack align=\"center\" justify=\"between\">\n *   <div>Left</div>\n *   <div>Center</div>\n *   <div>Right</div>\n * </Stack>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The direction in which to stack the items.\n   * - \"vertical\": Items are stacked top to bottom\n   * - \"horizontal\": Items are stacked left to right\n   *\n   * @default \"vertical\"\n   */\n  direction?: \"vertical\" | \"horizontal\"\n  /**\n   * The spacing between items in the stack.\n   * - \"none\": 0px\n   * - \"xs\": 0.25rem (4px)\n   * - \"sm\": 0.5rem (8px)\n   * - \"md\": 1rem (16px)\n   * - \"lg\": 1.5rem (24px)\n   * - \"xl\": 2rem (32px)\n   *\n   * @default \"md\"\n   */\n  spacing?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"\n  /**\n   * Whether to allow items to wrap to the next line when they don't fit.\n   * Only applies to horizontal stacks.\n   *\n   * @default false\n   */\n  wrap?: boolean\n  /**\n   * Whether to center items both horizontally and vertically.\n   * This is a shorthand for setting both align and justify to \"center\".\n   *\n   * @default false\n   */\n  center?: boolean\n  /**\n   * How to justify items along the main axis.\n   * - \"start\": Items are packed toward the start\n   * - \"end\": Items are packed toward the end\n   * - \"center\": Items are centered\n   * - \"between\": Items are evenly distributed with first item at start and last at end\n   * - \"around\": Items are evenly distributed with equal space around them\n   * - \"evenly\": Items are distributed so that the spacing between any two items is equal\n   *\n   * @default undefined\n   */\n  justify?: \"start\" | \"end\" | \"center\" | \"between\" | \"around\" | \"evenly\"\n  /**\n   * How to align items along the cross axis.\n   * - \"start\": Items are aligned at the start\n   * - \"end\": Items are aligned at the end\n   * - \"center\": Items are centered\n   * - \"stretch\": Items are stretched to fill the container\n   * - \"baseline\": Items are aligned at their baselines\n   *\n   * @default undefined\n   */\n  align?: \"start\" | \"end\" | \"center\" | \"stretch\" | \"baseline\"\n}\n\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      className,\n      direction = \"vertical\",\n      spacing = \"md\",\n      wrap = false,\n      center = false,\n      justify,\n      align,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          // Base styles\n          \"flex\",\n          // Direction\n          direction === \"vertical\" ? \"flex-col\" : \"flex-row\",\n          // Spacing\n          {\n            \"gap-0\": spacing === \"none\",\n            \"gap-1\": spacing === \"xs\",\n            \"gap-2\": spacing === \"sm\",\n            \"gap-4\": spacing === \"md\",\n            \"gap-6\": spacing === \"lg\",\n            \"gap-8\": spacing === \"xl\"\n          },\n          // Wrap\n          wrap && \"flex-wrap\",\n          // Center\n          center && \"items-center justify-center\",\n          // Justify\n          justify && {\n            \"justify-start\": justify === \"start\",\n            \"justify-end\": justify === \"end\",\n            \"justify-center\": justify === \"center\",\n            \"justify-between\": justify === \"between\",\n            \"justify-around\": justify === \"around\",\n            \"justify-evenly\": justify === \"evenly\"\n          },\n          // Align\n          align && {\n            \"items-start\": align === \"start\",\n            \"items-end\": align === \"end\",\n            \"items-center\": align === \"center\",\n            \"items-stretch\": align === \"stretch\",\n            \"items-baseline\": align === \"baseline\"\n          },\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\n\nStack.displayName = \"Stack\"\n\nexport { Stack }\n","import * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from \"lucide-react\"\nimport { cn } from \"@/utils\"\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex flex-col space-y-1.5 text-center sm:text-left\", className)} {...props} />\n)\nDialogHeader.displayName = \"DialogHeader\"\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\n    {...props}\n  />\n)\nDialogFooter.displayName = \"DialogFooter\"\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription\n}\n","/**\n * Card is a flexible container component that can be used to group related content and actions.\n * It provides a consistent visual style with a subtle border, shadow, and rounded corners.\n *\n * @example\n * ```tsx\n * // Basic card\n * <Card>\n *   <CardHeader>\n *     <CardTitle>Card Title</CardTitle>\n *     <CardDescription>Card Description</CardDescription>\n *   </CardHeader>\n *   <CardContent>\n *     <p>Card content goes here.</p>\n *   </CardContent>\n *   <CardFooter>\n *     <Button>Action</Button>\n *   </CardFooter>\n * </Card>\n *\n * // Card with custom styling\n * <Card className=\"bg-primary text-primary-foreground\">\n *   <CardHeader>\n *     <CardTitle>Custom Styled Card</CardTitle>\n *   </CardHeader>\n *   <CardContent>\n *     <p>This card has custom background and text colors.</p>\n *   </CardContent>\n * </Card>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\n/**\n * The main card container component.\n * Provides the base styling for the card including border, shadow, and rounded corners.\n */\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"rounded-lg border bg-card text-card-foreground shadow-sm\", className)}\n      {...props}\n    />\n  )\n)\nCard.displayName = \"Card\"\n\n/**\n * Header section of the card.\n * Typically contains the card title and description.\n * Includes padding and spacing for consistent layout.\n */\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n  )\n)\nCardHeader.displayName = \"CardHeader\"\n\n/**\n * Title component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card titles.\n */\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3\n      ref={ref}\n      className={cn(\"text-2xl font-semibold leading-none tracking-tight\", className)}\n      {...props}\n    />\n  )\n)\nCardTitle.displayName = \"CardTitle\"\n\n/**\n * Description component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card descriptions.\n */\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n))\nCardDescription.displayName = \"CardDescription\"\n\n/**\n * Main content section of the card.\n * Includes padding and removes top padding to maintain consistent spacing with the header.\n */\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n  )\n)\nCardContent.displayName = \"CardContent\"\n\n/**\n * Footer section of the card.\n * Typically contains action buttons or additional information.\n * Includes padding and removes top padding to maintain consistent spacing with the content.\n */\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n  )\n)\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n","/**\n * Drawer is a slide-out panel component that appears from the bottom of the screen.\n * It's built on top of Vaul and provides a smooth, accessible drawer experience.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Drawer>\n *   <DrawerTrigger>\n *     <Button>Open Drawer</Button>\n *   </DrawerTrigger>\n *   <DrawerContent>\n *     <DrawerHeader>\n *       <DrawerTitle>Title</DrawerTitle>\n *       <DrawerDescription>Description</DrawerDescription>\n *     </DrawerHeader>\n *     <div>Content</div>\n *     <DrawerFooter>\n *       <Button>Save</Button>\n *     </DrawerFooter>\n *   </DrawerContent>\n * </Drawer>\n * ```\n */\nimport { cn } from \"@/utils\"\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nconst Drawer = ({\n  shouldScaleBackground = true,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n  <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />\n)\nDrawer.displayName = \"Drawer\"\n\n/**\n * The trigger element that opens the drawer.\n * Should be used with the `asChild` prop to wrap your own trigger element.\n */\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\n/**\n * Portal component that renders the drawer content outside the DOM hierarchy.\n * This ensures proper stacking context and accessibility.\n */\nconst DrawerPortal = DrawerPrimitive.Portal\n\n/**\n * Close button component for the drawer.\n * Should be used with the `asChild` prop to wrap your own close button.\n */\nconst DrawerClose = DrawerPrimitive.Close\n\n/**\n * Overlay component that appears behind the drawer.\n * Provides a semi-transparent backdrop and handles click-outside behavior.\n */\nconst DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Overlay\n    ref={ref}\n    className={cn(\"fixed inset-0 z-50 bg-black/80\", className)}\n    {...props}\n  />\n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\n/**\n * The main content container for the drawer.\n * Includes the handle bar at the top and manages the slide-up animation.\n */\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DrawerPortal>\n    <DrawerOverlay />\n    <DrawerPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n      {children}\n    </DrawerPrimitive.Content>\n  </DrawerPortal>\n))\nDrawerContent.displayName = \"DrawerContent\"\n\n/**\n * Header section of the drawer.\n * Typically contains the title and description.\n */\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)} {...props} />\n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\n/**\n * Footer section of the drawer.\n * Typically contains action buttons.\n */\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)} {...props} />\n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\n/**\n * Title component for the drawer.\n * Should be used within DrawerHeader.\n */\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n    {...props}\n  />\n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\n/**\n * Description component for the drawer.\n * Should be used within DrawerHeader.\n */\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription\n}\n"]}

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import*as f from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';var l=Object.defineProperty;var n=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var i=(r,o,e)=>o in r?l(r,o,{enumerable:true,configurable:true,writable:true,value:e}):r[o]=e,c=(r,o)=>{for(var e in o||(o={}))u.call(o,e)&&i(r,e,o[e]);if(n)for(var e of n(o))s.call(o,e)&&i(r,e,o[e]);return r};var p=(r,o)=>{var e={};for(var t in r)u.call(r,t)&&o.indexOf(t)<0&&(e[t]=r[t]);if(r!=null&&n)for(var t of n(r))o.indexOf(t)<0&&s.call(r,t)&&(e[t]=r[t]);return e};function d(...r){return twMerge(clsx(r))}var h=cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),w=f.forwardRef((B,g)=>{var a=B,{className:r,variant:o,size:e,asChild:t=false}=a,m=p(a,["className","variant","size","asChild"]);return jsx(t?Slot:"button",c({className:d(h({variant:o,size:e,className:r})),ref:g},m))});w.displayName="Button";export{w as Button,h as buttonVariants,d as cn};//# sourceMappingURL=index.mjs.map
+import*as y from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Loader2,X}from'lucide-react';import {jsx,jsxs}from'react/jsx-runtime';import*as d from'@radix-ui/react-dialog';import {Drawer}from'vaul';var K=Object.defineProperty,Q=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var A=(e,t,r)=>t in e?K(e,t,{enumerable:true,configurable:true,writable:true,value:r}):e[t]=r,s=(e,t)=>{for(var r in t||(t={}))B.call(t,r)&&A(e,r,t[r]);if(h)for(var r of h(t))F.call(t,r)&&A(e,r,t[r]);return e},x=(e,t)=>Q(e,U(t));var n=(e,t)=>{var r={};for(var a in e)B.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&h)for(var a of h(e))t.indexOf(a)<0&&F.call(e,a)&&(r[a]=e[a]);return r};function i(...e){return twMerge(clsx(e))}var z=cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),ee=y.forwardRef((E,v)=>{var H=E,{className:e,variant:t,size:r,asChild:a=false,startIcon:o,endIcon:l,loading:m=false,disabled:f,children:g}=H,D=n(H,["className","variant","size","asChild","startIcon","endIcon","loading","disabled","children"]);let w=a?Slot:"button";return a?jsx(w,x(s({className:i(z({variant:t,size:r,className:e})),ref:v,disabled:f||m},D),{children:g})):jsxs(w,x(s({className:i(z({variant:t,size:r,className:e})),ref:v,disabled:f||m},D),{children:[m&&jsx(Loader2,{className:"mr-2 h-4 w-4 animate-spin",role:"status","aria-label":"Loading"}),!m&&o&&jsx("span",{className:"mr-2",children:o}),g,!m&&l&&jsx("span",{className:"ml-2",children:l})]}))});ee.displayName="Button";var L=y.forwardRef((o,a)=>{var l=o,{className:e,type:t}=l,r=n(l,["className","type"]);return jsx("input",s({type:t,className:i("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:a},r))});L.displayName="Input";var ie=cva("w-full",{variants:{variant:{default:"",error:"border-destructive focus-visible:ring-destructive"},size:{default:"h-10",sm:"h-8 text-xs",lg:"h-12 text-base"}},defaultVariants:{variant:"default",size:"default"}}),se=y.forwardRef((H,E)=>{var w=H,{className:e,variant:t,size:r,startIcon:a,endIcon:o,loading:l=false,error:m,label:f,helperText:g,disabled:D}=w,v=n(w,["className","variant","size","startIcon","endIcon","loading","error","label","helperText","disabled"]);let k=y.useId();return jsxs("div",{className:"w-full space-y-2",children:[f&&jsx("label",{htmlFor:k,className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:f}),jsxs("div",{className:"relative",children:[a&&jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",children:a}),jsx(L,s({id:k,className:i(ie({variant:m?"error":t,size:r,className:e}),a&&"pl-9",(o||l)&&"pr-9"),ref:E,disabled:D||l},v)),(o||l)&&jsx("div",{className:"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground",children:l?jsx(Loader2,{className:"h-4 w-4 animate-spin"}):o})]}),(m||g)&&jsx("p",{className:i("text-sm",m?"text-destructive":"text-muted-foreground"),children:m||g})]})});se.displayName="TextField";var ne=y.forwardRef((m,l)=>{var f=m,{className:e,maxWidth:t="lg",disablePadding:r=false,fluid:a=false}=f,o=n(f,["className","maxWidth","disablePadding","fluid"]);return jsx("div",s({ref:l,className:i("mx-auto w-full",!r&&"px-4 sm:px-6 lg:px-8",!a&&{"max-w-screen-sm":t==="sm","max-w-screen-md":t==="md","max-w-screen-lg":t==="lg","max-w-screen-xl":t==="xl","max-w-full":t==="full"},e)},o))});ne.displayName="Container";var de=y.forwardRef((o,a)=>{var l=o,{as:e="div",className:t}=l,r=n(l,["as","className"]);return jsx(e,s({ref:a,className:i(t)},r))});de.displayName="Box";var ce=y.forwardRef((D,g)=>{var v=D,{className:e,direction:t="vertical",spacing:r="md",wrap:a=false,center:o=false,justify:l,align:m}=v,f=n(v,["className","direction","spacing","wrap","center","justify","align"]);return jsx("div",s({ref:g,className:i("flex",t==="vertical"?"flex-col":"flex-row",{"gap-0":r==="none","gap-1":r==="xs","gap-2":r==="sm","gap-4":r==="md","gap-6":r==="lg","gap-8":r==="xl"},a&&"flex-wrap",o&&"items-center justify-center",l&&{"justify-start":l==="start","justify-end":l==="end","justify-center":l==="center","justify-between":l==="between","justify-around":l==="around","justify-evenly":l==="evenly"},m&&{"items-start":m==="start","items-end":m==="end","items-center":m==="center","items-stretch":m==="stretch","items-baseline":m==="baseline"},e)},f))});ce.displayName="Stack";var xt=d.Root,yt=d.Trigger,ue=d.Portal,Rt=d.Close,G=y.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsx(d.Overlay,s({ref:r,className:i("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e)},t))});G.displayName=d.Overlay.displayName;var ge=y.forwardRef((o,a)=>{var l=o,{className:e,children:t}=l,r=n(l,["className","children"]);return jsxs(ue,{children:[jsx(G,{}),jsxs(d.Content,x(s({ref:a,className:i("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",e)},r),{children:[t,jsxs(d.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]}))]})});ge.displayName=d.Content.displayName;var ve=r=>{var a=r,{className:e}=a,t=n(a,["className"]);return jsx("div",s({className:i("flex flex-col space-y-1.5 text-center sm:text-left",e)},t))};ve.displayName="DialogHeader";var xe=r=>{var a=r,{className:e}=a,t=n(a,["className"]);return jsx("div",s({className:i("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e)},t))};xe.displayName="DialogFooter";var ye=y.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsx(d.Title,s({ref:r,className:i("text-lg font-semibold leading-none tracking-tight",e)},t))});ye.displayName=d.Title.displayName;var Re=y.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsx(d.Description,s({ref:r,className:i("text-sm text-muted-foreground",e)},t))});Re.displayName=d.Description.displayName;var be=y.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsx("div",s({ref:r,className:i("rounded-lg border bg-card text-card-foreground shadow-sm",e)},t))});be.displayName="Card";var De=y.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsx("div",s({ref:r,className:i("flex flex-col space-y-1.5 p-6",e)},t))});De.displayName="CardHeader";var we=y.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsx("h3",s({ref:r,className:i("text-2xl font-semibold leading-none tracking-tight",e)},t))});we.displayName="CardTitle";var Ne=y.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsx("p",s({ref:r,className:i("text-sm text-muted-foreground",e)},t))});Ne.displayName="CardDescription";var Pe=y.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsx("div",s({ref:r,className:i("p-6 pt-0",e)},t))});Pe.displayName="CardContent";var he=y.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsx("div",s({ref:r,className:i("flex items-center p-6 pt-0",e)},t))});he.displayName="CardFooter";var Te=r=>{var a=r,{shouldScaleBackground:e=true}=a,t=n(a,["shouldScaleBackground"]);return jsx(Drawer.Root,s({shouldScaleBackground:e},t))};Te.displayName="Drawer";var Lt=Drawer.Trigger,Ce=Drawer.Portal,Mt=Drawer.Close,J=y.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsx(Drawer.Overlay,s({ref:r,className:i("fixed inset-0 z-50 bg-black/80",e)},t))});J.displayName=Drawer.Overlay.displayName;var He=y.forwardRef((o,a)=>{var l=o,{className:e,children:t}=l,r=n(l,["className","children"]);return jsxs(Ce,{children:[jsx(J,{}),jsxs(Drawer.Content,x(s({ref:a,className:i("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",e)},r),{children:[jsx("div",{className:"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"}),t]}))]})});He.displayName="DrawerContent";var Le=r=>{var a=r,{className:e}=a,t=n(a,["className"]);return jsx("div",s({className:i("grid gap-1.5 p-4 text-center sm:text-left",e)},t))};Le.displayName="DrawerHeader";var Me=r=>{var a=r,{className:e}=a,t=n(a,["className"]);return jsx("div",s({className:i("mt-auto flex flex-col gap-2 p-4",e)},t))};Me.displayName="DrawerFooter";var Ee=y.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsx(Drawer.Title,s({ref:r,className:i("text-lg font-semibold leading-none tracking-tight",e)},t))});Ee.displayName=Drawer.Title.displayName;var ke=y.forwardRef((a,r)=>{var o=a,{className:e}=o,t=n(o,["className"]);return jsx(Drawer.Description,s({ref:r,className:i("text-sm text-muted-foreground",e)},t))});ke.displayName=Drawer.Description.displayName;export{de as Box,ee as Button,be as Card,Pe as CardContent,Ne as CardDescription,he as CardFooter,De as CardHeader,we as CardTitle,ne as Container,xt as Dialog,Rt as DialogClose,ge as DialogContent,Re as DialogDescription,xe as DialogFooter,ve as DialogHeader,G as DialogOverlay,ue as DialogPortal,ye as DialogTitle,yt as DialogTrigger,Te as Drawer,Mt as DrawerClose,He as DrawerContent,ke as DrawerDescription,Me as DrawerFooter,Le as DrawerHeader,J as DrawerOverlay,Ce as DrawerPortal,Ee as DrawerTitle,Lt as DrawerTrigger,L as Input,ce as Stack,se as TextField,z as buttonVariants,i as cn,ie as textFieldVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/atoms/button/button.tsx","../src/utils/cn.ts"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","Button","_a","ref","_b","className","variant","size","asChild","props","__objRest","jsx","Slot","__spreadValues"],"mappings":"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","file":"index.mjs","sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { ButtonProps } from \"./button.types\"\n\n/**\n * Button variant styles using class-variance-authority.\n * Defines the visual styles for different button variants and sizes.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"lg\">Click me</Button>\n * ```\n */\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n        destructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\"\n      },\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-9 w-9\"\n      }\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\"\n    }\n  }\n)\n\n/**\n * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.\n * Built on top of Radix UI's Slot primitive for maximum flexibility.\n *\n * @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n *\n * // Destructive button with small size\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n *\n * // As a link\n * <Button variant=\"link\" asChild>\n *   <a href=\"/about\">About</a>\n * </Button>\n * ```\n *\n * @param {ButtonProps} props - The component props\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref\n * @returns {JSX.Element} A button element\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"]}
+{"version":3,"sources":["../src/components/atoms/button/button.tsx","../src/utils/cn.ts","../src/components/atoms/input/input.tsx","../src/components/atoms/text-field/text-field.tsx","../src/components/atoms/container/container.tsx","../src/components/atoms/box/box.tsx","../src/components/atoms/stack/stack.tsx","../src/components/atoms/dialog/dialog.tsx","../src/components/molecules/card/card.tsx","../src/components/organisms/drawer/drawer.tsx"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","Button","O","_a","ref","_b","className","variant","size","asChild","startIcon","endIcon","loading","disabled","children","props","__objRest","Comp","Slot","jsx","__spreadProps","__spreadValues","jsxs","Loader2","Input","S","type","textFieldVariants","TextField","C","error","label","helperText","id","Container","W","maxWidth","disablePadding","fluid","Box","X","Component","Stack","q","direction","spacing","wrap","center","justify","align","Dialog","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","N","DialogContent","DialogHeader","DialogFooter","DialogTitle","DialogDescription","Card","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","Drawer","shouldScaleBackground","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","P","DrawerContent","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":"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","file":"index.mjs","sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { ButtonProps } from \"./button.types\"\nimport { Loader2 } from \"lucide-react\"\n\n/**\n * Button variant styles using class-variance-authority.\n * Defines the visual styles for different button variants and sizes.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"lg\">Click me</Button>\n * ```\n */\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n        destructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\"\n      },\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-9 w-9\"\n      }\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\"\n    }\n  }\n)\n\n/**\n * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.\n * Built on top of Radix UI's Slot primitive for maximum flexibility.\n *\n * @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n *\n * // Destructive button with small size\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n *\n * // As a link\n * <Button variant=\"link\" asChild>\n *   <a href=\"/about\">About</a>\n * </Button>\n *\n * // With icons\n * <Button startIcon={<Icon />}>With Start Icon</Button>\n * <Button endIcon={<Icon />}>With End Icon</Button>\n *\n * // Loading state\n * <Button loading>Loading</Button>\n * ```\n *\n * @param {ButtonProps} props - The component props\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref\n * @returns {JSX.Element} A button element\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      asChild = false,\n      startIcon,\n      endIcon,\n      loading = false,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n\n    if (asChild) {\n      return (\n        <Comp\n          className={cn(buttonVariants({ variant, size, className }))}\n          ref={ref}\n          disabled={disabled || loading}\n          {...props}\n        >\n          {children}\n        </Comp>\n      )\n    }\n\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        disabled={disabled || loading}\n        {...props}\n      >\n        {loading && (\n          <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" role=\"status\" aria-label=\"Loading\" />\n        )}\n        {!loading && startIcon && <span className=\"mr-2\">{startIcon}</span>}\n        {children}\n        {!loading && endIcon && <span className=\"ml-2\">{endIcon}</span>}\n      </Comp>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\n\nimport { cn } from \"@/utils/cn\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n","import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { TextFieldProps } from \"./text-field.types\"\nimport { Loader2 } from \"lucide-react\"\nimport { Input } from \"../input\"\n\n/**\n * Text field variant styles using class-variance-authority.\n * Defines the visual styles for different text field variants and sizes.\n */\nconst textFieldVariants = cva(\"w-full\", {\n  variants: {\n    variant: {\n      default: \"\",\n      error: \"border-destructive focus-visible:ring-destructive\"\n    },\n    size: {\n      default: \"h-10\",\n      sm: \"h-8 text-xs\",\n      lg: \"h-12 text-base\"\n    }\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\"\n  }\n})\n\n/**\n * A versatile text field component that supports multiple variants, sizes, and icons.\n * Built on top of shadcn/ui's Input component.\n *\n * @component\n * @example\n * ```tsx\n * // Default text field\n * <TextField placeholder=\"Enter text\" />\n *\n * // With icons\n * <TextField startIcon={<SearchIcon />} placeholder=\"Search...\" />\n * <TextField endIcon={<CalendarIcon />} placeholder=\"Select date\" />\n *\n * // With loading state\n * <TextField loading placeholder=\"Loading...\" />\n *\n * // With error\n * <TextField error=\"Invalid input\" placeholder=\"Enter text\" />\n * ```\n */\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      startIcon,\n      endIcon,\n      loading = false,\n      error,\n      label,\n      helperText,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const id = React.useId()\n\n    return (\n      <div className=\"w-full space-y-2\">\n        {label && (\n          <label\n            htmlFor={id}\n            className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n          >\n            {label}\n          </label>\n        )}\n        <div className=\"relative\">\n          {startIcon && (\n            <div className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n              {startIcon}\n            </div>\n          )}\n          <Input\n            id={id}\n            className={cn(\n              textFieldVariants({ variant: error ? \"error\" : variant, size, className }),\n              startIcon && \"pl-9\",\n              (endIcon || loading) && \"pr-9\"\n            )}\n            ref={ref}\n            disabled={disabled || loading}\n            {...props}\n          />\n          {(endIcon || loading) && (\n            <div className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n              {loading ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : endIcon}\n            </div>\n          )}\n        </div>\n        {(error || helperText) && (\n          <p className={cn(\"text-sm\", error ? \"text-destructive\" : \"text-muted-foreground\")}>\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\n\nTextField.displayName = \"TextField\"\n\nexport { TextField, textFieldVariants }\n","/**\n * Container is a layout component that provides a centered, max-width wrapper for content.\n * It's designed to create consistent horizontal padding and maximum widths across different screen sizes.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Container>\n *   <h1>Page Title</h1>\n *   <p>Content goes here...</p>\n * </Container>\n *\n * // With custom max width\n * <Container maxWidth=\"xl\">\n *   <h1>Wider Content</h1>\n * </Container>\n *\n * // Fluid container (no max-width)\n * <Container fluid>\n *   <h1>Full Width Content</h1>\n * </Container>\n *\n * // Without padding\n * <Container disablePadding>\n *   <h1>No Padding Content</h1>\n * </Container>\n * ```\n */\nimport { cn } from \"@/utils\"\nimport * as React from \"react\"\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The maximum width of the container.\n   * - \"sm\": 640px\n   * - \"md\": 768px\n   * - \"lg\": 1024px\n   * - \"xl\": 1280px\n   * - \"full\": 100%\n   * - false: No max-width (fluid)\n   *\n   * @default \"lg\"\n   */\n  maxWidth?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\" | false\n  /**\n   * Whether to disable the default horizontal padding.\n   * When true, removes the default padding (px-4 sm:px-6 lg:px-8).\n   *\n   * @default false\n   */\n  disablePadding?: boolean\n  /**\n   * Whether to make the container fluid (no max-width).\n   * When true, the container will expand to fill its parent's width.\n   *\n   * @default false\n   */\n  fluid?: boolean\n}\n\nconst Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  ({ className, maxWidth = \"lg\", disablePadding = false, fluid = false, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          // Base styles\n          \"mx-auto w-full\",\n          // Padding\n          !disablePadding && \"px-4 sm:px-6 lg:px-8\",\n          // Max width\n          !fluid && {\n            \"max-w-screen-sm\": maxWidth === \"sm\",\n            \"max-w-screen-md\": maxWidth === \"md\",\n            \"max-w-screen-lg\": maxWidth === \"lg\",\n            \"max-w-screen-xl\": maxWidth === \"xl\",\n            \"max-w-full\": maxWidth === \"full\"\n          },\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\n\nContainer.displayName = \"Container\"\n\nexport { Container }\n","/**\n * Box is a fundamental layout component that serves as a building block for other components.\n * It's a polymorphic component that can render as different HTML elements while maintaining\n * consistent styling and behavior.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Box>Content</Box>\n *\n * // As a different element\n * <Box as=\"section\">Section content</Box>\n *\n * // With custom className\n * <Box className=\"bg-primary text-white p-4\">Styled content</Box>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\ntype BoxComponent =\n  | \"div\"\n  | \"span\"\n  | \"section\"\n  | \"article\"\n  | \"main\"\n  | \"aside\"\n  | \"header\"\n  | \"footer\"\n  | \"nav\"\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The HTML element to render the Box as.\n   * This allows for semantic HTML while maintaining consistent styling.\n   *\n   * @default \"div\"\n   */\n  as?: BoxComponent\n}\n\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>(\n  ({ as: Component = \"div\", className, ...props }, ref) => {\n    return <Component ref={ref} className={cn(className)} {...props} />\n  }\n)\n\nBox.displayName = \"Box\"\n\nexport { Box }\n","/**\n * Stack is a layout component that arranges its children in a vertical or horizontal stack\n * with consistent spacing between items. It's built on top of Flexbox and provides\n * a simple way to create consistent layouts.\n *\n * @example\n * ```tsx\n * // Basic vertical stack\n * <Stack>\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Stack>\n *\n * // Horizontal stack with custom spacing\n * <Stack direction=\"horizontal\" spacing=\"lg\">\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n * </Stack>\n *\n * // Centered stack with wrapping\n * <Stack direction=\"horizontal\" center wrap>\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Stack>\n *\n * // Stack with custom alignment\n * <Stack align=\"center\" justify=\"between\">\n *   <div>Left</div>\n *   <div>Center</div>\n *   <div>Right</div>\n * </Stack>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The direction in which to stack the items.\n   * - \"vertical\": Items are stacked top to bottom\n   * - \"horizontal\": Items are stacked left to right\n   *\n   * @default \"vertical\"\n   */\n  direction?: \"vertical\" | \"horizontal\"\n  /**\n   * The spacing between items in the stack.\n   * - \"none\": 0px\n   * - \"xs\": 0.25rem (4px)\n   * - \"sm\": 0.5rem (8px)\n   * - \"md\": 1rem (16px)\n   * - \"lg\": 1.5rem (24px)\n   * - \"xl\": 2rem (32px)\n   *\n   * @default \"md\"\n   */\n  spacing?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"\n  /**\n   * Whether to allow items to wrap to the next line when they don't fit.\n   * Only applies to horizontal stacks.\n   *\n   * @default false\n   */\n  wrap?: boolean\n  /**\n   * Whether to center items both horizontally and vertically.\n   * This is a shorthand for setting both align and justify to \"center\".\n   *\n   * @default false\n   */\n  center?: boolean\n  /**\n   * How to justify items along the main axis.\n   * - \"start\": Items are packed toward the start\n   * - \"end\": Items are packed toward the end\n   * - \"center\": Items are centered\n   * - \"between\": Items are evenly distributed with first item at start and last at end\n   * - \"around\": Items are evenly distributed with equal space around them\n   * - \"evenly\": Items are distributed so that the spacing between any two items is equal\n   *\n   * @default undefined\n   */\n  justify?: \"start\" | \"end\" | \"center\" | \"between\" | \"around\" | \"evenly\"\n  /**\n   * How to align items along the cross axis.\n   * - \"start\": Items are aligned at the start\n   * - \"end\": Items are aligned at the end\n   * - \"center\": Items are centered\n   * - \"stretch\": Items are stretched to fill the container\n   * - \"baseline\": Items are aligned at their baselines\n   *\n   * @default undefined\n   */\n  align?: \"start\" | \"end\" | \"center\" | \"stretch\" | \"baseline\"\n}\n\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      className,\n      direction = \"vertical\",\n      spacing = \"md\",\n      wrap = false,\n      center = false,\n      justify,\n      align,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          // Base styles\n          \"flex\",\n          // Direction\n          direction === \"vertical\" ? \"flex-col\" : \"flex-row\",\n          // Spacing\n          {\n            \"gap-0\": spacing === \"none\",\n            \"gap-1\": spacing === \"xs\",\n            \"gap-2\": spacing === \"sm\",\n            \"gap-4\": spacing === \"md\",\n            \"gap-6\": spacing === \"lg\",\n            \"gap-8\": spacing === \"xl\"\n          },\n          // Wrap\n          wrap && \"flex-wrap\",\n          // Center\n          center && \"items-center justify-center\",\n          // Justify\n          justify && {\n            \"justify-start\": justify === \"start\",\n            \"justify-end\": justify === \"end\",\n            \"justify-center\": justify === \"center\",\n            \"justify-between\": justify === \"between\",\n            \"justify-around\": justify === \"around\",\n            \"justify-evenly\": justify === \"evenly\"\n          },\n          // Align\n          align && {\n            \"items-start\": align === \"start\",\n            \"items-end\": align === \"end\",\n            \"items-center\": align === \"center\",\n            \"items-stretch\": align === \"stretch\",\n            \"items-baseline\": align === \"baseline\"\n          },\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\n\nStack.displayName = \"Stack\"\n\nexport { Stack }\n","import * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from \"lucide-react\"\nimport { cn } from \"@/utils\"\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex flex-col space-y-1.5 text-center sm:text-left\", className)} {...props} />\n)\nDialogHeader.displayName = \"DialogHeader\"\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\n    {...props}\n  />\n)\nDialogFooter.displayName = \"DialogFooter\"\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription\n}\n","/**\n * Card is a flexible container component that can be used to group related content and actions.\n * It provides a consistent visual style with a subtle border, shadow, and rounded corners.\n *\n * @example\n * ```tsx\n * // Basic card\n * <Card>\n *   <CardHeader>\n *     <CardTitle>Card Title</CardTitle>\n *     <CardDescription>Card Description</CardDescription>\n *   </CardHeader>\n *   <CardContent>\n *     <p>Card content goes here.</p>\n *   </CardContent>\n *   <CardFooter>\n *     <Button>Action</Button>\n *   </CardFooter>\n * </Card>\n *\n * // Card with custom styling\n * <Card className=\"bg-primary text-primary-foreground\">\n *   <CardHeader>\n *     <CardTitle>Custom Styled Card</CardTitle>\n *   </CardHeader>\n *   <CardContent>\n *     <p>This card has custom background and text colors.</p>\n *   </CardContent>\n * </Card>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\n/**\n * The main card container component.\n * Provides the base styling for the card including border, shadow, and rounded corners.\n */\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"rounded-lg border bg-card text-card-foreground shadow-sm\", className)}\n      {...props}\n    />\n  )\n)\nCard.displayName = \"Card\"\n\n/**\n * Header section of the card.\n * Typically contains the card title and description.\n * Includes padding and spacing for consistent layout.\n */\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n  )\n)\nCardHeader.displayName = \"CardHeader\"\n\n/**\n * Title component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card titles.\n */\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3\n      ref={ref}\n      className={cn(\"text-2xl font-semibold leading-none tracking-tight\", className)}\n      {...props}\n    />\n  )\n)\nCardTitle.displayName = \"CardTitle\"\n\n/**\n * Description component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card descriptions.\n */\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n))\nCardDescription.displayName = \"CardDescription\"\n\n/**\n * Main content section of the card.\n * Includes padding and removes top padding to maintain consistent spacing with the header.\n */\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n  )\n)\nCardContent.displayName = \"CardContent\"\n\n/**\n * Footer section of the card.\n * Typically contains action buttons or additional information.\n * Includes padding and removes top padding to maintain consistent spacing with the content.\n */\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n  )\n)\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n","/**\n * Drawer is a slide-out panel component that appears from the bottom of the screen.\n * It's built on top of Vaul and provides a smooth, accessible drawer experience.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Drawer>\n *   <DrawerTrigger>\n *     <Button>Open Drawer</Button>\n *   </DrawerTrigger>\n *   <DrawerContent>\n *     <DrawerHeader>\n *       <DrawerTitle>Title</DrawerTitle>\n *       <DrawerDescription>Description</DrawerDescription>\n *     </DrawerHeader>\n *     <div>Content</div>\n *     <DrawerFooter>\n *       <Button>Save</Button>\n *     </DrawerFooter>\n *   </DrawerContent>\n * </Drawer>\n * ```\n */\nimport { cn } from \"@/utils\"\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nconst Drawer = ({\n  shouldScaleBackground = true,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n  <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />\n)\nDrawer.displayName = \"Drawer\"\n\n/**\n * The trigger element that opens the drawer.\n * Should be used with the `asChild` prop to wrap your own trigger element.\n */\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\n/**\n * Portal component that renders the drawer content outside the DOM hierarchy.\n * This ensures proper stacking context and accessibility.\n */\nconst DrawerPortal = DrawerPrimitive.Portal\n\n/**\n * Close button component for the drawer.\n * Should be used with the `asChild` prop to wrap your own close button.\n */\nconst DrawerClose = DrawerPrimitive.Close\n\n/**\n * Overlay component that appears behind the drawer.\n * Provides a semi-transparent backdrop and handles click-outside behavior.\n */\nconst DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Overlay\n    ref={ref}\n    className={cn(\"fixed inset-0 z-50 bg-black/80\", className)}\n    {...props}\n  />\n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\n/**\n * The main content container for the drawer.\n * Includes the handle bar at the top and manages the slide-up animation.\n */\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DrawerPortal>\n    <DrawerOverlay />\n    <DrawerPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n      {children}\n    </DrawerPrimitive.Content>\n  </DrawerPortal>\n))\nDrawerContent.displayName = \"DrawerContent\"\n\n/**\n * Header section of the drawer.\n * Typically contains the title and description.\n */\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)} {...props} />\n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\n/**\n * Footer section of the drawer.\n * Typically contains action buttons.\n */\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)} {...props} />\n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\n/**\n * Title component for the drawer.\n * Should be used within DrawerHeader.\n */\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n    {...props}\n  />\n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\n/**\n * Description component for the drawer.\n * Should be used within DrawerHeader.\n */\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@me1a/ui",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "private": false,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -20,7 +20,8 @@
     "test:watch": "jest --watch",
     "typecheck": "tsc --noEmit",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "serve-storybook": "npx serve storybook-static"
   },
   "peerDependencies": {
     "next": "^14.1.0",
@@ -70,14 +71,16 @@
     "typescript": "^5.3.3"
   },
   "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.13",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-slot": "^1.0.2",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "lucide-react": "^0.330.0",
     "next-themes": "^0.2.1",
-    "tailwind-merge": "^2.2.1",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwind-merge": "^2.6.0",
+    "tailwindcss-animate": "^1.0.7",
+    "vaul": "^1.1.2"
   },
   "publishConfig": {
     "access": "public"