@codefast/ui 0.3.9 → 0.3.10

package/dist/components/context-menu.js

@@ -1,2 +1,143 @@
 "use client";
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{CheckIcon as a,ChevronRightIcon as n,DotIcon as o}from"lucide-react";import{cn as s}from"@codefast/tailwind-variants";import{Arrow as r,CheckboxItem as d,Content as i,Group as u,Item as c,ItemIndicator as l,Label as m,Portal as x,RadioGroup as p,RadioItem as f,Root as g,Separator as b,Sub as v,SubContent as h,SubTrigger as C,Trigger as z}from"@radix-ui/react-context-menu";function M({...e}){return t(g,{"data-slot":"context-menu",...e})}function N({...e}){return t(z,{"data-slot":"context-menu-trigger",...e})}function y({...e}){return t(u,{"data-slot":"context-menu-group",...e})}function _({...e}){return t(v,{"data-slot":"context-menu-sub",...e})}function k({...e}){return t(p,{"data-slot":"context-menu-radio-group",...e})}function w({children:a,className:o,inset:r,...d}){return e(C,{className:s("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",o),"data-inset":r,"data-slot":"context-menu-sub-trigger",...d,children:[a,t(n,{className:"ml-auto size-4"})]})}function S({className:e,...a}){return t(x,{children:t(h,{className:s("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui z-50 min-w-32 rounded-lg border p-1 shadow-lg",e),"data-slot":"context-menu-sub-content",...a})})}function j({className:e,...a}){return t(x,{children:t(i,{className:s("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 ease-ui z-50 min-w-32 rounded-lg border p-1 shadow-lg",e),"data-slot":"context-menu-content",...a})})}function I({className:e,inset:a,variant:n,...o}){return t(c,{className:s("focus:bg-accent focus:text-accent-foreground group/context-menu-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none aria-disabled:opacity-50 data-inset:pl-8 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),"data-inset":a,"data-slot":"context-menu-item","data-variant":n,...o})}function G({checked:n,children:o,className:r,...i}){return e(d,{checked:n,className:s("focus:bg-accent focus:text-accent-foreground group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",r),"data-slot":"context-menu-checkbox-item",...i,children:[t("span",{className:"absolute left-2 flex items-center justify-center",children:t(l,{children:t(a,{className:"size-4"})})}),o]})}function R({children:a,className:n,...r}){return e(f,{className:s("focus:bg-accent focus:text-accent-foreground group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",n),"data-slot":"context-menu-radio-item",...r,children:[t("span",{className:"absolute left-2 flex items-center justify-center",children:t(l,{children:t(o,{className:"size-4 fill-current"})})}),a]})}function T({className:e,inset:a,...n}){return t(m,{className:s("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8",e),"data-inset":a,"data-slot":"context-menu-label",...n})}function A({className:e,...a}){return t(b,{className:s("bg-border mx-2 my-1 h-px",e),"data-slot":"context-menu-separator",...a})}function L({className:e,...a}){return t("span",{className:s("text-muted-foreground group-data-[variant=destructive]/context-menu-item:text-destructive/80 ml-auto text-xs tracking-widest",e),"data-slot":"context-menu-shortcut",...a})}function q({className:e,...a}){return t(r,{className:s("fill-popover",e),"data-slot":"context-menu-arrow",...a})}export{M as ContextMenu,q as ContextMenuArrow,G as ContextMenuCheckboxItem,j as ContextMenuContent,y as ContextMenuGroup,I as ContextMenuItem,T as ContextMenuLabel,k as ContextMenuRadioGroup,R as ContextMenuRadioItem,A as ContextMenuSeparator,L as ContextMenuShortcut,_ as ContextMenuSub,S as ContextMenuSubContent,w as ContextMenuSubTrigger,N as ContextMenuTrigger};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Arrow, CheckboxItem, Content, Group, Item, ItemIndicator, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-context-menu";
+import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
+function ContextMenu({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "context-menu",
+        ...props
+    });
+}
+function ContextMenuTrigger({ ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        "data-slot": "context-menu-trigger",
+        ...props
+    });
+}
+function ContextMenuGroup({ ...props }) {
+    return /*#__PURE__*/ jsx(Group, {
+        "data-slot": "context-menu-group",
+        ...props
+    });
+}
+function ContextMenuSub({ ...props }) {
+    return /*#__PURE__*/ jsx(Sub, {
+        "data-slot": "context-menu-sub",
+        ...props
+    });
+}
+function ContextMenuRadioGroup({ ...props }) {
+    return /*#__PURE__*/ jsx(RadioGroup, {
+        "data-slot": "context-menu-radio-group",
+        ...props
+    });
+}
+function ContextMenuSubTrigger({ children, className, inset, ...props }) {
+    return /*#__PURE__*/ jsxs(SubTrigger, {
+        className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        "data-inset": inset,
+        "data-slot": "context-menu-sub-trigger",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(ChevronRightIcon, {
+                className: "ml-auto size-4"
+            })
+        ]
+    });
+}
+function ContextMenuSubContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(SubContent, {
+            className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-lg border p-1 shadow-lg', className),
+            "data-slot": "context-menu-sub-content",
+            ...props
+        })
+    });
+}
+function ContextMenuContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(Content, {
+            className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 ease-ui z-50 max-h-(--radix-context-menu-content-available-height) min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border p-1 shadow-lg', className),
+            "data-slot": "context-menu-content",
+            ...props
+        })
+    });
+}
+function ContextMenuItem({ className, inset, variant, ...props }) {
+    return /*#__PURE__*/ jsx(Item, {
+        className: cn("focus:bg-accent focus:text-accent-foreground group/context-menu-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none aria-disabled:opacity-50 data-inset:pl-8 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        "data-inset": inset,
+        "data-slot": "context-menu-item",
+        "data-variant": variant,
+        ...props
+    });
+}
+function ContextMenuCheckboxItem({ checked, children, className, ...props }) {
+    return /*#__PURE__*/ jsxs(CheckboxItem, {
+        checked: checked,
+        className: cn("focus:bg-accent focus:text-accent-foreground group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        "data-slot": "context-menu-checkbox-item",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute left-2 flex items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(CheckIcon, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function ContextMenuRadioItem({ children, className, ...props }) {
+    return /*#__PURE__*/ jsxs(RadioItem, {
+        className: cn("focus:bg-accent focus:text-accent-foreground group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        "data-slot": "context-menu-radio-item",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute left-2 flex items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(DotIcon, {
+                        className: "size-4 fill-current"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function ContextMenuLabel({ className, inset, ...props }) {
+    return /*#__PURE__*/ jsx(Label, {
+        className: cn('flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8', className),
+        "data-inset": inset,
+        "data-slot": "context-menu-label",
+        ...props
+    });
+}
+function ContextMenuSeparator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        className: cn('bg-border mx-2 my-1 h-px', className),
+        "data-slot": "context-menu-separator",
+        ...props
+    });
+}
+function ContextMenuShortcut({ className, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
+        className: cn('text-muted-foreground group-data-[variant=destructive]/context-menu-item:text-destructive/80 ml-auto text-xs tracking-widest', className),
+        "data-slot": "context-menu-shortcut",
+        ...props
+    });
+}
+function ContextMenuArrow({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Arrow, {
+        className: cn('fill-popover', className),
+        "data-slot": "context-menu-arrow",
+        ...props
+    });
+}
+export { ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/components/dialog.cjs

@@ -1,2 +1,165 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogDescription:()=>DialogDescription,DialogTitle:()=>DialogTitle,DialogHeader:()=>DialogHeader,DialogBody:()=>DialogBody,DialogClose:()=>DialogClose,DialogTrigger:()=>DialogTrigger,DialogContent:()=>DialogContent,Dialog:()=>Dialog,DialogFooter:()=>DialogFooter});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),external_button_cjs_namespaceObject=require("./button.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_dialog_namespaceObject=require("@radix-ui/react-dialog");function Dialog({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Root,{"data-slot":"dialog",...e})}function DialogTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Trigger,{"data-slot":"dialog-trigger",...e})}function DialogContent({children:e,className:a,classNames:t,...o}){return(0,jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Portal,{children:[(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Overlay,{className:(0,tailwind_variants_namespaceObject.cn)("data-[state=open]:fade-in-0 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:animate-out ease-ui fixed inset-0 z-50 bg-black/50",t?.overlay),"data-slot":"dialog-overlay"}),(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Content,{className:(0,tailwind_variants_namespaceObject.cn)("data-[state=open]:animate-in max-sm:data-[state=open]:animation-duration-500 max-sm:data-[state=open]:slide-in-from-bottom sm:data-[state=open]:fade-in-0 sm:data-[state=open]:zoom-in-95 data-[state=closed]:animate-out max-sm:data-[state=closed]:animation-duration-500 max-sm:data-[state=closed]:slide-out-to-bottom sm:data-[state=closed]:fade-out-0 sm:data-[state=closed]:zoom-out-95 ease-ui fixed inset-0 z-50 grid grid-rows-[1fr_auto] justify-items-center overflow-auto sm:grid-rows-[1fr_auto_3fr] sm:p-4",t?.wrapper),"data-slot":"dialog-content-wrapper",...o,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,tailwind_variants_namespaceObject.cn)("bg-popover text-popover-foreground relative row-start-2 flex w-full flex-col rounded-t-2xl border shadow-lg sm:max-w-lg sm:rounded-2xl",t?.content,a),"data-slot":"dialog-content",children:[e,(0,jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Close,{className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:["absolute top-2.5 right-2.5 size-7",t?.close],size:"icon",variant:"ghost"}),"data-slot":"dialog-close",children:[(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.XIcon,{className:"size-4"}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"sr-only",children:"Close"})]})]})})]})}function DialogHeader({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("header",{className:(0,tailwind_variants_namespaceObject.cn)("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-2 text-center sm:text-left",e),"data-slot":"dialog-header",...a})}function DialogBody({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("main",{className:(0,tailwind_variants_namespaceObject.cn)("overflow-auto px-6 py-2",e),"data-slot":"dialog-body",...a})}function DialogFooter({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("footer",{className:(0,tailwind_variants_namespaceObject.cn)("flex shrink-0 flex-col-reverse gap-2 px-6 pt-2 pb-6 sm:flex-row sm:justify-end",e),"data-slot":"dialog-footer",...a})}function DialogTitle({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Title,{className:(0,tailwind_variants_namespaceObject.cn)("text-lg leading-none font-semibold tracking-tight",e),"data-slot":"dialog-title",...a})}function DialogDescription({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Description,{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground text-sm",e),"data-slot":"dialog-description",...a})}function DialogClose({className:e,size:a,variant:t="outline",...o}){return(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Close,{className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:e,size:a,variant:t}),"data-slot":"dialog-close",...o})}for(var __webpack_i__ in exports.Dialog=__webpack_exports__.Dialog,exports.DialogBody=__webpack_exports__.DialogBody,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.DialogTitle=__webpack_exports__.DialogTitle,exports.DialogTrigger=__webpack_exports__.DialogTrigger,__webpack_exports__)-1===["Dialog","DialogBody","DialogClose","DialogContent","DialogDescription","DialogFooter","DialogHeader","DialogTitle","DialogTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+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 ("u" > 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: ()=>DialogDescription,
+    DialogTitle: ()=>DialogTitle,
+    DialogHeader: ()=>DialogHeader,
+    DialogBody: ()=>DialogBody,
+    DialogClose: ()=>DialogClose,
+    DialogTrigger: ()=>DialogTrigger,
+    DialogContent: ()=>DialogContent,
+    Dialog: ()=>Dialog,
+    DialogFooter: ()=>DialogFooter
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_dialog_namespaceObject = require("@radix-ui/react-dialog");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+function Dialog({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Root, {
+        "data-slot": "dialog",
+        ...props
+    });
+}
+function DialogTrigger({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Trigger, {
+        "data-slot": "dialog-trigger",
+        ...props
+    });
+}
+function DialogContent({ children, className, classNames, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Portal, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Overlay, {
+                className: (0, tailwind_variants_namespaceObject.cn)('data-[state=open]:fade-in-0 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:animate-out ease-ui fixed inset-0 z-50 bg-black/50', classNames?.overlay),
+                "data-slot": "dialog-overlay"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Content, {
+                className: (0, tailwind_variants_namespaceObject.cn)('data-[state=open]:animate-in max-sm:data-[state=open]:animation-duration-500 max-sm:data-[state=open]:slide-in-from-bottom sm:data-[state=open]:fade-in-0 sm:data-[state=open]:zoom-in-95 data-[state=closed]:animate-out max-sm:data-[state=closed]:animation-duration-500 max-sm:data-[state=closed]:slide-out-to-bottom sm:data-[state=closed]:fade-out-0 sm:data-[state=closed]:zoom-out-95 ease-ui fixed inset-0 z-50 grid grid-rows-[1fr_auto] justify-items-center overflow-auto sm:grid-rows-[1fr_auto_3fr] sm:p-4', classNames?.wrapper),
+                "data-slot": "dialog-content-wrapper",
+                ...props,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: (0, tailwind_variants_namespaceObject.cn)('bg-popover text-popover-foreground relative row-start-2 flex w-full flex-col rounded-t-2xl border shadow-lg sm:max-w-lg sm:rounded-2xl', classNames?.content, className),
+                    "data-slot": "dialog-content",
+                    children: [
+                        children,
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Close, {
+                            className: (0, external_button_cjs_namespaceObject.buttonVariants)({
+                                className: [
+                                    'absolute top-2.5 right-2.5 size-7',
+                                    classNames?.close
+                                ],
+                                size: 'icon',
+                                variant: 'ghost'
+                            }),
+                            "data-slot": "dialog-close",
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.XIcon, {
+                                    className: "size-4"
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    className: "sr-only",
+                                    children: "Close"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+function DialogHeader({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("header", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-2 text-center sm:text-left', className),
+        "data-slot": "dialog-header",
+        ...props
+    });
+}
+function DialogBody({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
+        className: (0, tailwind_variants_namespaceObject.cn)('overflow-auto px-6 py-2', className),
+        "data-slot": "dialog-body",
+        ...props
+    });
+}
+function DialogFooter({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("footer", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex shrink-0 flex-col-reverse gap-2 px-6 pt-2 pb-6 sm:flex-row sm:justify-end', className),
+        "data-slot": "dialog-footer",
+        ...props
+    });
+}
+function DialogTitle({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Title, {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-lg leading-none font-semibold tracking-tight', className),
+        "data-slot": "dialog-title",
+        ...props
+    });
+}
+function DialogDescription({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Description, {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground text-sm', className),
+        "data-slot": "dialog-description",
+        ...props
+    });
+}
+function DialogClose({ className, size, variant = 'outline', ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Close, {
+        className: (0, external_button_cjs_namespaceObject.buttonVariants)({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "dialog-close",
+        ...props
+    });
+}
+exports.Dialog = __webpack_exports__.Dialog;
+exports.DialogBody = __webpack_exports__.DialogBody;
+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.DialogTitle = __webpack_exports__.DialogTitle;
+exports.DialogTrigger = __webpack_exports__.DialogTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Dialog",
+    "DialogBody",
+    "DialogClose",
+    "DialogContent",
+    "DialogDescription",
+    "DialogFooter",
+    "DialogHeader",
+    "DialogTitle",
+    "DialogTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/dialog.d.ts

@@ -1,7 +1,7 @@
-import type { ComponentProps, JSX } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
-import { buttonVariants } from "./button";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
+import type { VariantProps } from '@codefast/tailwind-variants';
+import type { ComponentProps, JSX } from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { buttonVariants } from './button';
 type DialogProps = ComponentProps<typeof DialogPrimitive.Root>;
 declare function Dialog({ ...props }: DialogProps): JSX.Element;
 type DialogTriggerProps = ComponentProps<typeof DialogPrimitive.Trigger>;
@@ -15,19 +15,19 @@ interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Conte
     };
 }
 declare function DialogContent({ children, className, classNames, ...props }: DialogContentProps): JSX.Element;
-type DialogHeaderProps = ComponentProps<"div">;
+type DialogHeaderProps = ComponentProps<'div'>;
 declare function DialogHeader({ className, ...props }: DialogHeaderProps): JSX.Element;
-type DialogBodyProps = ComponentProps<"div">;
+type DialogBodyProps = ComponentProps<'div'>;
 declare function DialogBody({ className, ...props }: DialogBodyProps): JSX.Element;
-type DialogFooterProps = ComponentProps<"div">;
+type DialogFooterProps = ComponentProps<'div'>;
 declare function DialogFooter({ className, ...props }: DialogFooterProps): JSX.Element;
 type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title>;
 declare function DialogTitle({ className, ...props }: DialogTitleProps): JSX.Element;
 type DialogDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>;
 declare function DialogDescription({ className, ...props }: DialogDescriptionProps): JSX.Element;
-interface DialogCloseProps extends Omit<ComponentProps<typeof DialogPrimitive.Close>, "ref"> {
-    size?: VariantProps<typeof buttonVariants>["size"];
-    variant?: VariantProps<typeof buttonVariants>["variant"];
+interface DialogCloseProps extends Omit<ComponentProps<typeof DialogPrimitive.Close>, 'ref'> {
+    size?: VariantProps<typeof buttonVariants>['size'];
+    variant?: VariantProps<typeof buttonVariants>['variant'];
 }
 declare function DialogClose({ className, size, variant, ...props }: DialogCloseProps): JSX.Element;
 export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, };

package/dist/components/dialog.js

@@ -1,2 +1,107 @@
 "use client";
-import{jsx as t,jsxs as a}from"react/jsx-runtime";import{XIcon as e}from"lucide-react";import{buttonVariants as o}from"./button.js";import{cn as s}from"@codefast/tailwind-variants";import{Close as i,Content as l,Description as r,Overlay as n,Portal as d,Root as m,Title as c,Trigger as u}from"@radix-ui/react-dialog";function f({...a}){return t(m,{"data-slot":"dialog",...a})}function g({...a}){return t(u,{"data-slot":"dialog-trigger",...a})}function p({children:r,className:m,classNames:c,...u}){return a(d,{children:[t(n,{className:s("data-[state=open]:fade-in-0 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:animate-out ease-ui fixed inset-0 z-50 bg-black/50",c?.overlay),"data-slot":"dialog-overlay"}),t(l,{className:s("data-[state=open]:animate-in max-sm:data-[state=open]:animation-duration-500 max-sm:data-[state=open]:slide-in-from-bottom sm:data-[state=open]:fade-in-0 sm:data-[state=open]:zoom-in-95 data-[state=closed]:animate-out max-sm:data-[state=closed]:animation-duration-500 max-sm:data-[state=closed]:slide-out-to-bottom sm:data-[state=closed]:fade-out-0 sm:data-[state=closed]:zoom-out-95 ease-ui fixed inset-0 z-50 grid grid-rows-[1fr_auto] justify-items-center overflow-auto sm:grid-rows-[1fr_auto_3fr] sm:p-4",c?.wrapper),"data-slot":"dialog-content-wrapper",...u,children:a("div",{className:s("bg-popover text-popover-foreground relative row-start-2 flex w-full flex-col rounded-t-2xl border shadow-lg sm:max-w-lg sm:rounded-2xl",c?.content,m),"data-slot":"dialog-content",children:[r,a(i,{className:o({className:["absolute top-2.5 right-2.5 size-7",c?.close],size:"icon",variant:"ghost"}),"data-slot":"dialog-close",children:[t(e,{className:"size-4"}),t("span",{className:"sr-only",children:"Close"})]})]})})]})}function x({className:a,...e}){return t("header",{className:s("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-2 text-center sm:text-left",a),"data-slot":"dialog-header",...e})}function h({className:a,...e}){return t("main",{className:s("overflow-auto px-6 py-2",a),"data-slot":"dialog-body",...e})}function N({className:a,...e}){return t("footer",{className:s("flex shrink-0 flex-col-reverse gap-2 px-6 pt-2 pb-6 sm:flex-row sm:justify-end",a),"data-slot":"dialog-footer",...e})}function b({className:a,...e}){return t(c,{className:s("text-lg leading-none font-semibold tracking-tight",a),"data-slot":"dialog-title",...e})}function w({className:a,...e}){return t(r,{className:s("text-muted-foreground text-sm",a),"data-slot":"dialog-description",...e})}function v({className:a,size:e,variant:s="outline",...l}){return t(i,{className:o({className:a,size:e,variant:s}),"data-slot":"dialog-close",...l})}export{f as Dialog,h as DialogBody,v as DialogClose,p as DialogContent,w as DialogDescription,N as DialogFooter,x as DialogHeader,b as DialogTitle,g as DialogTrigger};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Close, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import { buttonVariants } from "./button.js";
+function Dialog({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "dialog",
+        ...props
+    });
+}
+function DialogTrigger({ ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        "data-slot": "dialog-trigger",
+        ...props
+    });
+}
+function DialogContent({ children, className, classNames, ...props }) {
+    return /*#__PURE__*/ jsxs(Portal, {
+        children: [
+            /*#__PURE__*/ jsx(Overlay, {
+                className: cn('data-[state=open]:fade-in-0 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:animate-out ease-ui fixed inset-0 z-50 bg-black/50', classNames?.overlay),
+                "data-slot": "dialog-overlay"
+            }),
+            /*#__PURE__*/ jsx(Content, {
+                className: cn('data-[state=open]:animate-in max-sm:data-[state=open]:animation-duration-500 max-sm:data-[state=open]:slide-in-from-bottom sm:data-[state=open]:fade-in-0 sm:data-[state=open]:zoom-in-95 data-[state=closed]:animate-out max-sm:data-[state=closed]:animation-duration-500 max-sm:data-[state=closed]:slide-out-to-bottom sm:data-[state=closed]:fade-out-0 sm:data-[state=closed]:zoom-out-95 ease-ui fixed inset-0 z-50 grid grid-rows-[1fr_auto] justify-items-center overflow-auto sm:grid-rows-[1fr_auto_3fr] sm:p-4', classNames?.wrapper),
+                "data-slot": "dialog-content-wrapper",
+                ...props,
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: cn('bg-popover text-popover-foreground relative row-start-2 flex w-full flex-col rounded-t-2xl border shadow-lg sm:max-w-lg sm:rounded-2xl', classNames?.content, className),
+                    "data-slot": "dialog-content",
+                    children: [
+                        children,
+                        /*#__PURE__*/ jsxs(Close, {
+                            className: buttonVariants({
+                                className: [
+                                    'absolute top-2.5 right-2.5 size-7',
+                                    classNames?.close
+                                ],
+                                size: 'icon',
+                                variant: 'ghost'
+                            }),
+                            "data-slot": "dialog-close",
+                            children: [
+                                /*#__PURE__*/ jsx(XIcon, {
+                                    className: "size-4"
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "sr-only",
+                                    children: "Close"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+function DialogHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("header", {
+        className: cn('flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-2 text-center sm:text-left', className),
+        "data-slot": "dialog-header",
+        ...props
+    });
+}
+function DialogBody({ className, ...props }) {
+    return /*#__PURE__*/ jsx("main", {
+        className: cn('overflow-auto px-6 py-2', className),
+        "data-slot": "dialog-body",
+        ...props
+    });
+}
+function DialogFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("footer", {
+        className: cn('flex shrink-0 flex-col-reverse gap-2 px-6 pt-2 pb-6 sm:flex-row sm:justify-end', className),
+        "data-slot": "dialog-footer",
+        ...props
+    });
+}
+function DialogTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Title, {
+        className: cn('text-lg leading-none font-semibold tracking-tight', className),
+        "data-slot": "dialog-title",
+        ...props
+    });
+}
+function DialogDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Description, {
+        className: cn('text-muted-foreground text-sm', className),
+        "data-slot": "dialog-description",
+        ...props
+    });
+}
+function DialogClose({ className, size, variant = 'outline', ...props }) {
+    return /*#__PURE__*/ jsx(Close, {
+        className: buttonVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "dialog-close",
+        ...props
+    });
+}
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };

package/dist/components/drawer.cjs

@@ -1,2 +1,144 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var a in r)__webpack_require__.o(r,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DrawerClose:()=>DrawerClose,DrawerTrigger:()=>DrawerTrigger,Drawer:()=>Drawer,DrawerFooter:()=>DrawerFooter,DrawerHeader:()=>DrawerHeader,DrawerContent:()=>DrawerContent,DrawerDescription:()=>DrawerDescription,DrawerTitle:()=>DrawerTitle,DrawerBody:()=>DrawerBody});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vaul_namespaceObject=require("vaul"),external_button_cjs_namespaceObject=require("./button.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function Drawer({shouldScaleBackground:e=!0,...r}){return(0,jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Root,{"data-slot":"drawer",shouldScaleBackground:e,...r})}function DrawerTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Trigger,{"data-slot":"drawer-trigger",...e})}function DrawerContent({children:e,className:r,classNames:a,...t}){return(0,jsx_runtime_namespaceObject.jsxs)(external_vaul_namespaceObject.Drawer.Portal,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Overlay,{className:(0,tailwind_variants_namespaceObject.cn)("fixed inset-0 z-50 bg-black/50",a?.overlay),"data-slot":"drawer-overlay"}),(0,jsx_runtime_namespaceObject.jsxs)(external_vaul_namespaceObject.Drawer.Content,{className:(0,tailwind_variants_namespaceObject.cn)("group/drawer-content bg-background fixed z-50 flex h-auto flex-col 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-2xl 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=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 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-2xl data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm",a?.content,r),"data-slot":"drawer-content",...t,children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("bg-muted mx-auto mt-4 hidden h-1.5 w-12 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block",a?.handle)}),e]})]})}function DrawerHeader({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex flex-col gap-1.5 p-4",e),"data-slot":"drawer-header",...r})}function DrawerBody({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("main",{className:(0,tailwind_variants_namespaceObject.cn)("overflow-auto px-4 py-2",e),"data-slot":"drawer-body",...r})}function DrawerFooter({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("mt-auto flex flex-col gap-2 p-4",e),"data-slot":"drawer-footer",...r})}function DrawerTitle({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Title,{className:(0,tailwind_variants_namespaceObject.cn)("text-foreground font-semibold",e),"data-slot":"drawer-title",...r})}function DrawerDescription({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Description,{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground text-sm",e),"data-slot":"drawer-description",...r})}function DrawerClose({className:e,size:r,variant:a="outline",...t}){return(0,jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Close,{className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:e,size:r,variant:a}),"data-slot":"drawer-close",...t})}for(var __webpack_i__ in exports.Drawer=__webpack_exports__.Drawer,exports.DrawerBody=__webpack_exports__.DrawerBody,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.DrawerTitle=__webpack_exports__.DrawerTitle,exports.DrawerTrigger=__webpack_exports__.DrawerTrigger,__webpack_exports__)-1===["Drawer","DrawerBody","DrawerClose","DrawerContent","DrawerDescription","DrawerFooter","DrawerHeader","DrawerTitle","DrawerTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+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 ("u" > 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,
+    DrawerFooter: ()=>DrawerFooter,
+    DrawerHeader: ()=>DrawerHeader,
+    DrawerContent: ()=>DrawerContent,
+    DrawerDescription: ()=>DrawerDescription,
+    DrawerTitle: ()=>DrawerTitle,
+    DrawerBody: ()=>DrawerBody
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const external_vaul_namespaceObject = require("vaul");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+function Drawer({ shouldScaleBackground = true, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Root, {
+        "data-slot": "drawer",
+        shouldScaleBackground: shouldScaleBackground,
+        ...props
+    });
+}
+function DrawerTrigger({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Trigger, {
+        "data-slot": "drawer-trigger",
+        ...props
+    });
+}
+function DrawerContent({ children, className, classNames, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_vaul_namespaceObject.Drawer.Portal, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Overlay, {
+                className: (0, tailwind_variants_namespaceObject.cn)('fixed inset-0 z-50 bg-black/50', classNames?.overlay),
+                "data-slot": "drawer-overlay"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_vaul_namespaceObject.Drawer.Content, {
+                className: (0, tailwind_variants_namespaceObject.cn)('group/drawer-content bg-background fixed z-50 flex h-auto flex-col 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-2xl 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=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 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-2xl data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm', classNames?.content, className),
+                "data-slot": "drawer-content",
+                ...props,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: (0, tailwind_variants_namespaceObject.cn)('bg-muted mx-auto mt-4 hidden h-1.5 w-12 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block', classNames?.handle)
+                    }),
+                    children
+                ]
+            })
+        ]
+    });
+}
+function DrawerHeader({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex flex-col gap-1.5 p-4', className),
+        "data-slot": "drawer-header",
+        ...props
+    });
+}
+function DrawerBody({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
+        className: (0, tailwind_variants_namespaceObject.cn)('overflow-auto px-4 py-2', className),
+        "data-slot": "drawer-body",
+        ...props
+    });
+}
+function DrawerFooter({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('mt-auto flex flex-col gap-2 p-4', className),
+        "data-slot": "drawer-footer",
+        ...props
+    });
+}
+function DrawerTitle({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Title, {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-foreground font-semibold', className),
+        "data-slot": "drawer-title",
+        ...props
+    });
+}
+function DrawerDescription({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Description, {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground text-sm', className),
+        "data-slot": "drawer-description",
+        ...props
+    });
+}
+function DrawerClose({ className, size, variant = 'outline', ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Close, {
+        className: (0, external_button_cjs_namespaceObject.buttonVariants)({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "drawer-close",
+        ...props
+    });
+}
+exports.Drawer = __webpack_exports__.Drawer;
+exports.DrawerBody = __webpack_exports__.DrawerBody;
+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.DrawerTitle = __webpack_exports__.DrawerTitle;
+exports.DrawerTrigger = __webpack_exports__.DrawerTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Drawer",
+    "DrawerBody",
+    "DrawerClose",
+    "DrawerContent",
+    "DrawerDescription",
+    "DrawerFooter",
+    "DrawerHeader",
+    "DrawerTitle",
+    "DrawerTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});