@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/components/context-menu.js

@@ -1,143 +1,122 @@
 "use client";
-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";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+//#region src/components/context-menu.tsx
 function ContextMenu({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "context-menu",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, {
+		"data-slot": "context-menu",
+		...props
+	});
 }
 function ContextMenuTrigger({ ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        "data-slot": "context-menu-trigger",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, {
+		"data-slot": "context-menu-trigger",
+		...props
+	});
 }
 function ContextMenuGroup({ ...props }) {
-    return /*#__PURE__*/ jsx(Group, {
-        "data-slot": "context-menu-group",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Group, {
+		"data-slot": "context-menu-group",
+		...props
+	});
 }
 function ContextMenuSub({ ...props }) {
-    return /*#__PURE__*/ jsx(Sub, {
-        "data-slot": "context-menu-sub",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Sub, {
+		"data-slot": "context-menu-sub",
+		...props
+	});
 }
 function ContextMenuRadioGroup({ ...props }) {
-    return /*#__PURE__*/ jsx(RadioGroup, {
-        "data-slot": "context-menu-radio-group",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.RadioGroup, {
+		"data-slot": "context-menu-radio-group",
+		...props
+	});
 }
 function ContextMenuSubTrigger({ children, className, inset, ...props }) {
-    return /*#__PURE__*/ jsxs(SubTrigger, {
-        className: cn("flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_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"
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs(ContextMenuPrimitive.SubTrigger, {
+		className: cn("flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_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("z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 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", className),
-            "data-slot": "context-menu-sub-content",
-            ...props
-        })
-    });
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.SubContent, {
+		className: cn("z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 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", className),
+		"data-slot": "context-menu-sub-content",
+		...props
+	}) });
 }
 function ContextMenuContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
-        children: /*#__PURE__*/ jsx(Content, {
-            className: cn("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 bg-popover p-1 text-popover-foreground shadow-lg ease-ui 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", className),
-            "data-slot": "context-menu-content",
-            ...props
-        })
-    });
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, {
+		className: cn("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 bg-popover p-1 text-popover-foreground shadow-lg ease-ui 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", className),
+		"data-slot": "context-menu-content",
+		...props
+	}) });
 }
 function ContextMenuItem({ className, inset, variant, ...props }) {
-    return /*#__PURE__*/ jsx(Item, {
-        className: cn("group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_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", className),
-        "data-inset": inset,
-        "data-slot": "context-menu-item",
-        "data-variant": variant,
-        ...props
-    });
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, {
+		className: cn("group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_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", 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("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 focus:bg-accent focus:text-accent-foreground 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
-        ]
-    });
+	return /* @__PURE__ */ jsxs(ContextMenuPrimitive.CheckboxItem, {
+		checked,
+		className: cn("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 focus:bg-accent focus:text-accent-foreground 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(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), children]
+	});
 }
 function ContextMenuRadioItem({ children, className, ...props }) {
-    return /*#__PURE__*/ jsxs(RadioItem, {
-        className: cn("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 focus:bg-accent focus:text-accent-foreground 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
-        ]
-    });
+	return /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, {
+		className: cn("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 focus:bg-accent focus:text-accent-foreground 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(ContextMenuPrimitive.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
-    });
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.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("mx-2 my-1 h-px bg-border", className),
-        "data-slot": "context-menu-separator",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Separator, {
+		className: cn("mx-2 my-1 h-px bg-border", className),
+		"data-slot": "context-menu-separator",
+		...props
+	});
 }
 function ContextMenuShortcut({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
-        className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/context-menu-item:text-destructive/80", className),
-        "data-slot": "context-menu-shortcut",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/context-menu-item:text-destructive/80", 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
-    });
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Arrow, {
+		className: cn("fill-popover", className),
+		"data-slot": "context-menu-arrow",
+		...props
+	});
 }
+//#endregion
 export { ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/components/dialog.d.ts

@@ -1,34 +1,65 @@
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { ComponentProps, JSX } from "react";
+import { buttonVariants } from "./button.js";
+import { VariantProps } from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { buttonVariants } from "./button";
+
+//#region src/components/dialog.d.ts
 type DialogProps = ComponentProps<typeof DialogPrimitive.Root>;
-declare function Dialog({ ...props }: DialogProps): JSX.Element;
+declare function Dialog({
+  ...props
+}: DialogProps): JSX.Element;
 type DialogTriggerProps = ComponentProps<typeof DialogPrimitive.Trigger>;
-declare function DialogTrigger({ ...props }: DialogTriggerProps): JSX.Element;
+declare function DialogTrigger({
+  ...props
+}: DialogTriggerProps): JSX.Element;
 interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Content> {
-    classNames?: {
-        close?: string;
-        content?: string;
-        overlay?: string;
-        wrapper?: string;
-    };
+  classNames?: {
+    close?: string;
+    content?: string;
+    overlay?: string;
+    wrapper?: string;
+  };
 }
-declare function DialogContent({ children, className, classNames, ...props }: DialogContentProps): JSX.Element;
+declare function DialogContent({
+  children,
+  className,
+  classNames,
+  ...props
+}: DialogContentProps): JSX.Element;
 type DialogHeaderProps = ComponentProps<"div">;
-declare function DialogHeader({ className, ...props }: DialogHeaderProps): JSX.Element;
+declare function DialogHeader({
+  className,
+  ...props
+}: DialogHeaderProps): JSX.Element;
 type DialogBodyProps = ComponentProps<"div">;
-declare function DialogBody({ className, ...props }: DialogBodyProps): JSX.Element;
+declare function DialogBody({
+  className,
+  ...props
+}: DialogBodyProps): JSX.Element;
 type DialogFooterProps = ComponentProps<"div">;
-declare function DialogFooter({ className, ...props }: DialogFooterProps): JSX.Element;
+declare function DialogFooter({
+  className,
+  ...props
+}: DialogFooterProps): JSX.Element;
 type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title>;
-declare function DialogTitle({ className, ...props }: DialogTitleProps): JSX.Element;
+declare function DialogTitle({
+  className,
+  ...props
+}: DialogTitleProps): JSX.Element;
 type DialogDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>;
-declare function DialogDescription({ className, ...props }: DialogDescriptionProps): JSX.Element;
+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"];
+  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, };
-export type { DialogBodyProps, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogProps, DialogTitleProps, DialogTriggerProps, };
+declare function DialogClose({
+  className,
+  size,
+  variant,
+  ...props
+}: DialogCloseProps): JSX.Element;
+//#endregion
+export { Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };

package/dist/components/dialog.js

@@ -1,107 +1,93 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { buttonVariants } from "./button.js";
 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";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+//#region src/components/dialog.tsx
 function Dialog({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "dialog",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+		"data-slot": "dialog",
+		...props
+	});
 }
 function DialogTrigger({ ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        "data-slot": "dialog-trigger",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
 }
 function DialogContent({ children, className, classNames, ...props }) {
-    return /*#__PURE__*/ jsxs(Portal, {
-        children: [
-            /*#__PURE__*/ jsx(Overlay, {
-                className: cn("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", classNames?.overlay),
-                "data-slot": "dialog-overlay"
-            }),
-            /*#__PURE__*/ jsx(Content, {
-                className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto] justify-items-center overflow-auto ease-ui data-[state=closed]:animate-out data-[state=open]:animate-in max-sm:data-[state=closed]:animation-duration-500 max-sm:data-[state=closed]:slide-out-to-bottom max-sm:data-[state=open]:animation-duration-500 max-sm:data-[state=open]:slide-in-from-bottom sm:grid-rows-[1fr_auto_3fr] sm:p-4 sm:data-[state=closed]:fade-out-0 sm:data-[state=closed]:zoom-out-95 sm:data-[state=open]:fade-in-0 sm:data-[state=open]:zoom-in-95", classNames?.wrapper),
-                "data-slot": "dialog-content-wrapper",
-                ...props,
-                children: /*#__PURE__*/ jsxs("div", {
-                    className: cn("relative row-start-2 flex w-full flex-col rounded-t-2xl border bg-popover text-popover-foreground 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"
-                                })
-                            ]
-                        })
-                    ]
-                })
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		className: cn("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", classNames?.overlay),
+		"data-slot": "dialog-overlay"
+	}), /* @__PURE__ */ jsx(DialogPrimitive.Content, {
+		className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto] justify-items-center overflow-auto ease-ui data-[state=closed]:animate-out data-[state=open]:animate-in max-sm:data-[state=closed]:animation-duration-500 max-sm:data-[state=closed]:slide-out-to-bottom max-sm:data-[state=open]:animation-duration-500 max-sm:data-[state=open]:slide-in-from-bottom sm:grid-rows-[1fr_auto_3fr] sm:p-4 sm:data-[state=closed]:fade-out-0 sm:data-[state=closed]:zoom-out-95 sm:data-[state=open]:fade-in-0 sm:data-[state=open]:zoom-in-95", classNames?.wrapper),
+		"data-slot": "dialog-content-wrapper",
+		...props,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("relative row-start-2 flex w-full flex-col rounded-t-2xl border bg-popover text-popover-foreground shadow-lg sm:max-w-lg sm:rounded-2xl", classNames?.content, className),
+			"data-slot": "dialog-content",
+			children: [children, /* @__PURE__ */ jsxs(DialogPrimitive.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
-    });
+	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
-    });
+	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
-    });
+	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
-    });
+	return /* @__PURE__ */ jsx(DialogPrimitive.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-sm text-muted-foreground", className),
-        "data-slot": "dialog-description",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+		className: cn("text-sm text-muted-foreground", 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
-    });
+	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+		className: buttonVariants({
+			className,
+			size,
+			variant
+		}),
+		"data-slot": "dialog-close",
+		...props
+	});
 }
+//#endregion
 export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };

package/dist/components/drawer.d.ts

@@ -1,33 +1,65 @@
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { ComponentProps, JSX } from "react";
-import { Drawer as DrawerPrimitive } from "vaul";
-import { buttonVariants } from "./button";
-type DrawerProps = ComponentProps<typeof DrawerPrimitive.Root>;
-declare function Drawer({ shouldScaleBackground, ...props }: DrawerProps): JSX.Element;
-type DrawerTriggerProps = ComponentProps<typeof DrawerPrimitive.Trigger>;
-declare function DrawerTrigger({ ...props }: DrawerTriggerProps): JSX.Element;
-interface DrawerContentProps extends ComponentProps<typeof DrawerPrimitive.Content> {
-    classNames?: {
-        content?: string;
-        handle?: string;
-        overlay?: string;
-    };
+import { buttonVariants } from "./button.js";
+import { VariantProps } from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
+import { Drawer as Drawer$1 } from "vaul";
+
+//#region src/components/drawer.d.ts
+type DrawerProps = ComponentProps<typeof Drawer$1.Root>;
+declare function Drawer({
+  shouldScaleBackground,
+  ...props
+}: DrawerProps): JSX.Element;
+type DrawerTriggerProps = ComponentProps<typeof Drawer$1.Trigger>;
+declare function DrawerTrigger({
+  ...props
+}: DrawerTriggerProps): JSX.Element;
+interface DrawerContentProps extends ComponentProps<typeof Drawer$1.Content> {
+  classNames?: {
+    content?: string;
+    handle?: string;
+    overlay?: string;
+  };
 }
-declare function DrawerContent({ children, className, classNames, ...props }: DrawerContentProps): JSX.Element;
+declare function DrawerContent({
+  children,
+  className,
+  classNames,
+  ...props
+}: DrawerContentProps): JSX.Element;
 type DrawerHeaderProps = ComponentProps<"div">;
-declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): JSX.Element;
+declare function DrawerHeader({
+  className,
+  ...props
+}: DrawerHeaderProps): JSX.Element;
 type DrawerBodyProps = ComponentProps<"div">;
-declare function DrawerBody({ className, ...props }: DrawerBodyProps): JSX.Element;
+declare function DrawerBody({
+  className,
+  ...props
+}: DrawerBodyProps): JSX.Element;
 type DrawerFooterProps = ComponentProps<"div">;
-declare function DrawerFooter({ className, ...props }: DrawerFooterProps): JSX.Element;
-type DrawerTitleProps = ComponentProps<typeof DrawerPrimitive.Title>;
-declare function DrawerTitle({ className, ...props }: DrawerTitleProps): JSX.Element;
-type DrawerDescriptionProps = ComponentProps<typeof DrawerPrimitive.Description>;
-declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): JSX.Element;
-interface DrawerCloseProps extends ComponentProps<typeof DrawerPrimitive.Close> {
-    size?: VariantProps<typeof buttonVariants>["size"];
-    variant?: VariantProps<typeof buttonVariants>["variant"];
+declare function DrawerFooter({
+  className,
+  ...props
+}: DrawerFooterProps): JSX.Element;
+type DrawerTitleProps = ComponentProps<typeof Drawer$1.Title>;
+declare function DrawerTitle({
+  className,
+  ...props
+}: DrawerTitleProps): JSX.Element;
+type DrawerDescriptionProps = ComponentProps<typeof Drawer$1.Description>;
+declare function DrawerDescription({
+  className,
+  ...props
+}: DrawerDescriptionProps): JSX.Element;
+interface DrawerCloseProps extends ComponentProps<typeof Drawer$1.Close> {
+  size?: VariantProps<typeof buttonVariants>["size"];
+  variant?: VariantProps<typeof buttonVariants>["variant"];
 }
-declare function DrawerClose({ className, size, variant, ...props }: DrawerCloseProps): JSX.Element;
-export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, };
-export type { DrawerBodyProps, DrawerCloseProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerProps, DrawerTitleProps, DrawerTriggerProps, };
+declare function DrawerClose({
+  className,
+  size,
+  variant,
+  ...props
+}: DrawerCloseProps): JSX.Element;
+//#endregion
+export { Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps };