@funhub/platform 0.2.30 → 0.2.31

package/dist/components/ui/combobox.mjs

@@ -1,2 +1,186 @@
 
-"use client";import{cn as e}from"../../utils/cn.mjs";import{Button as t}from"./button.mjs";import{InputGroup as n,InputGroupAddon as r,InputGroupButton as i,InputGroupInput as a}from"./input-group.mjs";import*as o from"react";import{CheckIcon as s,ChevronDownIcon as c,XIcon as l}from"lucide-react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{Combobox as f}from"@base-ui/react";function p({...e}){return u(f.Root,{...e})}function m({...e}){return u(f.Value,{"data-slot":`combobox-value`,...e})}function h({className:t,children:n,...r}){return d(f.Trigger,{"data-slot":`combobox-trigger`,className:e(`[&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4`,t),...r,children:[n,u(c,{className:`text-muted-foreground w-4 h-4 pointer-events-none`})]})}function g({className:t,...n}){return u(f.Clear,{"data-slot":`combobox-clear`,className:e(t),...n,render:u(i,{variant:`ghost`,size:`icon-xs`,children:u(l,{className:`pointer-events-none`})})})}function _({className:t,children:o,disabled:s=!1,showTrigger:c=!0,showClear:l=!1,...p}){return d(n,{className:e(`w-auto`,t),children:[u(f.Input,{render:u(a,{disabled:s}),...p}),d(r,{align:`inline-end`,children:[c&&u(i,{size:`icon-xs`,variant:`ghost`,render:u(h,{}),"data-slot":`input-group-button`,className:`group-has-[data-slot=combobox-clear]/input-group:hidden data-[pressed]:bg-transparent`,disabled:s}),l&&u(g,{disabled:s})]}),o]})}function v({className:t,side:n=`bottom`,sideOffset:r=6,align:i=`start`,alignOffset:a=0,anchor:o,...s}){return u(f.Portal,{children:u(f.Positioner,{side:n,sideOffset:r,align:i,alignOffset:a,anchor:o,className:`isolate z-50`,children:u(f.Popup,{"data-slot":`combobox-content`,"data-chips":!!o,className:e(`bg-popover text-popover-foreground data-[open]:animate-in data-[closed]:animate-out 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 ring-foreground/10 [&>[data-slot=input-group]]:bg-input/30 [&>[data-slot=input-group]]:border-input/30 max-h-72 min-w-36 overflow-hidden rounded-lg shadow-md ring-1 duration-100 [&>[data-slot=input-group]]:m-1 [&>[data-slot=input-group]]:mb-0 [&>[data-slot=input-group]]:h-8 [&>[data-slot=input-group]]:shadow-none group/combobox-content relative max-h-[var(--available-height)] w-[var(--anchor-width)] max-w-[var(--available-width)] min-w-[calc(var(--anchor-width)+1.75rem)] origin-[var(--transform-origin)] data-[chips=true]:min-w-[var(--anchor-width)]`,t),...s})})})}function y({className:t,...n}){return u(f.List,{"data-slot":`combobox-list`,className:e(`no-scrollbar max-h-[min(calc(18rem-2.25rem),calc(var(--available-height)-2.25rem))] scroll-py-1 overflow-y-auto p-1 data-[empty]:p-0 overscroll-contain`,t),...n})}function b({className:t,children:n,...r}){return d(f.Item,{"data-slot":`combobox-item`,className:e(`data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[highlighted]:[&_*]:text-accent-foreground gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 relative flex w-full cursor-default items-center outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,t),...r,children:[n,u(f.ItemIndicator,{render:u(`span`,{className:`pointer-events-none absolute right-2 flex w-4 h-4 items-center justify-center`,children:u(s,{className:`pointer-events-none`})})})]})}function x({className:t,...n}){return u(f.Group,{"data-slot":`combobox-group`,className:e(t),...n})}function S({className:t,...n}){return u(f.GroupLabel,{"data-slot":`combobox-label`,className:e(`text-muted-foreground px-2 py-1.5 text-xs`,t),...n})}function C({...e}){return u(f.Collection,{"data-slot":`combobox-collection`,...e})}function w({className:t,...n}){return u(f.Empty,{"data-slot":`combobox-empty`,className:e(`text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-[empty]/combobox-content:flex`,t),...n})}function T({className:t,...n}){return u(f.Separator,{"data-slot":`combobox-separator`,className:e(`bg-border -mx-1 my-1 h-px`,t),...n})}function E({className:t,...n}){return u(f.Chips,{"data-slot":`combobox-chips`,className:e(`dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-[aria-invalid]:ring-destructive/20 dark:has-[aria-invalid]:ring-destructive/40 has-[aria-invalid]:border-destructive dark:has-[aria-invalid]:border-destructive/50 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-[3px] has-[aria-invalid]:ring-[3px] has-[data-slot=combobox-chip]:px-1`,t),...n})}function D({className:n,children:r,showRemove:i=!0,...a}){return d(f.Chip,{"data-slot":`combobox-chip`,className:e(`bg-muted text-foreground flex h-[1.3125rem] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-[data-slot=combobox-chip-remove]:pr-0 has-[:disabled]:pointer-events-none has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50`,n),...a,children:[r,i&&u(f.ChipRemove,{className:`-ml-1 opacity-50 hover:opacity-100`,"data-slot":`combobox-chip-remove`,render:u(t,{variant:`ghost`,size:`icon-xs`,children:u(l,{className:`pointer-events-none`})})})]})}function O({className:t,...n}){return u(f.Input,{"data-slot":`combobox-chip-input`,className:e(`min-w-16 flex-1 outline-none`,t),...n})}function k(){return o.useRef(null)}export{p as Combobox,D as ComboboxChip,E as ComboboxChips,O as ComboboxChipsInput,C as ComboboxCollection,v as ComboboxContent,w as ComboboxEmpty,x as ComboboxGroup,_ as ComboboxInput,b as ComboboxItem,S as ComboboxLabel,y as ComboboxList,T as ComboboxSeparator,h as ComboboxTrigger,m as ComboboxValue,k as useComboboxAnchor};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import { Button } from "./button.mjs";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.mjs";
+import * as React from "react";
+import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Combobox } from "@base-ui/react";
+
+//#region components/ui/combobox.tsx
+/** UI 组件模块。 */
+/** Combobox 组件。 */
+function Combobox$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Root, { ...props });
+}
+/** ComboboxValue 组件。 */
+function ComboboxValue({ ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Value, {
+		"data-slot": "combobox-value",
+		...props
+	});
+}
+/** ComboboxTrigger 组件。 */
+function ComboboxTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Combobox.Trigger, {
+		"data-slot": "combobox-trigger",
+		className: cn("[&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground w-4 h-4 pointer-events-none" })]
+	});
+}
+/** ComboboxClear 组件。 */
+function ComboboxClear({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Clear, {
+		"data-slot": "combobox-clear",
+		className: cn(className),
+		...props,
+		render: /* @__PURE__ */ jsx(InputGroupButton, {
+			variant: "ghost",
+			size: "icon-xs",
+			children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
+		})
+	});
+}
+/** ComboboxInput 组件。 */
+function ComboboxInput({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
+	return /* @__PURE__ */ jsxs(InputGroup, {
+		className: cn("w-auto", className),
+		children: [
+			/* @__PURE__ */ jsx(Combobox.Input, {
+				render: /* @__PURE__ */ jsx(InputGroupInput, { disabled }),
+				...props
+			}),
+			/* @__PURE__ */ jsxs(InputGroupAddon, {
+				align: "inline-end",
+				children: [showTrigger && /* @__PURE__ */ jsx(InputGroupButton, {
+					size: "icon-xs",
+					variant: "ghost",
+					render: /* @__PURE__ */ jsx(ComboboxTrigger, {}),
+					"data-slot": "input-group-button",
+					className: "group-has-[data-slot=combobox-clear]/input-group:hidden data-[pressed]:bg-transparent",
+					disabled
+				}), showClear && /* @__PURE__ */ jsx(ComboboxClear, { disabled })]
+			}),
+			children
+		]
+	});
+}
+/** ComboboxContent 组件。 */
+function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		anchor,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsx(Combobox.Popup, {
+			"data-slot": "combobox-content",
+			"data-chips": !!anchor,
+			className: cn("bg-popover text-popover-foreground data-[open]:animate-in data-[closed]:animate-out 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 ring-foreground/10 [&>[data-slot=input-group]]:bg-input/30 [&>[data-slot=input-group]]:border-input/30 max-h-72 min-w-36 overflow-hidden rounded-lg shadow-md ring-1 duration-100 [&>[data-slot=input-group]]:m-1 [&>[data-slot=input-group]]:mb-0 [&>[data-slot=input-group]]:h-8 [&>[data-slot=input-group]]:shadow-none group/combobox-content relative max-h-[var(--available-height)] w-[var(--anchor-width)] max-w-[var(--available-width)] min-w-[calc(var(--anchor-width)+1.75rem)] origin-[var(--transform-origin)] data-[chips=true]:min-w-[var(--anchor-width)]", className),
+			...props
+		})
+	}) });
+}
+/** ComboboxList 组件。 */
+function ComboboxList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.List, {
+		"data-slot": "combobox-list",
+		className: cn("no-scrollbar max-h-[min(calc(18rem-2.25rem),calc(var(--available-height)-2.25rem))] scroll-py-1 overflow-y-auto p-1 data-[empty]:p-0 overscroll-contain", className),
+		...props
+	});
+}
+/** ComboboxItem 组件。 */
+function ComboboxItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Combobox.Item, {
+		"data-slot": "combobox-item",
+		className: cn("data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[highlighted]:[&_*]:text-accent-foreground gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 relative flex w-full cursor-default items-center outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Combobox.ItemIndicator, { render: /* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute right-2 flex w-4 h-4 items-center justify-center",
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" })
+		}) })]
+	});
+}
+/** ComboboxGroup 组件。 */
+function ComboboxGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Group, {
+		"data-slot": "combobox-group",
+		className: cn(className),
+		...props
+	});
+}
+/** ComboboxLabel 组件。 */
+function ComboboxLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.GroupLabel, {
+		"data-slot": "combobox-label",
+		className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+		...props
+	});
+}
+/** ComboboxCollection 组件。 */
+function ComboboxCollection({ ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Collection, {
+		"data-slot": "combobox-collection",
+		...props
+	});
+}
+/** ComboboxEmpty 组件。 */
+function ComboboxEmpty({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Empty, {
+		"data-slot": "combobox-empty",
+		className: cn("text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-[empty]/combobox-content:flex", className),
+		...props
+	});
+}
+/** ComboboxSeparator 组件。 */
+function ComboboxSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Separator, {
+		"data-slot": "combobox-separator",
+		className: cn("bg-border -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+/** ComboboxChips 组件。 */
+function ComboboxChips({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Chips, {
+		"data-slot": "combobox-chips",
+		className: cn("dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-[aria-invalid]:ring-destructive/20 dark:has-[aria-invalid]:ring-destructive/40 has-[aria-invalid]:border-destructive dark:has-[aria-invalid]:border-destructive/50 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-[3px] has-[aria-invalid]:ring-[3px] has-[data-slot=combobox-chip]:px-1", className),
+		...props
+	});
+}
+/** ComboboxChip 组件。 */
+function ComboboxChip({ className, children, showRemove = true, ...props }) {
+	return /* @__PURE__ */ jsxs(Combobox.Chip, {
+		"data-slot": "combobox-chip",
+		className: cn("bg-muted text-foreground flex h-[1.3125rem] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-[data-slot=combobox-chip-remove]:pr-0 has-[:disabled]:pointer-events-none has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50", className),
+		...props,
+		children: [children, showRemove && /* @__PURE__ */ jsx(Combobox.ChipRemove, {
+			className: "-ml-1 opacity-50 hover:opacity-100",
+			"data-slot": "combobox-chip-remove",
+			render: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon-xs",
+				children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
+			})
+		})]
+	});
+}
+/** ComboboxChipsInput 组件。 */
+function ComboboxChipsInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Input, {
+		"data-slot": "combobox-chip-input",
+		className: cn("min-w-16 flex-1 outline-none", className),
+		...props
+	});
+}
+/** useComboboxAnchor 工具定义。 */
+function useComboboxAnchor() {
+	return React.useRef(null);
+}
+
+//#endregion
+export { Combobox$1 as Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };

package/dist/components/ui/context-menu.mjs

@@ -1,2 +1,151 @@
 
-"use client";import{cn as e}from"../../utils/cn.mjs";import"react";import{CheckIcon as t,ChevronRightIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{ContextMenu as a}from"@base-ui/react/context-menu";function o({...e}){return r(a.Root,{"data-slot":`context-menu`,...e})}function s({...e}){return r(a.Portal,{"data-slot":`context-menu-portal`,...e})}function c({className:t,...n}){return r(a.Trigger,{"data-slot":`context-menu-trigger`,className:e(`select-none`,t),...n})}function l({className:t,align:n=`start`,alignOffset:i=4,side:o=`right`,sideOffset:s=0,...c}){return r(a.Portal,{children:r(a.Positioner,{className:`isolate z-50 outline-none`,align:n,alignOffset:i,side:o,sideOffset:s,children:r(a.Popup,{"data-slot":`context-menu-content`,className:e(`data-[open]:animate-in data-[closed]:animate-out 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 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-[var(--available-height)] origin-[var(--transform-origin)] overflow-x-hidden overflow-y-auto outline-none`,t),...c})})})}function u({...e}){return r(a.Group,{"data-slot":`context-menu-group`,...e})}function d({className:t,inset:n,...i}){return r(a.GroupLabel,{"data-slot":`context-menu-label`,"data-inset":n,className:e(`text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8`,t),...i})}function f({className:t,inset:n,variant:i=`default`,...o}){return r(a.Item,{"data-slot":`context-menu-item`,"data-inset":n,"data-variant":i,className:e(`focus:bg-accent focus:text-accent-foreground focus:[&_*]:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:[&>svg]:text-destructive data-[variant=destructive]:focus:[&_*]:text-destructive gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 group/context-menu-item relative flex cursor-default items-center outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,t),...o})}function p({...e}){return r(a.SubmenuRoot,{"data-slot":`context-menu-sub`,...e})}function m({className:t,inset:o,children:s,...c}){return i(a.SubmenuTrigger,{"data-slot":`context-menu-sub-trigger`,"data-inset":o,className:e(`focus:bg-accent focus:text-accent-foreground data-[open]:bg-accent data-[open]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 flex cursor-default items-center outline-none select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,t),...c,children:[s,r(n,{className:`ml-auto`})]})}function h({...e}){return r(l,{"data-slot":`context-menu-sub-content`,className:`shadow-lg`,side:`right`,...e})}function g({className:n,children:o,checked:s,...c}){return i(a.CheckboxItem,{"data-slot":`context-menu-checkbox-item`,className:e(`focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 relative flex cursor-default items-center outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,n),checked:s,...c,children:[r(`span`,{className:`absolute right-2 pointer-events-none`,children:r(a.CheckboxItemIndicator,{children:r(t,{})})}),o]})}function _({...e}){return r(a.RadioGroup,{"data-slot":`context-menu-radio-group`,...e})}function v({className:n,children:o,...s}){return i(a.RadioItem,{"data-slot":`context-menu-radio-item`,className:e(`focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 relative flex cursor-default items-center outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,n),...s,children:[r(`span`,{className:`absolute right-2 pointer-events-none`,children:r(a.RadioItemIndicator,{children:r(t,{})})}),o]})}function y({className:t,...n}){return r(a.Separator,{"data-slot":`context-menu-separator`,className:e(`bg-border -mx-1 my-1 h-px`,t),...n})}function b({className:t,...n}){return r(`span`,{"data-slot":`context-menu-shortcut`,className:e(`text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest`,t),...n})}export{o as ContextMenu,g as ContextMenuCheckboxItem,l as ContextMenuContent,u as ContextMenuGroup,f as ContextMenuItem,d as ContextMenuLabel,s as ContextMenuPortal,_ as ContextMenuRadioGroup,v as ContextMenuRadioItem,y as ContextMenuSeparator,b as ContextMenuShortcut,p as ContextMenuSub,h as ContextMenuSubContent,m as ContextMenuSubTrigger,c as ContextMenuTrigger};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import "react";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ContextMenu } from "@base-ui/react/context-menu";
+
+//#region components/ui/context-menu.tsx
+/** UI 组件模块。 */
+/** ContextMenu 组件。 */
+function ContextMenu$1({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Root, {
+		"data-slot": "context-menu",
+		...props
+	});
+}
+/** ContextMenuPortal 组件。 */
+function ContextMenuPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Portal, {
+		"data-slot": "context-menu-portal",
+		...props
+	});
+}
+/** ContextMenuTrigger 组件。 */
+function ContextMenuTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Trigger, {
+		"data-slot": "context-menu-trigger",
+		className: cn("select-none", className),
+		...props
+	});
+}
+/** ContextMenuContent 组件。 */
+function ContextMenuContent({ className, align = "start", alignOffset = 4, side = "right", sideOffset = 0, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Portal, { children: /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+		className: "isolate z-50 outline-none",
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		children: /* @__PURE__ */ jsx(ContextMenu.Popup, {
+			"data-slot": "context-menu-content",
+			className: cn("data-[open]:animate-in data-[closed]:animate-out 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 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-[var(--available-height)] origin-[var(--transform-origin)] overflow-x-hidden overflow-y-auto outline-none", className),
+			...props
+		})
+	}) });
+}
+/** ContextMenuGroup 组件。 */
+function ContextMenuGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Group, {
+		"data-slot": "context-menu-group",
+		...props
+	});
+}
+/** ContextMenuLabel 组件。 */
+function ContextMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
+		"data-slot": "context-menu-label",
+		"data-inset": inset,
+		className: cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8", className),
+		...props
+	});
+}
+/** ContextMenuItem 组件。 */
+function ContextMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Item, {
+		"data-slot": "context-menu-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("focus:bg-accent focus:text-accent-foreground focus:[&_*]:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:[&>svg]:text-destructive data-[variant=destructive]:focus:[&_*]:text-destructive gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 group/context-menu-item relative flex cursor-default items-center outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props
+	});
+}
+/** ContextMenuSub 组件。 */
+function ContextMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.SubmenuRoot, {
+		"data-slot": "context-menu-sub",
+		...props
+	});
+}
+/** ContextMenuSubTrigger 组件。 */
+function ContextMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu.SubmenuTrigger, {
+		"data-slot": "context-menu-sub-trigger",
+		"data-inset": inset,
+		className: cn("focus:bg-accent focus:text-accent-foreground data-[open]:bg-accent data-[open]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 flex cursor-default items-center outline-none select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
+	});
+}
+/** ContextMenuSubContent 组件。 */
+function ContextMenuSubContent({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenuContent, {
+		"data-slot": "context-menu-sub-content",
+		className: "shadow-lg",
+		side: "right",
+		...props
+	});
+}
+/** ContextMenuCheckboxItem 组件。 */
+function ContextMenuCheckboxItem({ className, children, checked, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu.CheckboxItem, {
+		"data-slot": "context-menu-checkbox-item",
+		className: cn("focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 relative flex cursor-default items-center outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute right-2 pointer-events-none",
+			children: /* @__PURE__ */ jsx(ContextMenu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+/** ContextMenuRadioGroup 组件。 */
+function ContextMenuRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.RadioGroup, {
+		"data-slot": "context-menu-radio-group",
+		...props
+	});
+}
+/** ContextMenuRadioItem 组件。 */
+function ContextMenuRadioItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu.RadioItem, {
+		"data-slot": "context-menu-radio-item",
+		className: cn("focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 relative flex cursor-default items-center outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute right-2 pointer-events-none",
+			children: /* @__PURE__ */ jsx(ContextMenu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+/** ContextMenuSeparator 组件。 */
+function ContextMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Separator, {
+		"data-slot": "context-menu-separator",
+		className: cn("bg-border -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+/** ContextMenuShortcut 组件。 */
+function ContextMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "context-menu-shortcut",
+		className: cn("text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", className),
+		...props
+	});
+}
+
+//#endregion
+export { ContextMenu$1 as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/components/ui/dialog.mjs

@@ -1,2 +1,110 @@
 
-"use client";import{cn as e}from"../../utils/cn.mjs";import{Button as t}from"./button.mjs";import"react";import{XIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Dialog as a}from"@base-ui/react/dialog";function o({...e}){return r(a.Root,{"data-slot":`dialog`,...e})}function s({...e}){return r(a.Trigger,{"data-slot":`dialog-trigger`,...e})}function c({...e}){return r(a.Portal,{"data-slot":`dialog-portal`,...e})}function l({...e}){return r(a.Close,{"data-slot":`dialog-close`,...e})}function u({className:t,...n}){return r(a.Backdrop,{"data-slot":`dialog-overlay`,className:e(`data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 bg-black/10 duration-100 backdrop-blur fixed inset-0 isolate z-[1001]`,t),...n})}function d({className:o,children:s,showCloseButton:l=!0,...d}){return i(c,{children:[r(u,{}),r(`div`,{className:`fixed inset-0 z-[1001] flex items-center justify-center`,children:i(a.Popup,{"data-slot":`dialog-content`,className:e(`bg-background data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 origin-center ring-foreground/10 grid w-full max-w-sm gap-4 rounded-xl p-4 text-sm duration-100 outline-none`,o),...d,children:[s,l&&r(a.Close,{"data-slot":`dialog-close`,render:i(t,{variant:`ghost`,className:`absolute top-2 right-2 focus-within:outline-none focus-within:border-none focus-within:ring-0 `,size:`icon-sm`,children:[r(n,{}),r(`span`,{className:`sr-only`,children:`Close`})]})})]})})]})}function f({className:t,...n}){return r(`div`,{"data-slot":`dialog-header`,className:e(`gap-2 flex flex-col`,t),...n})}function p({className:n,showCloseButton:o=!1,children:s,...c}){return i(`div`,{"data-slot":`dialog-footer`,className:e(`bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,n),...c,children:[s,o&&r(a.Close,{render:r(t,{variant:`outline`,children:`Close`})})]})}function m({className:t,...n}){return r(a.Title,{"data-slot":`dialog-title`,className:e(`text-sm leading-none font-medium`,t),...n})}function h({className:t,...n}){return r(a.Description,{"data-slot":`dialog-description`,className:e(`text-muted-foreground [&>a]:hover:text-foreground text-sm [&>a]:underline [&>a]:underline-offset-3`,t),...n})}export{o as Dialog,l as DialogClose,d as DialogContent,h as DialogDescription,p as DialogFooter,f as DialogHeader,u as DialogOverlay,c as DialogPortal,m as DialogTitle,s as DialogTrigger};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import { Button } from "./button.mjs";
+import "react";
+import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region components/ui/dialog.tsx
+/** UI 组件模块。 */
+/** Dialog 组件。 */
+function Dialog$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+/** DialogTrigger 组件。 */
+function DialogTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+/** DialogPortal 组件。 */
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+/** DialogClose 组件。 */
+function DialogClose({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Close, {
+		"data-slot": "dialog-close",
+		...props
+	});
+}
+/** DialogOverlay 组件。 */
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
+		"data-slot": "dialog-overlay",
+		className: cn("data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 bg-black/10 duration-100 backdrop-blur fixed inset-0 isolate z-[1001]", className),
+		...props
+	});
+}
+/** DialogContent 组件。 */
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsx("div", {
+		className: "fixed inset-0 z-[1001] flex items-center justify-center",
+		children: /* @__PURE__ */ jsxs(Dialog.Popup, {
+			"data-slot": "dialog-content",
+			className: cn("bg-background data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 origin-center ring-foreground/10 grid w-full max-w-sm gap-4 rounded-xl p-4 text-sm duration-100 outline-none", className),
+			...props,
+			children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
+				"data-slot": "dialog-close",
+				render: /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					className: "absolute top-2 right-2 focus-within:outline-none focus-within:border-none focus-within:ring-0 ",
+					size: "icon-sm",
+					children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "Close"
+					})]
+				})
+			})]
+		})
+	})] });
+}
+/** DialogHeader 组件。 */
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("gap-2 flex flex-col", className),
+		...props
+	});
+}
+/** DialogFooter 组件。 */
+function DialogFooter({ className, showCloseButton = false, children, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "dialog-footer",
+		className: cn("bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, { render: /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			children: "Close"
+		}) })]
+	});
+}
+/** DialogTitle 组件。 */
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "dialog-title",
+		className: cn("text-sm leading-none font-medium", className),
+		...props
+	});
+}
+/** DialogDescription 组件。 */
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "dialog-description",
+		className: cn("text-muted-foreground [&>a]:hover:text-foreground text-sm [&>a]:underline [&>a]:underline-offset-3", className),
+		...props
+	});
+}
+
+//#endregion
+export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/components/ui/drawer.mjs

@@ -1,2 +1,92 @@
 
-"use client";import{cn as e}from"../../utils/cn.mjs";import"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{Drawer as r}from"vaul";function i({...e}){return t(r.Root,{"data-slot":`drawer`,...e})}function a({...e}){return t(r.Trigger,{"data-slot":`drawer-trigger`,...e})}function o({...e}){return t(r.Portal,{"data-slot":`drawer-portal`,...e})}function s({...e}){return t(r.Close,{"data-slot":`drawer-close`,...e})}function c({className:n,...i}){return t(r.Overlay,{"data-slot":`drawer-overlay`,className:e(`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-black/10 backdrop-blur fixed inset-0 z-50`,n),...i})}function l({className:i,children:a,...s}){return n(o,{"data-slot":`drawer-portal`,children:[t(c,{}),t(r.Content,{"data-slot":`drawer-content`,className:e(`bg-bg1 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:duration-300 data-[state=closed]:duration-200 data-[vaul-drawer-direction=bottom]:slide-in-from-bottom data-[vaul-drawer-direction=bottom]:slide-out-to-bottom data-[vaul-drawer-direction=top]:slide-in-from-top data-[vaul-drawer-direction=top]:slide-out-to-top data-[vaul-drawer-direction=left]:slide-in-from-left data-[vaul-drawer-direction=left]:slide-out-to-left data-[vaul-drawer-direction=right]:slide-in-from-right data-[vaul-drawer-direction=right]:slide-out-to-right flex h-auto flex-col text-sm 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-xl data-[vaul-drawer-direction=bottom]:border-t border-text1/10 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=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r 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=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l 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-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50`,i),...s,children:a})]})}function u({className:n,...r}){return t(`div`,{"data-slot":`drawer-header`,className:e(`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-0.5 md:text-left flex flex-col`,n),...r})}function d({className:n,...r}){return t(`div`,{"data-slot":`drawer-footer`,className:e(`gap-2 p-4 mt-auto flex flex-col`,n),...r})}function f({className:n,...i}){return t(r.Title,{"data-slot":`drawer-title`,className:e(`text-foreground text-base font-medium`,n),...i})}function p({className:n,...i}){return t(r.Description,{"data-slot":`drawer-description`,className:e(`text-muted-foreground text-sm`,n),...i})}export{i as Drawer,s as DrawerClose,l as DrawerContent,p as DrawerDescription,d as DrawerFooter,u as DrawerHeader,c as DrawerOverlay,o as DrawerPortal,f as DrawerTitle,a as DrawerTrigger};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Drawer } from "vaul";
+
+//#region components/ui/drawer.tsx
+/** Drawer 组件。 */
+function Drawer$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Root, {
+		"data-slot": "drawer",
+		...props
+	});
+}
+/** DrawerTrigger 组件。 */
+function DrawerTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Trigger, {
+		"data-slot": "drawer-trigger",
+		...props
+	});
+}
+/** DrawerPortal 组件。 */
+function DrawerPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Portal, {
+		"data-slot": "drawer-portal",
+		...props
+	});
+}
+/** DrawerClose 组件。 */
+function DrawerClose({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Close, {
+		"data-slot": "drawer-close",
+		...props
+	});
+}
+/** DrawerOverlay 组件。 */
+function DrawerOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Overlay, {
+		"data-slot": "drawer-overlay",
+		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-black/10 backdrop-blur fixed inset-0 z-50", className),
+		...props
+	});
+}
+/** DrawerContent 组件。 */
+function DrawerContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DrawerPortal, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsx(Drawer.Content, {
+			"data-slot": "drawer-content",
+			className: cn("bg-bg1 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:duration-300 data-[state=closed]:duration-200 data-[vaul-drawer-direction=bottom]:slide-in-from-bottom data-[vaul-drawer-direction=bottom]:slide-out-to-bottom data-[vaul-drawer-direction=top]:slide-in-from-top data-[vaul-drawer-direction=top]:slide-out-to-top data-[vaul-drawer-direction=left]:slide-in-from-left data-[vaul-drawer-direction=left]:slide-out-to-left data-[vaul-drawer-direction=right]:slide-in-from-right data-[vaul-drawer-direction=right]:slide-out-to-right flex h-auto flex-col text-sm 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-xl data-[vaul-drawer-direction=bottom]:border-t border-text1/10 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=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r 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=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l 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-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50", className),
+			...props,
+			children
+		})]
+	});
+}
+/** DrawerHeader 组件。 */
+function DrawerHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-header",
+		className: cn("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-0.5 md:text-left flex flex-col", className),
+		...props
+	});
+}
+/** DrawerFooter 组件。 */
+function DrawerFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-footer",
+		className: cn("gap-2 p-4 mt-auto flex flex-col", className),
+		...props
+	});
+}
+/** DrawerTitle 组件。 */
+function DrawerTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Title, {
+		"data-slot": "drawer-title",
+		className: cn("text-foreground text-base font-medium", className),
+		...props
+	});
+}
+/** DrawerDescription 组件。 */
+function DrawerDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Description, {
+		"data-slot": "drawer-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Drawer$1 as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };