@uipath/apollo-wind 0.7.2-pr188.4865fad

package/dist/components/ui/datetime-picker.js

@@ -0,0 +1,120 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { format } from "date-fns";
+import { CalendarIcon, Clock } from "lucide-react";
+import { Button } from "./button.js";
+import { Calendar } from "./calendar.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
+import { Input } from "./input.js";
+import { Label } from "./label.js";
+import { cn } from "../../lib/index.js";
+function DateTimePicker({ value, onValueChange, disabled, placeholder = 'Pick a date and time', className, use12Hour = false }) {
+    const [open, setOpen] = useState(false);
+    const [selectedDate, setSelectedDate] = useState(value);
+    const [timeValue, setTimeValue] = useState(value ? format(value, use12Hour ? 'hh:mm a' : 'HH:mm') : '');
+    const handleDateSelect = (date)=>{
+        if (!date) return;
+        if (selectedDate) {
+            date.setHours(selectedDate.getHours());
+            date.setMinutes(selectedDate.getMinutes());
+            date.setSeconds(selectedDate.getSeconds());
+        }
+        setSelectedDate(date);
+        onValueChange?.(date);
+    };
+    const handleTimeChange = (e)=>{
+        const time = e.target.value;
+        setTimeValue(time);
+        if (!selectedDate) return;
+        const [hours, minutes] = time.split(':').map(Number);
+        const newDate = new Date(selectedDate);
+        newDate.setHours(hours);
+        newDate.setMinutes(minutes);
+        setSelectedDate(newDate);
+        onValueChange?.(newDate);
+    };
+    const formatDisplayValue = ()=>{
+        if (!selectedDate) return placeholder;
+        const datePart = format(selectedDate, 'PPP');
+        const timePart = format(selectedDate, use12Hour ? 'hh:mm a' : 'HH:mm');
+        return `${datePart} at ${timePart}`;
+    };
+    return /*#__PURE__*/ jsxs(Popover, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ jsx(PopoverTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsxs(Button, {
+                    variant: "outline",
+                    className: cn('w-full justify-start text-left font-normal', !selectedDate && 'text-muted-foreground', className),
+                    disabled: disabled,
+                    children: [
+                        /*#__PURE__*/ jsx(CalendarIcon, {
+                            className: "mr-2 h-4 w-4"
+                        }),
+                        formatDisplayValue()
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(PopoverContent, {
+                className: "w-auto p-0",
+                align: "start",
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "p-3 space-y-3",
+                    children: [
+                        /*#__PURE__*/ jsx(Calendar, {
+                            mode: "single",
+                            selected: selectedDate,
+                            onSelect: handleDateSelect,
+                            initialFocus: true
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "border-t pt-3 space-y-2",
+                            children: [
+                                /*#__PURE__*/ jsxs(Label, {
+                                    className: "text-sm font-medium flex items-center gap-2",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Clock, {
+                                            className: "h-4 w-4"
+                                        }),
+                                        "Time"
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(Input, {
+                                    type: "time",
+                                    value: timeValue,
+                                    onChange: handleTimeChange,
+                                    className: "w-full"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex gap-2",
+                            children: [
+                                /*#__PURE__*/ jsx(Button, {
+                                    variant: "outline",
+                                    className: "w-full",
+                                    onClick: ()=>{
+                                        setSelectedDate(void 0);
+                                        setTimeValue('');
+                                        onValueChange?.(void 0);
+                                        setOpen(false);
+                                    },
+                                    children: "Clear"
+                                }),
+                                /*#__PURE__*/ jsx(Button, {
+                                    className: "w-full",
+                                    onClick: ()=>setOpen(false),
+                                    disabled: !selectedDate,
+                                    children: "Done"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+export { DateTimePicker };

package/dist/components/ui/dialog.cjs

@@ -0,0 +1,159 @@
+'use client';
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DialogDescription: ()=>dialog_DialogDescription,
+    DialogTitle: ()=>dialog_DialogTitle,
+    DialogHeader: ()=>DialogHeader,
+    DialogClose: ()=>dialog_DialogClose,
+    DialogOverlay: ()=>dialog_DialogOverlay,
+    DialogTrigger: ()=>dialog_DialogTrigger,
+    Dialog: ()=>Dialog,
+    DialogContent: ()=>dialog_DialogContent,
+    DialogFooter: ()=>DialogFooter,
+    DialogPortal: ()=>DialogPortal
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_dialog_namespaceObject = require("@radix-ui/react-dialog");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+function Dialog({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Root, {
+        "data-slot": "dialog",
+        ...props
+    });
+}
+const dialog_DialogTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function(props, ref) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Trigger, {
+        "data-slot": "dialog-trigger",
+        ref: ref,
+        ...props
+    });
+});
+function DialogPortal({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Portal, {
+        "data-slot": "dialog-portal",
+        ...props
+    });
+}
+const dialog_DialogClose = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function(props, ref) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Close, {
+        "data-slot": "dialog-close",
+        ref: ref,
+        ...props
+    });
+});
+const dialog_DialogOverlay = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Overlay, {
+        "data-slot": "dialog-overlay",
+        className: (0, index_cjs_namespaceObject.cn)('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed flex items-center justify-center inset-0 z-50 bg-black/50', className),
+        ref: ref,
+        ...props
+    });
+});
+const dialog_DialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ className, children, showCloseButton = true, ...props }, ref) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogPortal, {
+        "data-slot": "dialog-portal",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dialog_DialogOverlay, {
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Content, {
+                "data-slot": "dialog-content",
+                className: (0, index_cjs_namespaceObject.cn)('bg-background 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 z-50 grid w-full max-w-[calc(100%-2rem)] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg', className),
+                ref: ref,
+                ...props,
+                children: [
+                    children,
+                    showCloseButton && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Close, {
+                        "data-slot": "dialog-close",
+                        className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.XIcon, {}),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "sr-only",
+                                children: "Close"
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+});
+function DialogHeader({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "dialog-header",
+        className: (0, index_cjs_namespaceObject.cn)('flex flex-col gap-2 text-center sm:text-left', className),
+        ...props
+    });
+}
+function DialogFooter({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "dialog-footer",
+        className: (0, index_cjs_namespaceObject.cn)('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className),
+        ...props
+    });
+}
+const dialog_DialogTitle = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Title, {
+        "data-slot": "dialog-title",
+        className: (0, index_cjs_namespaceObject.cn)('text-lg leading-none font-semibold', className),
+        ref: ref,
+        ...props
+    });
+});
+const dialog_DialogDescription = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Description, {
+        "data-slot": "dialog-description",
+        className: (0, index_cjs_namespaceObject.cn)('text-muted-foreground text-sm', className),
+        ref: ref,
+        ...props
+    });
+});
+exports.Dialog = __webpack_exports__.Dialog;
+exports.DialogClose = __webpack_exports__.DialogClose;
+exports.DialogContent = __webpack_exports__.DialogContent;
+exports.DialogDescription = __webpack_exports__.DialogDescription;
+exports.DialogFooter = __webpack_exports__.DialogFooter;
+exports.DialogHeader = __webpack_exports__.DialogHeader;
+exports.DialogOverlay = __webpack_exports__.DialogOverlay;
+exports.DialogPortal = __webpack_exports__.DialogPortal;
+exports.DialogTitle = __webpack_exports__.DialogTitle;
+exports.DialogTrigger = __webpack_exports__.DialogTrigger;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Dialog",
+    "DialogClose",
+    "DialogContent",
+    "DialogDescription",
+    "DialogFooter",
+    "DialogHeader",
+    "DialogOverlay",
+    "DialogPortal",
+    "DialogTitle",
+    "DialogTrigger"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,15 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare const DialogClose: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & 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"> & {
+    showCloseButton?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+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>>;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/dialog.js

@@ -0,0 +1,98 @@
+'use client';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Close, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import { forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+function Dialog({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "dialog",
+        ...props
+    });
+}
+const dialog_DialogTrigger = /*#__PURE__*/ forwardRef(function(props, ref) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        "data-slot": "dialog-trigger",
+        ref: ref,
+        ...props
+    });
+});
+function DialogPortal({ ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        "data-slot": "dialog-portal",
+        ...props
+    });
+}
+const dialog_DialogClose = /*#__PURE__*/ forwardRef(function(props, ref) {
+    return /*#__PURE__*/ jsx(Close, {
+        "data-slot": "dialog-close",
+        ref: ref,
+        ...props
+    });
+});
+const dialog_DialogOverlay = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Overlay, {
+        "data-slot": "dialog-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 flex items-center justify-center inset-0 z-50 bg-black/50', className),
+        ref: ref,
+        ...props
+    });
+});
+const dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, children, showCloseButton = true, ...props }, ref) {
+    return /*#__PURE__*/ jsx(DialogPortal, {
+        "data-slot": "dialog-portal",
+        children: /*#__PURE__*/ jsx(dialog_DialogOverlay, {
+            children: /*#__PURE__*/ jsxs(Content, {
+                "data-slot": "dialog-content",
+                className: cn('bg-background 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 z-50 grid w-full max-w-[calc(100%-2rem)] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg', className),
+                ref: ref,
+                ...props,
+                children: [
+                    children,
+                    showCloseButton && /*#__PURE__*/ jsxs(Close, {
+                        "data-slot": "dialog-close",
+                        className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+                        children: [
+                            /*#__PURE__*/ jsx(XIcon, {}),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "sr-only",
+                                children: "Close"
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+});
+function DialogHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "dialog-header",
+        className: cn('flex flex-col gap-2 text-center sm:text-left', className),
+        ...props
+    });
+}
+function DialogFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "dialog-footer",
+        className: cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className),
+        ...props
+    });
+}
+const dialog_DialogTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Title, {
+        "data-slot": "dialog-title",
+        className: cn('text-lg leading-none font-semibold', className),
+        ref: ref,
+        ...props
+    });
+});
+const dialog_DialogDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Description, {
+        "data-slot": "dialog-description",
+        className: cn('text-muted-foreground text-sm', className),
+        ref: ref,
+        ...props
+    });
+});
+export { Dialog, dialog_DialogClose as DialogClose, dialog_DialogContent as DialogContent, dialog_DialogDescription as DialogDescription, DialogFooter, DialogHeader, dialog_DialogOverlay as DialogOverlay, DialogPortal, dialog_DialogTitle as DialogTitle, dialog_DialogTrigger as DialogTrigger };

package/dist/components/ui/drawer.cjs

@@ -0,0 +1,116 @@
+'use client';
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DrawerClose: ()=>DrawerClose,
+    DrawerTrigger: ()=>DrawerTrigger,
+    Drawer: ()=>Drawer,
+    DrawerPortal: ()=>DrawerPortal,
+    DrawerOverlay: ()=>DrawerOverlay,
+    DrawerFooter: ()=>DrawerFooter,
+    DrawerHeader: ()=>DrawerHeader,
+    DrawerContent: ()=>DrawerContent,
+    DrawerDescription: ()=>DrawerDescription,
+    DrawerTitle: ()=>DrawerTitle
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_vaul_namespaceObject = require("vaul");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const Drawer = external_vaul_namespaceObject.Drawer.Root;
+const DrawerTrigger = external_vaul_namespaceObject.Drawer.Trigger;
+const DrawerPortal = external_vaul_namespaceObject.Drawer.Portal;
+const DrawerClose = external_vaul_namespaceObject.Drawer.Close;
+const DrawerOverlay = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Overlay, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('fixed inset-0 z-50 bg-black/80', className),
+        ...props
+    }));
+DrawerOverlay.displayName = external_vaul_namespaceObject.Drawer.Overlay.displayName;
+const DrawerContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(DrawerPortal, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DrawerOverlay, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_vaul_namespaceObject.Drawer.Content, {
+                ref: ref,
+                className: (0, index_cjs_namespaceObject.cn)('fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background', className),
+                ...props,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"
+                    }),
+                    children
+                ]
+            })
+        ]
+    }));
+DrawerContent.displayName = 'DrawerContent';
+const DrawerHeader = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('grid gap-1.5 p-4 text-center sm:text-left', className),
+        ...props
+    });
+DrawerHeader.displayName = 'DrawerHeader';
+const DrawerFooter = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('mt-auto flex flex-col gap-2 p-4', className),
+        ...props
+    });
+DrawerFooter.displayName = 'DrawerFooter';
+const DrawerTitle = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Title, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('text-lg font-semibold leading-none tracking-tight', className),
+        ...props
+    }));
+DrawerTitle.displayName = external_vaul_namespaceObject.Drawer.Title.displayName;
+const DrawerDescription = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Description, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('text-sm text-muted-foreground', className),
+        ...props
+    }));
+DrawerDescription.displayName = external_vaul_namespaceObject.Drawer.Description.displayName;
+exports.Drawer = __webpack_exports__.Drawer;
+exports.DrawerClose = __webpack_exports__.DrawerClose;
+exports.DrawerContent = __webpack_exports__.DrawerContent;
+exports.DrawerDescription = __webpack_exports__.DrawerDescription;
+exports.DrawerFooter = __webpack_exports__.DrawerFooter;
+exports.DrawerHeader = __webpack_exports__.DrawerHeader;
+exports.DrawerOverlay = __webpack_exports__.DrawerOverlay;
+exports.DrawerPortal = __webpack_exports__.DrawerPortal;
+exports.DrawerTitle = __webpack_exports__.DrawerTitle;
+exports.DrawerTrigger = __webpack_exports__.DrawerTrigger;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Drawer",
+    "DrawerClose",
+    "DrawerContent",
+    "DrawerDescription",
+    "DrawerFooter",
+    "DrawerHeader",
+    "DrawerOverlay",
+    "DrawerPortal",
+    "DrawerTitle",
+    "DrawerTrigger"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+declare const Drawer: typeof import("vaul").Root;
+declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: typeof import("vaul").Portal;
+declare const DrawerClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

package/dist/components/ui/drawer.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Drawer } from "vaul";
+import { cn } from "../../lib/index.js";
+const drawer_Drawer = Drawer.Root;
+const DrawerTrigger = Drawer.Trigger;
+const DrawerPortal = Drawer.Portal;
+const DrawerClose = Drawer.Close;
+const DrawerOverlay = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Drawer.Overlay, {
+        ref: ref,
+        className: cn('fixed inset-0 z-50 bg-black/80', className),
+        ...props
+    }));
+DrawerOverlay.displayName = Drawer.Overlay.displayName;
+const DrawerContent = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(DrawerPortal, {
+        children: [
+            /*#__PURE__*/ jsx(DrawerOverlay, {}),
+            /*#__PURE__*/ jsxs(Drawer.Content, {
+                ref: ref,
+                className: cn('fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background', className),
+                ...props,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"
+                    }),
+                    children
+                ]
+            })
+        ]
+    }));
+DrawerContent.displayName = 'DrawerContent';
+const DrawerHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
+        className: cn('grid gap-1.5 p-4 text-center sm:text-left', className),
+        ...props
+    });
+DrawerHeader.displayName = 'DrawerHeader';
+const DrawerFooter = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
+        className: cn('mt-auto flex flex-col gap-2 p-4', className),
+        ...props
+    });
+DrawerFooter.displayName = 'DrawerFooter';
+const DrawerTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Drawer.Title, {
+        ref: ref,
+        className: cn('text-lg font-semibold leading-none tracking-tight', className),
+        ...props
+    }));
+DrawerTitle.displayName = Drawer.Title.displayName;
+const DrawerDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Drawer.Description, {
+        ref: ref,
+        className: cn('text-sm text-muted-foreground', className),
+        ...props
+    }));
+DrawerDescription.displayName = Drawer.Description.displayName;
+export { drawer_Drawer as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };