@runlume/admin-ui 0.1.0 → 0.2.1

package/dist-package/components/ui/date-input.js

@@ -0,0 +1,183 @@
+import { cn as e } from "../../lib/utils.js";
+import { useUiTranslation as t } from "../../lib/use-ui-translation.js";
+import { inputBaseClass as n } from "./input.js";
+import * as r from "react";
+import { Popover as i } from "radix-ui";
+import { CalendarDays as a, ChevronLeft as o, ChevronRight as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/ui/date-input.tsx
+var d = (e) => `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, f = (e) => {
+	let [t, n, r] = e.slice(0, 10).split("-").map(Number);
+	return t && n && r ? new Date(t, n - 1, r) : /* @__PURE__ */ new Date();
+};
+function p({ ref: p, className: m, onChange: h, onKeyDown: g, disabled: _, readOnly: v, ...y }) {
+	let { i18n: b } = t(), x = b.language.startsWith("en"), S = r.useRef(null), C = r.useRef(null), [w, T] = r.useState(!1), [E, D] = r.useState("day"), [O, k] = r.useState(() => f(String(y.value ?? y.defaultValue ?? ""))), [A, j] = r.useState(""), [M, N] = r.useState("");
+	r.useImperativeHandle(p, () => S.current);
+	let P = String(y.min ?? "").slice(0, 10), F = String(y.max ?? "").slice(0, 10), I = (e) => !!P && e < P || !!F && e > F;
+	function L(e) {
+		if (e) {
+			let e = S.current.value.slice(0, 10), t = e || d(/* @__PURE__ */ new Date());
+			P && t < P && (t = P), F && t > F && (t = F), k(f(t)), j(t), N(e);
+		}
+		T(e);
+	}
+	r.useEffect(() => {
+		w && C.current?.querySelector(`[data-day="${A}"]`)?.focus();
+	}, [w, A]);
+	function R(e) {
+		let t = S.current, n = e && y.type === "datetime-local" ? `${e}T${t.value.split("T")[1] || "00:00"}` : e;
+		Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set.call(t, n), t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 })), T(!1);
+	}
+	function z(e) {
+		let t = new Date(O.getFullYear(), O.getMonth() + e, 1);
+		k(t), j(d(t));
+	}
+	let B = new Date(O.getFullYear(), O.getMonth(), 1);
+	B.setDate(1 - B.getDay());
+	let V = Array.from({ length: 42 }, (e, t) => new Date(B.getFullYear(), B.getMonth(), B.getDate() + t));
+	return /* @__PURE__ */ u(i.Root, {
+		open: w,
+		onOpenChange: L,
+		children: [/* @__PURE__ */ u("div", {
+			className: "relative min-w-0 w-full",
+			children: [/* @__PURE__ */ l("input", {
+				...y,
+				ref: S,
+				disabled: _,
+				readOnly: v,
+				"data-slot": "input",
+				className: e(n, "themed-date-input pr-10", m),
+				onChange: h,
+				onKeyDown: (e) => {
+					g?.(e), !e.defaultPrevented && e.altKey && e.key === "ArrowDown" && !_ && !v && (e.preventDefault(), L(!0));
+				}
+			}), /* @__PURE__ */ l(i.Trigger, {
+				asChild: !0,
+				children: /* @__PURE__ */ l("button", {
+					type: "button",
+					disabled: _ || v,
+					"aria-label": x ? "Choose date" : "选择日期",
+					className: "absolute right-1 top-1/2 flex size-8 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:opacity-50",
+					children: /* @__PURE__ */ l(a, { className: "size-4" })
+				})
+			})]
+		}), /* @__PURE__ */ l(i.Portal, { children: /* @__PURE__ */ u(i.Content, {
+			ref: C,
+			sideOffset: 4,
+			align: "start",
+			"aria-label": x ? "Calendar" : "日历",
+			onOpenAutoFocus: (e) => {
+				e.preventDefault(), C.current?.querySelector(`[data-day="${A}"]`)?.focus();
+			},
+			className: "z-50 w-72 max-w-[calc(100vw-2rem)] rounded-xl border bg-popover p-3 text-popover-foreground shadow-md",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "mb-2 flex items-center justify-between",
+					children: [
+						/* @__PURE__ */ l("button", {
+							type: "button",
+							"aria-label": x ? "Previous month" : "上个月",
+							onClick: () => z(-1),
+							className: "flex size-8 items-center justify-center rounded-md hover:bg-accent",
+							children: /* @__PURE__ */ l(o, { className: "size-4" })
+						}),
+						/* @__PURE__ */ l("button", {
+							type: "button",
+							"aria-label": x ? "Switch to month or year view" : "切换到月/年视图",
+							className: "rounded-md px-2 py-1 text-sm font-medium hover:bg-accent",
+							onClick: () => D(E === "day" ? "month" : E === "month" ? "year" : "day"),
+							children: new Intl.DateTimeFormat(b.language, {
+								year: "numeric",
+								month: "long"
+							}).format(O)
+						}),
+						/* @__PURE__ */ l("button", {
+							type: "button",
+							"aria-label": x ? "Next month" : "下个月",
+							onClick: () => z(1),
+							className: "flex size-8 items-center justify-center rounded-md hover:bg-accent",
+							children: /* @__PURE__ */ l(s, { className: "size-4" })
+						})
+					]
+				}),
+				E === "month" && /* @__PURE__ */ l("div", {
+					className: "grid grid-cols-3 gap-1",
+					children: Array.from({ length: 12 }, (e, t) => t).map((t) => /* @__PURE__ */ l("button", {
+						type: "button",
+						className: e("rounded-md px-2 py-2 text-sm hover:bg-accent", O.getMonth() === t && "bg-primary/10 text-primary"),
+						onClick: () => {
+							k(new Date(O.getFullYear(), t, 1)), D("day");
+						},
+						children: new Intl.DateTimeFormat(b.language, { month: "short" }).format(new Date(O.getFullYear(), t, 1))
+					}, t))
+				}),
+				E === "year" && /* @__PURE__ */ l("div", {
+					className: "grid grid-cols-3 gap-1",
+					children: Array.from({ length: 12 }, (e, t) => O.getFullYear() - 6 + t).map((t) => /* @__PURE__ */ l("button", {
+						type: "button",
+						className: e("rounded-md px-2 py-2 text-sm hover:bg-accent", O.getFullYear() === t && "bg-primary/10 text-primary"),
+						onClick: () => {
+							k(new Date(t, O.getMonth(), 1)), D("month");
+						},
+						children: t
+					}, t))
+				}),
+				E === "day" && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
+					className: "grid grid-cols-7 text-center text-xs text-muted-foreground",
+					children: V.slice(0, 7).map((e) => /* @__PURE__ */ l("span", {
+						className: "py-2",
+						children: new Intl.DateTimeFormat(b.language, { weekday: "narrow" }).format(e)
+					}, d(e)))
+				}), /* @__PURE__ */ l("div", {
+					className: "grid grid-cols-7 gap-0.5",
+					onKeyDown: (e) => {
+						let t = {
+							ArrowLeft: -1,
+							ArrowRight: 1,
+							ArrowUp: -7,
+							ArrowDown: 7
+						}[e.key];
+						if (t === void 0) return;
+						e.preventDefault();
+						let n = f(A);
+						n.setDate(n.getDate() + t);
+						let r = d(n);
+						I(r) || (k(n), j(r));
+					},
+					children: V.map((t) => {
+						let n = d(t);
+						return /* @__PURE__ */ l("button", {
+							type: "button",
+							"data-day": n,
+							tabIndex: n === A ? 0 : -1,
+							"aria-label": n,
+							"aria-pressed": M === n,
+							"aria-current": n === d(/* @__PURE__ */ new Date()) ? "date" : void 0,
+							disabled: I(n),
+							onClick: () => R(n),
+							className: e("h-8 rounded-md text-sm hover:bg-accent hover:text-accent-foreground disabled:opacity-30", t.getMonth() !== O.getMonth() && "text-muted-foreground", M === n && "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground"),
+							children: t.getDate()
+						}, n);
+					})
+				})] }),
+				/* @__PURE__ */ u("div", {
+					className: "mt-2 flex justify-between border-t pt-2",
+					children: [/* @__PURE__ */ l("button", {
+						type: "button",
+						onClick: () => R(""),
+						className: "rounded-md px-2 py-1 text-sm text-muted-foreground hover:bg-accent",
+						children: x ? "Clear" : "清除"
+					}), /* @__PURE__ */ l("button", {
+						type: "button",
+						disabled: I(d(/* @__PURE__ */ new Date())),
+						onClick: () => R(d(/* @__PURE__ */ new Date())),
+						className: "rounded-md px-2 py-1 text-sm text-primary hover:bg-accent disabled:opacity-30",
+						children: x ? "Today" : "今天"
+					})]
+				})
+			]
+		}) })]
+	});
+}
+//#endregion
+export { p as DateInput };

package/dist-package/components/ui/date-range-input.cjs

@@ -0,0 +1 @@
+const e=require("../../lib/utils.cjs"),t=require("./button.cjs"),n=require("../../lib/use-ui-translation.cjs"),r=require("./date-input.cjs"),i=require("../../lib/range.cjs"),a=require("./label.cjs");let o=require("react"),s=require("radix-ui"),c=require("lucide-react"),l=require("react/jsx-runtime");function u({value:u,onValueChange:d,label:f,className:p}){let{t:m,i18n:h}=n.useUiTranslation(),[g,_]=(0,o.useState)(u),[v,y]=(0,o.useState)(!1),b=i.invalidRange(g),x=i.rangeShortcuts(),S=i.rangeLabel(u),[C,w]=(0,o.useState)(()=>new Date(u.from??Date.now())),[T,E]=(0,o.useState)(),D=(0,o.useRef)(null),O=i.monthGrid(C),k=new Intl.DateTimeFormat(h.language,{year:`numeric`,month:`long`}).format(C);function A(e){_(t=>!t.from||t.from&&t.to?{from:e,to:void 0}:e<t.from?{from:e,to:t.from}:{...t,to:e})}function j(e){let t=D.current;if(t){if(!t.dragging){if(e===t.key)return;t.dragging=!0}_(()=>e<t.key?{from:e,to:t.key}:{from:t.key,to:e})}}return(0,l.jsxs)(s.Popover.Root,{open:v,onOpenChange:e=>{y(e),e&&_(u)},children:[(0,l.jsx)(s.Popover.Trigger,{asChild:!0,children:(0,l.jsxs)(t.Button,{type:`button`,variant:`outline`,"aria-label":f,className:e.cn(`w-full justify-start bg-card font-normal`,p),children:[(0,l.jsx)(c.CalendarRange,{"aria-hidden":`true`,className:`size-4 opacity-60`}),(0,l.jsx)(`span`,{className:e.cn(`truncate`,!S&&`text-muted-foreground`),children:S||m(`dateRange.placeholder`)})]})}),(0,l.jsx)(s.Popover.Portal,{children:(0,l.jsxs)(s.Popover.Content,{align:`start`,sideOffset:4,className:`z-50 w-80 rounded-lg border bg-popover p-3 shadow-lg outline-none`,onMouseLeave:()=>{D.current=null},children:[(0,l.jsxs)(`div`,{className:`mb-2 flex items-center justify-between`,children:[(0,l.jsx)(t.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,"aria-label":m(`dateRange.previousMonth`),onClick:()=>w(new Date(C.getFullYear(),C.getMonth()-1,1)),children:(0,l.jsx)(c.ChevronLeft,{"aria-hidden":`true`})}),(0,l.jsx)(`p`,{className:`text-sm font-medium`,children:k}),(0,l.jsx)(t.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,"aria-label":m(`dateRange.nextMonth`),onClick:()=>w(new Date(C.getFullYear(),C.getMonth()+1,1)),children:(0,l.jsx)(c.ChevronRight,{"aria-hidden":`true`})})]}),(0,l.jsx)(`div`,{className:`grid grid-cols-7 text-center text-xs text-muted-foreground`,children:O.slice(0,7).map(e=>(0,l.jsx)(`span`,{className:`py-1`,children:new Intl.DateTimeFormat(h.language,{weekday:`narrow`}).format(e)},i.dayKey(e)))}),(0,l.jsx)(`div`,{className:`grid grid-cols-7 gap-0.5`,children:O.map(t=>{let n=i.dayKey(t),r=g.from&&!g.to?{from:g.from,to:T}:g,a=i.rangeState(r,n),o=t.getMonth()!==C.getMonth();return(0,l.jsx)(`button`,{type:`button`,"data-day":n,"aria-label":n,"aria-pressed":a!==`outside`,onMouseEnter:()=>{E(n),j(n)},onMouseLeave:()=>E(void 0),onMouseDown:()=>{D.current={key:n,dragging:!1}},onMouseUp:()=>{let e=D.current;D.current=null,e&&!e.dragging&&A(n)},className:e.cn(`h-8 rounded-md text-sm tabular-nums hover:bg-accent`,o&&`text-muted-foreground`,a===`in-range`&&`bg-primary/10 text-primary`,(a===`start`||a===`end`)&&`bg-primary text-primary-foreground hover:bg-primary`),children:t.getDate()},n)})}),(0,l.jsxs)(`div`,{className:`mt-2 grid gap-3 sm:grid-cols-2`,children:[(0,l.jsxs)(`div`,{className:`grid gap-1.5`,children:[(0,l.jsx)(a.Label,{htmlFor:`range-from`,children:m(`dateRange.from`)}),(0,l.jsx)(r.DateInput,{id:`range-from`,value:g.from??``,max:g.to,onChange:e=>_({...g,from:e.target.value})})]}),(0,l.jsxs)(`div`,{className:`grid gap-1.5`,children:[(0,l.jsx)(a.Label,{htmlFor:`range-to`,children:m(`dateRange.to`)}),(0,l.jsx)(r.DateInput,{id:`range-to`,value:g.to??``,min:g.from,onChange:e=>_({...g,to:e.target.value})})]})]}),(0,l.jsx)(`div`,{className:`mt-3 flex flex-wrap gap-1.5`,children:x.map(e=>(0,l.jsx)(t.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>{_(e.range),d(e.range),y(!1)},children:m(`dateRange.shortcuts.${e.key}`)},e.key))}),b&&(0,l.jsx)(`p`,{className:`mt-2 text-xs text-destructive`,children:m(`dateRange.invalid`)}),(0,l.jsxs)(`div`,{className:`mt-3 flex justify-end gap-2 border-t pt-3`,children:[(0,l.jsx)(t.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>{_({}),d({}),y(!1)},children:m(`clear`)}),(0,l.jsx)(t.Button,{type:`button`,size:`sm`,disabled:b,onClick:()=>{d(g),y(!1)},children:m(`confirm`)})]})]})})]})}exports.DateRangeInput=u;

package/dist-package/components/ui/date-range-input.js

@@ -0,0 +1,209 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "./button.js";
+import { useUiTranslation as n } from "../../lib/use-ui-translation.js";
+import { DateInput as r } from "./date-input.js";
+import { dayKey as i, invalidRange as a, monthGrid as o, rangeLabel as s, rangeShortcuts as c, rangeState as l } from "../../lib/range.js";
+import { Label as u } from "./label.js";
+import { useRef as d, useState as f } from "react";
+import { Popover as p } from "radix-ui";
+import { CalendarRange as m, ChevronLeft as h, ChevronRight as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/components/ui/date-range-input.tsx
+function y({ value: y, onValueChange: b, label: x, className: S }) {
+	let { t: C, i18n: w } = n(), [T, E] = f(y), [D, O] = f(!1), k = a(T), A = c(), j = s(y), [M, N] = f(() => new Date(y.from ?? Date.now())), [P, F] = f(), I = d(null), L = o(M), R = new Intl.DateTimeFormat(w.language, {
+		year: "numeric",
+		month: "long"
+	}).format(M);
+	function z(e) {
+		E((t) => !t.from || t.from && t.to ? {
+			from: e,
+			to: void 0
+		} : e < t.from ? {
+			from: e,
+			to: t.from
+		} : {
+			...t,
+			to: e
+		});
+	}
+	function B(e) {
+		let t = I.current;
+		if (t) {
+			if (!t.dragging) {
+				if (e === t.key) return;
+				t.dragging = !0;
+			}
+			E(() => e < t.key ? {
+				from: e,
+				to: t.key
+			} : {
+				from: t.key,
+				to: e
+			});
+		}
+	}
+	return /* @__PURE__ */ v(p.Root, {
+		open: D,
+		onOpenChange: (e) => {
+			O(e), e && E(y);
+		},
+		children: [/* @__PURE__ */ _(p.Trigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ v(t, {
+				type: "button",
+				variant: "outline",
+				"aria-label": x,
+				className: e("w-full justify-start bg-card font-normal", S),
+				children: [/* @__PURE__ */ _(m, {
+					"aria-hidden": "true",
+					className: "size-4 opacity-60"
+				}), /* @__PURE__ */ _("span", {
+					className: e("truncate", !j && "text-muted-foreground"),
+					children: j || C("dateRange.placeholder")
+				})]
+			})
+		}), /* @__PURE__ */ _(p.Portal, { children: /* @__PURE__ */ v(p.Content, {
+			align: "start",
+			sideOffset: 4,
+			className: "z-50 w-80 rounded-lg border bg-popover p-3 shadow-lg outline-none",
+			onMouseLeave: () => {
+				I.current = null;
+			},
+			children: [
+				/* @__PURE__ */ v("div", {
+					className: "mb-2 flex items-center justify-between",
+					children: [
+						/* @__PURE__ */ _(t, {
+							type: "button",
+							variant: "ghost",
+							size: "icon-sm",
+							"aria-label": C("dateRange.previousMonth"),
+							onClick: () => N(new Date(M.getFullYear(), M.getMonth() - 1, 1)),
+							children: /* @__PURE__ */ _(h, { "aria-hidden": "true" })
+						}),
+						/* @__PURE__ */ _("p", {
+							className: "text-sm font-medium",
+							children: R
+						}),
+						/* @__PURE__ */ _(t, {
+							type: "button",
+							variant: "ghost",
+							size: "icon-sm",
+							"aria-label": C("dateRange.nextMonth"),
+							onClick: () => N(new Date(M.getFullYear(), M.getMonth() + 1, 1)),
+							children: /* @__PURE__ */ _(g, { "aria-hidden": "true" })
+						})
+					]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "grid grid-cols-7 text-center text-xs text-muted-foreground",
+					children: L.slice(0, 7).map((e) => /* @__PURE__ */ _("span", {
+						className: "py-1",
+						children: new Intl.DateTimeFormat(w.language, { weekday: "narrow" }).format(e)
+					}, i(e)))
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "grid grid-cols-7 gap-0.5",
+					children: L.map((t) => {
+						let n = i(t), r = T.from && !T.to ? {
+							from: T.from,
+							to: P
+						} : T, a = l(r, n), o = t.getMonth() !== M.getMonth();
+						return /* @__PURE__ */ _("button", {
+							type: "button",
+							"data-day": n,
+							"aria-label": n,
+							"aria-pressed": a !== "outside",
+							onMouseEnter: () => {
+								F(n), B(n);
+							},
+							onMouseLeave: () => F(void 0),
+							onMouseDown: () => {
+								I.current = {
+									key: n,
+									dragging: !1
+								};
+							},
+							onMouseUp: () => {
+								let e = I.current;
+								I.current = null, e && !e.dragging && z(n);
+							},
+							className: e("h-8 rounded-md text-sm tabular-nums hover:bg-accent", o && "text-muted-foreground", a === "in-range" && "bg-primary/10 text-primary", (a === "start" || a === "end") && "bg-primary text-primary-foreground hover:bg-primary"),
+							children: t.getDate()
+						}, n);
+					})
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "mt-2 grid gap-3 sm:grid-cols-2",
+					children: [/* @__PURE__ */ v("div", {
+						className: "grid gap-1.5",
+						children: [/* @__PURE__ */ _(u, {
+							htmlFor: "range-from",
+							children: C("dateRange.from")
+						}), /* @__PURE__ */ _(r, {
+							id: "range-from",
+							value: T.from ?? "",
+							max: T.to,
+							onChange: (e) => E({
+								...T,
+								from: e.target.value
+							})
+						})]
+					}), /* @__PURE__ */ v("div", {
+						className: "grid gap-1.5",
+						children: [/* @__PURE__ */ _(u, {
+							htmlFor: "range-to",
+							children: C("dateRange.to")
+						}), /* @__PURE__ */ _(r, {
+							id: "range-to",
+							value: T.to ?? "",
+							min: T.from,
+							onChange: (e) => E({
+								...T,
+								to: e.target.value
+							})
+						})]
+					})]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "mt-3 flex flex-wrap gap-1.5",
+					children: A.map((e) => /* @__PURE__ */ _(t, {
+						type: "button",
+						size: "sm",
+						variant: "outline",
+						onClick: () => {
+							E(e.range), b(e.range), O(!1);
+						},
+						children: C(`dateRange.shortcuts.${e.key}`)
+					}, e.key))
+				}),
+				k && /* @__PURE__ */ _("p", {
+					className: "mt-2 text-xs text-destructive",
+					children: C("dateRange.invalid")
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "mt-3 flex justify-end gap-2 border-t pt-3",
+					children: [/* @__PURE__ */ _(t, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						onClick: () => {
+							E({}), b({}), O(!1);
+						},
+						children: C("clear")
+					}), /* @__PURE__ */ _(t, {
+						type: "button",
+						size: "sm",
+						disabled: k,
+						onClick: () => {
+							b(T), O(!1);
+						},
+						children: C("confirm")
+					})]
+				})
+			]
+		}) })]
+	});
+}
+//#endregion
+export { y as DateRangeInput };

package/dist-package/components/ui/date-time-input.cjs

@@ -0,0 +1 @@
+const e=require("../../lib/utils.cjs"),t=require("./time-input.cjs"),n=require("./date-input.cjs");let r=require("react/jsx-runtime");function i({value:i,onValueChange:a,label:o,className:s}){let[c=``,l=``]=(i??``).split(`T`);return(0,r.jsxs)(`div`,{"data-slot":`date-time-input`,className:e.cn(`flex gap-2`,s),children:[(0,r.jsx)(n.DateInput,{"aria-label":`${o}·日期`,value:c,onChange:e=>a(`${e.target.value}T${l}`)}),(0,r.jsx)(t.TimeInput,{"aria-label":`${o}·时间`,value:l,onChange:e=>a(`${c}T${e.target.value}`)})]})}exports.DateTimeInput=i;

package/dist-package/components/ui/date-time-input.js

@@ -0,0 +1,23 @@
+import { cn as e } from "../../lib/utils.js";
+import { TimeInput as t } from "./time-input.js";
+import { DateInput as n } from "./date-input.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/ui/date-time-input.tsx
+function a({ value: a, onValueChange: o, label: s, className: c }) {
+	let [l = "", u = ""] = (a ?? "").split("T");
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "date-time-input",
+		className: e("flex gap-2", c),
+		children: [/* @__PURE__ */ r(n, {
+			"aria-label": `${s}·日期`,
+			value: l,
+			onChange: (e) => o(`${e.target.value}T${u}`)
+		}), /* @__PURE__ */ r(t, {
+			"aria-label": `${s}·时间`,
+			value: u,
+			onChange: (e) => o(`${l}T${e.target.value}`)
+		})]
+	});
+}
+//#endregion
+export { a as DateTimeInput };

package/dist-package/components/ui/dialog.cjs

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./button.cjs"),r=require("../../lib/use-ui-translation.cjs"),i=require("../../lib/dialog-focus.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("radix-ui"),s=require("lucide-react"),c=require("react/jsx-runtime");function l({...e}){return(0,c.jsx)(o.Dialog.Root,{"data-slot":`dialog`,...e})}function u({...e}){return(0,c.jsx)(o.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function d({...e}){return(0,c.jsx)(o.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function f({...e}){return(0,c.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,...e})}function p({className:e,...n}){return(0,c.jsx)(o.Dialog.Overlay,{"data-slot":`dialog-overlay`,className:t.cn(`fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0`,e),...n})}function m({className:e,children:l,showCloseButton:u=!0,onOpenAutoFocus:f,draggable:m=!1,zIndex:h,top:g,..._}){let{t:v}=r.useUiTranslation(),[y,b]=a.useState({x:0,y:0}),[x,S]=a.useState(!1),C=a.useRef(null),w=a.useRef(null);a.useEffect(()=>{let e=C.current;e&&(x?e.style.transitionProperty=`none`:e.style.removeProperty(`transition-property`))},[x]),a.useEffect(()=>{let e=C.current;e&&g!==void 0&&(e.style.top=`${g}px`)},[g]);let T=!!m,E=String(m)===`always`,D=T?{"--tw-translate-x":`calc(-50% + ${y.x}px)`,"--tw-translate-y":g===void 0?`calc(-50% + ${y.y}px)`:`${y.y}px`}:void 0;return(0,c.jsxs)(d,{"data-slot":`dialog-portal`,children:[(0,c.jsx)(p,{style:h?{zIndex:h}:void 0}),(0,c.jsxs)(o.Dialog.Content,{"data-slot":`dialog-content`,"data-draggable":T||void 0,"data-drag-touch":E||void 0,"data-dragging":x||void 0,ref:C,style:{...h?{zIndex:h}:{},...D},onDoubleClick:()=>{T&&b({x:0,y:0})},onKeyDown:e=>{if(!T||e.metaKey||e.ctrlKey||e.altKey)return;let t=e.target;if(t.tagName===`INPUT`||t.tagName===`TEXTAREA`)return;let n=e.shiftKey?48:16,r={ArrowLeft:[-1,0],ArrowRight:[1,0],ArrowUp:[0,-1],ArrowDown:[0,1]}[e.key];r&&(e.preventDefault(),b(e=>({x:Math.max(-320,Math.min(320,e.x+(r[0]??0)*n)),y:Math.max(-320,Math.min(320,e.y+(r[1]??0)*n))})))},className:t.cn(`fixed left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg`,g===void 0?`top-[50%] translate-x-[-50%] translate-y-[-50%]`:`translate-x-[-50%]`,e),..._,onOpenAutoFocus:e=>{f?.(e),e.defaultPrevented||i.avoidInitialCloseFocus(e)},children:[T&&(0,c.jsx)(`span`,{"data-slot":`dialog-drag-handle`,"aria-hidden":`true`,onPointerDown:e=>{(E||window.matchMedia(`(hover: hover) and (pointer: fine)`).matches)&&(e.currentTarget.setPointerCapture(e.pointerId),w.current={x:e.clientX,y:e.clientY,origin:y})},onPointerMove:e=>{if(!w.current)return;let t=Math.hypot(e.clientX-w.current.x,e.clientY-w.current.y);if(!x&&t<4)return;x||S(!0);let n={x:w.current.origin.x+(e.clientX-w.current.x),y:w.current.origin.y+(e.clientY-w.current.y)};b({x:Math.max(-320,Math.min(320,n.x)),y:Math.max(-320,Math.min(320,n.y))})},onPointerUp:()=>{w.current=null,S(!1)},onPointerCancel:()=>{w.current=null,S(!1)},className:`absolute inset-x-0 top-0 h-14 cursor-grab active:cursor-grabbing`}),l,T&&(y.x!==0||y.y!==0)&&(0,c.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`xs`,className:`absolute bottom-3 left-4 text-xs text-muted-foreground`,onClick:()=>b({x:0,y:0}),children:v(`resetPosition`)}),u&&(0,c.jsxs)(o.Dialog.Close,{"data-slot":`dialog-close`,className:`absolute top-4 right-4 z-10 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,children:[(0,c.jsx)(s.XIcon,{}),(0,c.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function h({className:e,...n}){return(0,c.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`flex flex-col gap-2 text-center sm:text-left`,e),...n})}function g({className:e,showCloseButton:r=!1,children:i,...a}){return(0,c.jsxs)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...a,children:[i,r&&(0,c.jsx)(o.Dialog.Close,{asChild:!0,children:(0,c.jsx)(n.Button,{variant:`outline`,children:`Close`})})]})}function _({className:e,...n}){return(0,c.jsx)(o.Dialog.Title,{"data-slot":`dialog-title`,className:t.cn(`text-lg leading-none font-semibold`,e),...n})}function v({className:e,...n}){return(0,c.jsx)(o.Dialog.Description,{"data-slot":`dialog-description`,className:t.cn(`text-sm text-muted-foreground`,e),...n})}exports.Dialog=l,exports.DialogClose=f,exports.DialogContent=m,exports.DialogDescription=v,exports.DialogFooter=g,exports.DialogHeader=h,exports.DialogOverlay=p,exports.DialogPortal=d,exports.DialogTitle=_,exports.DialogTrigger=u;

package/dist-package/components/ui/dialog.js

@@ -0,0 +1,189 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "./button.js";
+import { useUiTranslation as n } from "../../lib/use-ui-translation.js";
+import { avoidInitialCloseFocus as r } from "../../lib/dialog-focus.js";
+import * as i from "react";
+import { Dialog as a } from "radix-ui";
+import { XIcon as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/ui/dialog.tsx
+function l({ ...e }) {
+	return /* @__PURE__ */ s(a.Root, {
+		"data-slot": "dialog",
+		...e
+	});
+}
+function u({ ...e }) {
+	return /* @__PURE__ */ s(a.Trigger, {
+		"data-slot": "dialog-trigger",
+		...e
+	});
+}
+function d({ ...e }) {
+	return /* @__PURE__ */ s(a.Portal, {
+		"data-slot": "dialog-portal",
+		...e
+	});
+}
+function f({ ...e }) {
+	return /* @__PURE__ */ s(a.Close, {
+		"data-slot": "dialog-close",
+		...e
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ s(a.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: e("fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", t),
+		...n
+	});
+}
+function m({ className: l, children: u, showCloseButton: f = !0, onOpenAutoFocus: m, draggable: h = !1, zIndex: g, top: _, ...v }) {
+	let { t: y } = n(), [b, x] = i.useState({
+		x: 0,
+		y: 0
+	}), [S, C] = i.useState(!1), w = i.useRef(null), T = i.useRef(null);
+	i.useEffect(() => {
+		let e = w.current;
+		e && (S ? e.style.transitionProperty = "none" : e.style.removeProperty("transition-property"));
+	}, [S]), i.useEffect(() => {
+		let e = w.current;
+		e && _ !== void 0 && (e.style.top = `${_}px`);
+	}, [_]);
+	let E = !!h, D = String(h) === "always", O = E ? {
+		"--tw-translate-x": `calc(-50% + ${b.x}px)`,
+		"--tw-translate-y": _ === void 0 ? `calc(-50% + ${b.y}px)` : `${b.y}px`
+	} : void 0;
+	return /* @__PURE__ */ c(d, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ s(p, { style: g ? { zIndex: g } : void 0 }), /* @__PURE__ */ c(a.Content, {
+			"data-slot": "dialog-content",
+			"data-draggable": E || void 0,
+			"data-drag-touch": D || void 0,
+			"data-dragging": S || void 0,
+			ref: w,
+			style: {
+				...g ? { zIndex: g } : {},
+				...O
+			},
+			onDoubleClick: () => {
+				E && x({
+					x: 0,
+					y: 0
+				});
+			},
+			onKeyDown: (e) => {
+				if (!E || e.metaKey || e.ctrlKey || e.altKey) return;
+				let t = e.target;
+				if (t.tagName === "INPUT" || t.tagName === "TEXTAREA") return;
+				let n = e.shiftKey ? 48 : 16, r = {
+					ArrowLeft: [-1, 0],
+					ArrowRight: [1, 0],
+					ArrowUp: [0, -1],
+					ArrowDown: [0, 1]
+				}[e.key];
+				r && (e.preventDefault(), x((e) => ({
+					x: Math.max(-320, Math.min(320, e.x + (r[0] ?? 0) * n)),
+					y: Math.max(-320, Math.min(320, e.y + (r[1] ?? 0) * n))
+				})));
+			},
+			className: e("fixed left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg", _ === void 0 ? "top-[50%] translate-x-[-50%] translate-y-[-50%]" : "translate-x-[-50%]", l),
+			...v,
+			onOpenAutoFocus: (e) => {
+				m?.(e), e.defaultPrevented || r(e);
+			},
+			children: [
+				E && /* @__PURE__ */ s("span", {
+					"data-slot": "dialog-drag-handle",
+					"aria-hidden": "true",
+					onPointerDown: (e) => {
+						(D || window.matchMedia("(hover: hover) and (pointer: fine)").matches) && (e.currentTarget.setPointerCapture(e.pointerId), T.current = {
+							x: e.clientX,
+							y: e.clientY,
+							origin: b
+						});
+					},
+					onPointerMove: (e) => {
+						if (!T.current) return;
+						let t = Math.hypot(e.clientX - T.current.x, e.clientY - T.current.y);
+						if (!S && t < 4) return;
+						S || C(!0);
+						let n = {
+							x: T.current.origin.x + (e.clientX - T.current.x),
+							y: T.current.origin.y + (e.clientY - T.current.y)
+						};
+						x({
+							x: Math.max(-320, Math.min(320, n.x)),
+							y: Math.max(-320, Math.min(320, n.y))
+						});
+					},
+					onPointerUp: () => {
+						T.current = null, C(!1);
+					},
+					onPointerCancel: () => {
+						T.current = null, C(!1);
+					},
+					className: "absolute inset-x-0 top-0 h-14 cursor-grab active:cursor-grabbing"
+				}),
+				u,
+				E && (b.x !== 0 || b.y !== 0) && /* @__PURE__ */ s(t, {
+					type: "button",
+					variant: "ghost",
+					size: "xs",
+					className: "absolute bottom-3 left-4 text-xs text-muted-foreground",
+					onClick: () => x({
+						x: 0,
+						y: 0
+					}),
+					children: y("resetPosition")
+				}),
+				f && /* @__PURE__ */ c(a.Close, {
+					"data-slot": "dialog-close",
+					className: "absolute top-4 right-4 z-10 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+					children: [/* @__PURE__ */ s(o, {}), /* @__PURE__ */ s("span", {
+						className: "sr-only",
+						children: "Close"
+					})]
+				})
+			]
+		})]
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "dialog-header",
+		className: e("flex flex-col gap-2 text-center sm:text-left", t),
+		...n
+	});
+}
+function g({ className: n, showCloseButton: r = !1, children: i, ...o }) {
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "dialog-footer",
+		className: e("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", n),
+		...o,
+		children: [i, r && /* @__PURE__ */ s(a.Close, {
+			asChild: !0,
+			children: /* @__PURE__ */ s(t, {
+				variant: "outline",
+				children: "Close"
+			})
+		})]
+	});
+}
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ s(a.Title, {
+		"data-slot": "dialog-title",
+		className: e("text-lg leading-none font-semibold", t),
+		...n
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ s(a.Description, {
+		"data-slot": "dialog-description",
+		className: e("text-sm text-muted-foreground", t),
+		...n
+	});
+}
+//#endregion
+export { l as Dialog, f as DialogClose, m as DialogContent, v as DialogDescription, g as DialogFooter, h as DialogHeader, p as DialogOverlay, d as DialogPortal, _ as DialogTitle, u as DialogTrigger };

package/dist-package/components/ui/dropdown-menu.cjs

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("radix-ui"),i=require("lucide-react"),a=require("react/jsx-runtime");function o({...e}){return(0,a.jsx)(r.DropdownMenu.Root,{"data-slot":`dropdown-menu`,...e})}function s({...e}){return(0,a.jsx)(r.DropdownMenu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function c({...e}){return(0,a.jsx)(r.DropdownMenu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function l({className:e,sideOffset:n=4,...i}){return(0,a.jsx)(r.DropdownMenu.Portal,{children:(0,a.jsx)(r.DropdownMenu.Content,{"data-slot":`dropdown-menu-content`,sideOffset:n,className:t.cn(`z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,e),...i})})}function u({...e}){return(0,a.jsx)(r.DropdownMenu.Group,{"data-slot":`dropdown-menu-group`,...e})}function d({className:e,inset:n,variant:i=`default`,...o}){return(0,a.jsx)(r.DropdownMenu.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":i,className:t.cn(`relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!`,e),...o})}function f({className:e,children:n,checked:o,indicator:s=`leading`,...c}){let l=s===`trailing`;return(0,a.jsxs)(r.DropdownMenu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:t.cn(`relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,l&&`gap-2 pl-2`,e),checked:o,...c,children:[(0,a.jsx)(`span`,{className:t.cn(`pointer-events-none flex size-3.5 items-center justify-center`,l?`order-last`:`absolute left-2`),children:(0,a.jsx)(r.DropdownMenu.ItemIndicator,{children:(0,a.jsx)(i.CheckIcon,{className:`size-4`})})}),n]})}function p({...e}){return(0,a.jsx)(r.DropdownMenu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function m({className:e,children:n,...o}){return(0,a.jsxs)(r.DropdownMenu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:t.cn(`relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o,children:[(0,a.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,a.jsx)(r.DropdownMenu.ItemIndicator,{children:(0,a.jsx)(i.CircleIcon,{className:`size-2 fill-current`})})}),n]})}function h({className:e,inset:n,...i}){return(0,a.jsx)(r.DropdownMenu.Label,{"data-slot":`dropdown-menu-label`,"data-inset":n,className:t.cn(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...i})}function g({className:e,...n}){return(0,a.jsx)(r.DropdownMenu.Separator,{"data-slot":`dropdown-menu-separator`,className:t.cn(`-mx-1 my-1 h-px bg-border`,e),...n})}function _({className:e,...n}){return(0,a.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:t.cn(`ml-auto text-xs tracking-widest text-muted-foreground`,e),...n})}function v({...e}){return(0,a.jsx)(r.DropdownMenu.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function y({className:e,inset:n,children:o,...s}){return(0,a.jsxs)(r.DropdownMenu.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":n,className:t.cn(`flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground`,e),...s,children:[o,(0,a.jsx)(i.ChevronRightIcon,{className:`ml-auto size-4`})]})}function b({className:e,...n}){return(0,a.jsx)(r.DropdownMenu.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:t.cn(`z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,e),...n})}exports.DropdownMenu=o,exports.DropdownMenuCheckboxItem=f,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=u,exports.DropdownMenuItem=d,exports.DropdownMenuLabel=h,exports.DropdownMenuPortal=s,exports.DropdownMenuRadioGroup=p,exports.DropdownMenuRadioItem=m,exports.DropdownMenuSeparator=g,exports.DropdownMenuShortcut=_,exports.DropdownMenuSub=v,exports.DropdownMenuSubContent=b,exports.DropdownMenuSubTrigger=y,exports.DropdownMenuTrigger=c;