@funhub/platform 0.1.53 → 0.1.54

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 };

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

@@ -1,2 +1,155 @@
 
-"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{Menu as a}from"@base-ui/react/menu";function o({...e}){return r(a.Root,{"data-slot":`dropdown-menu`,...e})}function s({...e}){return r(a.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function c({...e}){return r(a.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function l({align:t=`start`,alignOffset:n=0,side:i=`bottom`,sideOffset:o=4,className:s,...c}){return r(a.Portal,{children:r(a.Positioner,{className:`isolate z-50 outline-none`,align:t,alignOffset:n,side:i,sideOffset:o,children:r(a.Popup,{"data-slot":`dropdown-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-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-[var(--available-height)] w-[var(--anchor-width)] origin-[var(--transform-origin)] overflow-x-hidden overflow-y-auto outline-none data-[closed]:overflow-hidden`,s),...c})})})}function u({...e}){return r(a.Group,{"data-slot":`dropdown-menu-group`,...e})}function d({className:t,inset:n,...i}){return r(a.GroupLabel,{"data-slot":`dropdown-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":`dropdown-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/dropdown-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":`dropdown-menu-sub`,...e})}function m({className:t,inset:o,children:s,...c}){return i(a.SubmenuTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":o,className:e(`focus:bg-accent focus:text-accent-foreground data-[open]:bg-accent data-[open]:text-accent-foreground focus:[&_*]: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({align:t=`start`,alignOffset:n=-3,side:i=`right`,sideOffset:a=0,className:o,...s}){return r(l,{"data-slot":`dropdown-menu-sub-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-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto`,o),align:t,alignOffset:n,side:i,sideOffset:a,...s})}function g({className:n,children:o,checked:s,...c}){return i(a.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:e(`focus:bg-accent focus:text-accent-foreground 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:`pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none`,"data-slot":`dropdown-menu-checkbox-item-indicator`,children:r(a.CheckboxItemIndicator,{children:r(t,{})})}),o]})}function _({...e}){return r(a.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function v({className:n,children:o,...s}){return i(a.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:e(`focus:bg-accent focus:text-accent-foreground 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:`pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none`,"data-slot":`dropdown-menu-radio-item-indicator`,children:r(a.RadioItemIndicator,{children:r(t,{})})}),o]})}function y({className:t,...n}){return r(a.Separator,{"data-slot":`dropdown-menu-separator`,className:e(`bg-border -mx-1 my-1 h-px`,t),...n})}function b({className:t,...n}){return r(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e(`text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest`,t),...n})}export{o as DropdownMenu,g as DropdownMenuCheckboxItem,l as DropdownMenuContent,u as DropdownMenuGroup,f as DropdownMenuItem,d as DropdownMenuLabel,s as DropdownMenuPortal,_ as DropdownMenuRadioGroup,v as DropdownMenuRadioItem,y as DropdownMenuSeparator,b as DropdownMenuShortcut,p as DropdownMenuSub,h as DropdownMenuSubContent,m as DropdownMenuSubTrigger,c as DropdownMenuTrigger};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import "react";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+
+//#region components/ui/dropdown-menu.tsx
+/** UI 组件模块。 */
+/** DropdownMenu 组件。 */
+function DropdownMenu({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Root, {
+		"data-slot": "dropdown-menu",
+		...props
+	});
+}
+/** DropdownMenuPortal 组件。 */
+function DropdownMenuPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...props
+	});
+}
+/** DropdownMenuTrigger 组件。 */
+function DropdownMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...props
+	});
+}
+/** DropdownMenuContent 组件。 */
+function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		className: "isolate z-50 outline-none",
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		children: /* @__PURE__ */ jsx(Menu.Popup, {
+			"data-slot": "dropdown-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-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-[var(--available-height)] w-[var(--anchor-width)] origin-[var(--transform-origin)] overflow-x-hidden overflow-y-auto outline-none data-[closed]:overflow-hidden", className),
+			...props
+		})
+	}) });
+}
+/** DropdownMenuGroup 组件。 */
+function DropdownMenuGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Group, {
+		"data-slot": "dropdown-menu-group",
+		...props
+	});
+}
+/** DropdownMenuLabel 组件。 */
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		"data-slot": "dropdown-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
+	});
+}
+/** DropdownMenuItem 组件。 */
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		"data-slot": "dropdown-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/dropdown-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
+	});
+}
+/** DropdownMenuSub 组件。 */
+function DropdownMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
+		...props
+	});
+}
+/** DropdownMenuSubTrigger 组件。 */
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": inset,
+		className: cn("focus:bg-accent focus:text-accent-foreground data-[open]:bg-accent data-[open]:text-accent-foreground focus:[&_*]: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" })]
+	});
+}
+/** DropdownMenuSubContent 组件。 */
+function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuContent, {
+		"data-slot": "dropdown-menu-sub-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-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto", className),
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		...props
+	});
+}
+/** DropdownMenuCheckboxItem 组件。 */
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		className: cn("focus:bg-accent focus:text-accent-foreground 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: "pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none",
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+/** DropdownMenuRadioGroup 组件。 */
+function DropdownMenuRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...props
+	});
+}
+/** DropdownMenuRadioItem 组件。 */
+function DropdownMenuRadioItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		className: cn("focus:bg-accent focus:text-accent-foreground 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: "pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none",
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+/** DropdownMenuSeparator 组件。 */
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: cn("bg-border -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+/** DropdownMenuShortcut 组件。 */
+function DropdownMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: cn("text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", className),
+		...props
+	});
+}
+
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/components/ui/empty-icons.mjs

