@codefast/ui 0.3.10 → 0.3.11-canary.0

package/dist/components/select.js

@@ -30,7 +30,7 @@ function SelectTrigger({ children, className, size, ...props }) {
                 className
             ],
             size,
-            variant: 'outline'
+            variant: "outline"
         }),
         "data-size": size,
         "data-slot": "select-trigger",
@@ -47,7 +47,7 @@ function SelectTrigger({ children, className, size, ...props }) {
 }
 function SelectScrollUpButton({ className, ...props }) {
     return /*#__PURE__*/ jsx(ScrollUpButton, {
-        className: cn('text-muted-foreground flex items-center justify-center py-1', className),
+        className: cn("flex items-center justify-center py-1 text-muted-foreground", className),
         "data-slot": "select-scroll-up-button",
         ...props,
         children: /*#__PURE__*/ jsx(ChevronUpIcon, {
@@ -57,7 +57,7 @@ function SelectScrollUpButton({ className, ...props }) {
 }
 function SelectScrollDownButton({ className, ...props }) {
     return /*#__PURE__*/ jsx(ScrollDownButton, {
-        className: cn('text-muted-foreground flex items-center justify-center py-1', className),
+        className: cn("flex items-center justify-center py-1 text-muted-foreground", className),
         "data-slot": "select-scroll-down-button",
         ...props,
         children: /*#__PURE__*/ jsx(ChevronDownIcon, {
@@ -65,17 +65,17 @@ function SelectScrollDownButton({ className, ...props }) {
         })
     });
 }
-function SelectContent({ children, className, position = 'popper', ...props }) {
+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),
+            className: cn("relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", "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'),
+                    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, {})
@@ -85,14 +85,14 @@ function SelectContent({ children, className, position = 'popper', ...props }) {
 }
 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),
+        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),
+        className: cn("relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
         "data-slot": "select-item",
         ...props,
         children: [
@@ -112,7 +112,7 @@ function SelectItem({ children, className, ...props }) {
 }
 function SelectSeparator({ className, ...props }) {
     return /*#__PURE__*/ jsx(Separator, {
-        className: cn('bg-border mx-2 my-1 h-px', className),
+        className: cn("mx-2 my-1 h-px bg-border", className),
         "data-slot": "select-separator",
         ...props
     });

package/dist/components/separator.cjs

@@ -33,20 +33,20 @@ 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',
+    base: "relative flex shrink-0 items-center bg-border",
     defaultVariants: {
-        align: 'center',
-        orientation: 'horizontal'
+        align: "center",
+        orientation: "horizontal"
     },
     variants: {
         align: {
-            center: 'justify-center',
-            end: 'justify-end',
-            start: 'justify-start'
+            center: "justify-center",
+            end: "justify-end",
+            start: "justify-start"
         },
         orientation: {
-            horizontal: 'h-px w-full',
-            vertical: 'h-full w-px flex-col'
+            horizontal: "h-px w-full",
+            vertical: "h-full w-px flex-col"
         }
     }
 });
@@ -65,7 +65,7 @@ function Separator({ align, className, decorative = true, 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),
+        className: (0, tailwind_variants_namespaceObject.cn)("absolute mx-2 bg-background px-2 text-sm text-muted-foreground", className),
         "data-slot": "separator-item",
         ...props
     });

package/dist/components/separator.d.ts

@@ -1,6 +1,6 @@
-import type { VariantProps } from '@codefast/tailwind-variants';
-import type { ComponentProps, JSX } from 'react';
-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

@@ -3,20 +3,20 @@ 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',
+    base: "relative flex shrink-0 items-center bg-border",
     defaultVariants: {
-        align: 'center',
-        orientation: 'horizontal'
+        align: "center",
+        orientation: "horizontal"
     },
     variants: {
         align: {
-            center: 'justify-center',
-            end: 'justify-end',
-            start: 'justify-start'
+            center: "justify-center",
+            end: "justify-end",
+            start: "justify-start"
         },
         orientation: {
-            horizontal: 'h-px w-full',
-            vertical: 'h-full w-px flex-col'
+            horizontal: "h-px w-full",
+            vertical: "h-full w-px flex-col"
         }
     }
 });
@@ -35,7 +35,7 @@ function Separator({ align, className, decorative = true, 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),
+        className: cn("absolute mx-2 bg-background px-2 text-sm text-muted-foreground", className),
         "data-slot": "separator-item",
         ...props
     });

package/dist/components/sheet.cjs

@@ -42,16 +42,16 @@ 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',
+    base: "fixed z-50 flex flex-col overflow-auto bg-background shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 data-[state=open]:animate-in data-[state=open]:animation-duration-500",
     defaultVariants: {
-        side: 'right'
+        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'
+            bottom: "inset-x-0 bottom-0 max-h-[80vh] border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+            left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+            right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+            top: "inset-x-0 top-0 max-h-[80vh] border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top"
         }
     }
 });
@@ -68,11 +68,11 @@ function SheetTrigger({ ...props }) {
         ...props
     });
 }
-function SheetContent({ children, className, classNames, side = 'right', ...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),
+                className: (0, tailwind_variants_namespaceObject.cn)("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=open]:fade-in-0", classNames?.overlay),
                 "data-slot": "sheet-overlay"
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Content, {
@@ -90,11 +90,11 @@ function SheetContent({ children, className, classNames, side = 'right', ...prop
                     /*#__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',
+                                "absolute top-4 right-4 size-7",
                                 classNames?.close
                             ],
-                            size: 'icon',
-                            variant: 'ghost'
+                            size: "icon",
+                            variant: "ghost"
                         }),
                         "data-slot": "sheet-close",
                         children: [
@@ -114,40 +114,40 @@ function SheetContent({ children, className, classNames, side = 'right', ...prop
 }
 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),
+        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),
+        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),
+        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),
+        className: (0, tailwind_variants_namespaceObject.cn)("text-lg font-semibold text-foreground", 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),
+        className: (0, tailwind_variants_namespaceObject.cn)("text-sm text-muted-foreground", className),
         "data-slot": "sheet-description",
         ...props
     });
 }
-function SheetClose({ className, size, variant = 'outline', ...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,

package/dist/components/sheet.d.ts

@@ -1,7 +1,7 @@
-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';
+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

@@ -5,16 +5,16 @@ import { Close, Content, Description, Overlay, Portal, Root, Title, Trigger } fr
 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',
+    base: "fixed z-50 flex flex-col overflow-auto bg-background shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 data-[state=open]:animate-in data-[state=open]:animation-duration-500",
     defaultVariants: {
-        side: 'right'
+        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'
+            bottom: "inset-x-0 bottom-0 max-h-[80vh] border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+            left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+            right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+            top: "inset-x-0 top-0 max-h-[80vh] border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top"
         }
     }
 });
@@ -31,11 +31,11 @@ function SheetTrigger({ ...props }) {
         ...props
     });
 }
-function SheetContent({ children, className, classNames, side = 'right', ...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),
+                className: cn("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=open]:fade-in-0", classNames?.overlay),
                 "data-slot": "sheet-overlay"
             }),
             /*#__PURE__*/ jsxs(Content, {
@@ -53,11 +53,11 @@ function SheetContent({ children, className, classNames, side = 'right', ...prop
                     /*#__PURE__*/ jsxs(Close, {
                         className: buttonVariants({
                             className: [
-                                'absolute top-4 right-4 size-7',
+                                "absolute top-4 right-4 size-7",
                                 classNames?.close
                             ],
-                            size: 'icon',
-                            variant: 'ghost'
+                            size: "icon",
+                            variant: "ghost"
                         }),
                         "data-slot": "sheet-close",
                         children: [
@@ -77,40 +77,40 @@ function SheetContent({ children, className, classNames, side = 'right', ...prop
 }
 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),
+        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),
+        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),
+        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),
+        className: cn("text-lg font-semibold text-foreground", className),
         "data-slot": "sheet-title",
         ...props
     });
 }
 function SheetDescription({ className, ...props }) {
     return /*#__PURE__*/ jsx(Description, {
-        className: cn('text-muted-foreground text-sm', className),
+        className: cn("text-sm text-muted-foreground", className),
         "data-slot": "sheet-description",
         ...props
     });
 }
-function SheetClose({ className, size, variant = 'outline', ...props }) {
+function SheetClose({ className, size, variant = "outline", ...props }) {
     return /*#__PURE__*/ jsx(Close, {
         className: buttonVariants({
             className,