@codefast/ui 0.3.9 → 0.3.10

package/dist/components/select.js

@@ -1,2 +1,120 @@
 "use client";
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{CheckIcon as a,ChevronDownIcon as s,ChevronUpIcon as o}from"lucide-react";import{buttonVariants as l}from"./button.js";import{cn as r}from"@codefast/tailwind-variants";import{Content as n,Group as i,Icon as d,Item as c,ItemIndicator as u,ItemText as m,Label as p,Portal as f,Root as g,ScrollDownButton as x,ScrollUpButton as h,Separator as v,Trigger as b,Value as y,Viewport as S}from"@radix-ui/react-select";function w({...e}){return t(g,{"data-slot":"select",...e})}function N({...e}){return t(i,{"data-slot":"select-group",...e})}function z({...e}){return t(y,{"data-slot":"select-value",...e})}function j({children:a,className:o,size:r,...n}){return e(b,{className:l({className:["[&_svg:not([class*='text-'])]:text-muted-foreground focus:ring-ring/50 focus:border-ring w-fit justify-between px-3 font-normal focus:ring-3 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate",o],size:r,variant:"outline"}),"data-size":r,"data-slot":"select-trigger",...n,children:[a,t(d,{asChild:!0,className:"size-4 shrink-0 opacity-50",children:t(s,{})})]})}function _({className:e,...a}){return t(h,{className:r("text-muted-foreground flex items-center justify-center py-1",e),"data-slot":"select-scroll-up-button",...a,children:t(o,{size:16})})}function k({className:e,...a}){return t(x,{className:r("text-muted-foreground flex items-center justify-center py-1",e),"data-slot":"select-scroll-down-button",...a,children:t(s,{size:16})})}function B({children:a,className:s,position:o="popper",...l}){return t(f,{children:e(n,{className:r("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 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-lg border shadow-lg","popper"===o&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",s),"data-slot":"select-content",position:o,...l,children:[t(_,{}),t(S,{className:r("p-1","popper"===o&&"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),children:a}),t(k,{})]})})}function C({className:e,...a}){return t(p,{className:r("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold",e),"data-slot":"select-label",...a})}function D({children:s,className:o,...l}){return e(c,{className:r("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",o),"data-slot":"select-item",...l,children:[t("span",{className:"absolute right-2 flex items-center justify-center",children:t(u,{children:t(a,{className:"size-4"})})}),t(m,{children:s})]})}function G({className:e,...a}){return t(v,{className:r("bg-border mx-2 my-1 h-px",e),"data-slot":"select-separator",...a})}export{w as Select,B as SelectContent,N as SelectGroup,D as SelectItem,C as SelectLabel,k as SelectScrollDownButton,_ as SelectScrollUpButton,G as SelectSeparator,j as SelectTrigger,z as SelectValue};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Content, Group, Icon, Item, ItemIndicator, ItemText, Label, Portal, Root, ScrollDownButton, ScrollUpButton, Separator, Trigger, Value, Viewport } from "@radix-ui/react-select";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { buttonVariants } from "./button.js";
+function Select({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "select",
+        ...props
+    });
+}
+function SelectGroup({ ...props }) {
+    return /*#__PURE__*/ jsx(Group, {
+        "data-slot": "select-group",
+        ...props
+    });
+}
+function SelectValue({ ...props }) {
+    return /*#__PURE__*/ jsx(Value, {
+        "data-slot": "select-value",
+        ...props
+    });
+}
+function SelectTrigger({ children, className, size, ...props }) {
+    return /*#__PURE__*/ jsxs(Trigger, {
+        className: buttonVariants({
+            className: [
+                "[&_svg:not([class*='text-'])]:text-muted-foreground focus:ring-ring/50 focus:border-ring w-fit justify-between px-3 font-normal focus:ring-3 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate",
+                className
+            ],
+            size,
+            variant: 'outline'
+        }),
+        "data-size": size,
+        "data-slot": "select-trigger",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(Icon, {
+                asChild: true,
+                className: "size-4 shrink-0 opacity-50",
+                children: /*#__PURE__*/ jsx(ChevronDownIcon, {})
+            })
+        ]
+    });
+}
+function SelectScrollUpButton({ className, ...props }) {
+    return /*#__PURE__*/ jsx(ScrollUpButton, {
+        className: cn('text-muted-foreground flex items-center justify-center py-1', className),
+        "data-slot": "select-scroll-up-button",
+        ...props,
+        children: /*#__PURE__*/ jsx(ChevronUpIcon, {
+            size: 16
+        })
+    });
+}
+function SelectScrollDownButton({ className, ...props }) {
+    return /*#__PURE__*/ jsx(ScrollDownButton, {
+        className: cn('text-muted-foreground flex items-center justify-center py-1', className),
+        "data-slot": "select-scroll-down-button",
+        ...props,
+        children: /*#__PURE__*/ jsx(ChevronDownIcon, {
+            size: 16
+        })
+    });
+}
+function SelectContent({ children, className, position = 'popper', ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsxs(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 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 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-hidden rounded-lg border shadow-lg', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
+            "data-slot": "select-content",
+            position: position,
+            ...props,
+            children: [
+                /*#__PURE__*/ jsx(SelectScrollUpButton, {}),
+                /*#__PURE__*/ jsx(Viewport, {
+                    className: cn('p-1', 'popper' === position && 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1'),
+                    children: children
+                }),
+                /*#__PURE__*/ jsx(SelectScrollDownButton, {})
+            ]
+        })
+    });
+}
+function SelectLabel({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Label, {
+        className: cn('flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold', className),
+        "data-slot": "select-label",
+        ...props
+    });
+}
+function SelectItem({ children, className, ...props }) {
+    return /*#__PURE__*/ jsxs(Item, {
+        className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+        "data-slot": "select-item",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute right-2 flex items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(CheckIcon, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(ItemText, {
+                children: children
+            })
+        ]
+    });
+}
+function SelectSeparator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        className: cn('bg-border mx-2 my-1 h-px', className),
+        "data-slot": "select-separator",
+        ...props
+    });
+}
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/separator.cjs

@@ -1,2 +1,83 @@
+"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__,{Separator:()=>Separator,SeparatorItem:()=>SeparatorItem,separatorVariants:()=>separatorVariants});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_separator_namespaceObject=require("@radix-ui/react-separator"),separatorVariants=(0,tailwind_variants_namespaceObject.tv)({base:"bg-border relative flex shrink-0 items-center",defaultVariants:{align:"center",orientation:"horizontal"},variants:{align:{center:"justify-center",end:"justify-end",start:"justify-start"},orientation:{horizontal:"h-px w-full",vertical:"h-full w-px flex-col"}}});function Separator({align:e,className:r,decorative:a=!0,orientation:t,..._}){return(0,jsx_runtime_namespaceObject.jsx)(react_separator_namespaceObject.Root,{className:separatorVariants({align:e,className:r,orientation:t}),"data-slot":"separator",decorative:a,orientation:t,..._})}function SeparatorItem({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("bg-background text-muted-foreground absolute mx-2 px-2 text-sm",e),"data-slot":"separator-item",...r})}for(var __webpack_i__ in exports.Separator=__webpack_exports__.Separator,exports.SeparatorItem=__webpack_exports__.SeparatorItem,exports.separatorVariants=__webpack_exports__.separatorVariants,__webpack_exports__)-1===["Separator","SeparatorItem","separatorVariants"].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__, {
+    Separator: ()=>Separator,
+    SeparatorItem: ()=>SeparatorItem,
+    separatorVariants: ()=>separatorVariants
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_separator_namespaceObject = require("@radix-ui/react-separator");
+const separatorVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: 'bg-border relative flex shrink-0 items-center',
+    defaultVariants: {
+        align: 'center',
+        orientation: 'horizontal'
+    },
+    variants: {
+        align: {
+            center: 'justify-center',
+            end: 'justify-end',
+            start: 'justify-start'
+        },
+        orientation: {
+            horizontal: 'h-px w-full',
+            vertical: 'h-full w-px flex-col'
+        }
+    }
+});
+function Separator({ align, className, decorative = true, orientation, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_separator_namespaceObject.Root, {
+        className: separatorVariants({
+            align,
+            className,
+            orientation
+        }),
+        "data-slot": "separator",
+        decorative: decorative,
+        orientation: orientation,
+        ...props
+    });
+}
+function SeparatorItem({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('bg-background text-muted-foreground absolute mx-2 px-2 text-sm', className),
+        "data-slot": "separator-item",
+        ...props
+    });
+}
+exports.Separator = __webpack_exports__.Separator;
+exports.SeparatorItem = __webpack_exports__.SeparatorItem;
+exports.separatorVariants = __webpack_exports__.separatorVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Separator",
+    "SeparatorItem",
+    "separatorVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/separator.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentProps, JSX } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import type { VariantProps } from '@codefast/tailwind-variants';
+import type { ComponentProps, JSX } from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
 declare const separatorVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     align: {
         center: string;
@@ -12,10 +12,10 @@ declare const separatorVariants: import("@codefast/tailwind-variants").VariantFu
         vertical: string;
     };
 }, Record<string, never>>;
-interface SeparatorProps extends ComponentProps<typeof SeparatorPrimitive.Root>, Omit<VariantProps<typeof separatorVariants>, "orientation"> {
+interface SeparatorProps extends ComponentProps<typeof SeparatorPrimitive.Root>, Omit<VariantProps<typeof separatorVariants>, 'orientation'> {
 }
 declare function Separator({ align, className, decorative, orientation, ...props }: SeparatorProps): JSX.Element;
-type SeparatorItemProps = ComponentProps<"div">;
+type SeparatorItemProps = ComponentProps<'div'>;
 declare function SeparatorItem({ className, ...props }: SeparatorItemProps): JSX.Element;
 export { separatorVariants };
 export { Separator, SeparatorItem };

package/dist/components/separator.js

@@ -1,2 +1,43 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{cn as r,tv as a}from"@codefast/tailwind-variants";import{Root as e}from"@radix-ui/react-separator";let o=a({base:"bg-border relative flex shrink-0 items-center",defaultVariants:{align:"center",orientation:"horizontal"},variants:{align:{center:"justify-center",end:"justify-end",start:"justify-start"},orientation:{horizontal:"h-px w-full",vertical:"h-full w-px flex-col"}}});function i({align:r,className:a,decorative:i=!0,orientation:n,...s}){return t(e,{className:o({align:r,className:a,orientation:n}),"data-slot":"separator",decorative:i,orientation:n,...s})}function n({className:a,...e}){return t("div",{className:r("bg-background text-muted-foreground absolute mx-2 px-2 text-sm",a),"data-slot":"separator-item",...e})}export{i as Separator,n as SeparatorItem,o as separatorVariants};
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "@codefast/tailwind-variants";
+import { Root } from "@radix-ui/react-separator";
+const separatorVariants = tv({
+    base: 'bg-border relative flex shrink-0 items-center',
+    defaultVariants: {
+        align: 'center',
+        orientation: 'horizontal'
+    },
+    variants: {
+        align: {
+            center: 'justify-center',
+            end: 'justify-end',
+            start: 'justify-start'
+        },
+        orientation: {
+            horizontal: 'h-px w-full',
+            vertical: 'h-full w-px flex-col'
+        }
+    }
+});
+function Separator({ align, className, decorative = true, orientation, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        className: separatorVariants({
+            align,
+            className,
+            orientation
+        }),
+        "data-slot": "separator",
+        decorative: decorative,
+        orientation: orientation,
+        ...props
+    });
+}
+function SeparatorItem({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('bg-background text-muted-foreground absolute mx-2 px-2 text-sm', className),
+        "data-slot": "separator-item",
+        ...props
+    });
+}
+export { Separator, SeparatorItem, separatorVariants };

package/dist/components/sheet.cjs

@@ -1,2 +1,185 @@
+"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,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__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__,{SheetClose:()=>SheetClose,SheetContent:()=>SheetContent,Sheet:()=>Sheet,SheetFooter:()=>SheetFooter,SheetDescription:()=>SheetDescription,SheetHeader:()=>SheetHeader,SheetTitle:()=>SheetTitle,sheetContentVariants:()=>sheetContentVariants,SheetBody:()=>SheetBody,SheetTrigger:()=>SheetTrigger});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"),sheetContentVariants=(0,tailwind_variants_namespaceObject.tv)({base:"bg-background ease-ui data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 fixed z-50 flex flex-col overflow-auto shadow-lg",defaultVariants:{side:"right"},variants:{side:{bottom:"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-[80vh] border-t",left:"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",top:"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-[80vh] border-b"}}});function Sheet({children:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Root,{"data-slot":"sheet",...t,children:e})}function SheetTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Trigger,{"data-slot":"sheet-trigger",...e})}function SheetContent({children:e,className:t,classNames:a,side:s="right",...r}){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 ease-ui data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=closed]:fade-out-0 data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 fixed inset-0 z-50 bg-black/50",a?.overlay),"data-slot":"sheet-overlay"}),(0,jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Content,{className:sheetContentVariants({className:[a?.content,t],side:s}),"data-slot":"sheet-content",...r,children:[e,(0,jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Close,{className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:["absolute top-4 right-4 size-7",a?.close],size:"icon",variant:"ghost"}),"data-slot":"sheet-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 SheetHeader({className:e,...t}){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-4 text-center sm:text-left",e),"data-slot":"sheet-header",...t})}function SheetBody({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("main",{className:(0,tailwind_variants_namespaceObject.cn)("px-6 py-2",e),"data-slot":"sheet-body",...t})}function SheetFooter({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("footer",{className:(0,tailwind_variants_namespaceObject.cn)("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end",e),"data-slot":"sheet-footer",...t})}function SheetTitle({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Title,{className:(0,tailwind_variants_namespaceObject.cn)("text-foreground text-lg font-semibold",e),"data-slot":"sheet-title",...t})}function SheetDescription({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Description,{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground text-sm",e),"data-slot":"sheet-description",...t})}function SheetClose({className:e,size:t,variant:a="outline",...s}){return(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Close,{className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:e,size:t,variant:a}),"data-slot":"sheet-close",...s})}for(var __webpack_i__ in exports.Sheet=__webpack_exports__.Sheet,exports.SheetBody=__webpack_exports__.SheetBody,exports.SheetClose=__webpack_exports__.SheetClose,exports.SheetContent=__webpack_exports__.SheetContent,exports.SheetDescription=__webpack_exports__.SheetDescription,exports.SheetFooter=__webpack_exports__.SheetFooter,exports.SheetHeader=__webpack_exports__.SheetHeader,exports.SheetTitle=__webpack_exports__.SheetTitle,exports.SheetTrigger=__webpack_exports__.SheetTrigger,exports.sheetContentVariants=__webpack_exports__.sheetContentVariants,__webpack_exports__)-1===["Sheet","SheetBody","SheetClose","SheetContent","SheetDescription","SheetFooter","SheetHeader","SheetTitle","SheetTrigger","sheetContentVariants"].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__, {
+    SheetClose: ()=>SheetClose,
+    SheetContent: ()=>SheetContent,
+    Sheet: ()=>Sheet,
+    SheetFooter: ()=>SheetFooter,
+    SheetDescription: ()=>SheetDescription,
+    SheetHeader: ()=>SheetHeader,
+    SheetTitle: ()=>SheetTitle,
+    sheetContentVariants: ()=>sheetContentVariants,
+    SheetBody: ()=>SheetBody,
+    SheetTrigger: ()=>SheetTrigger
+});
+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");
+const sheetContentVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: 'bg-background ease-ui data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 fixed z-50 flex flex-col overflow-auto shadow-lg',
+    defaultVariants: {
+        side: 'right'
+    },
+    variants: {
+        side: {
+            bottom: 'data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-[80vh] border-t',
+            left: 'data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
+            right: 'data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
+            top: 'data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-[80vh] border-b'
+        }
+    }
+});
+function Sheet({ children, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Root, {
+        "data-slot": "sheet",
+        ...props,
+        children: children
+    });
+}
+function SheetTrigger({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Trigger, {
+        "data-slot": "sheet-trigger",
+        ...props
+    });
+}
+function SheetContent({ children, className, classNames, side = 'right', ...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 ease-ui data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=closed]:fade-out-0 data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 fixed inset-0 z-50 bg-black/50', classNames?.overlay),
+                "data-slot": "sheet-overlay"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Content, {
+                className: sheetContentVariants({
+                    className: [
+                        classNames?.content,
+                        className
+                    ],
+                    side
+                }),
+                "data-slot": "sheet-content",
+                ...props,
+                children: [
+                    children,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Close, {
+                        className: (0, external_button_cjs_namespaceObject.buttonVariants)({
+                            className: [
+                                'absolute top-4 right-4 size-7',
+                                classNames?.close
+                            ],
+                            size: 'icon',
+                            variant: 'ghost'
+                        }),
+                        "data-slot": "sheet-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 SheetHeader({ 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-4 text-center sm:text-left', className),
+        "data-slot": "sheet-header",
+        ...props
+    });
+}
+function SheetBody({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
+        className: (0, tailwind_variants_namespaceObject.cn)('px-6 py-2', className),
+        "data-slot": "sheet-body",
+        ...props
+    });
+}
+function SheetFooter({ 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-4 pb-6 sm:flex-row sm:justify-end', className),
+        "data-slot": "sheet-footer",
+        ...props
+    });
+}
+function SheetTitle({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Title, {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-foreground text-lg font-semibold', className),
+        "data-slot": "sheet-title",
+        ...props
+    });
+}
+function SheetDescription({ 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": "sheet-description",
+        ...props
+    });
+}
+function SheetClose({ 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": "sheet-close",
+        ...props
+    });
+}
+exports.Sheet = __webpack_exports__.Sheet;
+exports.SheetBody = __webpack_exports__.SheetBody;
+exports.SheetClose = __webpack_exports__.SheetClose;
+exports.SheetContent = __webpack_exports__.SheetContent;
+exports.SheetDescription = __webpack_exports__.SheetDescription;
+exports.SheetFooter = __webpack_exports__.SheetFooter;
+exports.SheetHeader = __webpack_exports__.SheetHeader;
+exports.SheetTitle = __webpack_exports__.SheetTitle;
+exports.SheetTrigger = __webpack_exports__.SheetTrigger;
+exports.sheetContentVariants = __webpack_exports__.sheetContentVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Sheet",
+    "SheetBody",
+    "SheetClose",
+    "SheetContent",
+    "SheetDescription",
+    "SheetFooter",
+    "SheetHeader",
+    "SheetTitle",
+    "SheetTrigger",
+    "sheetContentVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/sheet.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 SheetPrimitive from "@radix-ui/react-dialog";
+import type { VariantProps } from '@codefast/tailwind-variants';
+import type { ComponentProps, JSX } from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { buttonVariants } from './button';
 declare const sheetContentVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     side: {
         bottom: string;
@@ -22,19 +22,19 @@ interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content
     };
 }
 declare function SheetContent({ children, className, classNames, side, ...props }: SheetContentProps): JSX.Element;
-type SheetHeaderProps = ComponentProps<"div">;
+type SheetHeaderProps = ComponentProps<'div'>;
 declare function SheetHeader({ className, ...props }: SheetHeaderProps): JSX.Element;
-type SheetBodyProps = ComponentProps<"div">;
+type SheetBodyProps = ComponentProps<'div'>;
 declare function SheetBody({ className, ...props }: SheetBodyProps): JSX.Element;
-type SheetFooterProps = ComponentProps<"div">;
+type SheetFooterProps = ComponentProps<'div'>;
 declare function SheetFooter({ className, ...props }: SheetFooterProps): JSX.Element;
 type SheetTitleProps = ComponentProps<typeof SheetPrimitive.Title>;
 declare function SheetTitle({ className, ...props }: SheetTitleProps): JSX.Element;
 type SheetDescriptionProps = ComponentProps<typeof SheetPrimitive.Description>;
 declare function SheetDescription({ className, ...props }: SheetDescriptionProps): JSX.Element;
 interface SheetCloseProps extends ComponentProps<typeof SheetPrimitive.Close> {
-    size?: VariantProps<typeof buttonVariants>["size"];
-    variant?: VariantProps<typeof buttonVariants>["variant"];
+    size?: VariantProps<typeof buttonVariants>['size'];
+    variant?: VariantProps<typeof buttonVariants>['variant'];
 }
 declare function SheetClose({ className, size, variant, ...props }: SheetCloseProps): JSX.Element;
 export { sheetContentVariants };

package/dist/components/sheet.js

@@ -1,2 +1,124 @@
 "use client";
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{XIcon as a}from"lucide-react";import{buttonVariants as o}from"./button.js";import{cn as s,tv as n}from"@codefast/tailwind-variants";import{Close as i,Content as r,Description as l,Overlay as d,Portal as c,Root as m,Title as u,Trigger as f}from"@radix-ui/react-dialog";let h=n({base:"bg-background ease-ui data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 fixed z-50 flex flex-col overflow-auto shadow-lg",defaultVariants:{side:"right"},variants:{side:{bottom:"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-[80vh] border-t",left:"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",top:"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-[80vh] border-b"}}});function p({children:e,...a}){return t(m,{"data-slot":"sheet",...a,children:e})}function x({...e}){return t(f,{"data-slot":"sheet-trigger",...e})}function g({children:n,className:l,classNames:m,side:u="right",...f}){return e(c,{children:[t(d,{className:s("data-[state=open]:fade-in-0 ease-ui data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=closed]:fade-out-0 data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 fixed inset-0 z-50 bg-black/50",m?.overlay),"data-slot":"sheet-overlay"}),e(r,{className:h({className:[m?.content,l],side:u}),"data-slot":"sheet-content",...f,children:[n,e(i,{className:o({className:["absolute top-4 right-4 size-7",m?.close],size:"icon",variant:"ghost"}),"data-slot":"sheet-close",children:[t(a,{className:"size-4"}),t("span",{className:"sr-only",children:"Close"})]})]})]})}function b({className:e,...a}){return t("header",{className:s("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left",e),"data-slot":"sheet-header",...a})}function N({className:e,...a}){return t("main",{className:s("px-6 py-2",e),"data-slot":"sheet-body",...a})}function v({className:e,...a}){return t("footer",{className:s("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end",e),"data-slot":"sheet-footer",...a})}function y({className:e,...a}){return t(u,{className:s("text-foreground text-lg font-semibold",e),"data-slot":"sheet-title",...a})}function S({className:e,...a}){return t(l,{className:s("text-muted-foreground text-sm",e),"data-slot":"sheet-description",...a})}function w({className:e,size:a,variant:s="outline",...n}){return t(i,{className:o({className:e,size:a,variant:s}),"data-slot":"sheet-close",...n})}export{p as Sheet,N as SheetBody,w as SheetClose,g as SheetContent,S as SheetDescription,v as SheetFooter,b as SheetHeader,y as SheetTitle,x as SheetTrigger,h as sheetContentVariants};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, tv } 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";
+const sheetContentVariants = tv({
+    base: 'bg-background ease-ui data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 fixed z-50 flex flex-col overflow-auto shadow-lg',
+    defaultVariants: {
+        side: 'right'
+    },
+    variants: {
+        side: {
+            bottom: 'data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-[80vh] border-t',
+            left: 'data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
+            right: 'data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
+            top: 'data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-[80vh] border-b'
+        }
+    }
+});
+function Sheet({ children, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "sheet",
+        ...props,
+        children: children
+    });
+}
+function SheetTrigger({ ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        "data-slot": "sheet-trigger",
+        ...props
+    });
+}
+function SheetContent({ children, className, classNames, side = 'right', ...props }) {
+    return /*#__PURE__*/ jsxs(Portal, {
+        children: [
+            /*#__PURE__*/ jsx(Overlay, {
+                className: cn('data-[state=open]:fade-in-0 ease-ui data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=closed]:fade-out-0 data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 fixed inset-0 z-50 bg-black/50', classNames?.overlay),
+                "data-slot": "sheet-overlay"
+            }),
+            /*#__PURE__*/ jsxs(Content, {
+                className: sheetContentVariants({
+                    className: [
+                        classNames?.content,
+                        className
+                    ],
+                    side
+                }),
+                "data-slot": "sheet-content",
+                ...props,
+                children: [
+                    children,
+                    /*#__PURE__*/ jsxs(Close, {
+                        className: buttonVariants({
+                            className: [
+                                'absolute top-4 right-4 size-7',
+                                classNames?.close
+                            ],
+                            size: 'icon',
+                            variant: 'ghost'
+                        }),
+                        "data-slot": "sheet-close",
+                        children: [
+                            /*#__PURE__*/ jsx(XIcon, {
+                                className: "size-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "sr-only",
+                                children: "Close"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function SheetHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("header", {
+        className: cn('flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left', className),
+        "data-slot": "sheet-header",
+        ...props
+    });
+}
+function SheetBody({ className, ...props }) {
+    return /*#__PURE__*/ jsx("main", {
+        className: cn('px-6 py-2', className),
+        "data-slot": "sheet-body",
+        ...props
+    });
+}
+function SheetFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("footer", {
+        className: cn('flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end', className),
+        "data-slot": "sheet-footer",
+        ...props
+    });
+}
+function SheetTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Title, {
+        className: cn('text-foreground text-lg font-semibold', className),
+        "data-slot": "sheet-title",
+        ...props
+    });
+}
+function SheetDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Description, {
+        className: cn('text-muted-foreground text-sm', className),
+        "data-slot": "sheet-description",
+        ...props
+    });
+}
+function SheetClose({ className, size, variant = 'outline', ...props }) {
+    return /*#__PURE__*/ jsx(Close, {
+        className: buttonVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "sheet-close",
+        ...props
+    });
+}
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, sheetContentVariants };