@@ -1,5 +1,9 @@
 
-import{jsx as e}from"react/jsx-runtime";function t({...t}){return e(`svg`,{width:145,height:145,viewBox:`0 0 145 145`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...t,dangerouslySetInnerHTML:{__html:`
+import { jsx } from "react/jsx-runtime";
+
+//#region components/ui/empty-icons.tsx
+/** addUserInner 工具定义。 */
+const addUserInner = `
 <g opacity="0.8" clip-path="url(#clip0_642_13314)">
 <path d="M126.529 26.0807C125.842 27.6022 126.535 29.4018 128.057 30.0892C129.578 30.7765 131.369 30.1048 132.056 28.5832C132.743 27.0617 132.078 25.2527 130.559 24.5622C129.041 23.8718 127.219 24.5622 126.529 26.0807Z" fill="#D6DCE8"/>
 <path d="M122.064 20.1353C121.627 21.1039 122.067 22.2474 123.036 22.6879C124.005 23.1284 125.145 22.6973 125.582 21.7287C126.02 20.7602 125.598 19.6073 124.629 19.1699C123.661 18.7325 122.502 19.1699 122.064 20.1353Z" fill="#D6DCE8"/>
@@ -175,7 +179,9 @@ import{jsx as e}from"react/jsx-runtime";function t({...t}){return e(`svg`,{width
 <rect width="145" height="145" fill="white"/>
 </clipPath>
 </defs>
-`}})}function n({...t}){return e(`svg`,{width:145,height:145,viewBox:`0 0 145 145`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...t,dangerouslySetInnerHTML:{__html:`
+`;
+/** messageInner 工具定义。 */
+const messageInner = `
 <g opacity="0.8" clip-path="url(#clip0_642_13406)">
 <path d="M135.237 8.92578C134.454 10.6532 135.244 12.6973 136.971 13.481C138.699 14.2648 140.733 13.4967 141.517 11.7693C142.301 10.0419 141.542 7.98526 139.818 7.20149C138.093 6.41773 136.021 7.19836 135.241 8.92578H135.237Z" fill="#D6DCE8"/>
 <path d="M130.162 2.16964C129.663 3.27005 130.165 4.5711 131.265 5.06958C132.366 5.56806 133.66 5.07899 134.159 3.98171C134.657 2.8813 134.175 1.57398 133.077 1.0755C131.977 0.577028 130.66 1.0755 130.165 2.17278L130.162 2.16964Z" fill="#D6DCE8"/>
@@ -330,7 +336,9 @@ import{jsx as e}from"react/jsx-runtime";function t({...t}){return e(`svg`,{width
 <rect width="145" height="145" fill="white"/>
 </clipPath>
 </defs>
-`}})}function r({...t}){return e(`svg`,{width:145,height:143,viewBox:`0 0 145 143`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...t,dangerouslySetInnerHTML:{__html:`
+`;
+/** networkInner 工具定义。 */
+const networkInner = `
 <g opacity="0.8">
 <path d="M8.76593 15.0506C10.5338 15.8296 12.6268 15.0434 13.4271 13.324C14.2273 11.6045 13.4435 9.57878 11.6761 8.79983C9.90865 8.02089 7.80247 8.77337 7.00178 10.4928C6.2011 12.2123 6.99849 14.2717 8.76593 15.0506Z" fill="#D6DCE8"/>
 <path d="M1.8511 20.1036C2.9761 20.5995 4.30838 20.0992 4.81772 19.0047C5.32706 17.9103 4.82843 16.621 3.70302 16.1251C2.57802 15.6296 1.2375 16.1082 0.728158 17.2027C0.218817 18.2971 0.726097 19.6081 1.8511 20.1036Z" fill="#D6DCE8"/>
@@ -393,7 +401,9 @@ import{jsx as e}from"react/jsx-runtime";function t({...t}){return e(`svg`,{width
 <stop offset="1" stop-color="#AAB2C5"/>
 </linearGradient>
 </defs>
-`}})}function i({...t}){return e(`svg`,{width:145,height:149,viewBox:`0 0 145 149`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...t,dangerouslySetInnerHTML:{__html:`
+`;
+/** noDataInner 工具定义。 */
+const noDataInner = `
 <g opacity="0.8">
 <g clip-path="url(#clip0_636_11133)">
 <path d="M10.5931 139.704C11.4272 137.871 10.5864 135.701 8.74806 134.869C6.9097 134.037 4.74438 134.852 3.91028 136.686C3.07618 138.52 3.88359 140.703 5.71861 141.535C7.55696 142.367 9.75899 141.538 10.5898 139.704H10.5931Z" fill="#D6DCE8"/>
@@ -468,7 +478,9 @@ import{jsx as e}from"react/jsx-runtime";function t({...t}){return e(`svg`,{width
 <rect width="145" height="149" fill="white"/>
 </clipPath>
 </defs>
-`}})}function a({...t}){return e(`svg`,{width:145,height:145,viewBox:`0 0 75 60`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...t,dangerouslySetInnerHTML:{__html:`
+`;
+/** pictureInner 工具定义。 */
+const pictureInner = `
 <g opacity="0.8">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M14 0C9.58172 0 6 3.58172 6 8L6 44.1321C6 48.5503 9.58172 52.1321 14 52.1321H36.9047C36.9047 52.1321 42.2148 39.2501 42.2148 39.2501C42.2148 39.2501 34.2514 18.6533 34.2514 18.6533L40.7153 0H14Z" fill="url(#paint0_linear_642_13462)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M53.2951 2.99995L42.2148 17.7298L44.7827 39.8523L36.9047 52.1321L51.4602 57.2524C55.7298 58.7543 60.3941 56.4182 61.7484 52.0995L72.5375 17.6951C73.843 13.5322 71.5723 9.09101 67.4334 7.71166L53.2951 2.99995Z" fill="url(#paint1_linear_642_13462)"/>
@@ -486,7 +498,9 @@ import{jsx as e}from"react/jsx-runtime";function t({...t}){return e(`svg`,{width
 <stop offset="1" stop-color="#D6DCE8"/>
 </linearGradient>
 </defs>
-`}})}function o({...t}){return e(`svg`,{width:145,height:143,viewBox:`0 0 145 143`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...t,dangerouslySetInnerHTML:{__html:`
+`;
+/** searchInner 工具定义。 */
+const searchInner = `
 <g opacity="0.8" clip-path="url(#clip0_636_11075)">
 <path d="M122.301 137.281C118.079 141.475 111.264 141.477 107.039 137.281L83.4702 113.71C82.534 112.786 82.534 111.279 83.4702 110.356L95.3518 98.485C96.2759 97.5493 97.7842 97.5493 98.7083 98.485L122.301 122.032C126.542 126.319 126.496 133.039 122.301 137.281V137.281Z" fill="url(#paint0_linear_636_11075)"/>
 <path d="M144.302 92.0408C146.781 99.8515 142.453 108.194 134.635 110.671C126.809 113.151 118.459 108.826 115.979 101.016C113.497 93.1972 117.826 84.8547 125.651 82.3749C133.469 79.8976 141.819 84.2222 144.302 92.0408Z" fill="url(#paint1_linear_636_11075)"/>
@@ -581,4 +595,79 @@ import{jsx as e}from"react/jsx-runtime";function t({...t}){return e(`svg`,{width
 <rect width="145" height="143" fill="white"/>
 </clipPath>
 </defs>
-`}})}export{t as EmptyAddUserIcon,n as EmptyMessageIcon,r as EmptyNetworkIcon,i as EmptyNoDataIcon,a as EmptyPictureIcon,o as EmptySearchIcon};
+`;
+/** EmptyAddUserIcon 组件。 */
+function EmptyAddUserIcon({ ...props }) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: 145,
+		height: 145,
+		viewBox: "0 0 145 145",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		dangerouslySetInnerHTML: { __html: addUserInner }
+	});
+}
+/** EmptyMessageIcon 组件。 */
+function EmptyMessageIcon({ ...props }) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: 145,
+		height: 145,
+		viewBox: "0 0 145 145",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		dangerouslySetInnerHTML: { __html: messageInner }
+	});
+}
+/** EmptyNetworkIcon 组件。 */
+function EmptyNetworkIcon({ ...props }) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: 145,
+		height: 143,
+		viewBox: "0 0 145 143",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		dangerouslySetInnerHTML: { __html: networkInner }
+	});
+}
+/** EmptyNoDataIcon 组件。 */
+function EmptyNoDataIcon({ ...props }) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: 145,
+		height: 149,
+		viewBox: "0 0 145 149",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		dangerouslySetInnerHTML: { __html: noDataInner }
+	});
+}
+/** EmptyPictureIcon 组件。 */
+function EmptyPictureIcon({ ...props }) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: 145,
+		height: 145,
+		viewBox: "0 0 75 60",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		dangerouslySetInnerHTML: { __html: pictureInner }
+	});
+}
+/** EmptySearchIcon 组件。 */
+function EmptySearchIcon({ ...props }) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: 145,
+		height: 143,
+		viewBox: "0 0 145 143",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		dangerouslySetInnerHTML: { __html: searchInner }
+	});
+}
+
+//#endregion
+export { EmptyAddUserIcon, EmptyMessageIcon, EmptyNetworkIcon, EmptyNoDataIcon, EmptyPictureIcon, EmptySearchIcon };

package/dist/components/ui/empty.mjs

@@ -1,2 +1,96 @@
 
-import{cn as e}from"../../utils/cn.mjs";import{EmptyAddUserIcon as t,EmptyMessageIcon as n,EmptyNetworkIcon as r,EmptyNoDataIcon as i,EmptyPictureIcon as a,EmptySearchIcon as o}from"./empty-icons.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{cva as l}from"class-variance-authority";function u({className:t,...n}){return s(`div`,{"data-slot":`empty`,className:e(`gap-4 rounded-lg border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance`,t),...n})}function d({className:t,...n}){return s(`div`,{"data-slot":`empty-header`,className:e(`gap-2 flex max-w-sm flex-col items-center`,t),...n})}const f={adduser:t,message:n,network:r,nodata:i,picture:a,search:o,"no-content":i},p=l(`mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{default:`bg-transparent`,icon:`bg-muted text-foreground flex w-8 h-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4`}},defaultVariants:{variant:`default`}});function m({className:t,variant:n=`default`,...r}){return s(`div`,{"data-slot":`empty-icon`,"data-variant":n,className:e(p({variant:n,className:t})),...r})}function h({className:t,...n}){return s(`div`,{"data-slot":`empty-title`,className:e(`text-sm font-medium tracking-tight`,t),...n})}function g({className:t,...n}){return s(`div`,{"data-slot":`empty-description`,className:e(`text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,t),...n})}function _({className:t,...n}){return s(`div`,{"data-slot":`empty-content`,className:e(`gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance`,t),...n})}function v({className:t,type:n,text:r=`暂无内容`,extraContent:i,...a}){let o=n?f[n]:null;return c(`div`,{"data-slot":`empty-state`,className:e(`flex flex-col items-center justify-center flex-1 pt-25`,t),...a,children:[o&&s(o,{className:`w-36.25 h-36.25`}),s(`div`,{className:`text-[14px] text-[#999] mt-3`,children:r}),i]})}export{u as Empty,_ as EmptyContent,g as EmptyDescription,d as EmptyHeader,m as EmptyMedia,v as EmptyState,h as EmptyTitle};
+import { cn } from "../../utils/cn.mjs";
+import { EmptyAddUserIcon, EmptyMessageIcon, EmptyNetworkIcon, EmptyNoDataIcon, EmptyPictureIcon, EmptySearchIcon } from "./empty-icons.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region components/ui/empty.tsx
+/** Empty 组件。 */
+function Empty({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty",
+		className: cn("gap-4 rounded-lg border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance", className),
+		...props
+	});
+}
+/** EmptyHeader 组件。 */
+function EmptyHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-header",
+		className: cn("gap-2 flex max-w-sm flex-col items-center", className),
+		...props
+	});
+}
+const emptyIconMap = {
+	"adduser": EmptyAddUserIcon,
+	"message": EmptyMessageIcon,
+	"network": EmptyNetworkIcon,
+	"nodata": EmptyNoDataIcon,
+	"picture": EmptyPictureIcon,
+	"search": EmptySearchIcon,
+	"no-content": EmptyNoDataIcon
+};
+/** emptyMediaVariants 工具定义。 */
+const emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "bg-muted text-foreground flex w-8 h-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4"
+	} },
+	defaultVariants: { variant: "default" }
+});
+/** EmptyMedia 组件。 */
+function EmptyMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-icon",
+		"data-variant": variant,
+		className: cn(emptyMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+/** EmptyTitle 组件。 */
+function EmptyTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-title",
+		className: cn("text-sm font-medium tracking-tight", className),
+		...props
+	});
+}
+/** EmptyDescription 组件。 */
+function EmptyDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-description",
+		className: cn("text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
+}
+/** EmptyContent 组件。 */
+function EmptyContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-content",
+		className: cn("gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance", className),
+		...props
+	});
+}
+/** EmptyState 组件。 */
+function EmptyState({ className, type, text = "暂无内容", extraContent, ...props }) {
+	const Icon = type ? emptyIconMap[type] : null;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "empty-state",
+		className: cn("flex flex-col items-center justify-center flex-1 pt-25", className),
+		...props,
+		children: [
+			Icon && /* @__PURE__ */ jsx(Icon, { className: "w-36.25 h-36.25" }),
+			/* @__PURE__ */ jsx("div", {
+				className: "text-[14px] text-[#999] mt-3",
+				children: text
+			}),
+			extraContent
+		]
+	});
+}
+
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle };