@funhub/platform 0.2.30 → 0.2.31

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

@@ -1,2 +1,95 @@
 
-"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 r from"../../ui/link.mjs";import{memo as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s(e){return e.img_x??e.img_y??``}function c(e){return!Number.isFinite(e)||e==null||e<=0?``:(e>10?e/10:e).toFixed(1)}function l(e){return Array.isArray(e.tags)?e.tags.map(e=>String(e?.name??``).trim()).filter(Boolean).slice(0,5):[]}function u({item:i,href:u=``}){let d=i.name,f=s(i),p=c(i.score),m=l(i);return o(r,{href:u,className:`block cursor-pointer rounded-[16px] border-[0.5px] border-[#ff1eff] bg-[rgba(255,255,255,0.1)] p-4`,"aria-label":d,children:[a(t,{className:`relative aspect-[326/207] w-full overflow-hidden rounded-[8px] bg-[linear-gradient(180deg,#2d1147_0%,#13031f_100%)]`,children:f?a(e,{src:f,alt:d,fill:!0,className:`object-cover`}):null}),o(t,{className:`mt-2 flex flex-col gap-2`,children:[o(t,{className:`flex items-center justify-between gap-3`,children:[a(n,{as:`h3`,className:`min-w-0 flex-1 truncate text-[14px] font-medium leading-normal text-white`,children:d}),p?a(n,{className:`shrink-0 font-mono text-[18px] font-bold leading-5 text-[#ffc039] tabular-nums`,children:p}):null]}),m.length>0?a(t,{className:`flex flex-wrap gap-[6px]`,children:m.map(e=>a(t,{className:`flex h-[18px] shrink-0 items-center justify-center rounded bg-[rgba(217,217,217,0.2)] px-1 py-0.5`,children:a(n,{className:`text-[12px] leading-[14px] text-white`,children:e})},e))}):null]})]})}const d=i(u);d.displayName=`VideoListRecommendItem`;export{d as VideoListRecommendItem};
+'use client';
+
+import { Image } from "../../ui/image.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Text } from "../../ui/text.mjs";
+import Link from "../../ui/link.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/pages/video-list/video-list-recommend-item.tsx
+/**
+* 统一解析顶部大图封面。
+*/
+function resolveHeroCover(item) {
+	return item.img_x ?? item.img_y ?? "";
+}
+/**
+* 将评分格式化为设计稿右侧的简洁分值。
+*/
+function resolveDisplayScore(score) {
+	if (!Number.isFinite(score) || score == null || score <= 0) return "";
+	return (score > 10 ? score / 10 : score).toFixed(1);
+}
+/**
+* 仅使用 `tags` 字段展示标签文案。
+*/
+function resolveDisplayTags(item) {
+	if (!Array.isArray(item.tags)) return [];
+	return item.tags.map((tag) => String(tag?.name ?? "").trim()).filter(Boolean);
+}
+/**
+* 解析卡片描述文案。
+*/
+function resolveDisplayDescription(item) {
+	return String(item.description ?? "").trim();
+}
+/**
+* 推荐列表页的大卡片项。
+*/
+function VideoListRecommendItemComponent({ item, href = "" }) {
+	const title = item.name;
+	const heroCover = resolveHeroCover(item);
+	const score = resolveDisplayScore(item.score);
+	const tags = resolveDisplayTags(item);
+	const description = resolveDisplayDescription(item);
+	return /* @__PURE__ */ jsxs(Link, {
+		href,
+		className: "block cursor-pointer rounded-[16px] border-[0.5px] border-[#ff1eff] bg-[rgba(255,255,255,0.1)] p-4",
+		"aria-label": title,
+		children: [/* @__PURE__ */ jsx(Box, {
+			className: "relative aspect-[326/207] w-full overflow-hidden rounded-[8px] bg-[linear-gradient(180deg,#2d1147_0%,#13031f_100%)]",
+			children: heroCover ? /* @__PURE__ */ jsx(Image, {
+				src: heroCover,
+				alt: title,
+				fill: true,
+				className: "object-cover"
+			}) : null
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "mt-2 flex flex-col gap-2",
+			children: [
+				/* @__PURE__ */ jsxs(Box, {
+					className: "flex items-start justify-between gap-3",
+					children: [/* @__PURE__ */ jsx(Text, {
+						as: "h3",
+						className: "min-w-0 flex-1 truncate text-[18px] font-medium leading-normal text-white",
+						children: title
+					}), score ? /* @__PURE__ */ jsx(Text, {
+						className: "shrink-0 pt-[1px] font-mono text-[20px] font-bold leading-5 text-[#ffc039] tabular-nums",
+						children: score
+					}) : null]
+				}),
+				tags.length > 0 ? /* @__PURE__ */ jsx(Box, {
+					className: "flex flex-wrap gap-[6px]",
+					children: tags.map((tag) => /* @__PURE__ */ jsx(Box, {
+						className: "flex h-[18px] shrink-0 items-center justify-center rounded bg-[rgba(217,217,217,0.2)] px-1 py-0.5",
+						children: /* @__PURE__ */ jsx(Text, {
+							className: "text-[12px] leading-[14px] text-white",
+							children: tag
+						})
+					}, tag))
+				}) : null,
+				description ? /* @__PURE__ */ jsx(Text, {
+					className: "line-clamp-3 text-[14px] leading-6 text-white/50",
+					children: description
+				}) : null
+			]
+		})]
+	});
+}
+const VideoListRecommendItem = memo(VideoListRecommendItemComponent);
+VideoListRecommendItem.displayName = "VideoListRecommendItem";
+
+//#endregion
+export { VideoListRecommendItem };

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

@@ -1,2 +1,92 @@
 
-"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=3}){return r(e,{as:`main`,className:`min-h-[100dvh] bg-[linear-gradient(180deg,#160320_0%,#2a0a56_100%)] text-white`,children:[r(e,{className:`sticky top-0 z-20 bg-[linear-gradient(180deg,rgba(22,3,32,0.98)_0%,rgba(22,3,32,0.92)_100%)] px-[16px] pb-[12px] pt-[10px] backdrop-blur-[16px]`,children:[r(e,{as:`header`,className:`flex items-center justify-between`,children:[n(t,{className:`h-[24px] w-[24px] rounded-sm !bg-[rgba(255,255,255,0.12)]`,"aria-label":`back-icon-skeleton`}),n(e,{className:`flex flex-1 justify-center px-[16px]`,children:n(t,{className:`h-[22px] w-[96px] !bg-[rgba(255,255,255,0.12)]`,"aria-label":`video-list-title-skeleton`})}),n(e,{className:`h-[24px] w-[24px] shrink-0`})]}),r(e,{as:`nav`,className:`mt-[12px] flex gap-[14px]`,children:[n(t,{className:`h-[28px] w-[64px] rounded-[100px] !bg-[rgba(255,255,255,0.16)]`,"aria-label":`hot-tab-skeleton`}),n(t,{className:`h-[28px] w-[64px] rounded-[100px] !bg-[rgba(255,255,255,0.12)]`,"aria-label":`latest-tab-skeleton`})]})]}),n(e,{className:`flex flex-col gap-[16px] px-[16px] pb-[24px]`,children:Array.from({length:i}).map((i,a)=>r(e,{className:`rounded-[16px] border-[0.5px] border-[#ff1eff] bg-[rgba(255,255,255,0.1)] p-4`,children:[n(t,{className:`aspect-[326/207] w-full rounded-[8px] !bg-[rgba(255,255,255,0.12)]`,"aria-label":`video-cover-skeleton`}),r(e,{className:`mt-2 flex flex-col gap-2`,children:[r(e,{className:`flex items-center justify-between gap-3`,children:[n(t,{className:`h-[14px] min-h-[14px] flex-1 rounded-sm !bg-[rgba(255,255,255,0.12)]`,"aria-label":`video-title-skeleton`}),n(t,{className:`h-5 w-9 shrink-0 rounded-sm !bg-[rgba(255,255,255,0.12)]`,"aria-label":`video-score-skeleton`})]}),r(e,{className:`flex flex-wrap gap-[6px]`,children:[n(t,{className:`h-[18px] w-14 shrink-0 rounded !bg-[rgba(217,217,217,0.2)]`,"aria-label":`video-tag-skeleton-1`}),n(t,{className:`h-[18px] w-9 shrink-0 rounded !bg-[rgba(217,217,217,0.2)]`,"aria-label":`video-tag-skeleton-2`}),n(t,{className:`h-[18px] w-12 shrink-0 rounded !bg-[rgba(217,217,217,0.2)]`,"aria-label":`video-tag-skeleton-3`}),n(t,{className:`h-[18px] w-16 shrink-0 rounded !bg-[rgba(217,217,217,0.2)]`,"aria-label":`video-tag-skeleton-4`})]})]})]},`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
+/**
+* 视频推荐列表页骨架屏。
+*/
+function VideoListSkeleton({ count = 3 }) {
+	return /* @__PURE__ */ jsxs(Box, {
+		as: "main",
+		className: "min-h-[100dvh] bg-[linear-gradient(180deg,#160320_0%,#2a0a56_100%)] text-white",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "sticky top-0 z-20 bg-[linear-gradient(180deg,rgba(22,3,32,0.98)_0%,rgba(22,3,32,0.92)_100%)] no-vw-x-16 pb-[12px] pt-[10px] backdrop-blur-[16px]",
+			children: [/* @__PURE__ */ jsxs(Box, {
+				as: "header",
+				className: "flex items-center justify-between",
+				children: [
+					/* @__PURE__ */ jsx(Skeleton, {
+						className: "h-[24px] w-[24px] rounded-sm !bg-[rgba(255,255,255,0.12)]",
+						"aria-label": "back-icon-skeleton"
+					}),
+					/* @__PURE__ */ jsx(Box, {
+						className: "flex flex-1 justify-center px-[16px]",
+						children: /* @__PURE__ */ jsx(Skeleton, {
+							className: "h-[22px] w-[96px] !bg-[rgba(255,255,255,0.12)]",
+							"aria-label": "video-list-title-skeleton"
+						})
+					}),
+					/* @__PURE__ */ jsx(Box, { className: "h-[24px] w-[24px] shrink-0" })
+				]
+			}), /* @__PURE__ */ jsxs(Box, {
+				as: "nav",
+				className: "mt-[12px] flex gap-[14px]",
+				children: [/* @__PURE__ */ jsx(Skeleton, {
+					className: "h-[28px] w-[64px] rounded-[100px] !bg-[rgba(255,255,255,0.16)]",
+					"aria-label": "hot-tab-skeleton"
+				}), /* @__PURE__ */ jsx(Skeleton, {
+					className: "h-[28px] w-[64px] rounded-[100px] !bg-[rgba(255,255,255,0.12)]",
+					"aria-label": "latest-tab-skeleton"
+				})]
+			})]
+		}), /* @__PURE__ */ jsx(Box, {
+			className: "flex flex-col gap-[16px] no-vw-x-16 pb-[24px]",
+			children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsxs(Box, {
+				className: "rounded-[16px] border-[0.5px] border-[#ff1eff] bg-[rgba(255,255,255,0.1)] p-4",
+				children: [/* @__PURE__ */ jsx(Skeleton, {
+					className: "aspect-[326/207] w-full rounded-[8px] !bg-[rgba(255,255,255,0.12)]",
+					"aria-label": "video-cover-skeleton"
+				}), /* @__PURE__ */ jsxs(Box, {
+					className: "mt-2 flex flex-col gap-2",
+					children: [/* @__PURE__ */ jsxs(Box, {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ jsx(Skeleton, {
+							className: "h-[14px] min-h-[14px] flex-1 rounded-sm !bg-[rgba(255,255,255,0.12)]",
+							"aria-label": "video-title-skeleton"
+						}), /* @__PURE__ */ jsx(Skeleton, {
+							className: "h-5 w-9 shrink-0 rounded-sm !bg-[rgba(255,255,255,0.12)]",
+							"aria-label": "video-score-skeleton"
+						})]
+					}), /* @__PURE__ */ jsxs(Box, {
+						className: "flex flex-wrap gap-[6px]",
+						children: [
+							/* @__PURE__ */ jsx(Skeleton, {
+								className: "h-[18px] w-14 shrink-0 rounded !bg-[rgba(217,217,217,0.2)]",
+								"aria-label": "video-tag-skeleton-1"
+							}),
+							/* @__PURE__ */ jsx(Skeleton, {
+								className: "h-[18px] w-9 shrink-0 rounded !bg-[rgba(217,217,217,0.2)]",
+								"aria-label": "video-tag-skeleton-2"
+							}),
+							/* @__PURE__ */ jsx(Skeleton, {
+								className: "h-[18px] w-12 shrink-0 rounded !bg-[rgba(217,217,217,0.2)]",
+								"aria-label": "video-tag-skeleton-3"
+							}),
+							/* @__PURE__ */ jsx(Skeleton, {
+								className: "h-[18px] w-16 shrink-0 rounded !bg-[rgba(217,217,217,0.2)]",
+								"aria-label": "video-tag-skeleton-4"
+							})
+						]
+					})]
+				})]
+			}, `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,108 @@
 
-"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,popover:``})}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,
+		popover: ""
+	});
+}
+/**
+* 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?: "link" | "default" | "destructive" | "secondary" | "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 };