@runlume/admin-ui 0.1.0 → 0.2.0

package/dist-package/components/mention.js

@@ -0,0 +1,126 @@
+import { cn as e } from "../lib/utils.js";
+import { useUiTranslation as t } from "../lib/use-ui-translation.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { match as s } from "pinyin-pro";
+//#region src/components/mention.tsx
+var c = 4, l = 112;
+function u({ value: u, onValueChange: d, options: f, trigger: p = "@", label: m, placeholder: h, className: g }) {
+	let { t: _ } = t(), v = r(null), [y, b] = i(), [x, S] = i(0), [C, w] = i("bottom"), T = f.filter((e) => y !== void 0 && (e.label.toLowerCase().includes(y.toLowerCase()) || (s(e.label, y, { continuous: !0 })?.length ?? 0) > 0)), E = y !== void 0 && T.length > 0;
+	function D() {
+		let e = window.getSelection();
+		if (!e?.rangeCount) return;
+		let t = e.anchorNode;
+		if (!t || t.nodeType !== Node.TEXT_NODE) return;
+		let n = (t.textContent ?? "").slice(0, e.anchorOffset), r = n.lastIndexOf(p);
+		if (!(r < 0 || n.slice(r + p.length).includes(" "))) return n.slice(r + p.length);
+	}
+	function O() {
+		d(v.current?.textContent ?? ""), b(D()), S(0);
+	}
+	function k() {
+		let e = v.current?.getBoundingClientRect();
+		if (!e) return;
+		let t = window.innerHeight - e.bottom - c, n = e.top - c;
+		w(t < l && n > t ? "top" : "bottom");
+	}
+	function A(e) {
+		let t = window.getSelection(), n = t?.anchorNode;
+		if (!t || !n || n.nodeType !== Node.TEXT_NODE) return;
+		let r = n.textContent ?? "", i = t.anchorOffset, a = r.slice(0, i).lastIndexOf(p);
+		if (a < 0) return;
+		let o = document.createRange();
+		o.setStart(n, a), o.setEnd(n, i), o.deleteContents();
+		let s = document.createElement("span");
+		s.dataset.mention = e.value, s.contentEditable = "false", s.className = "mention-tag", s.textContent = `${p}${e.label}`;
+		let c = document.createTextNode("\xA0");
+		o.insertNode(c), o.insertNode(s);
+		let l = document.createRange();
+		l.setStart(c, c.length), l.collapse(!0), t.removeAllRanges(), t.addRange(l), b(void 0), window.requestAnimationFrame(() => {
+			O(), v.current?.focus();
+		});
+	}
+	function j(e) {
+		if (e.key === "Backspace" && !E) {
+			let t = window.getSelection();
+			if (t?.isCollapsed && t.anchorNode) {
+				let n = t.anchorNode.previousSibling;
+				if (n instanceof HTMLElement && n.dataset.mention) {
+					e.preventDefault(), n.remove(), O();
+					return;
+				}
+				if (t.anchorOffset === 0 && t.anchorNode.parentElement?.dataset.mention) {
+					e.preventDefault(), t.anchorNode.parentElement.remove(), O();
+					return;
+				}
+			}
+		}
+		if (E) {
+			if (e.key === "ArrowDown") e.preventDefault(), S((x + 1) % T.length);
+			else if (e.key === "ArrowUp") e.preventDefault(), S((x - 1 + T.length) % T.length);
+			else if (e.key === "Enter") {
+				e.preventDefault();
+				let t = T[x];
+				t && A(t);
+			} else e.key === "Escape" && b(void 0);
+		}
+	}
+	return n(() => {
+		if (E) return k(), window.addEventListener("resize", k), window.addEventListener("scroll", k, !0), () => {
+			window.removeEventListener("resize", k), window.removeEventListener("scroll", k, !0);
+		};
+	}, [E]), /* @__PURE__ */ o("div", {
+		"data-slot": "mention",
+		className: e("relative", g),
+		children: [
+			/* @__PURE__ */ a("div", {
+				ref: v,
+				role: "textbox",
+				"aria-multiline": "true",
+				"aria-label": m,
+				contentEditable: !0,
+				suppressContentEditableWarning: !0,
+				"data-placeholder": h ?? _("mention.placeholder", { trigger: p }),
+				className: "mention-editor min-h-20 w-full rounded-lg border border-input bg-card px-3.5 py-2 text-sm outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20",
+				onInput: O,
+				onKeyDown: j,
+				onBlur: () => b(void 0),
+				onPaste: (e) => {
+					e.preventDefault();
+					let t = e.clipboardData.getData("text/plain");
+					document.execCommand("insertText", !1, t);
+				}
+			}),
+			E && /* @__PURE__ */ a("ul", {
+				role: "listbox",
+				"aria-label": _("mention.title"),
+				className: e("absolute z-30 max-h-48 w-64 overflow-y-auto rounded-lg border bg-popover p-1 shadow-md", C === "top" ? "bottom-full mb-1" : "top-full mt-1"),
+				children: T.map((t, n) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("button", {
+					type: "button",
+					role: "option",
+					"aria-selected": n === x,
+					className: e("flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm", n === x && "bg-accent text-accent-foreground"),
+					onMouseEnter: () => S(n),
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: () => A(t),
+					children: /* @__PURE__ */ o("span", {
+						className: "min-w-0 flex-1 truncate",
+						children: [/* @__PURE__ */ a("span", {
+							className: "block",
+							children: t.label
+						}), t.description && /* @__PURE__ */ a("span", {
+							className: "block truncate text-xs text-muted-foreground",
+							children: t.description
+						})]
+					})
+				}) }, t.value))
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "sr-only",
+				children: u
+			})
+		]
+	});
+}
+//#endregion
+export { u as Mention };

package/dist-package/components/multi-select.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/badge.cjs"),i=require("./ui/checkbox.cjs"),a=require("./ui/input.cjs");let o=require("react"),s=require("radix-ui"),c=require("lucide-react"),l=require("react/jsx-runtime");function u({options:u,values:d,onValuesChange:f,label:p,placeholder:m,className:h}){let{t:g}=n.useUiTranslation(),[_,v]=(0,o.useState)(!1),[y,b]=(0,o.useState)(``),x=(0,o.useMemo)(()=>{let e=y.trim().toLowerCase();return e?u.filter(t=>t.label.toLowerCase().includes(e)):u},[u,y]),S=u.filter(e=>d.includes(e.value));function C(e,t){f(t?[...d,e]:d.filter(t=>t!==e))}return(0,l.jsxs)(s.Popover.Root,{open:_,onOpenChange:e=>{v(e),e||b(``)},children:[(0,l.jsx)(s.Popover.Trigger,{asChild:!0,children:(0,l.jsxs)(t.Button,{type:`button`,variant:`outline`,role:`combobox`,"aria-expanded":_,"aria-label":p,className:e.cn(`h-auto min-h-10 w-full justify-between bg-card py-1.5 font-normal`,h),children:[(0,l.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-wrap gap-1`,children:[S.length===0&&(0,l.jsx)(`span`,{className:`truncate text-muted-foreground`,children:m??g(`search`)}),S.map(e=>(0,l.jsx)(r.Badge,{variant:`secondary`,children:e.label},e.value))]}),(0,l.jsx)(c.ChevronDown,{"aria-hidden":`true`,className:`size-4 shrink-0 opacity-60`})]})}),(0,l.jsx)(s.Popover.Portal,{children:(0,l.jsxs)(s.Popover.Content,{align:`start`,sideOffset:4,className:`z-50 w-[var(--radix-popover-trigger-width)] min-w-56 overflow-hidden rounded-lg border bg-popover p-1 shadow-lg outline-none`,children:[(0,l.jsx)(`div`,{className:`p-1`,children:(0,l.jsx)(a.Input,{autoFocus:!0,"aria-label":p,value:y,placeholder:g(`search`),className:`h-8`,onChange:e=>b(e.target.value)})}),(0,l.jsxs)(`div`,{className:`flex items-center justify-between px-2 py-1 text-xs text-muted-foreground`,children:[(0,l.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(i.Checkbox,{"aria-label":g(`tree.selectAll`),checked:x.length>0&&x.every(e=>d.includes(e.value)),indeterminate:x.some(e=>d.includes(e.value))&&!x.every(e=>d.includes(e.value)),onCheckedChange:e=>{let t=x.map(e=>e.value);f(e?[...new Set([...d,...t])]:d.filter(e=>!t.includes(e)))}}),g(`notifications.all`)]}),(0,l.jsx)(t.Button,{type:`button`,variant:`ghost`,size:`xs`,onClick:()=>f([]),children:g(`clear`)})]}),(0,l.jsxs)(`div`,{role:`listbox`,"aria-label":p,"aria-multiselectable":!0,className:`max-h-64 overflow-y-auto p-1`,children:[x.map(e=>(0,l.jsxs)(`label`,{className:`flex items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground`,children:[(0,l.jsx)(i.Checkbox,{checked:d.includes(e.value),"aria-label":e.label,onCheckedChange:t=>C(e.value,t===!0)}),(0,l.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,l.jsx)(`span`,{className:`block truncate`,children:e.label}),e.description&&(0,l.jsx)(`span`,{className:`block truncate text-xs text-muted-foreground`,children:e.description})]})]},e.value)),!x.length&&(0,l.jsx)(`p`,{className:`px-2 py-6 text-center text-sm text-muted-foreground`,children:g(`empty`)})]}),(0,l.jsxs)(`div`,{className:`flex items-center justify-between border-t px-2 py-1.5 text-xs text-muted-foreground`,children:[(0,l.jsx)(`span`,{children:g(`tree.selected`,{count:d.length})}),(0,l.jsxs)(t.Button,{type:`button`,variant:`ghost`,size:`xs`,onClick:()=>v(!1),children:[(0,l.jsx)(c.Check,{"aria-hidden":`true`}),g(`confirm`)]})]})]})})]})}exports.MultiSelect=u;

package/dist-package/components/multi-select.d.ts

@@ -0,0 +1,17 @@
+export type MultiSelectOption = {
+    value: string;
+    label: string;
+    description?: string;
+};
+/**
+ * 多选下拉：支持搜索、全选与可清除，选中项以标签回显。
+ */
+export declare function MultiSelect({ options, values, onValuesChange, label, placeholder, className, }: {
+    options: MultiSelectOption[];
+    values: string[];
+    onValuesChange: (values: string[]) => void;
+    label: string;
+    placeholder?: string;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=multi-select.d.ts.map

package/dist-package/components/multi-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../src/components/multi-select.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEtF;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,cAAc,EACd,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE;IACD,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAC5B,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAmIA"}

package/dist-package/components/multi-select.js

@@ -0,0 +1,126 @@
+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 { Badge as r } from "./ui/badge.js";
+import { Checkbox as i } from "./ui/checkbox.js";
+import { Input as a } from "./ui/input.js";
+import { useMemo as o, useState as s } from "react";
+import { Popover as c } from "radix-ui";
+import { Check as l, ChevronDown as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/multi-select.tsx
+function p({ options: p, values: m, onValuesChange: h, label: g, placeholder: _, className: v }) {
+	let { t: y } = n(), [b, x] = s(!1), [S, C] = s(""), w = o(() => {
+		let e = S.trim().toLowerCase();
+		return e ? p.filter((t) => t.label.toLowerCase().includes(e)) : p;
+	}, [p, S]), T = p.filter((e) => m.includes(e.value));
+	function E(e, t) {
+		h(t ? [...m, e] : m.filter((t) => t !== e));
+	}
+	return /* @__PURE__ */ f(c.Root, {
+		open: b,
+		onOpenChange: (e) => {
+			x(e), e || C("");
+		},
+		children: [/* @__PURE__ */ d(c.Trigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ f(t, {
+				type: "button",
+				variant: "outline",
+				role: "combobox",
+				"aria-expanded": b,
+				"aria-label": g,
+				className: e("h-auto min-h-10 w-full justify-between bg-card py-1.5 font-normal", v),
+				children: [/* @__PURE__ */ f("span", {
+					className: "flex min-w-0 flex-1 flex-wrap gap-1",
+					children: [T.length === 0 && /* @__PURE__ */ d("span", {
+						className: "truncate text-muted-foreground",
+						children: _ ?? y("search")
+					}), T.map((e) => /* @__PURE__ */ d(r, {
+						variant: "secondary",
+						children: e.label
+					}, e.value))]
+				}), /* @__PURE__ */ d(u, {
+					"aria-hidden": "true",
+					className: "size-4 shrink-0 opacity-60"
+				})]
+			})
+		}), /* @__PURE__ */ d(c.Portal, { children: /* @__PURE__ */ f(c.Content, {
+			align: "start",
+			sideOffset: 4,
+			className: "z-50 w-[var(--radix-popover-trigger-width)] min-w-56 overflow-hidden rounded-lg border bg-popover p-1 shadow-lg outline-none",
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: "p-1",
+					children: /* @__PURE__ */ d(a, {
+						autoFocus: !0,
+						"aria-label": g,
+						value: S,
+						placeholder: y("search"),
+						className: "h-8",
+						onChange: (e) => C(e.target.value)
+					})
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "flex items-center justify-between px-2 py-1 text-xs text-muted-foreground",
+					children: [/* @__PURE__ */ f("label", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ d(i, {
+							"aria-label": y("tree.selectAll"),
+							checked: w.length > 0 && w.every((e) => m.includes(e.value)),
+							indeterminate: w.some((e) => m.includes(e.value)) && !w.every((e) => m.includes(e.value)),
+							onCheckedChange: (e) => {
+								let t = w.map((e) => e.value);
+								h(e ? [.../* @__PURE__ */ new Set([...m, ...t])] : m.filter((e) => !t.includes(e)));
+							}
+						}), y("notifications.all")]
+					}), /* @__PURE__ */ d(t, {
+						type: "button",
+						variant: "ghost",
+						size: "xs",
+						onClick: () => h([]),
+						children: y("clear")
+					})]
+				}),
+				/* @__PURE__ */ f("div", {
+					role: "listbox",
+					"aria-label": g,
+					"aria-multiselectable": !0,
+					className: "max-h-64 overflow-y-auto p-1",
+					children: [w.map((e) => /* @__PURE__ */ f("label", {
+						className: "flex items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground",
+						children: [/* @__PURE__ */ d(i, {
+							checked: m.includes(e.value),
+							"aria-label": e.label,
+							onCheckedChange: (t) => E(e.value, t === !0)
+						}), /* @__PURE__ */ f("span", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ d("span", {
+								className: "block truncate",
+								children: e.label
+							}), e.description && /* @__PURE__ */ d("span", {
+								className: "block truncate text-xs text-muted-foreground",
+								children: e.description
+							})]
+						})]
+					}, e.value)), !w.length && /* @__PURE__ */ d("p", {
+						className: "px-2 py-6 text-center text-sm text-muted-foreground",
+						children: y("empty")
+					})]
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "flex items-center justify-between border-t px-2 py-1.5 text-xs text-muted-foreground",
+					children: [/* @__PURE__ */ d("span", { children: y("tree.selected", { count: m.length }) }), /* @__PURE__ */ f(t, {
+						type: "button",
+						variant: "ghost",
+						size: "xs",
+						onClick: () => x(!1),
+						children: [/* @__PURE__ */ d(l, { "aria-hidden": "true" }), y("confirm")]
+					})]
+				})
+			]
+		}) })]
+	});
+}
+//#endregion
+export { p as MultiSelect };

package/dist-package/components/multi-step-loader.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs");let t=require("lucide-react"),n=require("react/jsx-runtime");function r({steps:r,current:i,failed:a,className:o}){return(0,n.jsx)(`ol`,{"data-slot":`multi-step-loader`,"aria-busy":i<r.length,className:e.cn(`space-y-3 rounded-xl border bg-card p-4`,o),children:r.map((r,o)=>{let s=a===o?`failed`:o<i?`done`:o===i?`doing`:`pending`;return(0,n.jsxs)(`li`,{className:`flex items-start gap-3`,children:[(0,n.jsxs)(`span`,{"aria-hidden":`true`,className:`mt-0.5 flex size-4 shrink-0 items-center justify-center`,children:[s===`done`&&(0,n.jsx)(t.CircleCheck,{className:`size-4 text-success`}),s===`doing`&&(0,n.jsx)(t.LoaderCircle,{className:`size-4 animate-spin text-primary`}),s===`failed`&&(0,n.jsx)(t.X,{className:`size-4 text-danger`}),s===`pending`&&(0,n.jsx)(`span`,{className:`size-2 rounded-full bg-border`})]}),(0,n.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,n.jsx)(`span`,{className:e.cn(`block text-sm`,s===`pending`&&`text-muted-foreground`,s===`failed`&&`text-danger`),children:r.label}),r.description&&(0,n.jsx)(`span`,{className:`mt-0.5 block text-xs text-muted-foreground`,children:r.description})]})]},r.key)})})}exports.MultiStepLoader=r;

package/dist-package/components/multi-step-loader.d.ts

@@ -0,0 +1,18 @@
+export type LoadingStep = {
+    key: string;
+    label: string;
+    description?: string;
+};
+/**
+ * 多步加载：初始化、导入、批处理这类有阶段的过程。
+ * 已完成阶段打勾，当前阶段转圈，失败阶段标红。
+ */
+export declare function MultiStepLoader({ steps, current, failed, className, }: {
+    steps: LoadingStep[];
+    /** 当前阶段下标；等于 steps.length 表示全部完成。 */
+    current: number;
+    /** 失败阶段的下标，传入后该阶段显示为失败。 */
+    failed?: number;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=multi-step-loader.d.ts.map

package/dist-package/components/multi-step-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-step-loader.d.ts","sourceRoot":"","sources":["../../src/components/multi-step-loader.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,GACV,EAAE;IACD,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAA;IACf,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAgDA"}

package/dist-package/components/multi-step-loader.js

@@ -0,0 +1,38 @@
+import { cn as e } from "../lib/utils.js";
+import { CircleCheck as t, LoaderCircle as n, X as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/multi-step-loader.tsx
+function o({ steps: o, current: s, failed: c, className: l }) {
+	return /* @__PURE__ */ i("ol", {
+		"data-slot": "multi-step-loader",
+		"aria-busy": s < o.length,
+		className: e("space-y-3 rounded-xl border bg-card p-4", l),
+		children: o.map((o, l) => {
+			let u = c === l ? "failed" : l < s ? "done" : l === s ? "doing" : "pending";
+			return /* @__PURE__ */ a("li", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ a("span", {
+					"aria-hidden": "true",
+					className: "mt-0.5 flex size-4 shrink-0 items-center justify-center",
+					children: [
+						u === "done" && /* @__PURE__ */ i(t, { className: "size-4 text-success" }),
+						u === "doing" && /* @__PURE__ */ i(n, { className: "size-4 animate-spin text-primary" }),
+						u === "failed" && /* @__PURE__ */ i(r, { className: "size-4 text-danger" }),
+						u === "pending" && /* @__PURE__ */ i("span", { className: "size-2 rounded-full bg-border" })
+					]
+				}), /* @__PURE__ */ a("span", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ i("span", {
+						className: e("block text-sm", u === "pending" && "text-muted-foreground", u === "failed" && "text-danger"),
+						children: o.label
+					}), o.description && /* @__PURE__ */ i("span", {
+						className: "mt-0.5 block text-xs text-muted-foreground",
+						children: o.description
+					})]
+				})]
+			}, o.key);
+		})
+	});
+}
+//#endregion
+export { o as MultiStepLoader };

package/dist-package/components/page-button.cjs

@@ -0,0 +1 @@
+const e=require("./ui/button.cjs");let t=require("lucide-react"),n=require("react/jsx-runtime");function r({direction:r,children:i,...a}){return(0,n.jsxs)(e.Button,{...a,variant:`outline`,size:`sm`,children:[r===`previous`&&(0,n.jsx)(t.ArrowLeft,{"aria-hidden":`true`,className:`size-3.5`}),i,r===`next`&&(0,n.jsx)(t.ArrowRight,{"aria-hidden":`true`,className:`size-3.5`})]})}exports.PageButton=r;

package/dist-package/components/page-button.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from 'react';
+import { Button } from './ui/button';
+export declare function PageButton({ direction, children, ...props }: Omit<ComponentProps<typeof Button>, 'size' | 'variant' | 'asChild'> & {
+    direction: 'previous' | 'next';
+}): import("react").JSX.Element;
+//# sourceMappingURL=page-button.d.ts.map

package/dist-package/components/page-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-button.d.ts","sourceRoot":"","sources":["../../src/components/page-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,GAAG;IACvE,SAAS,EAAE,UAAU,GAAG,MAAM,CAAA;CAC/B,+BAQA"}

package/dist-package/components/page-button.js

@@ -0,0 +1,24 @@
+import { Button as e } from "./ui/button.js";
+import { ArrowLeft as t, ArrowRight as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/page-button.tsx
+function a({ direction: a, children: o, ...s }) {
+	return /* @__PURE__ */ i(e, {
+		...s,
+		variant: "outline",
+		size: "sm",
+		children: [
+			a === "previous" && /* @__PURE__ */ r(t, {
+				"aria-hidden": "true",
+				className: "size-3.5"
+			}),
+			o,
+			a === "next" && /* @__PURE__ */ r(n, {
+				"aria-hidden": "true",
+				className: "size-3.5"
+			})
+		]
+	});
+}
+//#endregion
+export { a as PageButton };

package/dist-package/components/page-pager.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("../lib/pager.cjs");let a=require("react"),o=require("react/jsx-runtime");function s({page:s,pageCount:c,onPageChange:l,className:u}){let{t:d}=n.useUiTranslation(),[f,p]=(0,a.useState)(``),m=Math.max(1,c);return(0,o.jsxs)(`div`,{className:e.cn(`flex items-center gap-1`,u),children:[i.pagerItems(s,m).map((e,n)=>e===null?(0,o.jsx)(`span`,{"aria-hidden":`true`,className:`px-1 text-muted-foreground`,children:`…`},`gap-${n}`):(0,o.jsx)(t.Button,{type:`button`,variant:e===s?`default`:`outline`,size:`sm`,"aria-label":d(`sample.pageSummary`,{page:e,count:m}),"aria-current":e===s?`page`:void 0,className:`min-w-8 px-2 tabular-nums`,onClick:()=>l(e),children:e},e)),m>7&&(0,o.jsxs)(`span`,{className:`ml-1 flex items-center gap-1 text-xs text-muted-foreground`,children:[d(`jumpTo`),(0,o.jsx)(r.Input,{"aria-label":d(`jumpTo`),inputMode:`numeric`,className:`h-8 w-14 px-2 text-center`,value:f,onChange:e=>p(e.target.value),onKeyDown:e=>{if(e.key!==`Enter`)return;let t=i.parsePageInput(f,m);t&&l(t),p(``)}}),d(`jumpPage`)]})]})}exports.PagePager=s;

package/dist-package/components/page-pager.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 页码分页器。
+ * 与 PageButton 的上下页按钮组合使用，放进 PaginationBar 的右侧。
+ */
+export declare function PagePager({ page, pageCount, onPageChange, className, }: {
+    page: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=page-pager.d.ts.map

package/dist-package/components/page-pager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-pager.d.ts","sourceRoot":"","sources":["../../src/components/page-pager.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,SAAS,GACV,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BA+CA"}

package/dist-package/components/page-pager.js

@@ -0,0 +1,51 @@
+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 { pagerItems as i, parsePageInput as a } from "../lib/pager.js";
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/page-pager.tsx
+function l({ page: l, pageCount: u, onPageChange: d, className: f }) {
+	let { t: p } = n(), [m, h] = o(""), g = Math.max(1, u);
+	return /* @__PURE__ */ c("div", {
+		className: e("flex items-center gap-1", f),
+		children: [i(l, g).map((e, n) => e === null ? /* @__PURE__ */ s("span", {
+			"aria-hidden": "true",
+			className: "px-1 text-muted-foreground",
+			children: "…"
+		}, `gap-${n}`) : /* @__PURE__ */ s(t, {
+			type: "button",
+			variant: e === l ? "default" : "outline",
+			size: "sm",
+			"aria-label": p("sample.pageSummary", {
+				page: e,
+				count: g
+			}),
+			"aria-current": e === l ? "page" : void 0,
+			className: "min-w-8 px-2 tabular-nums",
+			onClick: () => d(e),
+			children: e
+		}, e)), g > 7 && /* @__PURE__ */ c("span", {
+			className: "ml-1 flex items-center gap-1 text-xs text-muted-foreground",
+			children: [
+				p("jumpTo"),
+				/* @__PURE__ */ s(r, {
+					"aria-label": p("jumpTo"),
+					inputMode: "numeric",
+					className: "h-8 w-14 px-2 text-center",
+					value: m,
+					onChange: (e) => h(e.target.value),
+					onKeyDown: (e) => {
+						if (e.key !== "Enter") return;
+						let t = a(m, g);
+						t && d(t), h("");
+					}
+				}),
+				p("jumpPage")
+			]
+		})]
+	});
+}
+//#endregion
+export { l as PagePager };

package/dist-package/components/page.cjs

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

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

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+export declare function PageHeader({ title, description, eyebrow, actions, }: {
+    title: string;
+    description?: string;
+    eyebrow: string;
+    actions?: ReactNode;
+}): import("react").JSX.Element;
+export declare function EmptyState({ title, description, action, icon, size, }: {
+    title?: string;
+    description?: string;
+    action?: ReactNode;
+    /** 自定义图标，默认收件箱；列表类空态可换成对应业务图标。 */
+    icon?: ReactNode;
+    /** 嵌入卡片时用 compact。 */
+    size?: 'default' | 'compact';
+}): import("react").JSX.Element;
+export declare function ErrorState({ message, traceId, retry, }: {
+    message: string;
+    traceId?: string;
+    retry?: () => void;
+}): import("react").JSX.Element;
+export declare function LoadingState({ 
+/** spinner（默认）／dots／bars，覆盖不同体量的加载场景。 */
+variant, label, }?: {
+    variant?: 'spinner' | 'dots' | 'bars';
+    label?: string;
+}): import("react").JSX.Element;
+export declare function CopyValue({ value }: {
+    value: string;
+}): import("react").JSX.Element;
+export declare function NotFoundPage(): import("react").JSX.Element;
+/** 403：菜单里没有、但直接敲 URL 进来的页面。 */
+export declare function ForbiddenPage(): import("react").JSX.Element;
+//# sourceMappingURL=page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../src/components/page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,+BAeA;AACD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,MAAM,EACN,IAAI,EACJ,IAAgB,GACjB,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,kCAAkC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,sBAAsB;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAC7B,+BAoBA;AACD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,KAAK,GACN,EAAE;IACD,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;CACnB,+BAwBA;AACD,wBAAgB,YAAY,CAAC;AAC3B,yCAAyC;AACzC,OAAmB,EACnB,KAAK,GACN,GAAE;IACD,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;CACV,+BAmCL;AACD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAwBrD;AACD,wBAAgB,YAAY,gCAe3B;AAED,gCAAgC;AAChC,wBAAgB,aAAa,gCAe5B"}