kuzenbo 0.0.1

package/dist/context-menu-trigger-CYBhdcpg.js

@@ -0,0 +1,147 @@
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRight01Icon, Tick02Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { ContextMenu } from "@base-ui/react/context-menu";
+
+//#region src/components/context-menu/context-menu-checkbox-item.tsx
+const ContextMenuCheckboxItem = ({ className, children, checked, ...props }) => /* @__PURE__ */ jsxs(ContextMenu.CheckboxItem, {
+	checked,
+	className: cn("relative flex cursor-pointer select-none items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+	"data-slot": "context-menu-checkbox-item",
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "pointer-events-none absolute right-2",
+		children: /* @__PURE__ */ jsx(ContextMenu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: Tick02Icon,
+			strokeWidth: 2
+		}) })
+	}), children]
+});
+
+//#endregion
+//#region src/components/context-menu/context-menu-content.tsx
+const ContextMenuContent = ({ className, align = "start", alignOffset = 4, side = "right", sideOffset = 0, ...props }) => /* @__PURE__ */ jsx(ContextMenu.Portal, { children: /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+	align,
+	alignOffset,
+	className: "isolate z-50 outline-none",
+	side,
+	sideOffset,
+	children: /* @__PURE__ */ jsx(ContextMenu.Popup, {
+		className: cn("data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-y-auto overflow-x-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-md outline-none ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-open:animate-in", className),
+		"data-slot": "context-menu-content",
+		...props
+	})
+}) });
+
+//#endregion
+//#region src/components/context-menu/context-menu-group.tsx
+const ContextMenuGroup = ({ ...props }) => /* @__PURE__ */ jsx(ContextMenu.Group, {
+	"data-slot": "context-menu-group",
+	...props
+});
+
+//#endregion
+//#region src/components/context-menu/context-menu-item.tsx
+const ContextMenuItem = ({ className, inset, variant = "default", ...props }) => /* @__PURE__ */ jsx(ContextMenu.Item, {
+	className: cn("group/context-menu-item relative flex cursor-pointer select-none items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive", className),
+	"data-inset": inset,
+	"data-slot": "context-menu-item",
+	"data-variant": variant,
+	...props
+});
+
+//#endregion
+//#region src/components/context-menu/context-menu-label.tsx
+const ContextMenuLabel = ({ className, inset, ...props }) => /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
+	className: cn("px-1.5 py-1 font-medium text-muted-foreground text-xs data-[inset]:pl-8", className),
+	"data-inset": inset,
+	"data-slot": "context-menu-label",
+	...props
+});
+
+//#endregion
+//#region src/components/context-menu/context-menu-portal.tsx
+const ContextMenuPortal = ({ ...props }) => /* @__PURE__ */ jsx(ContextMenu.Portal, {
+	"data-slot": "context-menu-portal",
+	...props
+});
+
+//#endregion
+//#region src/components/context-menu/context-menu-radio-group.tsx
+const ContextMenuRadioGroup = ({ ...props }) => /* @__PURE__ */ jsx(ContextMenu.RadioGroup, {
+	"data-slot": "context-menu-radio-group",
+	...props
+});
+
+//#endregion
+//#region src/components/context-menu/context-menu-radio-item.tsx
+const ContextMenuRadioItem = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(ContextMenu.RadioItem, {
+	className: cn("relative flex cursor-pointer select-none items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+	"data-slot": "context-menu-radio-item",
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "pointer-events-none absolute right-2",
+		children: /* @__PURE__ */ jsx(ContextMenu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: Tick02Icon,
+			strokeWidth: 2
+		}) })
+	}), children]
+});
+
+//#endregion
+//#region src/components/context-menu/context-menu-separator.tsx
+const ContextMenuSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(ContextMenu.Separator, {
+	className: cn("-mx-1 my-1 h-px bg-border", className),
+	"data-slot": "context-menu-separator",
+	...props
+});
+
+//#endregion
+//#region src/components/context-menu/context-menu-shortcut.tsx
+const ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	className: cn("ml-auto text-muted-foreground text-xs tracking-widest group-focus/context-menu-item:text-accent-foreground", className),
+	"data-slot": "context-menu-shortcut",
+	...props
+});
+
+//#endregion
+//#region src/components/context-menu/context-menu-sub.tsx
+const ContextMenuSub = ({ ...props }) => /* @__PURE__ */ jsx(ContextMenu.SubmenuRoot, {
+	"data-slot": "context-menu-sub",
+	...props
+});
+
+//#endregion
+//#region src/components/context-menu/context-menu-sub-content.tsx
+const ContextMenuSubContent = ({ ...props }) => /* @__PURE__ */ jsx(ContextMenuContent, {
+	className: "shadow-lg",
+	"data-slot": "context-menu-sub-content",
+	side: "right",
+	...props
+});
+
+//#endregion
+//#region src/components/context-menu/context-menu-sub-trigger.tsx
+const ContextMenuSubTrigger = ({ className, inset, children, ...props }) => /* @__PURE__ */ jsxs(ContextMenu.SubmenuTrigger, {
+	className: cn("flex cursor-pointer select-none items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:cursor-not-allowed data-open:bg-accent data-[inset]:pl-8 data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+	"data-inset": inset,
+	"data-slot": "context-menu-sub-trigger",
+	...props,
+	children: [children, /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: "ml-auto",
+		icon: ArrowRight01Icon,
+		strokeWidth: 2
+	})]
+});
+
+//#endregion
+//#region src/components/context-menu/context-menu-trigger.tsx
+const ContextMenuTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(ContextMenu.Trigger, {
+	className: cn("cursor-pointer select-none", className),
+	"data-slot": "context-menu-trigger",
+	...props
+});
+
+//#endregion
+export { ContextMenuShortcut as a, ContextMenuRadioGroup as c, ContextMenuItem as d, ContextMenuGroup as f, ContextMenuSub as i, ContextMenuPortal as l, ContextMenuCheckboxItem as m, ContextMenuSubTrigger as n, ContextMenuSeparator as o, ContextMenuContent as p, ContextMenuSubContent as r, ContextMenuRadioItem as s, ContextMenuTrigger as t, ContextMenuLabel as u };

package/dist/context-menu-trigger-Du2vcTco.d.ts

@@ -0,0 +1,103 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { ContextMenu } from "@base-ui/react/context-menu";
+
+//#region src/components/context-menu/context-menu-checkbox-item.d.ts
+declare const ContextMenuCheckboxItem: ({
+  className,
+  children,
+  checked,
+  ...props
+}: ContextMenu.CheckboxItem.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu-content.d.ts
+declare const ContextMenuContent: ({
+  className,
+  align,
+  alignOffset,
+  side,
+  sideOffset,
+  ...props
+}: ContextMenu.Popup.Props & Pick<ContextMenu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu-group.d.ts
+declare const ContextMenuGroup: ({
+  ...props
+}: ContextMenu.Group.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu-item.d.ts
+declare const ContextMenuItem: ({
+  className,
+  inset,
+  variant,
+  ...props
+}: ContextMenu.Item.Props & {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu-label.d.ts
+declare const ContextMenuLabel: ({
+  className,
+  inset,
+  ...props
+}: ContextMenu.GroupLabel.Props & {
+  inset?: boolean;
+}) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu-portal.d.ts
+declare const ContextMenuPortal: ({
+  ...props
+}: ContextMenu.Portal.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu-radio-group.d.ts
+declare const ContextMenuRadioGroup: ({
+  ...props
+}: ContextMenu.RadioGroup.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu-radio-item.d.ts
+declare const ContextMenuRadioItem: ({
+  className,
+  children,
+  ...props
+}: ContextMenu.RadioItem.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu-separator.d.ts
+declare const ContextMenuSeparator: ({
+  className,
+  ...props
+}: ContextMenu.Separator.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu-shortcut.d.ts
+declare const ContextMenuShortcut: ({
+  className,
+  ...props
+}: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu-sub.d.ts
+declare const ContextMenuSub: ({
+  ...props
+}: ContextMenu.SubmenuRoot.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu-sub-content.d.ts
+declare const ContextMenuSubContent: ({
+  ...props
+}: ComponentProps<typeof ContextMenuContent>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu-sub-trigger.d.ts
+declare const ContextMenuSubTrigger: ({
+  className,
+  inset,
+  children,
+  ...props
+}: ContextMenu.SubmenuTrigger.Props & {
+  inset?: boolean;
+}) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu-trigger.d.ts
+declare const ContextMenuTrigger: ({
+  className,
+  ...props
+}: ContextMenu.Trigger.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ContextMenuShortcut as a, ContextMenuRadioGroup as c, ContextMenuItem as d, ContextMenuGroup as f, ContextMenuSub as i, ContextMenuPortal as l, ContextMenuCheckboxItem as m, ContextMenuSubTrigger as n, ContextMenuSeparator as o, ContextMenuContent as p, ContextMenuSubContent as r, ContextMenuRadioItem as s, ContextMenuTrigger as t, ContextMenuLabel as u };

package/dist/dialog-trigger-CR23tYql.js

@@ -0,0 +1,97 @@
+import { Button } from "./ui/button.js";
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Cancel01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/dialog/dialog-close.tsx
+const DialogClose = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Close, {
+	"data-slot": "dialog-close",
+	...props
+});
+
+//#endregion
+//#region src/components/dialog/dialog-overlay.tsx
+const DialogOverlay = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Backdrop, {
+	className: cn("data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-open:animate-in supports-backdrop-filter:backdrop-blur-xs", className),
+	"data-slot": "dialog-overlay",
+	...props
+});
+
+//#endregion
+//#region src/components/dialog/dialog-portal.tsx
+const DialogPortal = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Portal, {
+	"data-slot": "dialog-portal",
+	...props
+});
+
+//#endregion
+//#region src/components/dialog/dialog-content.tsx
+const DialogContent = ({ className, children, showCloseButton = true, ...props }) => /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(Dialog.Popup, {
+	className: cn("data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-background p-6 text-sm outline-none ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-open:animate-in sm:max-w-md", className),
+	"data-slot": "dialog-content",
+	...props,
+	children: [children, showCloseButton && /* @__PURE__ */ jsxs(DialogClose, {
+		"data-slot": "dialog-close",
+		render: /* @__PURE__ */ jsx(Button, {
+			className: "absolute top-4 right-4",
+			size: "icon-sm",
+			variant: "ghost"
+		}),
+		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: Cancel01Icon,
+			strokeWidth: 2
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Close"
+		})]
+	})]
+})] });
+
+//#endregion
+//#region src/components/dialog/dialog-description.tsx
+const DialogDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Description, {
+	className: cn("text-muted-foreground text-sm *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+	"data-slot": "dialog-description",
+	...props
+});
+
+//#endregion
+//#region src/components/dialog/dialog-footer.tsx
+const DialogFooter = ({ className, showCloseButton = false, children, ...props }) => /* @__PURE__ */ jsxs("div", {
+	className: cn("-mx-4 mt-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl p-4 sm:flex-row sm:justify-end", className),
+	"data-slot": "dialog-footer",
+	...props,
+	children: [children, showCloseButton && /* @__PURE__ */ jsx(DialogClose, {
+		render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
+		children: "Close"
+	})]
+});
+
+//#endregion
+//#region src/components/dialog/dialog-header.tsx
+const DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col gap-2", className),
+	"data-slot": "dialog-header",
+	...props
+});
+
+//#endregion
+//#region src/components/dialog/dialog-title.tsx
+const DialogTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Title, {
+	className: cn("font-medium text-sm leading-none", className),
+	"data-slot": "dialog-title",
+	...props
+});
+
+//#endregion
+//#region src/components/dialog/dialog-trigger.tsx
+const DialogTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "dialog-trigger",
+	...props
+});
+
+//#endregion
+export { DialogDescription as a, DialogOverlay as c, DialogFooter as i, DialogClose as l, DialogTitle as n, DialogContent as o, DialogHeader as r, DialogPortal as s, DialogTrigger as t };

package/dist/dialog-trigger-xeE4e96-.d.ts

@@ -0,0 +1,74 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/dialog/dialog-close.d.ts
+type DialogCloseProps = Dialog.Close.Props;
+declare const DialogClose: ({
+  ...props
+}: DialogCloseProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-content.d.ts
+interface DialogContentProps extends Dialog.Popup.Props {
+  showCloseButton?: boolean;
+}
+declare const DialogContent: ({
+  className,
+  children,
+  showCloseButton,
+  ...props
+}: DialogContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-description.d.ts
+type DialogDescriptionProps = Dialog.Description.Props;
+declare const DialogDescription: ({
+  className,
+  ...props
+}: DialogDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-footer.d.ts
+interface DialogFooterProps extends ComponentProps<"div"> {
+  showCloseButton?: boolean;
+}
+declare const DialogFooter: ({
+  className,
+  showCloseButton,
+  children,
+  ...props
+}: DialogFooterProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-header.d.ts
+type DialogHeaderProps = ComponentProps<"div">;
+declare const DialogHeader: ({
+  className,
+  ...props
+}: DialogHeaderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-overlay.d.ts
+type DialogOverlayProps = Dialog.Backdrop.Props;
+declare const DialogOverlay: ({
+  className,
+  ...props
+}: DialogOverlayProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-portal.d.ts
+type DialogPortalProps = Dialog.Portal.Props;
+declare const DialogPortal: ({
+  ...props
+}: DialogPortalProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-title.d.ts
+type DialogTitleProps = Dialog.Title.Props;
+declare const DialogTitle: ({
+  className,
+  ...props
+}: DialogTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-trigger.d.ts
+type DialogTriggerProps = Dialog.Trigger.Props;
+declare const DialogTrigger: ({
+  className,
+  ...props
+}: DialogTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DialogClose as _, DialogPortal as a, DialogOverlayProps as c, DialogFooter as d, DialogFooterProps as f, DialogContentProps as g, DialogContent as h, DialogTitleProps as i, DialogHeader as l, DialogDescriptionProps as m, DialogTriggerProps as n, DialogPortalProps as o, DialogDescription as p, DialogTitle as r, DialogOverlay as s, DialogTrigger as t, DialogHeaderProps as u, DialogCloseProps as v };

package/dist/drawer-trigger-7jI4Zmqs.js

@@ -0,0 +1,79 @@
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Drawer } from "vaul";
+
+//#region src/components/drawer/drawer-close.tsx
+const DrawerClose = ({ ...props }) => /* @__PURE__ */ jsx(Drawer.Close, {
+	"data-slot": "drawer-close",
+	...props
+});
+
+//#endregion
+//#region src/components/drawer/drawer-overlay.tsx
+const DrawerOverlay = ({ className, ...props }) => /* @__PURE__ */ jsx(Drawer.Overlay, {
+	className: cn("data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 z-50 bg-black/10 data-closed:animate-out data-open:animate-in supports-backdrop-filter:backdrop-blur-xs", className),
+	"data-slot": "drawer-overlay",
+	...props
+});
+
+//#endregion
+//#region src/components/drawer/drawer-portal.tsx
+const DrawerPortal = ({ ...props }) => /* @__PURE__ */ jsx(Drawer.Portal, {
+	"data-slot": "drawer-portal",
+	...props
+});
+
+//#endregion
+//#region src/components/drawer/drawer-content.tsx
+const DrawerContent = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(DrawerPortal, {
+	"data-slot": "drawer-portal",
+	children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Drawer.Content, {
+		className: cn("group/drawer-content fixed z-50 flex h-auto flex-col bg-background text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm", className),
+		"data-slot": "drawer-content",
+		...props,
+		children: [/* @__PURE__ */ jsx("div", { className: "mx-auto mx-auto mt-4 hidden hidden h-1.5 w-[100px] shrink-0 shrink-0 rounded-full bg-muted bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children]
+	})]
+});
+
+//#endregion
+//#region src/components/drawer/drawer-description.tsx
+const DrawerDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(Drawer.Description, {
+	className: cn("text-muted-foreground text-sm", className),
+	"data-slot": "drawer-description",
+	...props
+});
+
+//#endregion
+//#region src/components/drawer/drawer-footer.tsx
+const DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("mt-auto flex flex-col gap-2 p-4", className),
+	"data-slot": "drawer-footer",
+	...props
+});
+
+//#endregion
+//#region src/components/drawer/drawer-header.tsx
+const DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className),
+	"data-slot": "drawer-header",
+	...props
+});
+
+//#endregion
+//#region src/components/drawer/drawer-title.tsx
+const DrawerTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(Drawer.Title, {
+	className: cn("font-medium text-base text-foreground", className),
+	"data-slot": "drawer-title",
+	...props
+});
+
+//#endregion
+//#region src/components/drawer/drawer-trigger.tsx
+const DrawerTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Drawer.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "drawer-trigger",
+	...props
+});
+
+//#endregion
+export { DrawerDescription as a, DrawerOverlay as c, DrawerFooter as i, DrawerClose as l, DrawerTitle as n, DrawerContent as o, DrawerHeader as r, DrawerPortal as s, DrawerTrigger as t };

package/dist/drawer-trigger-H_Wv5R00.d.ts

@@ -0,0 +1,67 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { Drawer } from "vaul";
+
+//#region src/components/drawer/drawer-close.d.ts
+type DrawerCloseProps = ComponentProps<typeof Drawer.Close>;
+declare const DrawerClose: ({
+  ...props
+}: DrawerCloseProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/drawer/drawer-content.d.ts
+type DrawerContentProps = ComponentProps<typeof Drawer.Content>;
+declare const DrawerContent: ({
+  className,
+  children,
+  ...props
+}: DrawerContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/drawer/drawer-description.d.ts
+type DrawerDescriptionProps = ComponentProps<typeof Drawer.Description>;
+declare const DrawerDescription: ({
+  className,
+  ...props
+}: DrawerDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/drawer/drawer-footer.d.ts
+type DrawerFooterProps = ComponentProps<"div">;
+declare const DrawerFooter: ({
+  className,
+  ...props
+}: DrawerFooterProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/drawer/drawer-header.d.ts
+type DrawerHeaderProps = ComponentProps<"div">;
+declare const DrawerHeader: ({
+  className,
+  ...props
+}: DrawerHeaderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/drawer/drawer-overlay.d.ts
+type DrawerOverlayProps = ComponentProps<typeof Drawer.Overlay>;
+declare const DrawerOverlay: ({
+  className,
+  ...props
+}: DrawerOverlayProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/drawer/drawer-portal.d.ts
+type DrawerPortalProps = ComponentProps<typeof Drawer.Portal>;
+declare const DrawerPortal: ({
+  ...props
+}: DrawerPortalProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/drawer/drawer-title.d.ts
+type DrawerTitleProps = ComponentProps<typeof Drawer.Title>;
+declare const DrawerTitle: ({
+  className,
+  ...props
+}: DrawerTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/drawer/drawer-trigger.d.ts
+type DrawerTriggerProps = ComponentProps<typeof Drawer.Trigger>;
+declare const DrawerTrigger: ({
+  className,
+  ...props
+}: DrawerTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DrawerClose as _, DrawerPortal as a, DrawerOverlayProps as c, DrawerFooter as d, DrawerFooterProps as f, DrawerContentProps as g, DrawerContent as h, DrawerTitleProps as i, DrawerHeader as l, DrawerDescriptionProps as m, DrawerTriggerProps as n, DrawerPortalProps as o, DrawerDescription as p, DrawerTitle as r, DrawerOverlay as s, DrawerTrigger as t, DrawerHeaderProps as u, DrawerCloseProps as v };