@runlume/admin-ui 0.1.0 → 0.2.1

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

@@ -0,0 +1,110 @@
+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 { FilterPresets as r } from "./filter-presets.js";
+import { Children as i, Fragment as a, cloneElement as o, isValidElement as s, useId as c, useLayoutEffect as l, useRef as u, useState as d } from "react";
+import { ChevronDown as f, ChevronUp as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { flushSync as _ } from "react-dom";
+//#region src/components/search-filters.tsx
+function v(e) {
+	return i.toArray(e).flatMap((e) => s(e) && e.type === a ? v(e.props.children) : [e]);
+}
+function y({ presets: i, labelPosition: a = "left", columns: y = 3, collapsedCount: S = y, style: C, description: w, descriptionPosition: T = "bottom", togglePosition: E = "inline", collapsible: D = !0, defaultExpanded: O = !1, className: k, children: A, onInvalidCapture: j, ...M }) {
+	let { t: N } = n(), [P, F] = d(O), I = c(), L = u(null);
+	l(() => {
+		let e = L.current;
+		if (!e || a !== "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();
+	}, [
+		A,
+		y,
+		a,
+		P
+	]);
+	let R = v(A), z = R.filter((e) => s(e) && e.type === b), B = D && z.length > S, V = !B || P, H = B ? /* @__PURE__ */ g(t, {
+		type: "button",
+		variant: "ghost",
+		size: "sm",
+		"aria-expanded": B && V,
+		"aria-controls": I,
+		onClick: () => F((e) => !e),
+		children: [N(B && V ? "searchCollapse" : "searchExpand"), h(B && V ? p : f, { "aria-hidden": "true" })]
+	}) : null, U = w ? /* @__PURE__ */ h("p", {
+		className: "text-xs leading-5 text-muted-foreground",
+		children: w
+	}) : null, W = /* @__PURE__ */ g(m, { children: [T === "inline" && U, E === "inline" && H] }), G = T === "inline" && !!U || E === "inline" && !!H, K = T === "bottom" && !!U || E === "bottom" && !!H, q = 0, J = R.some((e) => s(e) && e.type === x);
+	return /* @__PURE__ */ g("form", {
+		role: "search",
+		...M,
+		onInvalidCapture: (e) => {
+			V || _(() => F(!0)), j?.(e);
+		},
+		style: {
+			...C,
+			"--search-columns": y
+		},
+		"data-columns": y,
+		"data-label-position": a,
+		"data-expanded": V,
+		"data-inline-actions": !B || !V,
+		className: e("search-filters w-full rounded-xl border bg-card p-4", k),
+		children: [/* @__PURE__ */ h("div", {
+			ref: L,
+			id: I,
+			className: "search-filter-fields",
+			children: R.map((e) => s(e) && e.type === b ? o(e, { hidden: e.props.hidden || !V && q++ >= S }) : s(e) && e.type === x ? null : e)
+		}), (J || G || K) && /* @__PURE__ */ g("div", {
+			className: "search-filter-footer",
+			children: [T === "bottom" && U, /* @__PURE__ */ g("div", {
+				className: "search-filter-footer-actions",
+				children: [
+					R.map((e) => s(e) && e.type === x ? o(e, { children: /* @__PURE__ */ g(m, { children: [e.props.children, W] }) }) : null),
+					!J && G && /* @__PURE__ */ h(x, { children: W }),
+					i && /* @__PURE__ */ h(r, {
+						storageId: i.storageId,
+						value: i.value,
+						onApply: i.onApply,
+						summary: i.summary
+					}),
+					E === "bottom" && H
+				]
+			})]
+		})]
+	});
+}
+function b(t) {
+	if (t.as === "label") {
+		let { as: n, className: r, children: a, ...o } = t;
+		return /* @__PURE__ */ h("label", {
+			...o,
+			className: e("search-filter-field", r),
+			children: i.map(a, (e) => typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ h("span", {
+				className: "search-filter-label",
+				children: e
+			}) : e)
+		});
+	}
+	let { as: n, className: r, ...a } = t;
+	return /* @__PURE__ */ h("div", {
+		...a,
+		className: e("search-filter-field", r)
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ h("div", {
+		...n,
+		className: e("search-filter-actions", t)
+	});
+}
+//#endregion
+export { x as SearchActions, b as SearchField, y as SearchFilters };

package/dist-package/components/sortable-list.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({items:i,onReorder:a,renderItem:o,label:s=`可排序列表`,className:c}){let[l,u]=(0,t.useState)();function d(e,t){if(t<0||t>=i.length||e===t)return;let n=[...i],[r]=n.splice(e,1);r&&!r.disabled&&(n.splice(t,0,r),a(n))}return(0,r.jsx)(`ul`,{className:e.cn(`space-y-2`,c),"aria-label":s,children:i.map((e,t)=>(0,r.jsxs)(`li`,{draggable:!e.disabled,"data-dragging":l===e.id||void 0,className:`flex min-h-12 items-center gap-3 rounded-lg border bg-card px-3 py-2 data-dragging:opacity-50`,onDragStart:t=>{u(e.id),t.dataTransfer.effectAllowed=`move`,t.dataTransfer.setData(`text/plain`,e.id)},onDragEnd:()=>u(void 0),onDragOver:e=>e.preventDefault(),onDrop:e=>{e.preventDefault(),d(i.findIndex(t=>t.id===e.dataTransfer.getData(`text/plain`)),t),u(void 0)},children:[(0,r.jsx)(`button`,{type:`button`,disabled:e.disabled,"aria-label":`拖动第 ${t+1} 项；方向键调整顺序`,className:`cursor-grab rounded p-1 text-muted-foreground hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed`,onKeyDown:e=>{(e.key===`ArrowUp`||e.key===`ArrowDown`)&&(e.preventDefault(),d(t,t+(e.key===`ArrowDown`?1:-1)))},children:(0,r.jsx)(n.GripVertical,{"aria-hidden":`true`,className:`size-4`})}),(0,r.jsx)(`div`,{className:`min-w-0 flex-1`,children:o(e,t)})]},e.id))})}exports.SortableList=i;

package/dist-package/components/sortable-list.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+export type SortableItem = {
+    id: string;
+    disabled?: boolean;
+};
+export type SortableListProps<T extends SortableItem> = {
+    items: T[];
+    onReorder: (items: T[]) => void;
+    renderItem: (item: T, index: number) => ReactNode;
+    label?: string;
+    className?: string;
+};
+export declare function SortableList<T extends SortableItem>({ items, onReorder, renderItem, label, className, }: SortableListProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=sortable-list.d.ts.map

package/dist-package/components/sortable-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortable-list.d.ts","sourceRoot":"","sources":["../../src/components/sortable-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIhD,MAAM,MAAM,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAC7D,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,YAAY,IAAI;IACtD,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAC/B,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,YAAY,EAAE,EACnD,KAAK,EACL,SAAS,EACT,UAAU,EACV,KAAe,EACf,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAuDtB"}

package/dist-package/components/sortable-list.js

@@ -0,0 +1,48 @@
+import { cn as e } from "../lib/utils.js";
+import { useState as t } from "react";
+import { GripVertical as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/sortable-list.tsx
+function a({ items: a, onReorder: o, renderItem: s, label: c = "可排序列表", className: l }) {
+	let [u, d] = t();
+	function f(e, t) {
+		if (t < 0 || t >= a.length || e === t) return;
+		let n = [...a], [r] = n.splice(e, 1);
+		r && !r.disabled && (n.splice(t, 0, r), o(n));
+	}
+	return /* @__PURE__ */ r("ul", {
+		className: e("space-y-2", l),
+		"aria-label": c,
+		children: a.map((e, t) => /* @__PURE__ */ i("li", {
+			draggable: !e.disabled,
+			"data-dragging": u === e.id || void 0,
+			className: "flex min-h-12 items-center gap-3 rounded-lg border bg-card px-3 py-2 data-dragging:opacity-50",
+			onDragStart: (t) => {
+				d(e.id), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", e.id);
+			},
+			onDragEnd: () => d(void 0),
+			onDragOver: (e) => e.preventDefault(),
+			onDrop: (e) => {
+				e.preventDefault(), f(a.findIndex((t) => t.id === e.dataTransfer.getData("text/plain")), t), d(void 0);
+			},
+			children: [/* @__PURE__ */ r("button", {
+				type: "button",
+				disabled: e.disabled,
+				"aria-label": `拖动第 ${t + 1} 项；方向键调整顺序`,
+				className: "cursor-grab rounded p-1 text-muted-foreground hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed",
+				onKeyDown: (e) => {
+					(e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), f(t, t + (e.key === "ArrowDown" ? 1 : -1)));
+				},
+				children: /* @__PURE__ */ r(n, {
+					"aria-hidden": "true",
+					className: "size-4"
+				})
+			}), /* @__PURE__ */ r("div", {
+				className: "min-w-0 flex-1",
+				children: s(e, t)
+			})]
+		}, e.id))
+	});
+}
+//#endregion
+export { a as SortableList };

package/dist-package/components/sparkline.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs"),t=require("../lib/metrics.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({values:i,width:a=96,height:o=28,smooth:s=!0,label:c,className:l}){let u=`sparkline-${(0,n.useId)()}`,d=t.sparklinePoints(i,a,o),f=t.sparklinePath(d,s),p=d.length?`${f} L${d.at(-1).x} ${o} L${d[0].x} ${o} Z`:``;return(0,r.jsxs)(`svg`,{role:`img`,"aria-label":c,viewBox:`0 0 ${a} ${o}`,className:e.cn(`overflow-visible`,l),style:{width:a,height:o},children:[(0,r.jsx)(`defs`,{children:(0,r.jsxs)(`linearGradient`,{id:u,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,r.jsx)(`stop`,{offset:`0%`,stopColor:`var(--primary)`,stopOpacity:`0.28`}),(0,r.jsx)(`stop`,{offset:`100%`,stopColor:`var(--primary)`,stopOpacity:`0`})]})}),p&&(0,r.jsx)(`path`,{d:p,fill:`url(#${u})`}),(0,r.jsx)(`path`,{d:f,fill:`none`,stroke:`var(--primary)`,strokeWidth:1.6,strokeLinecap:`round`,strokeLinejoin:`round`})]})}exports.Sparkline=i;

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

@@ -0,0 +1,11 @@
+/** 迷你趋势线；数值序列自绘 SVG，不引图表库。 */
+export declare function Sparkline({ values, width, height, smooth, label, className, }: {
+    values: number[];
+    width?: number;
+    height?: number;
+    smooth?: boolean;
+    /** 图形的访问名称，通常写成"近 7 天趋势"。 */
+    label: string;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=sparkline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../src/components/sparkline.tsx"],"names":[],"mappings":"AAIA,8BAA8B;AAC9B,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,KAAU,EACV,MAAW,EACX,MAAa,EACb,KAAK,EACL,SAAS,GACV,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAgCA"}

package/dist-package/components/sparkline.js

@@ -0,0 +1,50 @@
+import { cn as e } from "../lib/utils.js";
+import { sparklinePath as t, sparklinePoints as n } from "../lib/metrics.js";
+import { useId as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/sparkline.tsx
+function o({ values: o, width: s = 96, height: c = 28, smooth: l = !0, label: u, className: d }) {
+	let f = `sparkline-${r()}`, p = n(o, s, c), m = t(p, l), h = p.length ? `${m} L${p.at(-1).x} ${c} L${p[0].x} ${c} Z` : "";
+	return /* @__PURE__ */ a("svg", {
+		role: "img",
+		"aria-label": u,
+		viewBox: `0 0 ${s} ${c}`,
+		className: e("overflow-visible", d),
+		style: {
+			width: s,
+			height: c
+		},
+		children: [
+			/* @__PURE__ */ i("defs", { children: /* @__PURE__ */ a("linearGradient", {
+				id: f,
+				x1: "0",
+				y1: "0",
+				x2: "0",
+				y2: "1",
+				children: [/* @__PURE__ */ i("stop", {
+					offset: "0%",
+					stopColor: "var(--primary)",
+					stopOpacity: "0.28"
+				}), /* @__PURE__ */ i("stop", {
+					offset: "100%",
+					stopColor: "var(--primary)",
+					stopOpacity: "0"
+				})]
+			}) }),
+			h && /* @__PURE__ */ i("path", {
+				d: h,
+				fill: `url(#${f})`
+			}),
+			/* @__PURE__ */ i("path", {
+				d: m,
+				fill: "none",
+				stroke: "var(--primary)",
+				strokeWidth: 1.6,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		]
+	});
+}
+//#endregion
+export { o as Sparkline };

package/dist-package/components/status-badge.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs"),t=require("../lib/use-ui-translation.cjs"),n=require("./ui/badge.cjs");let r=require("react/jsx-runtime");var i={ACTIVE:`bg-success-soft text-success`,PENDING:`bg-warning-soft text-warning`,PROCESSING:`bg-info-soft text-info`,FAILED:`bg-danger-soft text-danger`,DISABLED:`bg-disabled-soft text-disabled`,INACTIVE:`bg-inactive-soft text-inactive`,SUSPENDED:`bg-suspended-soft text-suspended`,UNKNOWN:`bg-unknown-soft text-unknown`};function a({status:a}){let{t:o}=t.useUiTranslation(),s=Object.hasOwn(i,a);return(0,r.jsxs)(n.Badge,{variant:`outline`,className:e.cn(`gap-1.5 border-transparent px-2 py-0.5 font-medium`,s?i[a]:i.UNKNOWN),children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:`size-1.5 rounded-full bg-current`}),o(s?a:`UNKNOWN`)]})}exports.StatusBadge=a;

package/dist-package/components/status-badge.d.ts

@@ -0,0 +1,4 @@
+export declare function StatusBadge({ status }: {
+    status: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=status-badge.d.ts.map

package/dist-package/components/status-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../src/components/status-badge.tsx"],"names":[],"mappings":"AAaA,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,+BAezD"}

package/dist-package/components/status-badge.js

@@ -0,0 +1,28 @@
+import { cn as e } from "../lib/utils.js";
+import { useUiTranslation as t } from "../lib/use-ui-translation.js";
+import { Badge as n } from "./ui/badge.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/status-badge.tsx
+var a = {
+	ACTIVE: "bg-success-soft text-success",
+	PENDING: "bg-warning-soft text-warning",
+	PROCESSING: "bg-info-soft text-info",
+	FAILED: "bg-danger-soft text-danger",
+	DISABLED: "bg-disabled-soft text-disabled",
+	INACTIVE: "bg-inactive-soft text-inactive",
+	SUSPENDED: "bg-suspended-soft text-suspended",
+	UNKNOWN: "bg-unknown-soft text-unknown"
+};
+function o({ status: o }) {
+	let { t: s } = t(), c = Object.hasOwn(a, o);
+	return /* @__PURE__ */ i(n, {
+		variant: "outline",
+		className: e("gap-1.5 border-transparent px-2 py-0.5 font-medium", c ? a[o] : a.UNKNOWN),
+		children: [/* @__PURE__ */ r("span", {
+			"aria-hidden": "true",
+			className: "size-1.5 rounded-full bg-current"
+		}), s(c ? o : "UNKNOWN")]
+	});
+}
+//#endregion
+export { o as StatusBadge };

package/dist-package/components/steps.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs");let t=require("lucide-react"),n=require("react/jsx-runtime");function r({items:r,current:i,status:a=`process`,className:o}){let s=e=>e<i?`finish`:e===i?a:`waiting`;return(0,n.jsx)(`ol`,{"data-slot":`steps`,className:e.cn(`flex flex-col gap-4 sm:flex-row sm:items-start`,o),children:r.map((i,a)=>{let o=s(a);return(0,n.jsxs)(`li`,{className:`flex min-w-0 flex-1 items-start gap-3`,children:[(0,n.jsx)(`span`,{"aria-hidden":`true`,"data-state":o,className:e.cn(`mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-full border text-xs font-medium`,o===`finish`&&`border-primary bg-primary text-primary-foreground`,o===`process`&&`border-primary text-primary`,o===`error`&&`border-danger bg-danger-soft text-danger`,o===`waiting`&&`border-input text-muted-foreground`),children:o===`finish`?(0,n.jsx)(t.Check,{className:`size-3.5`}):a+1}),(0,n.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,n.jsx)(`span`,{className:e.cn(`block text-sm font-medium`,o===`waiting`&&`text-muted-foreground`,o===`error`&&`text-danger`),children:i.label}),i.description&&(0,n.jsx)(`span`,{className:`mt-0.5 block text-xs text-muted-foreground`,children:i.description})]}),a<r.length-1&&(0,n.jsx)(`span`,{"aria-hidden":`true`,className:e.cn(`mt-3.5 hidden h-px flex-1 shrink sm:block`,o===`finish`?`bg-primary/40`:`bg-border`)})]},i.value)})})}exports.Steps=r;

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

@@ -0,0 +1,15 @@
+export type StepItem = {
+    value: string;
+    label: string;
+    description?: string;
+};
+export type StepStatus = 'waiting' | 'process' | 'finish' | 'error';
+/** 步骤条：横向展示流程进度，用当前步骤推导状态。 */
+export declare function Steps({ items, current, status, className, }: {
+    items: StepItem[];
+    /** 当前步骤下标，从 0 开始。 */
+    current: number;
+    status?: Extract<StepStatus, 'process' | 'error'>;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=steps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../src/components/steps.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAC7E,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEnE,8BAA8B;AAC9B,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,OAAO,EACP,MAAkB,EAClB,SAAS,GACV,EAAE;IACD,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,GAAG,OAAO,CAAC,CAAA;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAuDA"}

package/dist-package/components/steps.js

@@ -0,0 +1,41 @@
+import { cn as e } from "../lib/utils.js";
+import { Check as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/steps.tsx
+function i({ items: i, current: a, status: o = "process", className: s }) {
+	let c = (e) => e < a ? "finish" : e === a ? o : "waiting";
+	return /* @__PURE__ */ n("ol", {
+		"data-slot": "steps",
+		className: e("flex flex-col gap-4 sm:flex-row sm:items-start", s),
+		children: i.map((a, o) => {
+			let s = c(o);
+			return /* @__PURE__ */ r("li", {
+				className: "flex min-w-0 flex-1 items-start gap-3",
+				children: [
+					/* @__PURE__ */ n("span", {
+						"aria-hidden": "true",
+						"data-state": s,
+						className: e("mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-full border text-xs font-medium", s === "finish" && "border-primary bg-primary text-primary-foreground", s === "process" && "border-primary text-primary", s === "error" && "border-danger bg-danger-soft text-danger", s === "waiting" && "border-input text-muted-foreground"),
+						children: s === "finish" ? /* @__PURE__ */ n(t, { className: "size-3.5" }) : o + 1
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ n("span", {
+							className: e("block text-sm font-medium", s === "waiting" && "text-muted-foreground", s === "error" && "text-danger"),
+							children: a.label
+						}), a.description && /* @__PURE__ */ n("span", {
+							className: "mt-0.5 block text-xs text-muted-foreground",
+							children: a.description
+						})]
+					}),
+					o < i.length - 1 && /* @__PURE__ */ n("span", {
+						"aria-hidden": "true",
+						className: e("mt-3.5 hidden h-px flex-1 shrink sm:block", s === "finish" ? "bg-primary/40" : "bg-border")
+					})
+				]
+			}, a.value);
+		})
+	});
+}
+//#endregion
+export { i as Steps };

package/dist-package/components/storage-box.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs"),t=require("./ui/button.cjs"),n=require("../lib/use-ui-translation.cjs"),r=require("./ui/input.cjs"),i=require("./ui/label.cjs"),a=require("../lib/presets.cjs");let o=require("react"),s=require("radix-ui"),c=require("lucide-react"),l=require("react/jsx-runtime"),u=require("sonner");function d({storageId:d,snapshot:f,onRestore:p,title:m,placeholder:h,summary:g,emptyHint:_,className:v}){let{t:y}=n.useUiTranslation(),b=`storage-box.${d}`,[x,S]=(0,o.useState)(()=>a.readPresets(b)),[C,w]=(0,o.useState)(``),[T,E]=(0,o.useState)(),[D,O]=(0,o.useState)(``),[k,A]=(0,o.useState)(!1);function j(e){S(e),a.writePresets(b,e)}function M(){let e=C.trim();if(!e)return;let t=a.presetNameTaken(x,e);j(a.upsertPreset(x,{name:e,value:f,savedAt:new Date().toISOString()})),w(``),u.toast.success(y(t?`storageBox.overwritten`:`storageBox.saved`,{name:e}))}let N=C.trim(),P=a.presetNameTaken(x,N);return(0,l.jsxs)(s.Popover.Root,{open:k,onOpenChange:A,children:[(0,l.jsx)(s.Popover.Trigger,{asChild:!0,children:(0,l.jsxs)(t.Button,{variant:`outline`,className:v,children:[(0,l.jsx)(c.Bookmark,{"aria-hidden":`true`}),m??y(`storageBox.title`)]})}),(0,l.jsx)(s.Popover.Portal,{children:(0,l.jsxs)(s.Popover.Content,{align:`end`,sideOffset:6,className:`z-50 w-80 rounded-xl border bg-popover p-3 text-sm shadow-lg outline-none`,children:[(0,l.jsx)(`p`,{className:`font-medium`,children:m??y(`storageBox.title`)}),(0,l.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:y(`storageBox.hint`)}),(0,l.jsxs)(`div`,{className:`mt-3 flex items-end gap-2`,children:[(0,l.jsxs)(`div`,{className:`grid flex-1 gap-1.5`,children:[(0,l.jsx)(i.Label,{htmlFor:`storage-box-name-${d}`,className:`text-xs`,children:y(`storageBox.name`)}),(0,l.jsx)(r.Input,{id:`storage-box-name-${d}`,className:`h-8`,value:C,placeholder:h??y(`storageBox.namePlaceholder`),onChange:e=>w(e.target.value)})]}),(0,l.jsxs)(t.Button,{size:`sm`,variant:P?`outline`:`default`,disabled:!N,onClick:M,children:[(0,l.jsx)(c.Save,{"aria-hidden":`true`}),y(P?`storageBox.overwrite`:`storageBox.save`)]})]}),P&&(0,l.jsx)(`p`,{role:`alert`,className:`mt-2 text-xs text-warning`,children:y(`storageBox.nameTaken`,{name:N})}),(0,l.jsxs)(`ul`,{className:`mt-3 max-h-64 space-y-1 overflow-y-auto`,children:[x.map(n=>(0,l.jsx)(`li`,{className:`rounded-lg border p-2`,children:T===n.name?(0,l.jsxs)(`div`,{className:`space-y-1`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(r.Input,{className:`h-8`,"aria-label":y(`storageBox.rename`),value:D,onChange:e=>O(e.target.value)}),(0,l.jsx)(t.Button,{size:`sm`,disabled:!D.trim()||a.presetNameTaken(x,D,n.name),onClick:()=>{j(a.renamePreset(x,n.name,D.trim())),E(void 0)},children:y(`confirm`)})]}),a.presetNameTaken(x,D,n.name)&&(0,l.jsx)(`p`,{role:`alert`,className:`text-xs text-warning`,children:y(`storageBox.nameTaken`,{name:D.trim()})})]}):(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsxs)(`button`,{type:`button`,className:`min-w-0 flex-1 text-left`,onClick:()=>{p(n.value),u.toast.success(y(`storageBox.applied`,{name:n.name}))},children:[(0,l.jsx)(`span`,{className:`block truncate font-medium`,children:n.name}),(0,l.jsx)(`span`,{className:e.cn(`mt-0.5 block truncate text-xs text-muted-foreground`),children:g?.(n.value)??n.savedAt?.slice(0,16)??``})]}),(0,l.jsx)(t.Button,{variant:`ghost`,size:`icon-xs`,"aria-label":`${y(`storageBox.rename`)} ${n.name}`,onClick:()=>{E(n.name),O(n.name)},children:(0,l.jsx)(c.PencilLine,{"aria-hidden":`true`})}),(0,l.jsx)(t.Button,{variant:`ghost`,size:`icon-xs`,"aria-label":`${y(`storageBox.remove`)} ${n.name}`,onClick:()=>{j(x.filter(e=>e.name!==n.name)),u.toast.success(y(`storageBox.removed`,{name:n.name}))},children:(0,l.jsx)(c.Trash2,{"aria-hidden":`true`})})]})},n.name)),!x.length&&(0,l.jsx)(`li`,{className:`rounded-lg border border-dashed px-3 py-6 text-center text-xs text-muted-foreground`,children:_??y(`storageBox.empty`)})]})]})})]})}exports.StorageBox=d;

package/dist-package/components/storage-box.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 储物箱：把当前页面状态（筛选条件、表格列配置等）命名保存到浏览器，
+ * 之后一键恢复；支持覆盖、重命名、删除与自定义标题。
+ */
+export declare function StorageBox<T>({ storageId, snapshot, onRestore, title, placeholder, summary, emptyHint, className, }: {
+    /** 存储键后缀，通常用页面名，例如 `customers`。 */
+    storageId: string;
+    /** 当前要暂存的状态快照。 */
+    snapshot: T;
+    onRestore: (value: T) => void;
+    /** 弹出层标题，默认「储物箱」。 */
+    title?: string;
+    placeholder?: string;
+    /** 列表里展示的快照摘要，帮助区分不同条目。 */
+    summary?: (value: T) => string;
+    emptyHint?: string;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=storage-box.d.ts.map

package/dist-package/components/storage-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage-box.d.ts","sourceRoot":"","sources":["../../src/components/storage-box.tsx"],"names":[],"mappings":"AAkBA;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAC5B,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,EACT,SAAS,GACV,EAAE;IACD,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB;IAClB,QAAQ,EAAE,CAAC,CAAA;IACX,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BA+JA"}

package/dist-package/components/storage-box.js

@@ -0,0 +1,153 @@
+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 { Input as r } from "./ui/input.js";
+import { Label as i } from "./ui/label.js";
+import { presetNameTaken as a, readPresets as o, renamePreset as s, upsertPreset as c, writePresets as l } from "../lib/presets.js";
+import { useState as u } from "react";
+import { Popover as d } from "radix-ui";
+import { Bookmark as f, PencilLine as p, Save as m, Trash2 as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { toast as v } from "sonner";
+//#region src/components/storage-box.tsx
+function y({ storageId: y, snapshot: b, onRestore: x, title: S, placeholder: C, summary: w, emptyHint: T, className: E }) {
+	let { t: D } = n(), O = `storage-box.${y}`, [k, A] = u(() => o(O)), [j, M] = u(""), [N, P] = u(), [F, I] = u(""), [L, R] = u(!1);
+	function z(e) {
+		A(e), l(O, e);
+	}
+	function B() {
+		let e = j.trim();
+		if (!e) return;
+		let t = a(k, e);
+		z(c(k, {
+			name: e,
+			value: b,
+			savedAt: (/* @__PURE__ */ new Date()).toISOString()
+		})), M(""), v.success(D(t ? "storageBox.overwritten" : "storageBox.saved", { name: e }));
+	}
+	let V = j.trim(), H = a(k, V);
+	return /* @__PURE__ */ _(d.Root, {
+		open: L,
+		onOpenChange: R,
+		children: [/* @__PURE__ */ g(d.Trigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ _(t, {
+				variant: "outline",
+				className: E,
+				children: [/* @__PURE__ */ g(f, { "aria-hidden": "true" }), S ?? D("storageBox.title")]
+			})
+		}), /* @__PURE__ */ g(d.Portal, { children: /* @__PURE__ */ _(d.Content, {
+			align: "end",
+			sideOffset: 6,
+			className: "z-50 w-80 rounded-xl border bg-popover p-3 text-sm shadow-lg outline-none",
+			children: [
+				/* @__PURE__ */ g("p", {
+					className: "font-medium",
+					children: S ?? D("storageBox.title")
+				}),
+				/* @__PURE__ */ g("p", {
+					className: "mt-1 text-xs text-muted-foreground",
+					children: D("storageBox.hint")
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "mt-3 flex items-end gap-2",
+					children: [/* @__PURE__ */ _("div", {
+						className: "grid flex-1 gap-1.5",
+						children: [/* @__PURE__ */ g(i, {
+							htmlFor: `storage-box-name-${y}`,
+							className: "text-xs",
+							children: D("storageBox.name")
+						}), /* @__PURE__ */ g(r, {
+							id: `storage-box-name-${y}`,
+							className: "h-8",
+							value: j,
+							placeholder: C ?? D("storageBox.namePlaceholder"),
+							onChange: (e) => M(e.target.value)
+						})]
+					}), /* @__PURE__ */ _(t, {
+						size: "sm",
+						variant: H ? "outline" : "default",
+						disabled: !V,
+						onClick: B,
+						children: [/* @__PURE__ */ g(m, { "aria-hidden": "true" }), D(H ? "storageBox.overwrite" : "storageBox.save")]
+					})]
+				}),
+				H && /* @__PURE__ */ g("p", {
+					role: "alert",
+					className: "mt-2 text-xs text-warning",
+					children: D("storageBox.nameTaken", { name: V })
+				}),
+				/* @__PURE__ */ _("ul", {
+					className: "mt-3 max-h-64 space-y-1 overflow-y-auto",
+					children: [k.map((n) => /* @__PURE__ */ g("li", {
+						className: "rounded-lg border p-2",
+						children: N === n.name ? /* @__PURE__ */ _("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ g(r, {
+									className: "h-8",
+									"aria-label": D("storageBox.rename"),
+									value: F,
+									onChange: (e) => I(e.target.value)
+								}), /* @__PURE__ */ g(t, {
+									size: "sm",
+									disabled: !F.trim() || a(k, F, n.name),
+									onClick: () => {
+										z(s(k, n.name, F.trim())), P(void 0);
+									},
+									children: D("confirm")
+								})]
+							}), a(k, F, n.name) && /* @__PURE__ */ g("p", {
+								role: "alert",
+								className: "text-xs text-warning",
+								children: D("storageBox.nameTaken", { name: F.trim() })
+							})]
+						}) : /* @__PURE__ */ _("div", {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ _("button", {
+									type: "button",
+									className: "min-w-0 flex-1 text-left",
+									onClick: () => {
+										x(n.value), v.success(D("storageBox.applied", { name: n.name }));
+									},
+									children: [/* @__PURE__ */ g("span", {
+										className: "block truncate font-medium",
+										children: n.name
+									}), /* @__PURE__ */ g("span", {
+										className: e("mt-0.5 block truncate text-xs text-muted-foreground"),
+										children: w?.(n.value) ?? n.savedAt?.slice(0, 16) ?? ""
+									})]
+								}),
+								/* @__PURE__ */ g(t, {
+									variant: "ghost",
+									size: "icon-xs",
+									"aria-label": `${D("storageBox.rename")} ${n.name}`,
+									onClick: () => {
+										P(n.name), I(n.name);
+									},
+									children: /* @__PURE__ */ g(p, { "aria-hidden": "true" })
+								}),
+								/* @__PURE__ */ g(t, {
+									variant: "ghost",
+									size: "icon-xs",
+									"aria-label": `${D("storageBox.remove")} ${n.name}`,
+									onClick: () => {
+										z(k.filter((e) => e.name !== n.name)), v.success(D("storageBox.removed", { name: n.name }));
+									},
+									children: /* @__PURE__ */ g(h, { "aria-hidden": "true" })
+								})
+							]
+						})
+					}, n.name)), !k.length && /* @__PURE__ */ g("li", {
+						className: "rounded-lg border border-dashed px-3 py-6 text-center text-xs text-muted-foreground",
+						children: T ?? D("storageBox.empty")
+					})]
+				})
+			]
+		}) })]
+	});
+}
+//#endregion
+export { y as StorageBox };

package/dist-package/components/table-cell-overflow.cjs

@@ -0,0 +1 @@
+const e=require("./ui/tooltip.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({children:r}){let i=(0,t.useRef)(null),[a,o]=(0,t.useState)(``);return(0,t.useLayoutEffect)(()=>{let e=i.current;if(!e)return;let t=()=>{let t=[e,...e.querySelectorAll(`*`)].some(e=>e.clientWidth>0&&e.scrollWidth>e.clientWidth+1);o(t?e.innerText:``)};t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[r]),(0,n.jsxs)(e.Tooltip,{children:[(0,n.jsx)(e.TooltipTrigger,{asChild:!0,children:(0,n.jsx)(`div`,{ref:i,tabIndex:a?0:void 0,className:`table-cell-overflow`,children:r})}),a&&(0,n.jsx)(e.TooltipContent,{className:`max-w-[min(32rem,calc(100vw-2rem))] whitespace-pre-wrap break-words`,children:a})]})}exports.TableCellOverflow=r;

package/dist-package/components/table-cell-overflow.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from 'react';
+export declare function TableCellOverflow({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=table-cell-overflow.d.ts.map

package/dist-package/components/table-cell-overflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell-overflow.d.ts","sourceRoot":"","sources":["../../src/components/table-cell-overflow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGzE,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BA+BtE"}

package/dist-package/components/table-cell-overflow.js

@@ -0,0 +1,31 @@
+import { Tooltip as e, TooltipContent as t, TooltipTrigger as n } from "./ui/tooltip.js";
+import { useLayoutEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/table-cell-overflow.tsx
+function c({ children: c }) {
+	let l = i(null), [u, d] = a("");
+	return r(() => {
+		let e = l.current;
+		if (!e) return;
+		let t = () => {
+			let t = [e, ...e.querySelectorAll("*")].some((e) => e.clientWidth > 0 && e.scrollWidth > e.clientWidth + 1);
+			d(t ? e.innerText : "");
+		};
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [c]), /* @__PURE__ */ s(e, { children: [/* @__PURE__ */ o(n, {
+		asChild: !0,
+		children: /* @__PURE__ */ o("div", {
+			ref: l,
+			tabIndex: u ? 0 : void 0,
+			className: "table-cell-overflow",
+			children: c
+		})
+	}), u && /* @__PURE__ */ o(t, {
+		className: "max-w-[min(32rem,calc(100vw-2rem))] whitespace-pre-wrap break-words",
+		children: u
+	})] });
+}
+//#endregion
+export { c as TableCellOverflow };

package/dist-package/components/table-toolbar.cjs

@@ -0,0 +1 @@
+let e=require("react/jsx-runtime");function t({children:t}){return(0,e.jsx)(`div`,{"data-slot":`table-toolbar`,className:`mb-3! flex min-h-9 flex-wrap items-center justify-start gap-2 [&_button]:h-9`,children:t})}exports.TableToolbar=t;

package/dist-package/components/table-toolbar.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export declare function TableToolbar({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=table-toolbar.d.ts.map

package/dist-package/components/table-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../src/components/table-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BASjE"}

package/dist-package/components/table-toolbar.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/table-toolbar.tsx
+function t({ children: t }) {
+	return /* @__PURE__ */ e("div", {
+		"data-slot": "table-toolbar",
+		className: "mb-3! flex min-h-9 flex-wrap items-center justify-start gap-2 [&_button]:h-9",
+		children: t
+	});
+}
+//#endregion
+export { t as TableToolbar };

package/dist-package/components/timeline.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs");let t=require("react/jsx-runtime");var n={default:`bg-primary`,success:`bg-success`,warning:`bg-warning`,danger:`bg-danger`};function r({items:r,className:i}){return(0,t.jsx)(`ol`,{"data-slot":`timeline`,className:e.cn(`relative space-y-5`,i),children:r.map((i,a)=>(0,t.jsxs)(`li`,{className:`relative flex gap-3 pb-1 pl-1`,children:[(0,t.jsxs)(`span`,{"aria-hidden":`true`,className:`relative flex w-3 shrink-0 justify-center`,children:[a<r.length-1&&(0,t.jsx)(`span`,{className:`absolute top-3 h-[calc(100%+8px)] w-px bg-border`}),(0,t.jsx)(`span`,{className:e.cn(`mt-1.5 size-2 rounded-full`,n[i.tone??`default`])})]}),(0,t.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,t.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-2`,children:[(0,t.jsx)(`p`,{className:`text-sm font-medium`,children:i.title}),i.time&&(0,t.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:i.time})]}),i.description&&(0,t.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-muted-foreground`,children:i.description})]})]},i.key))})}exports.Timeline=r;