@pixpilot/shadcn 1.4.0 → 2.0.0

package/dist/components/index.d.ts

@@ -14,6 +14,7 @@ import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScro
 import { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore } from "./ui/color-picker.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.js";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./ui/drawer.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./ui/dropdown-menu.js";
 import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadRootProps, FileUploadTrigger, useStore as useStore$1 } from "./ui/file-upload.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./ui/input-group.js";

package/dist/components/ui/OrContinueWithSeparator.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime103 from "react/jsx-runtime";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
 
 //#region src/components/ui/OrContinueWithSeparator.d.ts
 
@@ -6,6 +6,6 @@ import * as react_jsx_runtime103 from "react/jsx-runtime";
  * A separator with a label for alternative sign-in methods.
  * Used in authentication forms to visually separate sections.
  */
-declare function OrContinueWithSeparator(): react_jsx_runtime103.JSX.Element;
+declare function OrContinueWithSeparator(): react_jsx_runtime113.JSX.Element;
 //#endregion
 export { OrContinueWithSeparator };

package/dist/components/ui/alert-dialog.d.ts

@@ -1,48 +1,48 @@
 import * as React from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 
 //#region src/components/ui/alert-dialog.d.ts
 declare function AlertDialog({
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime5.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime5.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime5.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime5.JSX.Element;
 declare function AlertDialogContent({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime5.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime5.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime5.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime5.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime5.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime5.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/components/ui/alert.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/ui/alert.d.ts
@@ -11,14 +11,14 @@ declare function Alert({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime9.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime16.JSX.Element;
 declare function AlertTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime9.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime16.JSX.Element;
 declare function AlertDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime9.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertTitle };

package/dist/components/ui/avatar.d.ts

@@ -1,19 +1,19 @@
 import * as React from "react";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 
 //#region src/components/ui/avatar.d.ts
 declare function Avatar({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime23.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime21.JSX.Element;
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime23.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime21.JSX.Element;
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime23.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime21.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage };

package/dist/components/ui/badge.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/ui/badge.d.ts
@@ -14,6 +14,6 @@ declare function Badge({
   ...props
 }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime26.JSX.Element;
+}): react_jsx_runtime24.JSX.Element;
 //#endregion
 export { Badge, badgeVariants };

package/dist/components/ui/button-group.d.ts

@@ -1,6 +1,6 @@
 import { Separator } from "./separator.js";
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 import * as class_variance_authority_types2 from "class-variance-authority/types";
 
 //#region src/components/ui/button-group.d.ts
@@ -11,18 +11,18 @@ declare function ButtonGroup({
   className,
   orientation,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime26.JSX.Element;
 declare function ButtonGroupText({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'div'> & {
   asChild?: boolean;
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime26.JSX.Element;
 declare function ButtonGroupSeparator({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime26.JSX.Element;
 //#endregion
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/components/ui/button.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import * as class_variance_authority_types1 from "class-variance-authority/types";
 
 //#region src/components/ui/button.d.ts
@@ -16,6 +16,6 @@ declare function Button({
   ...props
 }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime27.JSX.Element;
+}): react_jsx_runtime25.JSX.Element;
 //#endregion
 export { Button, buttonVariants };

package/dist/components/ui/calendar.d.ts

@@ -1,6 +1,6 @@
 import { Button } from "./button.js";
 import * as React from "react";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { DayButton, DayPicker } from "react-day-picker";
 
 //#region src/components/ui/calendar.d.ts
@@ -15,12 +15,12 @@ declare function Calendar({
   ...props
 }: React.ComponentProps<typeof DayPicker> & {
   buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react_jsx_runtime31.JSX.Element;
+}): react_jsx_runtime19.JSX.Element;
 declare function CalendarDayButton({
   className,
   day,
   modifiers,
   ...props
-}: React.ComponentProps<typeof DayButton>): react_jsx_runtime31.JSX.Element;
+}: React.ComponentProps<typeof DayButton>): react_jsx_runtime19.JSX.Element;
 //#endregion
 export { Calendar, CalendarDayButton };

package/dist/components/ui/card.d.ts

@@ -1,34 +1,34 @@
 import * as React from "react";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 
 //#region src/components/ui/card.d.ts
 declare function Card({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime33.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime39.JSX.Element;
 declare function CardHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime33.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime39.JSX.Element;
 declare function CardTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime33.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime39.JSX.Element;
 declare function CardDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime33.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime39.JSX.Element;
 declare function CardAction({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime33.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime39.JSX.Element;
 declare function CardContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime33.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime39.JSX.Element;
 declare function CardFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime33.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime39.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/ui/checkbox.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 
 //#region src/components/ui/checkbox.d.ts
 declare function Checkbox({
   className,
   ...props
-}: React.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime46.JSX.Element;
 //#endregion
 export { Checkbox };

package/dist/components/ui/color-picker.d.ts

@@ -4,7 +4,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 import { Select, SelectTrigger } from "./select.js";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 
 //#region src/components/ui/color-picker.d.ts
@@ -67,30 +67,30 @@ interface ColorPickerProps extends Omit<DivProps, 'onValueChange'>, Pick<React.C
   readOnly?: boolean;
   required?: boolean;
 }
-declare function ColorPicker(props: ColorPickerProps): react_jsx_runtime41.JSX.Element;
+declare function ColorPicker(props: ColorPickerProps): react_jsx_runtime47.JSX.Element;
 declare function ColorPickerTrigger({
   variant,
   ...props
 }: React.ComponentProps<typeof PopoverTrigger> & {
   variant?: VariantProps<typeof buttonVariants>['variant'];
-}): react_jsx_runtime41.JSX.Element;
-declare function ColorPickerContent(props: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime41.JSX.Element;
-declare function ColorPickerArea(props: DivProps): react_jsx_runtime41.JSX.Element;
-declare function ColorPickerHueSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime41.JSX.Element;
-declare function ColorPickerAlphaSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime41.JSX.Element;
+}): react_jsx_runtime47.JSX.Element;
+declare function ColorPickerContent(props: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime47.JSX.Element;
+declare function ColorPickerArea(props: DivProps): react_jsx_runtime47.JSX.Element;
+declare function ColorPickerHueSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime47.JSX.Element;
+declare function ColorPickerAlphaSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime47.JSX.Element;
 interface ColorPickerSwatchProps extends Omit<DivProps, 'color'> {
   color?: string;
 }
-declare function ColorPickerSwatch(props: ColorPickerSwatchProps): react_jsx_runtime41.JSX.Element;
-declare function ColorPickerEyeDropper(props: React.ComponentProps<typeof Button>): react_jsx_runtime41.JSX.Element | null;
+declare function ColorPickerSwatch(props: ColorPickerSwatchProps): react_jsx_runtime47.JSX.Element;
+declare function ColorPickerEyeDropper(props: React.ComponentProps<typeof Button>): react_jsx_runtime47.JSX.Element | null;
 interface ColorPickerFormatSelectProps extends Omit<React.ComponentProps<typeof Select>, 'value' | 'onValueChange'>, Pick<React.ComponentProps<typeof SelectTrigger>, 'size' | 'className'> {
   id?: string;
 }
-declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps): react_jsx_runtime41.JSX.Element;
+declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps): react_jsx_runtime47.JSX.Element;
 interface ColorPickerInputProps extends Omit<React.ComponentProps<typeof Input>, 'value' | 'onChange' | 'color'> {
   withoutAlpha?: boolean;
 }
-declare function ColorPickerInput(props: ColorPickerInputProps): react_jsx_runtime41.JSX.Element | undefined;
+declare function ColorPickerInput(props: ColorPickerInputProps): react_jsx_runtime47.JSX.Element | undefined;
 declare const colorUtils: {
   colorToString: typeof colorToString;
   parseColorString: typeof parseColorString;

package/dist/components/ui/command.d.ts

@@ -1,13 +1,13 @@
 import { Dialog } from "./dialog.js";
 import * as React from "react";
-import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime57 from "react/jsx-runtime";
 import { Command } from "cmdk";
 
 //#region src/components/ui/command.d.ts
 declare function Command$1({
   className,
   ...props
-}: React.ComponentProps<typeof Command>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<typeof Command>): react_jsx_runtime57.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -20,33 +20,33 @@ declare function CommandDialog({
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime51.JSX.Element;
+}): react_jsx_runtime57.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime57.JSX.Element;
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime57.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime57.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime57.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime57.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime57.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime57.JSX.Element;
 //#endregion
 export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/components/ui/dialog.d.ts

@@ -1,25 +1,25 @@
 import * as React from "react";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/ui/dialog.d.ts
 declare function Dialog({
   modal,
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime29.JSX.Element;
 declare function DialogTrigger({
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime29.JSX.Element;
 declare function DialogPortal({
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime29.JSX.Element;
 declare function DialogClose({
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime29.JSX.Element;
 declare function DialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime29.JSX.Element;
 declare function DialogContent({
   className,
   children,
@@ -32,22 +32,22 @@ declare function DialogContent({
   showCloseButton?: boolean;
   disableOutsideClick?: boolean;
   container?: HTMLElement | null;
-}): react_jsx_runtime60.JSX.Element;
+}): react_jsx_runtime29.JSX.Element;
 declare function DialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime29.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime29.JSX.Element;
 declare function DialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime29.JSX.Element;
 declare function DialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime29.JSX.Element;
 //#endregion
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/components/ui/drawer.d.ts

@@ -0,0 +1,54 @@
+import * as React from "react";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
+import { Drawer } from "vaul";
+
+//#region src/components/ui/drawer.d.ts
+
+/**
+ * A drawer that slides in from an edge of the viewport.
+ *
+ * Pulled from the shadcn registry — built on `vaul` (which wraps the Radix
+ * Dialog primitive), so it keeps the smooth spring animation and drag-to-dismiss
+ * behavior. The edge is controlled by the `direction` prop on the root
+ * (`top | bottom | left | right`, default `bottom`).
+ */
+declare function Drawer$1({
+  direction,
+  ...props
+}: React.ComponentProps<typeof Drawer.Root>): react_jsx_runtime72.JSX.Element;
+declare function DrawerTrigger({
+  ...props
+}: React.ComponentProps<typeof Drawer.Trigger>): react_jsx_runtime72.JSX.Element;
+declare function DrawerPortal({
+  ...props
+}: React.ComponentProps<typeof Drawer.Portal>): react_jsx_runtime72.JSX.Element;
+declare function DrawerClose({
+  ...props
+}: React.ComponentProps<typeof Drawer.Close>): react_jsx_runtime72.JSX.Element;
+declare function DrawerOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof Drawer.Overlay>): react_jsx_runtime72.JSX.Element;
+declare function DrawerContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime72.JSX.Element;
+declare function DrawerHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime72.JSX.Element;
+declare function DrawerFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime72.JSX.Element;
+declare function DrawerTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof Drawer.Title>): react_jsx_runtime72.JSX.Element;
+declare function DrawerDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof Drawer.Description>): react_jsx_runtime72.JSX.Element;
+//#endregion
+export { Drawer$1 as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/components/ui/drawer.js

@@ -0,0 +1,91 @@
+'use client';
+
+
+import { cn } from "../../lib/utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Drawer } from "vaul";
+
+//#region src/components/ui/drawer.tsx
+/**
+* A drawer that slides in from an edge of the viewport.
+*
+* Pulled from the shadcn registry — built on `vaul` (which wraps the Radix
+* Dialog primitive), so it keeps the smooth spring animation and drag-to-dismiss
+* behavior. The edge is controlled by the `direction` prop on the root
+* (`top | bottom | left | right`, default `bottom`).
+*/
+function Drawer$1({ direction = "right",...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Root, {
+		"data-slot": "drawer",
+		...props,
+		direction
+	});
+}
+function DrawerTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Trigger, {
+		"data-slot": "drawer-trigger",
+		...props
+	});
+}
+function DrawerPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Portal, {
+		"data-slot": "drawer-portal",
+		...props
+	});
+}
+function DrawerClose({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Close, {
+		"data-slot": "drawer-close",
+		...props
+	});
+}
+function DrawerOverlay({ className,...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Overlay, {
+		"data-slot": "drawer-overlay",
+		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", className),
+		...props
+	});
+}
+function DrawerContent({ className, children,...props }) {
+	return /* @__PURE__ */ jsxs(DrawerPortal, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Drawer.Content, {
+			"data-slot": "drawer-content",
+			className: cn("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className),
+			...props,
+			children: [/* @__PURE__ */ jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children]
+		})]
+	});
+}
+function DrawerHeader({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-header",
+		className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className),
+		...props
+	});
+}
+function DrawerFooter({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-footer",
+		className: cn("mt-auto flex flex-col gap-2 p-4", className),
+		...props
+	});
+}
+function DrawerTitle({ className,...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Title, {
+		"data-slot": "drawer-title",
+		className: cn("text-foreground font-semibold", className),
+		...props
+	});
+}
+function DrawerDescription({ className,...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Description, {
+		"data-slot": "drawer-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Drawer$1 as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };