@funhub/platform 0.1.126 → 0.1.130

package/dist/components/pages/video-list/video-list-item.mjs

@@ -1,2 +1,93 @@
 
-"use client";import{Image as e}from"../../ui/image.mjs";import{Box as t}from"../../ui/box.mjs";import{Text as n}from"../../ui/text.mjs";import{memo as r,useMemo as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=r(({item:r})=>{let s=r.img_x??r.img_y??``,c=r.name??r.id??``;function l(e){if(!Number.isFinite(e)||e<=0)return``;let t=Math.floor(e),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60,a=e=>String(e).padStart(2,`0`);return n>0?`${a(n)}:${a(r)}:${a(i)}`:`${a(r)}:${a(i)}`}let u=i(()=>{let e=r.static?.browse_cnt??0;if(!Number.isFinite(e)||e<=0)return 0;if(e>=1e6){let t=(e/1e6).toFixed(1);return t.endsWith(`.0`)?`${t.slice(0,-2)}M`:`${t}M`}if(e>=1e3){let t=(e/1e3).toFixed(1);return t.endsWith(`.0`)?`${t.slice(0,-2)}k`:`${t}k`}return Math.floor(e).toString()},[r]),d=i(()=>{let{type:e,duration:t,links:n}=r;if(e===1)return l(t??0);if(e===2)return`全${n?.length??0}集`},[r]);return o(t,{className:`overflow-hidden rounded-[8px] shadow-sm relative`,children:[s?a(t,{className:`relative w-full aspect-video h-[240px]`,children:a(e,{src:s,alt:c,fill:!0,className:`object-cover`})}):null,a(t,{className:`py-[8px]`,children:a(n,{as:`h3`,className:`line-clamp-1 text-[16px] text-bold text-text1`,children:c})}),o(t,{className:`absolute z-[2] bottom-10 left-1 rounded-xs bg-black/60 px-1 text-[10px] text-white flex items-center gap-1`,children:[a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`12`,height:`10`,viewBox:`0 0 12 10`,fill:`none`,className:`shrink-0`,"aria-hidden":!0,children:a(`path`,{d:`M7.56 5.18437L5.013 6.56737C4.893 6.63337 4.761 6.66937 4.638 6.66937C4.269 6.66937 4.002 6.38737 4.002 5.99737V3.28237C4.002 2.89237 4.269 2.61037 4.638 2.61037C4.764 2.61037 4.893 2.64637 5.013 2.70937L7.572 4.09237C7.803 4.21837 7.938 4.41637 7.938 4.63237C7.938 4.85137 7.8 5.05537 7.56 5.18437ZM9.807 9.27637L2.133 8.52937C0.954 8.52937 0 7.57537 0 6.39637V2.79937C0 1.62037 0.954 0.666368 2.133 0.666368L9.81 0.000367165C10.989 0.000367165 11.943 0.954367 11.943 2.13337V7.14337C11.9422 7.70935 11.7168 8.25188 11.3163 8.65181C10.9158 9.05174 10.373 9.27637 9.807 9.27637ZM10.875 2.13337C10.875 1.99351 10.8475 1.85502 10.7939 1.72581C10.7404 1.5966 10.662 1.47919 10.5631 1.3803C10.4642 1.2814 10.3468 1.20296 10.2176 1.14944C10.0883 1.09591 9.94986 1.06837 9.81 1.06837L2.133 1.73437C1.99314 1.73437 1.85465 1.76191 1.72544 1.81544C1.59623 1.86896 1.47883 1.9474 1.37993 2.0463C1.28104 2.14519 1.20259 2.2626 1.14907 2.39181C1.09555 2.52102 1.068 2.65951 1.068 2.79937V6.39637C1.068 6.67882 1.1802 6.94971 1.37993 7.14944C1.57966 7.34916 1.85054 7.46137 2.133 7.46137L9.807 8.20837C9.94686 8.20837 10.0853 8.18082 10.2146 8.1273C10.3438 8.07378 10.4612 7.99533 10.5601 7.89644C10.659 7.79754 10.7374 7.68014 10.7909 7.55093C10.8445 7.42171 10.872 7.28323 10.872 7.14337V2.13337H10.875Z`,fill:`white`})}),a(n,{className:`text-white text-[12px] leading-[20px]`,children:u})]}),d&&a(t,{className:`absolute z-[2] bottom-10 right-1`,children:a(n,{className:`text-white text-[12px] leading-[20px]`,children:d})})]})});export{s as VideoListItemComponent};
+'use client';
+
+import { Image } from "../../ui/image.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Text } from "../../ui/text.mjs";
+import { memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/pages/video-list/video-list-item.tsx
+const VideoListItemComponent = memo(({ item }) => {
+	const cover = item.img_x ?? item.img_y ?? "";
+	const title = item.name ?? item.id ?? "";
+	function formatDuration(duration) {
+		if (!Number.isFinite(duration) || duration <= 0) return "";
+		const totalSeconds = Math.floor(duration);
+		const hours = Math.floor(totalSeconds / 3600);
+		const minutes = Math.floor(totalSeconds % 3600 / 60);
+		const seconds = totalSeconds % 60;
+		const pad = (v) => String(v).padStart(2, "0");
+		if (hours > 0) return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
+		return `${pad(minutes)}:${pad(seconds)}`;
+	}
+	const playCount = useMemo(() => {
+		const count = item.static?.browse_cnt ?? 0;
+		if (!Number.isFinite(count) || count <= 0) return 0;
+		if (count >= 1e6) {
+			const m = (count / 1e6).toFixed(1);
+			return m.endsWith(".0") ? `${m.slice(0, -2)}M` : `${m}M`;
+		}
+		if (count >= 1e3) {
+			const k = (count / 1e3).toFixed(1);
+			return k.endsWith(".0") ? `${k.slice(0, -2)}k` : `${k}k`;
+		}
+		return Math.floor(count).toString();
+	}, [item]);
+	const duration = useMemo(() => {
+		const { type, duration, links } = item;
+		if (type === 1) return formatDuration(duration ?? 0);
+		if (type === 2) return `全${links?.length ?? 0}集`;
+	}, [item]);
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "overflow-hidden rounded-[8px] shadow-sm relative",
+		children: [
+			cover ? /* @__PURE__ */ jsx(Box, {
+				className: "relative w-full aspect-video h-[240px]",
+				children: /* @__PURE__ */ jsx(Image, {
+					src: cover,
+					alt: title,
+					fill: true,
+					className: "object-cover"
+				})
+			}) : null,
+			/* @__PURE__ */ jsx(Box, {
+				className: "py-[8px]",
+				children: /* @__PURE__ */ jsx(Text, {
+					as: "h3",
+					className: "line-clamp-1 text-[16px] text-bold text-text1",
+					children: title
+				})
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				className: "absolute z-[2] bottom-10 left-1 rounded-xs bg-black/60 px-1 text-[10px] text-white flex items-center gap-1",
+				children: [/* @__PURE__ */ jsx("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "12",
+					height: "10",
+					viewBox: "0 0 12 10",
+					fill: "none",
+					className: "shrink-0",
+					"aria-hidden": true,
+					children: /* @__PURE__ */ jsx("path", {
+						d: "M7.56 5.18437L5.013 6.56737C4.893 6.63337 4.761 6.66937 4.638 6.66937C4.269 6.66937 4.002 6.38737 4.002 5.99737V3.28237C4.002 2.89237 4.269 2.61037 4.638 2.61037C4.764 2.61037 4.893 2.64637 5.013 2.70937L7.572 4.09237C7.803 4.21837 7.938 4.41637 7.938 4.63237C7.938 4.85137 7.8 5.05537 7.56 5.18437ZM9.807 9.27637L2.133 8.52937C0.954 8.52937 0 7.57537 0 6.39637V2.79937C0 1.62037 0.954 0.666368 2.133 0.666368L9.81 0.000367165C10.989 0.000367165 11.943 0.954367 11.943 2.13337V7.14337C11.9422 7.70935 11.7168 8.25188 11.3163 8.65181C10.9158 9.05174 10.373 9.27637 9.807 9.27637ZM10.875 2.13337C10.875 1.99351 10.8475 1.85502 10.7939 1.72581C10.7404 1.5966 10.662 1.47919 10.5631 1.3803C10.4642 1.2814 10.3468 1.20296 10.2176 1.14944C10.0883 1.09591 9.94986 1.06837 9.81 1.06837L2.133 1.73437C1.99314 1.73437 1.85465 1.76191 1.72544 1.81544C1.59623 1.86896 1.47883 1.9474 1.37993 2.0463C1.28104 2.14519 1.20259 2.2626 1.14907 2.39181C1.09555 2.52102 1.068 2.65951 1.068 2.79937V6.39637C1.068 6.67882 1.1802 6.94971 1.37993 7.14944C1.57966 7.34916 1.85054 7.46137 2.133 7.46137L9.807 8.20837C9.94686 8.20837 10.0853 8.18082 10.2146 8.1273C10.3438 8.07378 10.4612 7.99533 10.5601 7.89644C10.659 7.79754 10.7374 7.68014 10.7909 7.55093C10.8445 7.42171 10.872 7.28323 10.872 7.14337V2.13337H10.875Z",
+						fill: "white"
+					})
+				}), /* @__PURE__ */ jsx(Text, {
+					className: "text-white text-[12px] leading-[20px]",
+					children: playCount
+				})]
+			}),
+			duration && /* @__PURE__ */ jsx(Box, {
+				className: "absolute z-[2] bottom-10 right-1",
+				children: /* @__PURE__ */ jsx(Text, {
+					className: "text-white text-[12px] leading-[20px]",
+					children: duration
+				})
+			})
+		]
+	});
+});
+
+//#endregion
+export { VideoListItemComponent };

package/dist/components/pages/video-list/video-list-skeleton.mjs

@@ -1,2 +1,63 @@
 
-"use client";import{Box as e}from"../../ui/box.mjs";import{Skeleton as t}from"../../ui/skeleton.mjs";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({count:i=8}){return r(e,{as:`main`,className:`min-h-[100dvh] bg-bg1`,children:[r(e,{className:`fixed top-0 left-0 right-0 z-20 bg-bg1`,children:[r(e,{as:`header`,className:`flex items-center gap-2 px-4 py-3`,children:[n(t,{className:`w-[16px] h-[16px] rounded-sm`,"aria-label":`back-icon-skeleton`}),n(e,{className:`flex-1 min-w-0 flex justify-center pr-[16px]`,children:n(t,{className:`h-[18px] w-[140px]`,"aria-label":`video-list-title-skeleton`})})]}),r(e,{as:`nav`,className:`px-4 pb-2 flex gap-2`,children:[n(t,{className:`h-[30px] w-[62px] rounded-[50px]`,"aria-label":`hot-tab-skeleton`}),n(t,{className:`h-[30px] w-[62px] rounded-[50px]`,"aria-label":`latest-tab-skeleton`})]})]}),n(e,{className:`grid grid-cols-2 gap-3 p-4 pt-[88px]`,children:Array.from({length:i}).map((i,a)=>r(e,{className:`overflow-hidden rounded-[8px] shadow-sm`,children:[n(t,{className:`w-full aspect-video h-[240px] rounded-[8px]`,"aria-label":`video-cover-skeleton`}),n(e,{className:`py-[8px]`,children:n(t,{className:`h-[20px] w-[80%]`,"aria-label":`video-title-skeleton`})})]},`video-list-skeleton-${a}`))})]})}export{i as VideoListSkeleton};
+'use client';
+
+import { Box } from "../../ui/box.mjs";
+import { Skeleton } from "../../ui/skeleton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/pages/video-list/video-list-skeleton.tsx
+/**
+* 视频列表页骨架屏。
+* 结构与 VideoListClient 保持一致：固定顶部 + tab + 双列卡片。
+*/
+function VideoListSkeleton({ count = 8 }) {
+	return /* @__PURE__ */ jsxs(Box, {
+		as: "main",
+		className: "min-h-[100dvh] bg-bg1",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "fixed top-0 left-0 right-0 z-20 bg-bg1",
+			children: [/* @__PURE__ */ jsxs(Box, {
+				as: "header",
+				className: "flex items-center gap-2 px-4 py-3",
+				children: [/* @__PURE__ */ jsx(Skeleton, {
+					className: "w-[16px] h-[16px] rounded-sm",
+					"aria-label": "back-icon-skeleton"
+				}), /* @__PURE__ */ jsx(Box, {
+					className: "flex-1 min-w-0 flex justify-center pr-[16px]",
+					children: /* @__PURE__ */ jsx(Skeleton, {
+						className: "h-[18px] w-[140px]",
+						"aria-label": "video-list-title-skeleton"
+					})
+				})]
+			}), /* @__PURE__ */ jsxs(Box, {
+				as: "nav",
+				className: "px-4 pb-2 flex gap-2",
+				children: [/* @__PURE__ */ jsx(Skeleton, {
+					className: "h-[30px] w-[62px] rounded-[50px]",
+					"aria-label": "hot-tab-skeleton"
+				}), /* @__PURE__ */ jsx(Skeleton, {
+					className: "h-[30px] w-[62px] rounded-[50px]",
+					"aria-label": "latest-tab-skeleton"
+				})]
+			})]
+		}), /* @__PURE__ */ jsx(Box, {
+			className: "grid grid-cols-2 gap-3 p-4 pt-[88px]",
+			children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsxs(Box, {
+				className: "overflow-hidden rounded-[8px] shadow-sm",
+				children: [/* @__PURE__ */ jsx(Skeleton, {
+					className: "w-full aspect-video h-[240px] rounded-[8px]",
+					"aria-label": "video-cover-skeleton"
+				}), /* @__PURE__ */ jsx(Box, {
+					className: "py-[8px]",
+					children: /* @__PURE__ */ jsx(Skeleton, {
+						className: "h-[20px] w-[80%]",
+						"aria-label": "video-title-skeleton"
+					})
+				})]
+			}, `video-list-skeleton-${index}`))
+		})]
+	});
+}
+
+//#endregion
+export { VideoListSkeleton };

package/dist/components/ui/accordion.mjs

@@ -1,2 +1,63 @@
 
-"use client";import{cn as e}from"../../utils/cn.mjs";import{Accordion as t}from"@base-ui/react/accordion";import{ChevronDownIcon as n,ChevronUpIcon as r}from"lucide-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({className:n,...r}){return i(t.Root,{"data-slot":`accordion`,className:e(`flex w-full flex-col`,n),...r})}function s({className:n,...r}){return i(t.Item,{"data-slot":`accordion-item`,className:e(`[&:not(:last-child)]:border-b`,n),...r})}function c({className:o,children:s,...c}){return i(t.Header,{className:`flex`,children:a(t.Trigger,{"data-slot":`accordion-trigger`,className:e(`focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring [&_*[data-slot=accordion-trigger-icon]]:text-muted-foreground rounded-lg py-2.5 text-left text-sm font-medium hover:underline focus-visible:ring-[3px] [&_*[data-slot=accordion-trigger-icon]]:ml-auto [&_*[data-slot=accordion-trigger-icon]]:w-4 [&_*[data-slot=accordion-trigger-icon]]:h-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50`,o),...c,children:[s,i(n,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden`}),i(r,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline`})]})})}function l({className:n,children:r,...a}){return i(t.Panel,{"data-slot":`accordion-content`,className:`data-[open]:animate-accordion-down data-[closed]:animate-accordion-up text-sm overflow-hidden`,...a,children:i(`div`,{className:e(`pt-0 pb-2.5 [&_a]:hover:text-foreground h-[var(--accordion-panel-height)] data-[ending-style]:h-0 data-[starting-style]:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4`,n),children:r})})}export{o as Accordion,l as AccordionContent,s as AccordionItem,c as AccordionTrigger};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import { Accordion } from "@base-ui/react/accordion";
+import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/ui/accordion.tsx
+/** UI 组件模块。 */
+/** Accordion 组件。 */
+function Accordion$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Root, {
+		"data-slot": "accordion",
+		className: cn("flex w-full flex-col", className),
+		...props
+	});
+}
+/** AccordionItem 组件。 */
+function AccordionItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Item, {
+		"data-slot": "accordion-item",
+		className: cn("[&:not(:last-child)]:border-b", className),
+		...props
+	});
+}
+/** AccordionTrigger 组件。 */
+function AccordionTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(Accordion.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn("focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring [&_*[data-slot=accordion-trigger-icon]]:text-muted-foreground rounded-lg py-2.5 text-left text-sm font-medium hover:underline focus-visible:ring-[3px] [&_*[data-slot=accordion-trigger-icon]]:ml-auto [&_*[data-slot=accordion-trigger-icon]]:w-4 [&_*[data-slot=accordion-trigger-icon]]:h-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50", className),
+			...props,
+			children: [
+				children,
+				/* @__PURE__ */ jsx(ChevronDownIcon, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+				}),
+				/* @__PURE__ */ jsx(ChevronUpIcon, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+				})
+			]
+		})
+	});
+}
+/** AccordionContent 组件。 */
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Panel, {
+		"data-slot": "accordion-content",
+		className: "data-[open]:animate-accordion-down data-[closed]:animate-accordion-up text-sm overflow-hidden",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("pt-0 pb-2.5 [&_a]:hover:text-foreground h-[var(--accordion-panel-height)] data-[ending-style]:h-0 data-[starting-style]:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", className),
+			children
+		})
+	});
+}
+
+//#endregion
+export { Accordion$1 as Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/ui/alert-dialog.mjs

@@ -1,2 +1,115 @@
 
-"use client";import{cn as e}from"../../utils/cn.mjs";import{Button as t}from"./button.mjs";import"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{AlertDialog as i}from"@base-ui/react/alert-dialog";function a({...e}){return n(i.Root,{"data-slot":`alert-dialog`,...e})}function o({...e}){return n(i.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function s({...e}){return n(i.Portal,{"data-slot":`alert-dialog-portal`,...e})}function c({className:t,...r}){return n(i.Backdrop,{"data-slot":`alert-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-[10000]`,t),...r})}function l({className:t,size:a=`default`,...o}){return r(s,{children:[n(c,{}),n(`div`,{className:`fixed inset-0 z-[10000] flex items-center justify-center`,children:n(i.Popup,{"data-slot":`alert-dialog-content`,"data-size":a,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 bg-background gap-4 rounded-xl p-4 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm group/alert-dialog-content grid w-full outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0`,t),...o})})]})}function u({className:t,...r}){return n(`div`,{"data-slot":`alert-dialog-header`,className:e(`grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-[data-slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-[data-slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-[data-slot=alert-dialog-media]:grid-rows-[auto_1fr]`,t),...r})}function d({className:t,...r}){return n(`div`,{"data-slot":`alert-dialog-footer`,className:e(`border-text1/10 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end`,t),...r})}function f({className:t,...r}){return n(`div`,{"data-slot":`alert-dialog-media`,className:e(`bg-muted mb-2 inline-flex w-10 h-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 [&>svg:not([class*='w-']):not([class*='h-'])]:w-6 [&>svg:not([class*='w-']):not([class*='h-'])]:h-6`,t),...r})}function p({className:t,...r}){return n(i.Title,{"data-slot":`alert-dialog-title`,className:e(`text-sm font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-[data-slot=alert-dialog-media]/alert-dialog-content:col-start-2`,t),...r})}function m({className:t,...r}){return n(i.Description,{"data-slot":`alert-dialog-description`,className:e(`text-muted-foreground [&>a]:hover:text-foreground text-sm text-balance md:text-pretty [&>a]:underline [&>a]:underline-offset-3`,t),...r})}function h({className:r,...i}){return n(t,{"data-slot":`alert-dialog-action`,className:e(`focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0`,r),...i})}function g({className:r,variant:a=`outline`,size:o=`default`,...s}){return n(i.Close,{"data-slot":`alert-dialog-cancel`,className:e(`focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0`,r),render:n(t,{variant:a,size:o}),...s})}export{a as AlertDialog,h as AlertDialogAction,g as AlertDialogCancel,l as AlertDialogContent,m as AlertDialogDescription,d as AlertDialogFooter,u as AlertDialogHeader,f as AlertDialogMedia,c as AlertDialogOverlay,s as AlertDialogPortal,p as AlertDialogTitle,o as AlertDialogTrigger};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import { Button } from "./button.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+
+//#region components/ui/alert-dialog.tsx
+/** UI 组件模块。 */
+/** AlertDialog 组件。 */
+function AlertDialog$1({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
+}
+/** AlertDialogTrigger 组件。 */
+function AlertDialogTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
+}
+/** AlertDialogPortal 组件。 */
+function AlertDialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Portal, {
+		"data-slot": "alert-dialog-portal",
+		...props
+	});
+}
+/** AlertDialogOverlay 组件。 */
+function AlertDialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
+		"data-slot": "alert-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-[10000]", className),
+		...props
+	});
+}
+/** AlertDialogContent 组件。 */
+function AlertDialogContent({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx("div", {
+		className: "fixed inset-0 z-[10000] flex items-center justify-center",
+		children: /* @__PURE__ */ jsx(AlertDialog.Popup, {
+			"data-slot": "alert-dialog-content",
+			"data-size": size,
+			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 bg-background gap-4 rounded-xl p-4 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm group/alert-dialog-content grid w-full outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0", className),
+			...props
+		})
+	})] });
+}
+/** AlertDialogHeader 组件。 */
+function AlertDialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-header",
+		className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-[data-slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-[data-slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-[data-slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
+		...props
+	});
+}
+/** AlertDialogFooter 组件。 */
+function AlertDialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-footer",
+		className: cn("border-text1/10 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+/** AlertDialogMedia 组件。 */
+function AlertDialogMedia({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-media",
+		className: cn("bg-muted mb-2 inline-flex w-10 h-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 [&>svg:not([class*='w-']):not([class*='h-'])]:w-6 [&>svg:not([class*='w-']):not([class*='h-'])]:h-6", className),
+		...props
+	});
+}
+/** AlertDialogTitle 组件。 */
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Title, {
+		"data-slot": "alert-dialog-title",
+		className: cn("text-sm font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-[data-slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
+		...props
+	});
+}
+/** AlertDialogDescription 组件。 */
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Description, {
+		"data-slot": "alert-dialog-description",
+		className: cn("text-muted-foreground [&>a]:hover:text-foreground text-sm text-balance md:text-pretty [&>a]:underline [&>a]:underline-offset-3", className),
+		...props
+	});
+}
+/** AlertDialogAction 组件。 */
+function AlertDialogAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		"data-slot": "alert-dialog-action",
+		className: cn("focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0", className),
+		...props
+	});
+}
+/** AlertDialogCancel 组件。 */
+function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Close, {
+		"data-slot": "alert-dialog-cancel",
+		className: cn("focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0", className),
+		render: /* @__PURE__ */ jsx(Button, {
+			variant,
+			size
+		}),
+		...props
+	});
+}
+
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/components/ui/alert.mjs

@@ -1,2 +1,51 @@
 
-import{cn as e}from"../../utils/cn.mjs";import"react";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-[data-slot=alert-action]:relative has-[data-slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 [&>svg]:row-span-2 [&>svg]:translate-y-0.5 [&>svg]:text-current [&>svg:not([class*='w-']):not([class*='h-'])]:w-4 [&>svg:not([class*='w-']):not([class*='h-'])]:h-4 w-full relative group/alert`,{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`text-destructive bg-card [&>[data-slot=alert-description]]:text-destructive/90 [&>svg]:text-current`}},defaultVariants:{variant:`default`}});function i({className:n,variant:i,...a}){return t(`div`,{"data-slot":`alert`,role:`alert`,className:e(r({variant:i}),n),...a})}function a({className:n,...r}){return t(`div`,{"data-slot":`alert-title`,className:e(`font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3`,n),...r})}function o({className:n,...r}){return t(`div`,{"data-slot":`alert-description`,className:e(`text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3`,n),...r})}function s({className:n,...r}){return t(`div`,{"data-slot":`alert-action`,className:e(`absolute top-2 right-2`,n),...r})}export{i as Alert,s as AlertAction,o as AlertDescription,a as AlertTitle};
+import { cn } from "../../utils/cn.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region components/ui/alert.tsx
+/** alertVariants 工具定义。 */
+const alertVariants = cva("grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-[data-slot=alert-action]:relative has-[data-slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 [&>svg]:row-span-2 [&>svg]:translate-y-0.5 [&>svg]:text-current [&>svg:not([class*='w-']):not([class*='h-'])]:w-4 [&>svg:not([class*='w-']):not([class*='h-'])]:h-4 w-full relative group/alert", {
+	variants: { variant: {
+		default: "bg-card text-card-foreground",
+		destructive: "text-destructive bg-card [&>[data-slot=alert-description]]:text-destructive/90 [&>svg]:text-current"
+	} },
+	defaultVariants: { variant: "default" }
+});
+/** Alert 组件。 */
+function Alert({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: cn(alertVariants({ variant }), className),
+		...props
+	});
+}
+/** AlertTitle 组件。 */
+function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-title",
+		className: cn("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3", className),
+		...props
+	});
+}
+/** AlertDescription 组件。 */
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3", className),
+		...props
+	});
+}
+/** AlertAction 组件。 */
+function AlertAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-action",
+		className: cn("absolute top-2 right-2", className),
+		...props
+	});
+}
+
+//#endregion
+export { Alert, AlertAction, AlertDescription, AlertTitle };

package/dist/components/ui/aspect-ratio.mjs

@@ -1,2 +1,18 @@
 
-import{cn as e}from"../../utils/cn.mjs";import{jsx as t}from"react/jsx-runtime";function n({ratio:n,className:r,...i}){return t(`div`,{"data-slot":`aspect-ratio`,style:{"--ratio":n},className:e(`relative aspect-[var(--ratio)]`,r),...i})}export{n as AspectRatio};
+import { cn } from "../../utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/ui/aspect-ratio.tsx
+/** UI 组件模块。 */
+/** AspectRatio 组件。 */
+function AspectRatio({ ratio, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "aspect-ratio",
+		style: { "--ratio": ratio },
+		className: cn("relative aspect-[var(--ratio)]", className),
+		...props
+	});
+}
+
+//#endregion
+export { AspectRatio };

package/dist/components/ui/avatar.mjs

@@ -1,2 +1,107 @@
 
-"use client";import{cn as e}from"../../utils/cn.mjs";import t from"../../assets/images/default_avatar.mjs";import{Image as n}from"./image.mjs";import*as r from"react";import{jsx as i}from"react/jsx-runtime";import{Avatar as a}from"@base-ui/react/avatar";function o(e){if(!e)return;let t=e.trim();if(t)return/^(?:https?:|data:|blob:)/i.test(t)||t.startsWith(`/`)||t.startsWith(`assets/`)||t.startsWith(`./`)||t.startsWith(`../`)?t:`/${t.replace(/^\/+/,``)}`}const s=typeof t==`string`?t:t.src||String(t),c=o(s)||s;function l({className:t,size:n=`default`,...r}){return i(a.Root,{"data-slot":`avatar`,"data-size":n,className:e(`w-8 h-8 rounded-full after:rounded-full data-[size=lg]:w-10 data-[size=lg]:h-10 data-[size=sm]:w-6 data-[size=sm]:h-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten`,t),...r})}const u=new Set;function d({className:t,src:a,thumbnailSrc:s,onError:c,onLoad:l,...d}){let f=r.useMemo(()=>o(a),[a]),p=r.useMemo(()=>o(s),[s])||f,[m,h]=r.useState(!p),[g,_]=r.useState(()=>p?u.has(p):!1);if(r.useEffect(()=>{h(!p),_(p?u.has(p):!1)},[p]),!p||m)return null;let v=e=>{h(!0),c?.(e)},y=e=>{u.add(p),h(!1),_(!0),l?.(e)};return i(n,{"data-slot":`avatar-image`,className:e(`rounded-full aspect-square w-full h-full object-cover transition-opacity duration-200`,g?`opacity-100`:`opacity-0`,t),fill:!0,src:p,priority:!0,onError:v,onLoad:y,...d})}function f({className:t,children:n,...r}){return i(a.Fallback,{"data-slot":`avatar-fallback`,className:e(`bg-muted text-muted-foreground rounded-full flex w-full h-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs`,t),...r,children:n??i(`img`,{src:c,alt:`avatar`,className:`w-full h-full rounded-full object-cover`})})}function p({className:t,...n}){return i(`span`,{"data-slot":`avatar-badge`,className:e(`bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none`,`group-data-[size=sm]/avatar:w-2 group-data-[size=sm]/avatar:h-2 group-data-[size=sm]/avatar:[&>svg]:hidden`,`group-data-[size=default]/avatar:w-2.5 group-data-[size=default]/avatar:h-2.5 group-data-[size=default]/avatar:[&>svg]:w-2 group-data-[size=default]/avatar:[&>svg]:h-2`,`group-data-[size=lg]/avatar:w-3 group-data-[size=lg]/avatar:h-3 group-data-[size=lg]/avatar:[&>svg]:w-2 group-data-[size=lg]/avatar:[&>svg]:h-2`,t),...n})}function m({className:t,...n}){return i(`div`,{"data-slot":`avatar-group`,className:e(`[&>[data-slot=avatar]]:ring-background group/avatar-group flex -space-x-2 [&>[data-slot=avatar]]:ring-2`,t),...n})}function h({className:t,...n}){return i(`div`,{"data-slot":`avatar-group-count`,className:e(`bg-muted text-muted-foreground w-8 h-8 rounded-full text-sm group-has-[data-size=lg]/avatar-group:w-10 group-has-[data-size=lg]/avatar-group:h-10 group-has-[data-size=sm]/avatar-group:w-6 group-has-[data-size=sm]/avatar-group:h-6 [&>svg]:w-4 [&>svg]:h-4 group-has-[data-size=lg]/avatar-group:[&>svg]:w-5 group-has-[data-size=lg]/avatar-group:[&>svg]:h-5 group-has-[data-size=sm]/avatar-group:[&>svg]:w-3 group-has-[data-size=sm]/avatar-group:[&>svg]:h-3 ring-background relative flex shrink-0 items-center justify-center ring-2`,t),...n})}export{l as Avatar,p as AvatarBadge,f as AvatarFallback,m as AvatarGroup,h as AvatarGroupCount,d as AvatarImage};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import default_avatar_default from "../../assets/images/default_avatar.mjs";
+import { Image } from "./image.mjs";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+
+//#region components/ui/avatar.tsx
+function normalizeImageSrc(value) {
+	if (!value) return;
+	const trimmed = value.trim();
+	if (!trimmed) return;
+	if (/^(?:https?:|data:|blob:)/i.test(trimmed)) return trimmed;
+	if (trimmed.startsWith("/")) return trimmed;
+	if (trimmed.startsWith("assets/") || trimmed.startsWith("./") || trimmed.startsWith("../")) return trimmed;
+	return `/${trimmed.replace(/^\/+/, "")}`;
+}
+const DEFAULT_AVATAR_SRC = typeof default_avatar_default === "string" ? default_avatar_default : default_avatar_default.src || String(default_avatar_default);
+const NORMALIZED_DEFAULT_AVATAR_SRC = normalizeImageSrc(DEFAULT_AVATAR_SRC) || DEFAULT_AVATAR_SRC;
+/**
+* Avatar 根容器，保持 shadcn 的组合用法。
+*/
+function Avatar$1({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Root, {
+		"data-slot": "avatar",
+		"data-size": size,
+		className: cn("w-8 h-8 rounded-full after:rounded-full data-[size=lg]:w-10 data-[size=lg]:h-10 data-[size=sm]:w-6 data-[size=sm]:h-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten", className),
+		...props
+	});
+}
+/**
+* 已成功加载的头像地址缓存。
+*/
+const loadedAvatarSrcCache = /* @__PURE__ */ new Set();
+function AvatarImage({ className, src, thumbnailSrc, onError, onLoad, ...props }) {
+	const normalizedSrc = React.useMemo(() => normalizeImageSrc(src), [src]);
+	const resolvedSrc = React.useMemo(() => normalizeImageSrc(thumbnailSrc), [thumbnailSrc]) || normalizedSrc;
+	const [hasError, setHasError] = React.useState(!resolvedSrc);
+	const [isLoaded, setIsLoaded] = React.useState(() => resolvedSrc ? loadedAvatarSrcCache.has(resolvedSrc) : false);
+	React.useEffect(() => {
+		setHasError(!resolvedSrc);
+		setIsLoaded(resolvedSrc ? loadedAvatarSrcCache.has(resolvedSrc) : false);
+	}, [resolvedSrc]);
+	if (!resolvedSrc || hasError) return null;
+	const handleError = (event) => {
+		setHasError(true);
+		onError?.(event);
+	};
+	const handleLoad = (event) => {
+		loadedAvatarSrcCache.add(resolvedSrc);
+		setHasError(false);
+		setIsLoaded(true);
+		onLoad?.(event);
+	};
+	return /* @__PURE__ */ jsx(Image, {
+		"data-slot": "avatar-image",
+		className: cn("rounded-full aspect-square w-full h-full object-cover transition-opacity duration-200", isLoaded ? "opacity-100" : "opacity-0", className),
+		fill: true,
+		src: resolvedSrc,
+		priority: true,
+		onError: handleError,
+		onLoad: handleLoad,
+		...props
+	});
+}
+/**
+* Avatar 回退容器，默认展示占位头像。
+*/
+function AvatarFallback({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn("bg-muted text-muted-foreground rounded-full flex w-full h-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx("img", {
+			src: NORMALIZED_DEFAULT_AVATAR_SRC,
+			alt: "avatar",
+			className: "w-full h-full rounded-full object-cover"
+		})
+	});
+}
+function AvatarBadge({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "avatar-badge",
+		className: cn("bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none", "group-data-[size=sm]/avatar:w-2 group-data-[size=sm]/avatar:h-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:w-2.5 group-data-[size=default]/avatar:h-2.5 group-data-[size=default]/avatar:[&>svg]:w-2 group-data-[size=default]/avatar:[&>svg]:h-2", "group-data-[size=lg]/avatar:w-3 group-data-[size=lg]/avatar:h-3 group-data-[size=lg]/avatar:[&>svg]:w-2 group-data-[size=lg]/avatar:[&>svg]:h-2", className),
+		...props
+	});
+}
+function AvatarGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "avatar-group",
+		className: cn("[&>[data-slot=avatar]]:ring-background group/avatar-group flex -space-x-2 [&>[data-slot=avatar]]:ring-2", className),
+		...props
+	});
+}
+function AvatarGroupCount({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "avatar-group-count",
+		className: cn("bg-muted text-muted-foreground w-8 h-8 rounded-full text-sm group-has-[data-size=lg]/avatar-group:w-10 group-has-[data-size=lg]/avatar-group:h-10 group-has-[data-size=sm]/avatar-group:w-6 group-has-[data-size=sm]/avatar-group:h-6 [&>svg]:w-4 [&>svg]:h-4 group-has-[data-size=lg]/avatar-group:[&>svg]:w-5 group-has-[data-size=lg]/avatar-group:[&>svg]:h-5 group-has-[data-size=sm]/avatar-group:[&>svg]:w-3 group-has-[data-size=sm]/avatar-group:[&>svg]:h-3 ring-background relative flex shrink-0 items-center justify-center ring-2", className),
+		...props
+	});
+}
+
+//#endregion
+export { Avatar$1 as Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };

package/dist/components/ui/badge.d.mts

@@ -6,7 +6,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 //#region components/ui/badge.d.ts
 /** badgeVariants 工具定义。 */
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
+  variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 /** Badge 组件。 */
 declare function Badge({

package/dist/components/ui/badge.mjs

@@ -1,2 +1,39 @@
 
-"use client";import{cn as e}from"../../utils/cn.mjs";import{cva as t}from"class-variance-authority";import{mergeProps as n}from"@base-ui/react/merge-props";import{useRender as r}from"@base-ui/react/use-render";const i=t(`h-5 gap-1 rounded-full border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-[data-icon=inline-end]:pr-1.5 has-[data-icon=inline-start]:pl-1.5 [&>svg]:!w-3 [&>svg]:!h-3 inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge`,{variants:{variant:{default:`bg-primary text-primary-foreground [a]:hover:bg-primary/80`,secondary:`bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80`,destructive:`bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20`,outline:`border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground`,ghost:`hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50`,link:`text-primary underline-offset-4 hover:underline`}},defaultVariants:{variant:`default`}});function a({className:t,variant:a=`default`,render:o,...s}){return r({defaultTagName:`span`,props:n({className:e(i({className:t,variant:a}))},s),render:o,state:{slot:`badge`,variant:a}})}export{a as Badge,i as badgeVariants};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region components/ui/badge.tsx
+/** badgeVariants 工具定义。 */
+const badgeVariants = cva("h-5 gap-1 rounded-full border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-[data-icon=inline-end]:pr-1.5 has-[data-icon=inline-start]:pl-1.5 [&>svg]:!w-3 [&>svg]:!h-3 inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge", {
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+		destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
+		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+		link: "text-primary underline-offset-4 hover:underline"
+	} },
+	defaultVariants: { variant: "default" }
+});
+/** Badge 组件。 */
+function Badge({ className, variant = "default", render, ...props }) {
+	return useRender({
+		defaultTagName: "span",
+		props: mergeProps({ className: cn(badgeVariants({
+			className,
+			variant
+		})) }, props),
+		render,
+		state: {
+			slot: "badge",
+			variant
+		}
+	});
+}
+
+//#endregion
+export { Badge, badgeVariants };

package/dist/components/ui/box.mjs

@@ -1,2 +1,18 @@
 
-import"react";import{jsx as e}from"react/jsx-runtime";function t(t){let{children:n,ref:r,className:i=``,as:a=`div`,...o}=t;return e(a,{ref:r,className:i.trim(),...o,children:n})}export{t as Box};
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/ui/box.tsx
+/** Box 组件。 */
+function Box(props) {
+	const { children, ref, className = "", as = "div", ...rest } = props;
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		className: className.trim(),
+		...rest,
+		children
+	});
+}
+
+//#endregion
+export { Box };