@codefast/ui 0.3.13-canary.3 → 0.3.13-canary.4

package/dist/components/context-menu.d.mts

@@ -0,0 +1,91 @@
+import { ComponentProps, JSX } from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+
+//#region src/components/context-menu.d.ts
+type ContextMenuProps = ComponentProps<typeof ContextMenuPrimitive.Root>;
+declare function ContextMenu({
+  ...props
+}: ContextMenuProps): JSX.Element;
+type ContextMenuTriggerProps = ComponentProps<typeof ContextMenuPrimitive.Trigger>;
+declare function ContextMenuTrigger({
+  ...props
+}: ContextMenuTriggerProps): JSX.Element;
+type ContextMenuGroupProps = ComponentProps<typeof ContextMenuPrimitive.Group>;
+declare function ContextMenuGroup({
+  ...props
+}: ContextMenuGroupProps): JSX.Element;
+type ContextMenuSubProps = ComponentProps<typeof ContextMenuPrimitive.Sub>;
+declare function ContextMenuSub({
+  ...props
+}: ContextMenuSubProps): JSX.Element;
+type ContextMenuRadioGroupProps = ComponentProps<typeof ContextMenuPrimitive.RadioGroup>;
+declare function ContextMenuRadioGroup({
+  ...props
+}: ContextMenuRadioGroupProps): JSX.Element;
+interface ContextMenuSubTriggerProps extends ComponentProps<typeof ContextMenuPrimitive.SubTrigger> {
+  inset?: boolean;
+}
+declare function ContextMenuSubTrigger({
+  children,
+  className,
+  inset,
+  ...props
+}: ContextMenuSubTriggerProps): JSX.Element;
+type ContextMenuSubContentProps = ComponentProps<typeof ContextMenuPrimitive.SubContent>;
+declare function ContextMenuSubContent({
+  className,
+  ...props
+}: ContextMenuSubContentProps): JSX.Element;
+type ContextMenuContentProps = ComponentProps<typeof ContextMenuPrimitive.Content>;
+declare function ContextMenuContent({
+  className,
+  ...props
+}: ContextMenuContentProps): JSX.Element;
+interface ContextMenuItemProps extends ComponentProps<typeof ContextMenuPrimitive.Item> {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}
+declare function ContextMenuItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: ContextMenuItemProps): JSX.Element;
+type ContextMenuCheckboxItemProps = ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>;
+declare function ContextMenuCheckboxItem({
+  checked,
+  children,
+  className,
+  ...props
+}: ContextMenuCheckboxItemProps): JSX.Element;
+type ContextMenuRadioItemProps = ComponentProps<typeof ContextMenuPrimitive.RadioItem>;
+declare function ContextMenuRadioItem({
+  children,
+  className,
+  ...props
+}: ContextMenuRadioItemProps): JSX.Element;
+interface ContextMenuLabelProps extends ComponentProps<typeof ContextMenuPrimitive.Label> {
+  inset?: boolean;
+}
+declare function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}: ContextMenuLabelProps): JSX.Element;
+type ContextMenuSeparatorProps = ComponentProps<typeof ContextMenuPrimitive.Separator>;
+declare function ContextMenuSeparator({
+  className,
+  ...props
+}: ContextMenuSeparatorProps): JSX.Element;
+type ContextMenuShortcutProps = ComponentProps<"span">;
+declare function ContextMenuShortcut({
+  className,
+  ...props
+}: ContextMenuShortcutProps): JSX.Element;
+type ContextMenuArrowProps = ComponentProps<typeof ContextMenuPrimitive.Arrow>;
+declare function ContextMenuArrow({
+  className,
+  ...props
+}: ContextMenuArrowProps): JSX.Element;
+//#endregion
+export { ContextMenu, ContextMenuArrow, type ContextMenuArrowProps, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, type ContextMenuGroupProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps };

package/dist/components/context-menu.mjs

@@ -0,0 +1,122 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+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(ContextMenuPrimitive.Root, {
+		"data-slot": "context-menu",
+		...props
+	});
+}
+function ContextMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, {
+		"data-slot": "context-menu-trigger",
+		...props
+	});
+}
+function ContextMenuGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Group, {
+		"data-slot": "context-menu-group",
+		...props
+	});
+}
+function ContextMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Sub, {
+		"data-slot": "context-menu-sub",
+		...props
+	});
+}
+function ContextMenuRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.RadioGroup, {
+		"data-slot": "context-menu-radio-group",
+		...props
+	});
+}
+function ContextMenuSubTrigger({ children, className, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenuPrimitive.SubTrigger, {
+		className: cn("flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "data-inset:pl-8", "data-open:bg-accent data-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: cn("size-4", "ml-auto") })]
+	});
+}
+function ContextMenuSubContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.SubContent, {
+		className: cn("z-50", "min-w-32 overflow-hidden p-1", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-closed:data-side-top:slide-out-to-bottom-2", "data-closed:data-side-right:slide-out-to-left-2", "data-closed:data-side-bottom:slide-out-to-top-2", "data-closed:data-side-left:slide-out-to-right-2", "origin-(--radix-context-menu-content-transform-origin)", className),
+		"data-slot": "context-menu-sub-content",
+		...props
+	}) });
+}
+function ContextMenuContent({ className, ...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 overflow-x-hidden overflow-y-auto p-1", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "origin-(--radix-context-menu-content-transform-origin)", className),
+		"data-slot": "context-menu-content",
+		...props
+	}) });
+}
+function ContextMenuItem({ className, inset, variant, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, {
+		className: cn("group/context-menu-item relative flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default 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", "data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", className),
+		"data-inset": inset,
+		"data-slot": "context-menu-item",
+		"data-variant": variant,
+		...props
+	});
+}
+function ContextMenuCheckboxItem({ checked, children, className, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenuPrimitive.CheckboxItem, {
+		checked,
+		className: cn("group/context-menu-item relative flex items-center gap-x-2", "py-1.5 pr-2 pl-8", "rounded-sm outline-hidden", "text-sm", "cursor-default 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: cn("absolute flex items-center justify-center", "left-2"),
+			children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), children]
+	});
+}
+function ContextMenuRadioItem({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, {
+		className: cn("group/context-menu-item relative flex items-center gap-x-2", "py-1.5 pr-2 pl-8", "rounded-sm outline-hidden", "text-sm", "cursor-default 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: cn("absolute flex items-center justify-center", "left-2"),
+			children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(DotIcon, { className: cn("size-4", "fill-current") }) })
+		}), children]
+	});
+}
+function ContextMenuLabel({ className, inset, ...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(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
+	});
+}
+function ContextMenuArrow({ className, ...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.mts

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

@@ -0,0 +1,93 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { buttonVariants } from "./button.mjs";
+import { XIcon } from "lucide-react";
+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(DialogPrimitive.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function DialogContent({ children, className, classNames, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		className: cn("fixed inset-0 z-50", "bg-black/50", "ease-ui data-open:animate-in data-open:fade-in-0", "data-closed:animate-out data-closed:fade-out-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", "sm:grid-rows-[1fr_auto_3fr] sm:p-4", "ease-ui data-open:animate-in", "max-sm:data-open:animation-duration-500 max-sm:data-open:slide-in-from-bottom", "sm:data-open:fade-in-0 sm:data-open:zoom-in-95", "data-closed:animate-out", "max-sm:data-closed:animation-duration-500 max-sm:data-closed:slide-out-to-bottom", "sm:data-closed:fade-out-0 sm:data-closed:zoom-out-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
+	});
+}
+function DialogBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("main", {
+		className: cn("overflow-auto", "px-6 py-2", className),
+		"data-slot": "dialog-body",
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("footer", {
+		className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-2 pb-6", "sm:flex-row sm:justify-end", className),
+		"data-slot": "dialog-footer",
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(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(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(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.mts

@@ -0,0 +1,65 @@
+import { VariantProps } from "../lib/utils.mjs";
+import { buttonVariants } from "./button.mjs";
+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;
+type DrawerHeaderProps = ComponentProps<"div">;
+declare function DrawerHeader({
+  className,
+  ...props
+}: DrawerHeaderProps): JSX.Element;
+type DrawerBodyProps = ComponentProps<"div">;
+declare function DrawerBody({
+  className,
+  ...props
+}: DrawerBodyProps): JSX.Element;
+type DrawerFooterProps = ComponentProps<"div">;
+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;
+//#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 };

package/dist/components/drawer.mjs

@@ -0,0 +1,78 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { buttonVariants } from "./button.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Drawer as Drawer$1 } from "vaul";
+//#region src/components/drawer.tsx
+function Drawer({ shouldScaleBackground = true, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Root, {
+		"data-slot": "drawer",
+		shouldScaleBackground,
+		...props
+	});
+}
+function DrawerTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Trigger, {
+		"data-slot": "drawer-trigger",
+		...props
+	});
+}
+function DrawerContent({ children, className, classNames, ...props }) {
+	return /* @__PURE__ */ jsxs(Drawer$1.Portal, { children: [/* @__PURE__ */ jsx(Drawer$1.Overlay, {
+		className: cn("fixed inset-0 z-50", "bg-black/50", classNames?.overlay),
+		"data-slot": "drawer-overlay"
+	}), /* @__PURE__ */ jsxs(Drawer$1.Content, {
+		className: cn("group/drawer-content fixed z-50 flex h-auto flex-col", "bg-background", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-2xl", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-2xl", "data-[vaul-drawer-direction=left]:sm:max-w-sm", "data-[vaul-drawer-direction=right]:sm:max-w-sm", classNames?.content, className),
+		"data-slot": "drawer-content",
+		...props,
+		children: [/* @__PURE__ */ jsx("div", { className: cn("hidden", "mx-auto mt-4 h-1.5 w-12 shrink-0", "rounded-full", "bg-muted", "group-data-[vaul-drawer-direction=bottom]/drawer-content:block", classNames?.handle) }), children]
+	})] });
+}
+function DrawerHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-1.5", "p-4", className),
+		"data-slot": "drawer-header",
+		...props
+	});
+}
+function DrawerBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("main", {
+		className: cn("overflow-auto", "px-6 py-2", className),
+		"data-slot": "drawer-body",
+		...props
+	});
+}
+function DrawerFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-2", "mt-auto p-4", className),
+		"data-slot": "drawer-footer",
+		...props
+	});
+}
+function DrawerTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Title, {
+		className: cn("font-semibold text-foreground", className),
+		"data-slot": "drawer-title",
+		...props
+	});
+}
+function DrawerDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Description, {
+		className: cn("text-sm text-muted-foreground", className),
+		"data-slot": "drawer-description",
+		...props
+	});
+}
+function DrawerClose({ className, size, variant = "outline", ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Close, {
+		className: buttonVariants({
+			className,
+			size,
+			variant
+		}),
+		"data-slot": "drawer-close",
+		...props
+	});
+}
+//#endregion
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger };

package/dist/components/dropdown-menu.d.mts

@@ -0,0 +1,92 @@
+import { ComponentProps, JSX } from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+//#region src/components/dropdown-menu.d.ts
+type DropdownMenuProps = ComponentProps<typeof DropdownMenuPrimitive.Root>;
+declare function DropdownMenu({
+  ...props
+}: DropdownMenuProps): JSX.Element;
+type DropdownMenuTriggerProps = ComponentProps<typeof DropdownMenuPrimitive.Trigger>;
+declare function DropdownMenuTrigger({
+  ...props
+}: DropdownMenuTriggerProps): JSX.Element;
+type DropdownMenuGroupProps = ComponentProps<typeof DropdownMenuPrimitive.Group>;
+declare function DropdownMenuGroup({
+  ...props
+}: DropdownMenuGroupProps): JSX.Element;
+type DropdownMenuSubProps = ComponentProps<typeof DropdownMenuPrimitive.Sub>;
+declare function DropdownMenuSub({
+  ...props
+}: DropdownMenuSubProps): JSX.Element;
+type DropdownMenuRadioGroupProps = ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>;
+declare function DropdownMenuRadioGroup({
+  ...props
+}: DropdownMenuRadioGroupProps): JSX.Element;
+interface DropdownMenuSubTriggerProps extends ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> {
+  inset?: boolean;
+}
+declare function DropdownMenuSubTrigger({
+  children,
+  className,
+  inset,
+  ...props
+}: DropdownMenuSubTriggerProps): JSX.Element;
+type DropdownMenuSubContentProps = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
+declare function DropdownMenuSubContent({
+  className,
+  ...props
+}: DropdownMenuSubContentProps): JSX.Element;
+type DropdownMenuContentProps = ComponentProps<typeof DropdownMenuPrimitive.Content>;
+declare function DropdownMenuContent({
+  className,
+  sideOffset,
+  ...props
+}: DropdownMenuContentProps): JSX.Element;
+interface DropdownMenuItemProps extends ComponentProps<typeof DropdownMenuPrimitive.Item> {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}
+declare function DropdownMenuItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: DropdownMenuItemProps): JSX.Element;
+type DropdownMenuCheckboxItemProps = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>;
+declare function DropdownMenuCheckboxItem({
+  checked,
+  children,
+  className,
+  ...props
+}: DropdownMenuCheckboxItemProps): JSX.Element;
+type DropdownMenuRadioItemProps = ComponentProps<typeof DropdownMenuPrimitive.RadioItem>;
+declare function DropdownMenuRadioItem({
+  children,
+  className,
+  ...props
+}: DropdownMenuRadioItemProps): JSX.Element;
+interface DropdownMenuLabelProps extends ComponentProps<typeof DropdownMenuPrimitive.Label> {
+  inset?: boolean;
+}
+declare function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: DropdownMenuLabelProps): JSX.Element;
+type DropdownMenuSeparatorProps = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
+declare function DropdownMenuSeparator({
+  className,
+  ...props
+}: DropdownMenuSeparatorProps): JSX.Element;
+type DropdownMenuShortcutProps = ComponentProps<"span">;
+declare function DropdownMenuShortcut({
+  className,
+  ...props
+}: DropdownMenuShortcutProps): JSX.Element;
+type DropdownMenuArrowProps = ComponentProps<typeof DropdownMenuPrimitive.Arrow>;
+declare function DropdownMenuArrow({
+  className,
+  ...props
+}: DropdownMenuArrowProps): JSX.Element;
+//#endregion
+export { DropdownMenu, DropdownMenuArrow, type DropdownMenuArrowProps, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };