@runlume/admin-ui 0.1.0 → 0.2.0

package/dist-package/components/page.js

@@ -0,0 +1,208 @@
+import { cn as e } from "../lib/utils.js";
+import { Button as t } from "./ui/button.js";
+import { useUiTranslation as n } from "../lib/use-ui-translation.js";
+import { AlertCircle as r, ArrowLeft as i, Copy as a, Inbox as o, LoaderCircle as s, RefreshCw as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { toast as d } from "sonner";
+//#region src/components/page.tsx
+function f({ title: e, description: t, eyebrow: n, actions: r }) {
+	return /* @__PURE__ */ u("header", {
+		className: "mb-8 flex flex-wrap items-end justify-between gap-5",
+		children: [/* @__PURE__ */ u("div", {
+			className: "min-w-0",
+			children: [
+				/* @__PURE__ */ l("p", {
+					"data-slot": "page-eyebrow",
+					className: "mb-2 text-xs font-medium tracking-wide text-primary",
+					children: n
+				}),
+				/* @__PURE__ */ l("h1", {
+					className: "text-2xl font-semibold tracking-tight sm:text-[28px]",
+					children: e
+				}),
+				t && /* @__PURE__ */ l("p", {
+					className: "mt-2 max-w-2xl text-sm leading-6 text-muted-foreground",
+					children: t
+				})
+			]
+		}), r && /* @__PURE__ */ l("div", {
+			className: "flex shrink-0 items-center gap-2",
+			children: r
+		})]
+	});
+}
+function p({ title: t, description: r, action: i, icon: a, size: s = "default" }) {
+	let { t: c } = n();
+	return /* @__PURE__ */ u("div", {
+		"data-size": s,
+		className: e("flex flex-col items-center justify-center rounded-xl bg-muted/35 px-6 py-10 text-center", s === "compact" ? "min-h-32" : "min-h-64"),
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "mb-4 flex size-11 items-center justify-center rounded-xl border bg-muted",
+				children: a ?? /* @__PURE__ */ l(o, { className: "size-5 text-muted-foreground" })
+			}),
+			/* @__PURE__ */ l("h3", {
+				className: "text-sm font-medium",
+				children: t ?? c("empty")
+			}),
+			/* @__PURE__ */ l("p", {
+				className: "mt-2 max-w-sm text-sm leading-6 text-muted-foreground",
+				children: r ?? c("emptyDescription")
+			}),
+			i && /* @__PURE__ */ l("div", {
+				className: "mt-5",
+				children: i
+			})
+		]
+	});
+}
+function m({ message: e, traceId: i, retry: a }) {
+	let { t: o } = n();
+	return /* @__PURE__ */ l("section", {
+		role: "alert",
+		className: "rounded-lg border border-danger/25 bg-danger-soft px-5 py-4",
+		children: /* @__PURE__ */ u("div", {
+			className: "flex items-start gap-3",
+			children: [
+				/* @__PURE__ */ l(r, { className: "mt-0.5 size-5 shrink-0 text-danger" }),
+				/* @__PURE__ */ u("div", {
+					className: "min-w-0 flex-1",
+					children: [
+						/* @__PURE__ */ l("h2", {
+							className: "font-medium text-danger",
+							children: o("errorTitle")
+						}),
+						/* @__PURE__ */ l("p", {
+							className: "mt-1 text-sm leading-6 text-foreground",
+							children: e
+						}),
+						i && /* @__PURE__ */ u("p", {
+							className: "mt-2 text-xs text-muted-foreground",
+							children: [
+								o("trace"),
+								": ",
+								/* @__PURE__ */ l(g, { value: i })
+							]
+						})
+					]
+				}),
+				a && /* @__PURE__ */ u(t, {
+					variant: "outline",
+					size: "sm",
+					onClick: a,
+					children: [/* @__PURE__ */ l(c, { className: "size-3.5" }), o("retry")]
+				})
+			]
+		})
+	});
+}
+function h({ variant: t = "spinner", label: r } = {}) {
+	let { t: i } = n();
+	return t === "spinner" ? /* @__PURE__ */ u("div", {
+		role: "status",
+		className: "flex min-h-60 items-center justify-center gap-3 text-muted-foreground",
+		children: [/* @__PURE__ */ l(s, { className: "size-5 animate-spin" }), /* @__PURE__ */ l("span", { children: r ?? i("loading") })]
+	}) : /* @__PURE__ */ u("div", {
+		role: "status",
+		className: "flex min-h-60 flex-col items-center justify-center gap-3 text-muted-foreground",
+		children: [/* @__PURE__ */ l("span", {
+			"aria-hidden": "true",
+			className: "flex items-end gap-1",
+			children: [
+				0,
+				1,
+				2,
+				3
+			].map((n) => /* @__PURE__ */ l("span", {
+				className: e("w-1.5 rounded-full bg-primary/60", t === "dots" ? "size-2 animate-bounce" : "animate-pulse"),
+				style: {
+					animationDelay: `${n * 120}ms`,
+					height: t === "bars" ? `${10 + n * 4}px` : void 0
+				}
+			}, n))
+		}), /* @__PURE__ */ l("span", { children: r ?? i("loading") })]
+	});
+}
+function g({ value: e }) {
+	let { t: r } = n();
+	async function i() {
+		try {
+			await navigator.clipboard.writeText(e), d.success(r("copied"));
+		} catch {
+			d.error(r("copyFailed"));
+		}
+	}
+	return /* @__PURE__ */ u("span", {
+		className: "inline-flex max-w-full items-center gap-1 align-middle",
+		children: [/* @__PURE__ */ l("code", {
+			className: "break-all font-mono text-xs",
+			children: e
+		}), /* @__PURE__ */ l(t, {
+			variant: "ghost",
+			size: "icon",
+			className: "size-7 shrink-0",
+			"aria-label": `${r("copy")} ${e}`,
+			onClick: () => void i(),
+			children: /* @__PURE__ */ l(a, { className: "size-3" })
+		})]
+	});
+}
+function _() {
+	let { t: e } = n();
+	return /* @__PURE__ */ u("main", {
+		className: "flex min-h-screen flex-col items-center justify-center p-6 text-center",
+		children: [
+			/* @__PURE__ */ l("p", {
+				className: "font-mono text-primary",
+				children: "404"
+			}),
+			/* @__PURE__ */ l("h1", {
+				className: "mt-5 text-2xl font-semibold",
+				children: e("unavailable")
+			}),
+			/* @__PURE__ */ l("p", {
+				className: "mt-3 text-muted-foreground",
+				children: e("unavailableDescription")
+			}),
+			/* @__PURE__ */ l(t, {
+				className: "mt-6",
+				asChild: !0,
+				children: /* @__PURE__ */ u("a", {
+					href: "/",
+					children: [/* @__PURE__ */ l(i, { className: "size-4" }), e("backHome")]
+				})
+			})
+		]
+	});
+}
+function v() {
+	let { t: e } = n();
+	return /* @__PURE__ */ u("section", {
+		role: "alert",
+		className: "flex flex-col items-center py-20 text-center",
+		children: [
+			/* @__PURE__ */ l("p", {
+				className: "font-mono text-primary",
+				children: "403"
+			}),
+			/* @__PURE__ */ l("h1", {
+				className: "mt-5 text-2xl font-semibold",
+				children: e("forbidden")
+			}),
+			/* @__PURE__ */ l("p", {
+				className: "mt-3 max-w-md text-muted-foreground",
+				children: e("forbiddenDescription")
+			}),
+			/* @__PURE__ */ l(t, {
+				className: "mt-6",
+				asChild: !0,
+				children: /* @__PURE__ */ u("a", {
+					href: "/",
+					children: [/* @__PURE__ */ l(i, { className: "size-4" }), e("backHome")]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { g as CopyValue, p as EmptyState, m as ErrorState, v as ForbiddenPage, h as LoadingState, _ as NotFoundPage, f as PageHeader };

package/dist-package/components/pagination-bar.cjs

@@ -0,0 +1 @@
+let e=require("react/jsx-runtime");function t({mode:t,summary:n,pageSize:r,children:i}){return(0,e.jsxs)(`div`,{"data-pagination":t,className:`flex w-full flex-wrap items-center justify-between gap-3 text-sm`,children:[(0,e.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:n}),(0,e.jsxs)(`div`,{className:`ml-auto flex flex-wrap items-center justify-end gap-3`,children:[r&&(0,e.jsx)(`div`,{className:`[&_[data-slot=native-select-wrapper]]:w-auto [&_[data-slot=native-select-wrapper]]:shrink-0 [&_[data-slot=select-trigger]]:h-8 [&_[data-slot=select-trigger]]:w-auto`,children:r}),(0,e.jsx)(`div`,{className:`flex items-center gap-2`,children:i})]})]})}exports.PaginationBar=t;

package/dist-package/components/pagination-bar.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export declare function PaginationBar({ mode, summary, pageSize, children, }: {
+    mode: 'cursor' | 'fixed';
+    summary?: ReactNode;
+    pageSize?: ReactNode;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=pagination-bar.d.ts.map

package/dist-package/components/pagination-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-bar.d.ts","sourceRoot":"","sources":["../../src/components/pagination-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;IACxB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB,+BAiBA"}

package/dist-package/components/pagination-bar.js

@@ -0,0 +1,23 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/pagination-bar.tsx
+function n({ mode: n, summary: r, pageSize: i, children: a }) {
+	return /* @__PURE__ */ t("div", {
+		"data-pagination": n,
+		className: "flex w-full flex-wrap items-center justify-between gap-3 text-sm",
+		children: [/* @__PURE__ */ e("span", {
+			className: "text-xs text-muted-foreground",
+			children: r
+		}), /* @__PURE__ */ t("div", {
+			className: "ml-auto flex flex-wrap items-center justify-end gap-3",
+			children: [i && /* @__PURE__ */ e("div", {
+				className: "[&_[data-slot=native-select-wrapper]]:w-auto [&_[data-slot=native-select-wrapper]]:shrink-0 [&_[data-slot=select-trigger]]:h-8 [&_[data-slot=select-trigger]]:w-auto",
+				children: i
+			}), /* @__PURE__ */ e("div", {
+				className: "flex items-center gap-2",
+				children: a
+			})]
+		})]
+	});
+}
+//#endregion
+export { n as PaginationBar };

package/dist-package/components/password-strength.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs"),t=require("../lib/use-ui-translation.cjs"),n=require("./ui/hover-card.cjs"),r=require("../lib/password.cjs");let i=require("lucide-react"),a=require("react/jsx-runtime");var o={empty:`bg-border`,weak:`bg-danger`,medium:`bg-warning`,strong:`bg-success`};function s({password:s,compact:c=!1,className:l}){let{t:u}=t.useUiTranslation(),d=r.passwordStrength(s),f=d.score/r.passwordRules.length*100,p=(0,a.jsx)(`ul`,{className:e.cn(`grid gap-1 text-xs text-muted-foreground`,!c&&`sm:grid-cols-2`),children:r.passwordRules.map(t=>{let n=d.matched.includes(t.key);return(0,a.jsxs)(`li`,{className:e.cn(`flex items-center gap-1.5`,n&&`text-success`),children:[n?(0,a.jsx)(i.Check,{"aria-hidden":`true`,className:`size-3 shrink-0`}):(0,a.jsx)(i.X,{"aria-hidden":`true`,className:`size-3 shrink-0`}),u(`password.rules.`+t.key)]},t.key)})});return(0,a.jsxs)(`div`,{"data-slot":`password-strength`,className:e.cn(`space-y-2`,l),children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,a.jsx)(`div`,{className:`h-1.5 flex-1 overflow-hidden rounded-full bg-border`,children:(0,a.jsx)(`div`,{className:e.cn(`h-full transition-all duration-300`,o[d.level]),style:{width:`${f}%`}})}),d.level!==`empty`&&(0,a.jsx)(`span`,{className:e.cn(`shrink-0 text-right text-xs text-muted-foreground`,c?`w-8`:`w-20`),children:u(`password.levels.`+d.level)}),c&&(0,a.jsxs)(n.HoverCard,{children:[(0,a.jsx)(n.HoverCardTrigger,{asChild:!0,children:(0,a.jsx)(`button`,{type:`button`,"aria-label":u(`password.rulesTitle`),title:u(`password.rulesTitle`),className:`shrink-0 rounded-full text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/30`,children:(0,a.jsx)(i.CircleQuestionMark,{"aria-hidden":`true`,className:`size-4`})})}),(0,a.jsxs)(n.HoverCardContent,{align:`end`,className:`w-60`,children:[(0,a.jsx)(`p`,{className:`mb-2 text-xs font-medium`,children:u(`password.rulesTitle`)}),p]})]})]}),!c&&p]})}exports.PasswordStrength=s;

package/dist-package/components/password-strength.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 密码强度与规则清单。
+ * `compact` 只留强度条 + 问号提示（悬停/聚焦展开规则），适合表单页；默认连规则一起铺开，
+ * 组件总览里的示例用默认形态。
+ */
+export declare function PasswordStrength({ password, compact, className, }: {
+    password: string;
+    compact?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=password-strength.d.ts.map

package/dist-package/components/password-strength.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength.d.ts","sourceRoot":"","sources":["../../src/components/password-strength.tsx"],"names":[],"mappings":"AAaA;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,OAAe,EACf,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BA8DA"}

package/dist-package/components/password-strength.js

@@ -0,0 +1,70 @@
+import { cn as e } from "../lib/utils.js";
+import { useUiTranslation as t } from "../lib/use-ui-translation.js";
+import { HoverCard as n, HoverCardContent as r, HoverCardTrigger as i } from "./ui/hover-card.js";
+import { passwordRules as a, passwordStrength as o } from "../lib/password.js";
+import { Check as s, CircleQuestionMark as c, X as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/password-strength.tsx
+var f = {
+	empty: "bg-border",
+	weak: "bg-danger",
+	medium: "bg-warning",
+	strong: "bg-success"
+};
+function p({ password: p, compact: m = !1, className: h }) {
+	let { t: g } = t(), _ = o(p), v = _.score / a.length * 100, y = /* @__PURE__ */ u("ul", {
+		className: e("grid gap-1 text-xs text-muted-foreground", !m && "sm:grid-cols-2"),
+		children: a.map((t) => {
+			let n = _.matched.includes(t.key);
+			return /* @__PURE__ */ d("li", {
+				className: e("flex items-center gap-1.5", n && "text-success"),
+				children: [u(n ? s : l, {
+					"aria-hidden": "true",
+					className: "size-3 shrink-0"
+				}), g("password.rules." + t.key)]
+			}, t.key);
+		})
+	});
+	return /* @__PURE__ */ d("div", {
+		"data-slot": "password-strength",
+		className: e("space-y-2", h),
+		children: [/* @__PURE__ */ d("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "h-1.5 flex-1 overflow-hidden rounded-full bg-border",
+					children: /* @__PURE__ */ u("div", {
+						className: e("h-full transition-all duration-300", f[_.level]),
+						style: { width: `${v}%` }
+					})
+				}),
+				_.level !== "empty" && /* @__PURE__ */ u("span", {
+					className: e("shrink-0 text-right text-xs text-muted-foreground", m ? "w-8" : "w-20"),
+					children: g("password.levels." + _.level)
+				}),
+				m && /* @__PURE__ */ d(n, { children: [/* @__PURE__ */ u(i, {
+					asChild: !0,
+					children: /* @__PURE__ */ u("button", {
+						type: "button",
+						"aria-label": g("password.rulesTitle"),
+						title: g("password.rulesTitle"),
+						className: "shrink-0 rounded-full text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/30",
+						children: /* @__PURE__ */ u(c, {
+							"aria-hidden": "true",
+							className: "size-4"
+						})
+					})
+				}), /* @__PURE__ */ d(r, {
+					align: "end",
+					className: "w-60",
+					children: [/* @__PURE__ */ u("p", {
+						className: "mb-2 text-xs font-medium",
+						children: g("password.rulesTitle")
+					}), y]
+				})] })
+			]
+		}), !m && y]
+	});
+}
+//#endregion
+export { p as PasswordStrength };

package/dist-package/components/rate.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs");let t=require("react"),n=require("lucide-react"),r=require("react/jsx-runtime");function i({value:i,defaultValue:a=0,onValueChange:o,max:s=5,precision:c=1,clearable:l=!0,disabled:u,label:d=`评分`,className:f}){let[p,m]=(0,t.useState)(a),[h,g]=(0,t.useState)(),_=i??p,v=h??_;function y(e){if(u)return;let t=l&&e===_?0:e;i===void 0&&m(t),o?.(t)}return(0,r.jsx)(`div`,{role:`slider`,tabIndex:u?-1:0,"aria-label":d,"aria-valuemin":0,"aria-valuemax":s,"aria-valuenow":_,"aria-disabled":u,className:e.cn(`inline-flex items-center gap-1 rounded-md focus-visible:ring-2 focus-visible:ring-ring`,f),onBlur:()=>g(void 0),onKeyDown:e=>{let t=c;e.key===`ArrowRight`||e.key===`ArrowUp`?(e.preventDefault(),y(Math.min(s,_+t))):e.key===`ArrowLeft`||e.key===`ArrowDown`?(e.preventDefault(),y(Math.max(0,_-t))):e.key===`Home`?y(0):e.key===`End`&&y(s)},onMouseLeave:()=>g(void 0),children:Array.from({length:s},(e,t)=>{let i=t+1,a=v>=i?100:v>=i-.5?50:0;return(0,r.jsxs)(`button`,{type:`button`,disabled:u,"aria-label":`${i} ${d}`,className:`relative size-7 text-muted-foreground transition-transform hover:scale-110 disabled:pointer-events-none`,onMouseMove:e=>{let t=c===.5&&e.nativeEvent.offsetX<e.currentTarget.offsetWidth/2;g(t?i-.5:i)},onClick:()=>y(h??i),children:[(0,r.jsx)(n.Star,{className:`absolute inset-1 size-5`,"aria-hidden":`true`}),(0,r.jsx)(`span`,{className:`absolute inset-1 overflow-hidden text-warning`,style:{width:`${a}%`},children:(0,r.jsx)(n.Star,{className:`size-5 fill-current`,"aria-hidden":`true`})})]},i)})})}exports.Rate=i;

package/dist-package/components/rate.d.ts

@@ -0,0 +1,13 @@
+export type RateProps = {
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    max?: number;
+    precision?: 1 | 0.5;
+    clearable?: boolean;
+    disabled?: boolean;
+    label?: string;
+    className?: string;
+};
+export declare function Rate({ value, defaultValue, onValueChange, max, precision, clearable, disabled, label, className, }: RateProps): import("react").JSX.Element;
+//# sourceMappingURL=rate.d.ts.map

package/dist-package/components/rate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["../../src/components/rate.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,CAAC,GAAG,GAAG,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,YAAgB,EAChB,aAAa,EACb,GAAO,EACP,SAAa,EACb,SAAgB,EAChB,QAAQ,EACR,KAAY,EACZ,SAAS,GACV,EAAE,SAAS,+BAqEX"}

package/dist-package/components/rate.js

@@ -0,0 +1,56 @@
+import { cn as e } from "../lib/utils.js";
+import { useState as t } from "react";
+import { Star as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/rate.tsx
+function a({ value: a, defaultValue: o = 0, onValueChange: s, max: c = 5, precision: l = 1, clearable: u = !0, disabled: d, label: f = "评分", className: p }) {
+	let [m, h] = t(o), [g, _] = t(), v = a ?? m, y = g ?? v;
+	function b(e) {
+		if (d) return;
+		let t = u && e === v ? 0 : e;
+		a === void 0 && h(t), s?.(t);
+	}
+	return /* @__PURE__ */ r("div", {
+		role: "slider",
+		tabIndex: d ? -1 : 0,
+		"aria-label": f,
+		"aria-valuemin": 0,
+		"aria-valuemax": c,
+		"aria-valuenow": v,
+		"aria-disabled": d,
+		className: e("inline-flex items-center gap-1 rounded-md focus-visible:ring-2 focus-visible:ring-ring", p),
+		onBlur: () => _(void 0),
+		onKeyDown: (e) => {
+			let t = l;
+			e.key === "ArrowRight" || e.key === "ArrowUp" ? (e.preventDefault(), b(Math.min(c, v + t))) : e.key === "ArrowLeft" || e.key === "ArrowDown" ? (e.preventDefault(), b(Math.max(0, v - t))) : e.key === "Home" ? b(0) : e.key === "End" && b(c);
+		},
+		onMouseLeave: () => _(void 0),
+		children: Array.from({ length: c }, (e, t) => {
+			let a = t + 1, o = y >= a ? 100 : y >= a - .5 ? 50 : 0;
+			return /* @__PURE__ */ i("button", {
+				type: "button",
+				disabled: d,
+				"aria-label": `${a} ${f}`,
+				className: "relative size-7 text-muted-foreground transition-transform hover:scale-110 disabled:pointer-events-none",
+				onMouseMove: (e) => {
+					let t = l === .5 && e.nativeEvent.offsetX < e.currentTarget.offsetWidth / 2;
+					_(t ? a - .5 : a);
+				},
+				onClick: () => b(g ?? a),
+				children: [/* @__PURE__ */ r(n, {
+					className: "absolute inset-1 size-5",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ r("span", {
+					className: "absolute inset-1 overflow-hidden text-warning",
+					style: { width: `${o}%` },
+					children: /* @__PURE__ */ r(n, {
+						className: "size-5 fill-current",
+						"aria-hidden": "true"
+					})
+				})]
+			}, a);
+		})
+	});
+}
+//#endregion
+export { a as Rate };

package/dist-package/components/resizable-panel.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({first:r,second:i,direction:a=`horizontal`,defaultSize:o=50,minSize:s=20,maxSize:c=80,onSizeChange:l,firstLabel:u=`第一个面板`,secondLabel:d=`第二个面板`,className:f}){let p=(0,t.useRef)(null),[m,h]=(0,t.useState)(o);function g(e){let t=Math.min(c,Math.max(s,e));h(t),l?.(t)}function _(e){e.currentTarget.setPointerCapture(e.pointerId)}function v(e){if(!e.currentTarget.hasPointerCapture(e.pointerId)||!p.current)return;let t=p.current.getBoundingClientRect();g(a===`horizontal`?(e.clientX-t.left)/t.width*100:(e.clientY-t.top)/t.height*100)}let y=a===`horizontal`;return(0,n.jsxs)(`div`,{ref:p,className:e.cn(`flex min-h-56 overflow-hidden rounded-lg border`,!y&&`flex-col`,f),children:[(0,n.jsx)(`section`,{"aria-label":u,className:`min-h-0 min-w-0 overflow-auto p-4`,style:{flexBasis:`${m}%`},children:r}),(0,n.jsx)(`div`,{role:`separator`,tabIndex:0,"aria-label":`调整面板大小`,"aria-orientation":y?`vertical`:`horizontal`,"aria-valuemin":s,"aria-valuemax":c,"aria-valuenow":Math.round(m),className:e.cn(`relative shrink-0 bg-border hover:bg-primary focus-visible:bg-primary focus-visible:outline-none`,y?`w-1 cursor-col-resize`:`h-1 cursor-row-resize`),onDoubleClick:()=>g(o),onPointerDown:_,onPointerMove:v,onKeyDown:e=>{let t=y?e.key===`ArrowLeft`:e.key===`ArrowUp`,n=y?e.key===`ArrowRight`:e.key===`ArrowDown`;(t||n)&&(e.preventDefault(),g(m+(n?5:-5)))}}),(0,n.jsx)(`section`,{"aria-label":d,className:`min-h-0 min-w-0 flex-1 overflow-auto p-4`,children:i})]})}exports.ResizablePanel=r;

package/dist-package/components/resizable-panel.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+export type ResizablePanelProps = {
+    first: ReactNode;
+    second: ReactNode;
+    direction?: 'horizontal' | 'vertical';
+    defaultSize?: number;
+    minSize?: number;
+    maxSize?: number;
+    onSizeChange?: (size: number) => void;
+    firstLabel?: string;
+    secondLabel?: string;
+    className?: string;
+};
+export declare function ResizablePanel({ first, second, direction, defaultSize, minSize, maxSize, onSizeChange, firstLabel, secondLabel, className, }: ResizablePanelProps): import("react").JSX.Element;
+//# sourceMappingURL=resizable-panel.d.ts.map

package/dist-package/components/resizable-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-panel.d.ts","sourceRoot":"","sources":["../../src/components/resizable-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,SAAS,CAAA;IAChB,MAAM,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,SAAwB,EACxB,WAAgB,EAChB,OAAY,EACZ,OAAY,EACZ,YAAY,EACZ,UAAoB,EACpB,WAAqB,EACrB,SAAS,GACV,EAAE,mBAAmB,+BAsErB"}

package/dist-package/components/resizable-panel.js

@@ -0,0 +1,56 @@
+import { cn as e } from "../lib/utils.js";
+import { useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/resizable-panel.tsx
+function a({ first: a, second: o, direction: s = "horizontal", defaultSize: c = 50, minSize: l = 20, maxSize: u = 80, onSizeChange: d, firstLabel: f = "第一个面板", secondLabel: p = "第二个面板", className: m }) {
+	let h = t(null), [g, _] = n(c);
+	function v(e) {
+		let t = Math.min(u, Math.max(l, e));
+		_(t), d?.(t);
+	}
+	function y(e) {
+		e.currentTarget.setPointerCapture(e.pointerId);
+	}
+	function b(e) {
+		if (!e.currentTarget.hasPointerCapture(e.pointerId) || !h.current) return;
+		let t = h.current.getBoundingClientRect();
+		v(s === "horizontal" ? (e.clientX - t.left) / t.width * 100 : (e.clientY - t.top) / t.height * 100);
+	}
+	let x = s === "horizontal";
+	return /* @__PURE__ */ i("div", {
+		ref: h,
+		className: e("flex min-h-56 overflow-hidden rounded-lg border", !x && "flex-col", m),
+		children: [
+			/* @__PURE__ */ r("section", {
+				"aria-label": f,
+				className: "min-h-0 min-w-0 overflow-auto p-4",
+				style: { flexBasis: `${g}%` },
+				children: a
+			}),
+			/* @__PURE__ */ r("div", {
+				role: "separator",
+				tabIndex: 0,
+				"aria-label": "调整面板大小",
+				"aria-orientation": x ? "vertical" : "horizontal",
+				"aria-valuemin": l,
+				"aria-valuemax": u,
+				"aria-valuenow": Math.round(g),
+				className: e("relative shrink-0 bg-border hover:bg-primary focus-visible:bg-primary focus-visible:outline-none", x ? "w-1 cursor-col-resize" : "h-1 cursor-row-resize"),
+				onDoubleClick: () => v(c),
+				onPointerDown: y,
+				onPointerMove: b,
+				onKeyDown: (e) => {
+					let t = x ? e.key === "ArrowLeft" : e.key === "ArrowUp", n = x ? e.key === "ArrowRight" : e.key === "ArrowDown";
+					(t || n) && (e.preventDefault(), v(g + (n ? 5 : -5)));
+				}
+			}),
+			/* @__PURE__ */ r("section", {
+				"aria-label": p,
+				className: "min-h-0 min-w-0 flex-1 overflow-auto p-4",
+				children: o
+			})
+		]
+	});
+}
+//#endregion
+export { a as ResizablePanel };

package/dist-package/components/search-filters.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs"),t=require("./ui/button.cjs"),n=require("../lib/use-ui-translation.cjs"),r=require("./filter-presets.cjs");let i=require("react"),a=require("lucide-react"),o=require("react/jsx-runtime"),s=require("react-dom");function c(e){return i.Children.toArray(e).flatMap(e=>(0,i.isValidElement)(e)&&e.type===i.Fragment?c(e.props.children):[e])}function l({presets:l,labelPosition:f=`left`,columns:p=3,collapsedCount:m=p,style:h,description:g,descriptionPosition:_=`bottom`,togglePosition:v=`inline`,collapsible:y=!0,defaultExpanded:b=!1,className:x,children:S,onInvalidCapture:C,...w}){let{t:T}=n.useUiTranslation(),[E,D]=(0,i.useState)(b),O=(0,i.useId)(),k=(0,i.useRef)(null);(0,i.useLayoutEffect)(()=>{let e=k.current;if(!e||f!==`left`)return;let t=()=>{let t=getComputedStyle(e).display===`contents`?e.parentElement:e,n=getComputedStyle(t).gridTemplateColumns.split(` `).length,r=Array.from(e.querySelectorAll(`:scope > .search-filter-field`)),i=Array.from({length:n},()=>0);r.forEach((e,t)=>{let r=e.querySelector(`:scope > label, :scope > .search-filter-label`);i[t%n]=Math.max(i[t%n]??0,r?.getBoundingClientRect().width??0)}),r.forEach((e,t)=>e.style.setProperty(`--search-label-width`,`${i[t%n]}px`))};t();let n=new ResizeObserver(t);return n.observe(e),e.parentElement&&n.observe(e.parentElement),e.querySelectorAll(`:scope > .search-filter-field > label, :scope > .search-filter-field > .search-filter-label`).forEach(e=>n.observe(e)),()=>n.disconnect()},[S,p,f,E]);let A=c(S),j=A.filter(e=>(0,i.isValidElement)(e)&&e.type===u),M=y&&j.length>m,N=!M||E,P=M?(0,o.jsxs)(t.Button,{type:`button`,variant:`ghost`,size:`sm`,"aria-expanded":M&&N,"aria-controls":O,onClick:()=>D(e=>!e),children:[T(M&&N?`searchCollapse`:`searchExpand`),M&&N?(0,o.jsx)(a.ChevronUp,{"aria-hidden":`true`}):(0,o.jsx)(a.ChevronDown,{"aria-hidden":`true`})]}):null,F=g?(0,o.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:g}):null,I=(0,o.jsxs)(o.Fragment,{children:[_===`inline`&&F,v===`inline`&&P]}),L=_===`inline`&&!!F||v===`inline`&&!!P,R=_===`bottom`&&!!F||v===`bottom`&&!!P,z=0,B=A.some(e=>(0,i.isValidElement)(e)&&e.type===d);return(0,o.jsxs)(`form`,{role:`search`,...w,onInvalidCapture:e=>{N||(0,s.flushSync)(()=>D(!0)),C?.(e)},style:{...h,"--search-columns":p},"data-columns":p,"data-label-position":f,"data-expanded":N,"data-inline-actions":!M||!N,className:e.cn(`search-filters w-full rounded-xl border bg-card p-4`,x),children:[(0,o.jsx)(`div`,{ref:k,id:O,className:`search-filter-fields`,children:A.map(e=>(0,i.isValidElement)(e)&&e.type===u?(0,i.cloneElement)(e,{hidden:e.props.hidden||!N&&z++>=m}):(0,i.isValidElement)(e)&&e.type===d?null:e)}),(B||L||R)&&(0,o.jsxs)(`div`,{className:`search-filter-footer`,children:[_===`bottom`&&F,(0,o.jsxs)(`div`,{className:`search-filter-footer-actions`,children:[A.map(e=>(0,i.isValidElement)(e)&&e.type===d?(0,i.cloneElement)(e,{children:(0,o.jsxs)(o.Fragment,{children:[e.props.children,I]})}):null),!B&&L&&(0,o.jsx)(d,{children:I}),l&&(0,o.jsx)(r.FilterPresets,{storageId:l.storageId,value:l.value,onApply:l.onApply,summary:l.summary}),v===`bottom`&&P]})]})]})}function u(t){if(t.as===`label`){let{as:n,className:r,children:a,...s}=t;return(0,o.jsx)(`label`,{...s,className:e.cn(`search-filter-field`,r),children:i.Children.map(a,e=>typeof e==`string`||typeof e==`number`?(0,o.jsx)(`span`,{className:`search-filter-label`,children:e}):e)})}let{as:n,className:r,...a}=t;return(0,o.jsx)(`div`,{...a,className:e.cn(`search-filter-field`,r)})}function d({className:t,...n}){return(0,o.jsx)(`div`,{...n,className:e.cn(`search-filter-actions`,t)})}exports.SearchActions=d,exports.SearchField=u,exports.SearchFilters=l;

package/dist-package/components/search-filters.d.ts

@@ -0,0 +1,31 @@
+import { type ComponentProps, type ReactNode } from 'react';
+export declare function SearchFilters({ presets, labelPosition, columns, collapsedCount, style, description, descriptionPosition, togglePosition, collapsible, defaultExpanded, className, children, onInvalidCapture, ...props }: ComponentProps<'form'> & {
+    /**
+     * 通过配置开关启用"筛选预设"：传入存储键、当前条件快照与恢复回调即可，
+     * 组件会在操作区自动渲染预设入口。
+     */
+    presets?: {
+        storageId: string;
+        value: unknown;
+        onApply: (value: unknown) => void;
+        /** 预设列表里的摘要文案，默认用通用格式化 */
+        summary?: (value: unknown) => string;
+    };
+    labelPosition?: 'left' | 'top';
+    columns?: 1 | 2 | 3;
+    collapsedCount?: number;
+    description?: ReactNode;
+    descriptionPosition?: 'bottom' | 'inline';
+    togglePosition?: 'bottom' | 'inline';
+    collapsible?: boolean;
+    defaultExpanded?: boolean;
+}): import("react").JSX.Element;
+type SearchFieldProps = ({
+    as: 'label';
+} & ComponentProps<'label'>) | ({
+    as?: 'div';
+} & ComponentProps<'div'>);
+export declare function SearchField(props: SearchFieldProps): import("react").JSX.Element;
+export declare function SearchActions({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=search-filters.d.ts.map

package/dist-package/components/search-filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-filters.d.ts","sourceRoot":"","sources":["../../src/components/search-filters.tsx"],"names":[],"mappings":"AACA,OAAO,EASL,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAed,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,aAAsB,EACtB,OAAW,EACX,cAAwB,EACxB,KAAK,EACL,WAAW,EACX,mBAA8B,EAC9B,cAAyB,EACzB,WAAkB,EAClB,eAAuB,EACvB,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE;QACR,SAAS,EAAE,MAAM,CAAA;QACjB,KAAK,EAAE,OAAO,CAAA;QACd,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;QACjC,0BAA0B;QAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAA;KACrC,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAC9B,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,mBAAmB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACzC,cAAc,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,+BAgIA;AAED,KAAK,gBAAgB,GACnB,CAAC;IAAE,EAAE,EAAE,OAAO,CAAA;CAAE,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC;IAAE,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;AAExF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAiBlD;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAE3E"}