@jc-times/business-ui 0.3.0 → 0.3.2

package/dist/DateInput.js

@@ -1,38 +1,38 @@
 import { useOverlayContainer as e } from "./OverlayContainer.js";
-import { CalendarDays as t, ChevronLeft as n, ChevronRight as r, X as ee } from "lucide-react";
-import { forwardRef as i, useCallback as te, useEffect as a, useId as ne, useRef as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import * as u from "@radix-ui/react-popover";
-import { Button as d, Calendar as re, CalendarCell as ie, CalendarGrid as ae, CalendarGridBody as oe, CalendarGridHeader as se, CalendarHeaderCell as ce, Heading as le, I18nProvider as ue } from "react-aria-components";
-import { CalendarDate as de, getLocalTimeZone as f, parseDate as p, today as m } from "@internationalized/date";
+import { forwardRef as t, useCallback as n, useEffect as r, useId as ee, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { CalendarDays as te, ChevronLeft as ne, ChevronRight as re, X as c } from "lucide-react";
+import * as l from "@radix-ui/react-popover";
+import { Button as u, Calendar as ie, CalendarCell as ae, CalendarGrid as oe, CalendarGridBody as se, CalendarGridHeader as ce, CalendarHeaderCell as le, Heading as ue, I18nProvider as de } from "react-aria-components";
+import { CalendarDate as fe, getLocalTimeZone as d, parseDate as f, today as p } from "@internationalized/date";
 //#region src/DateInput.tsx
-var h = "jc-business-ui-date-input-open", g = i(function({ value: i, onValueChange: p, inputRef: g, inputClassName: b, className: S = "", disabled: C, readOnly: w, required: T, inputMode: fe = "numeric", autoComplete: pe = "off", onFocus: me, onBlur: he, onKeyDown: ge, min: E, max: D, minDate: _e, maxDate: ve, isDateUnavailable: O, onValidationError: ye, ...k }, A) {
-	let j = `ui-date-calendar-${ne().replaceAll(":", "")}`, be = e(), M = o(null), N = o(!1), P = o(!1), F = o(!1), [I, L] = s(!1), [R, z] = s(() => _(i)), [B, V] = s(""), H = v(i), U = v(_e ?? (E === void 0 ? "" : String(E))), W = v(ve ?? (D === void 0 ? "" : String(D))), [G, K] = s(() => H ?? m(f())), q = !!(C || w), xe = te((e) => {
-		M.current = e, x(g, e), x(A, e);
-	}, [g, A]);
-	a(() => {
-		z(_(i)), V(""), M.current?.setCustomValidity("");
-	}, [i]), a(() => {
+var m = "jc-business-ui-date-input-open", h = t(function({ value: t, onValueChange: f, inputRef: h, inputClassName: y, className: x = "", disabled: S, readOnly: C, required: w, inputMode: pe = "numeric", autoComplete: me = "off", onFocus: T, onBlur: he, onKeyDown: ge, min: E, max: D, minDate: _e, maxDate: ve, isDateUnavailable: O, onValidationError: ye, ...k }, A) {
+	let j = `ui-date-calendar-${ee().replaceAll(":", "")}`, be = e(), M = i(null), N = i(!1), P = i(!1), F = i(!1), [I, L] = a(!1), [R, z] = a(() => g(t)), [B, V] = a(""), H = _(t), U = _(_e ?? (E === void 0 ? "" : String(E))), W = _(ve ?? (D === void 0 ? "" : String(D))), [G, K] = a(() => H ?? p(d())), q = !!(S || C), xe = n((e) => {
+		M.current = e, b(h, e), b(A, e);
+	}, [h, A]);
+	r(() => {
+		z(g(t)), V(""), M.current?.setCustomValidity("");
+	}, [t]), r(() => {
 		q && L(!1);
-	}, [q]), a(() => {
+	}, [q]), r(() => {
 		let e = (e) => {
 			e.detail !== j && L(!1);
 		};
-		return document.addEventListener(h, e), () => document.removeEventListener(h, e);
+		return document.addEventListener(m, e), () => document.removeEventListener(m, e);
 	}, [j]);
 	function J(e) {
 		if (!(e && q)) {
 			if (e && !I) {
-				document.dispatchEvent(new CustomEvent(h, { detail: j }));
-				let e = H ?? m(f());
+				document.dispatchEvent(new CustomEvent(m, { detail: j }));
+				let e = H ?? p(d());
 				U && e.compare(U) < 0 && (e = U), W && e.compare(W) > 0 && (e = W), K(e);
 			}
 			L(e);
 		}
 	}
 	function Y(e) {
-		if (!e) return T ? "请选择日期" : "";
-		let t = v(e);
+		if (!e) return w ? "请选择日期" : "";
+		let t = _(e);
 		return t ? U && t.compare(U) < 0 ? `日期不能早于 ${U}` : W && t.compare(W) > 0 ? `日期不能晚于 ${W}` : O?.(t.toString()) ? "该日期不可选择" : "" : "请输入有效日期（YYYY/MM/DD）";
 	}
 	function X(e) {
@@ -40,33 +40,33 @@ var h = "jc-business-ui-date-input-open", g = i(function({ value: i, onValueChan
 	}
 	function Z() {
 		if (q) return;
-		let e = R.trim() ? y(R) : "", t = e === null ? "请输入有效日期（YYYY/MM/DD）" : Y(e);
-		X(t), !t && e !== null && (z(_(e)), e !== i && p(e));
+		let e = R.trim() ? v(R) : "", n = e === null ? "请输入有效日期（YYYY/MM/DD）" : Y(e);
+		X(n), !n && e !== null && (z(g(e)), e !== t && f(e));
 	}
 	function Q(e) {
 		if (q) return;
 		let t = Y(e);
-		X(t), !t && (F.current = !0, p(e), z(_(e)), L(!1));
+		X(t), !t && (F.current = !0, f(e), z(g(e)), L(!1));
 	}
-	let $ = m(f()).toString();
-	return /* @__PURE__ */ l(u.Root, {
+	let $ = p(d()).toString();
+	return /* @__PURE__ */ s(l.Root, {
 		open: I && !q,
 		onOpenChange: J,
 		children: [
-			/* @__PURE__ */ c(u.Anchor, {
+			/* @__PURE__ */ o(l.Anchor, {
 				asChild: !0,
-				children: /* @__PURE__ */ l("span", {
-					className: `ui-date-input${I ? " open" : ""}${S ? ` ${S}` : ""}`,
-					children: [/* @__PURE__ */ c("input", {
+				children: /* @__PURE__ */ s("span", {
+					className: `ui-date-input${I ? " open" : ""}${x ? ` ${x}` : ""}`,
+					children: [/* @__PURE__ */ o("input", {
 						...k,
 						ref: xe,
-						className: b,
+						className: y,
 						type: "text",
-						inputMode: fe,
-						autoComplete: pe,
-						disabled: C,
-						readOnly: w,
-						required: T,
+						inputMode: pe,
+						autoComplete: me,
+						disabled: S,
+						readOnly: C,
+						required: w,
 						value: R,
 						placeholder: k.placeholder ?? "YYYY/MM/DD",
 						"aria-haspopup": "dialog",
@@ -75,7 +75,7 @@ var h = "jc-business-ui-date-input-open", g = i(function({ value: i, onValueChan
 						"aria-invalid": B ? !0 : k["aria-invalid"],
 						"aria-describedby": [k["aria-describedby"], B ? `${j}-error` : ""].filter(Boolean).join(" ") || void 0,
 						onFocus: (e) => {
-							me?.(e), !e.defaultPrevented && !N.current && J(!0);
+							T?.(e), !e.defaultPrevented && !N.current && J(!0);
 						},
 						onChange: (e) => {
 							z(e.target.value), B && X("");
@@ -86,7 +86,7 @@ var h = "jc-business-ui-date-input-open", g = i(function({ value: i, onValueChan
 						onKeyDown: (e) => {
 							ge?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing || e.keyCode === 229 || q) && (e.key === "ArrowDown" && (e.preventDefault(), P.current = !0, J(!0), I && document.getElementById(j)?.querySelector("[role=\"gridcell\"] [tabindex=\"0\"]")?.focus()), e.key === "Enter" && (e.preventDefault(), Z()));
 						}
-					}), /* @__PURE__ */ c("button", {
+					}), /* @__PURE__ */ o("button", {
 						type: "button",
 						className: "ui-date-trigger",
 						disabled: q,
@@ -96,22 +96,22 @@ var h = "jc-business-ui-date-input-open", g = i(function({ value: i, onValueChan
 						onClick: () => {
 							P.current = !0, J(!I);
 						},
-						children: /* @__PURE__ */ c(t, {
+						children: /* @__PURE__ */ o(te, {
 							size: 17,
 							"aria-hidden": "true"
 						})
 					})]
 				})
 			}),
-			B && /* @__PURE__ */ c("span", {
+			B && /* @__PURE__ */ o("span", {
 				id: `${j}-error`,
 				className: "ui-form-error",
 				role: "alert",
 				children: B
 			}),
-			/* @__PURE__ */ c(u.Portal, {
+			/* @__PURE__ */ o(l.Portal, {
 				container: be,
-				children: /* @__PURE__ */ l(u.Content, {
+				children: /* @__PURE__ */ s(l.Content, {
 					id: j,
 					className: "ui-date-calendar",
 					"aria-label": "选择日期",
@@ -129,9 +129,9 @@ var h = "jc-business-ui-date-input-open", g = i(function({ value: i, onValueChan
 					onInteractOutside: (e) => {
 						M.current?.parentElement?.contains(e.target) && e.preventDefault();
 					},
-					children: [/* @__PURE__ */ c(ue, {
+					children: [/* @__PURE__ */ o(de, {
 						locale: "zh-CN",
-						children: /* @__PURE__ */ l(re, {
+						children: /* @__PURE__ */ s(ie, {
 							"aria-label": "选择日期",
 							value: H,
 							onChange: (e) => Q(e.toString()),
@@ -139,51 +139,51 @@ var h = "jc-business-ui-date-input-open", g = i(function({ value: i, onValueChan
 							maxValue: W ?? void 0,
 							isDateUnavailable: (e) => O?.(e.toString()) ?? !1,
 							focusedValue: G,
-							onFocusChange: (e) => K(new de(e.year, e.month, e.day)),
+							onFocusChange: (e) => K(new fe(e.year, e.month, e.day)),
 							children: [
-								/* @__PURE__ */ l("header", { children: [
-									/* @__PURE__ */ c(d, {
+								/* @__PURE__ */ s("header", { children: [
+									/* @__PURE__ */ o(u, {
 										slot: "previous",
 										"aria-label": "上个月",
-										children: /* @__PURE__ */ c(n, { size: 18 })
+										children: /* @__PURE__ */ o(ne, { size: 18 })
 									}),
-									/* @__PURE__ */ c(le, {}),
-									/* @__PURE__ */ c(d, {
+									/* @__PURE__ */ o(ue, {}),
+									/* @__PURE__ */ o(u, {
 										slot: "next",
 										"aria-label": "下个月",
-										children: /* @__PURE__ */ c(r, { size: 18 })
+										children: /* @__PURE__ */ o(re, { size: 18 })
 									})
 								] }),
-								/* @__PURE__ */ l("label", {
+								/* @__PURE__ */ s("label", {
 									className: "ui-date-month-jump",
-									children: ["跳转年月", /* @__PURE__ */ c("input", {
+									children: ["跳转年月", /* @__PURE__ */ o("input", {
 										type: "month",
 										"aria-label": "跳转年月",
 										value: `${G.year.toString().padStart(4, "0")}-${String(G.month).padStart(2, "0")}`,
 										min: U?.toString().slice(0, 7),
 										max: W?.toString().slice(0, 7),
 										onChange: (e) => {
-											let t = v(`${e.target.value}-01`);
+											let t = _(`${e.target.value}-01`);
 											t && K(U && t.compare(U) < 0 ? U : W && t.compare(W) > 0 ? W : t);
 										}
 									})]
 								}),
-								/* @__PURE__ */ l(ae, {
+								/* @__PURE__ */ s(oe, {
 									className: "ui-aria-calendar-grid",
-									children: [/* @__PURE__ */ c(se, { children: (e) => /* @__PURE__ */ c(ce, { children: e }) }), /* @__PURE__ */ c(oe, { children: (e) => /* @__PURE__ */ c(ie, {
+									children: [/* @__PURE__ */ o(ce, { children: (e) => /* @__PURE__ */ o(le, { children: e }) }), /* @__PURE__ */ o(se, { children: (e) => /* @__PURE__ */ o(ae, {
 										date: e,
 										"data-date": e.toString()
 									}) })]
 								})
 							]
 						})
-					}), /* @__PURE__ */ l("footer", { children: [/* @__PURE__ */ l("button", {
+					}), /* @__PURE__ */ s("footer", { children: [/* @__PURE__ */ s("button", {
 						type: "button",
 						className: "ui-date-clear",
-						disabled: !i || T,
+						disabled: !t || w,
 						onClick: () => Q(""),
-						children: [/* @__PURE__ */ c(ee, { size: 14 }), "清除"]
-					}), /* @__PURE__ */ c("button", {
+						children: [/* @__PURE__ */ o(c, { size: 14 }), "清除"]
+					}), /* @__PURE__ */ o("button", {
 						type: "button",
 						className: "ui-date-today",
 						disabled: !!Y($),
@@ -195,29 +195,29 @@ var h = "jc-business-ui-date-input-open", g = i(function({ value: i, onValueChan
 		]
 	});
 });
-function _(e) {
+function g(e) {
 	return /^\d{4}-\d{2}-\d{2}$/.test(e) ? e.replaceAll("-", "/") : e;
 }
-function v(e) {
-	let t = y(e);
-	return t ? p(t) : null;
+function _(e) {
+	let t = v(e);
+	return t ? f(t) : null;
 }
-function y(e) {
+function v(e) {
 	let t = e.trim().match(/^(\d{4})[/.\-](\d{1,2})[/.\-](\d{1,2})$/);
 	if (!t || Number(t[1]) < 1) return null;
 	let n = `${t[1]}-${t[2].padStart(2, "0")}-${t[3].padStart(2, "0")}`;
 	try {
-		return p(n).toString();
+		return f(n).toString();
 	} catch {
 		return null;
 	}
 }
-function b(e, t) {
+function y(e, t) {
 	let n = new Date(e, t, 1), r = new Date(e, t, 1 - n.getDay());
 	return Array.from({ length: 42 }, (e, t) => ({ date: new Date(r.getFullYear(), r.getMonth(), r.getDate() + t) }));
 }
-function x(e, t) {
+function b(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
 //#endregion
-export { g as DateInput, b as calendarDays, y as parseDate };
+export { h as DateInput, y as calendarDays, v as parseDate };

package/dist/DropdownMenu.js

@@ -1,55 +1,55 @@
 import { buttonClassName as e } from "./Button.js";
 import { useOverlayContainer as t } from "./OverlayContainer.js";
-import { Check as n, ChevronRight as r } from "lucide-react";
-import { createElement as i, useId as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { createElement as n, useId as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Check as s, ChevronRight as c } from "lucide-react";
 import { Button as l, Header as u, Menu as d, MenuItem as f, MenuSection as p, MenuTrigger as m, Popover as h, Separator as g, SubmenuTrigger as _ } from "react-aria-components";
 //#region src/DropdownMenu.tsx
-function v({ trigger: n, triggerLabel: r, triggerVariant: i = "secondary", triggerSize: o = "default", items: u, menuLabel: f, triggerRef: p, triggerProps: g, menuRef: _, menuProps: v, placement: b = "bottom start", portalContainer: S, disabled: C = !1, className: w = "", selectionMode: T = "none", selectedKeys: E, defaultSelectedKeys: D, onSelectionChange: O }) {
-	let k = v?.["aria-label"] ?? f, A = t(S), j = a(), M = T === "none" ? { selectionMode: T } : {
+function v({ trigger: n, triggerLabel: i, triggerVariant: s = "secondary", triggerSize: c = "default", items: u, menuLabel: f, triggerRef: p, triggerProps: g, menuRef: _, menuProps: v, placement: b = "bottom start", portalContainer: S, disabled: C = !1, className: w = "", selectionMode: T = "none", selectedKeys: E, defaultSelectedKeys: D, onSelectionChange: O }) {
+	let k = v?.["aria-label"] ?? f, A = t(S), j = r(), M = T === "none" ? { selectionMode: T } : {
 		selectionMode: T,
 		selectedKeys: E,
 		defaultSelectedKeys: D,
 		onSelectionChange: O ? (e) => O(x(e)) : void 0
 	};
-	return /* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s(l, {
+	return /* @__PURE__ */ o(m, { children: [/* @__PURE__ */ a(l, {
 		...g,
 		ref: p,
 		className: e({
-			variant: i,
-			size: o
+			variant: s,
+			size: c
 		}),
-		"aria-label": g?.["aria-label"] ?? r,
+		"aria-label": g?.["aria-label"] ?? i,
 		isDisabled: C,
 		children: n
-	}), /* @__PURE__ */ c(h, {
+	}), /* @__PURE__ */ o(h, {
 		className: `ui-dropdown-popover ${w}`.trim(),
 		"data-ui-aria-overlay": "",
 		placement: b,
 		UNSTABLE_portalContainer: A,
-		children: [k === void 0 ? null : /* @__PURE__ */ s("span", {
+		children: [k === void 0 ? null : /* @__PURE__ */ a("span", {
 			id: j,
 			className: "ui-visually-hidden",
 			children: k
-		}), /* @__PURE__ */ s(d, {
+		}), /* @__PURE__ */ a(d, {
 			...v,
 			...M,
 			ref: _,
 			className: "ui-dropdown-menu",
-			"aria-label": k === void 0 ? r ?? "操作菜单" : void 0,
+			"aria-label": k === void 0 ? i ?? "操作菜单" : void 0,
 			"aria-labelledby": k === void 0 ? v?.["aria-labelledby"] : j,
 			children: y(u, M, A)
 		})]
 	})] });
 }
-function y(e, t, n) {
-	return e.map((e) => e.type === "separator" ? /* @__PURE__ */ s(g, { className: "ui-dropdown-separator" }, e.id) : e.type === "group" ? /* @__PURE__ */ c(p, {
+function y(e, t, r) {
+	return e.map((e) => e.type === "separator" ? /* @__PURE__ */ a(g, { className: "ui-dropdown-separator" }, e.id) : e.type === "group" ? /* @__PURE__ */ o(p, {
 		className: "ui-dropdown-group",
-		children: [e.label === void 0 ? null : /* @__PURE__ */ s(u, {
+		children: [e.label === void 0 ? null : /* @__PURE__ */ a(u, {
 			className: "ui-dropdown-header",
 			children: e.label
-		}), y(e.items, t, n)]
-	}, e.id) : e.type === "submenu" ? /* @__PURE__ */ c(_, { children: [/* @__PURE__ */ s(f, {
+		}), y(e.items, t, r)]
+	}, e.id) : e.type === "submenu" ? /* @__PURE__ */ o(_, { children: [/* @__PURE__ */ a(f, {
 		...e.itemProps,
 		ref: S(e.current, e.itemRef),
 		id: e.id,
@@ -57,26 +57,26 @@ function y(e, t, n) {
 		isDisabled: e.disabled,
 		"aria-current": e.current,
 		className: "ui-dropdown-item",
-		children: (t) => /* @__PURE__ */ s(b, {
+		children: (t) => /* @__PURE__ */ a(b, {
 			item: e,
 			selected: t.isSelected,
-			fallbackEnd: /* @__PURE__ */ s(r, {
+			fallbackEnd: /* @__PURE__ */ a(c, {
 				size: 15,
 				"aria-hidden": "true"
 			})
 		})
-	}), /* @__PURE__ */ s(h, {
+	}), /* @__PURE__ */ a(h, {
 		className: "ui-dropdown-popover",
 		"data-ui-aria-overlay": "",
 		placement: "right top",
-		UNSTABLE_portalContainer: n,
-		children: /* @__PURE__ */ s(d, {
+		UNSTABLE_portalContainer: r,
+		children: /* @__PURE__ */ a(d, {
 			...t,
 			className: "ui-dropdown-menu",
 			"aria-label": e.textValue,
-			children: y(e.items, t, n)
+			children: y(e.items, t, r)
 		})
-	})] }, e.id) : /* @__PURE__ */ i(f, {
+	})] }, e.id) : /* @__PURE__ */ n(f, {
 		...e.itemProps,
 		key: e.id,
 		ref: S(e.current, e.itemRef),
@@ -86,35 +86,35 @@ function y(e, t, n) {
 		"aria-current": e.current,
 		onAction: e.onAction,
 		className: `ui-dropdown-item${e.dangerous ? " dangerous" : ""}`
-	}, (t) => /* @__PURE__ */ s(b, {
+	}, (t) => /* @__PURE__ */ a(b, {
 		item: e,
 		selected: t.isSelected
 	})));
 }
-function b({ item: e, selected: t, fallbackEnd: r }) {
-	let i = e.selectedIcon ?? /* @__PURE__ */ s(n, {
+function b({ item: e, selected: t, fallbackEnd: n }) {
+	let r = e.selectedIcon ?? /* @__PURE__ */ a(s, {
 		size: 15,
 		"aria-hidden": "true"
 	});
-	return /* @__PURE__ */ c(o, { children: [
-		e.startIcon === void 0 ? null : /* @__PURE__ */ s("span", {
+	return /* @__PURE__ */ o(i, { children: [
+		e.startIcon === void 0 ? null : /* @__PURE__ */ a("span", {
 			className: "ui-dropdown-item-icon",
 			"aria-hidden": "true",
 			children: e.startIcon
 		}),
-		/* @__PURE__ */ s("span", {
+		/* @__PURE__ */ a("span", {
 			className: "ui-dropdown-item-label",
 			children: e.label
 		}),
-		e.endSlot === void 0 ? null : /* @__PURE__ */ s("span", {
+		e.endSlot === void 0 ? null : /* @__PURE__ */ a("span", {
 			className: "ui-dropdown-item-status",
 			children: e.endSlot
 		}),
-		t ? /* @__PURE__ */ s("span", {
+		t ? /* @__PURE__ */ a("span", {
 			className: "ui-dropdown-item-selected",
 			"aria-hidden": "true",
-			children: i
-		}) : r
+			children: r
+		}) : n
 	] });
 }
 function x(e) {

package/dist/EmptyState.js

@@ -1,22 +1,22 @@
-import { Inbox as e } from "lucide-react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Inbox as n } from "lucide-react";
 //#region src/EmptyState.tsx
 function r({ icon: r, title: i, description: a, action: o, compact: s = !1, className: c = "", ...l }) {
-	return /* @__PURE__ */ n("div", {
+	return /* @__PURE__ */ t("div", {
 		...l,
 		className: `ui-empty-state${s ? " compact" : ""} ${c}`.trim(),
 		children: [
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ e("div", {
 				className: "ui-empty-icon",
 				"aria-hidden": "true",
-				children: r ?? /* @__PURE__ */ t(e, { size: 24 })
+				children: r ?? /* @__PURE__ */ e(n, { size: 24 })
 			}),
-			/* @__PURE__ */ t("strong", { children: i }),
-			a === void 0 ? null : /* @__PURE__ */ t("div", {
+			/* @__PURE__ */ e("strong", { children: i }),
+			a === void 0 ? null : /* @__PURE__ */ e("div", {
 				className: "ui-empty-description",
 				children: a
 			}),
-			o === void 0 ? null : /* @__PURE__ */ t("div", {
+			o === void 0 ? null : /* @__PURE__ */ e("div", {
 				className: "ui-empty-action",
 				children: o
 			})

package/dist/ExplainableButton.js

@@ -1,11 +1,11 @@
 import { Button as e } from "./Button.js";
-import { CircleHelp as t } from "lucide-react";
-import { useEffect as n, useId as r, useRef as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useEffect as t, useId as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { CircleHelp as s } from "lucide-react";
 //#region src/ExplainableButton.tsx
 function c({ disabled: c = !1, disabledReason: l, reasonPresentation: u = "inline", onClick: d, onFocus: f, onBlur: p, onKeyDown: m, children: h, ...g }) {
-	let _ = `ui-action-reason-${r().replace(/:/g, "")}`, v = c && !!l, y = v && u === "popover", [b, x] = a(!1), S = i(null), C = [g["aria-describedby"], v ? _ : void 0].filter(Boolean).join(" ") || void 0;
-	n(() => {
+	let _ = `ui-action-reason-${n().replace(/:/g, "")}`, v = c && !!l, y = v && u === "popover", [b, x] = i(!1), S = r(null), C = [g["aria-describedby"], v ? _ : void 0].filter(Boolean).join(" ") || void 0;
+	t(() => {
 		if (!y || !b) return;
 		let e = (e) => {
 			S.current?.contains(e.target) || x(!1);
@@ -15,7 +15,7 @@ function c({ disabled: c = !1, disabledReason: l, reasonPresentation: u = "inlin
 		return window.addEventListener("pointerdown", e), window.addEventListener("keydown", t), () => {
 			window.removeEventListener("pointerdown", e), window.removeEventListener("keydown", t);
 		};
-	}, [y, b]), n(() => {
+	}, [y, b]), t(() => {
 		y || x(!1);
 	}, [y]);
 	function w(e) {
@@ -46,21 +46,21 @@ function c({ disabled: c = !1, disabledReason: l, reasonPresentation: u = "inlin
 		onBlur: E,
 		onKeyDown: D
 	};
-	return /* @__PURE__ */ s("span", {
+	return /* @__PURE__ */ o("span", {
 		ref: S,
 		className: `ui-explainable-action${v ? " is-blocked" : ""}${y ? " reason-popover" : ""}${b ? " reason-open" : ""}`,
-		children: [/* @__PURE__ */ o(e, {
+		children: [/* @__PURE__ */ a(e, {
 			...O,
 			children: h
-		}), v && /* @__PURE__ */ s("small", {
+		}), v && /* @__PURE__ */ o("small", {
 			className: "ui-explainable-reason",
 			id: _,
 			role: y ? "tooltip" : "note",
 			"aria-live": y ? "polite" : void 0,
-			children: [/* @__PURE__ */ o(t, {
+			children: [/* @__PURE__ */ a(s, {
 				"aria-hidden": "true",
 				size: 14
-			}), /* @__PURE__ */ o("span", { children: l })]
+			}), /* @__PURE__ */ a("span", { children: l })]
 		})]
 	});
 }

package/dist/FloatingControls.js

@@ -1,27 +1,27 @@
 import { Button as e } from "./Button.js";
 import { useOverlayContainer as t } from "./OverlayContainer.js";
-import { X as n } from "lucide-react";
-import { useId as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useId as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { X as o } from "lucide-react";
 import * as s from "@radix-ui/react-popover";
 import * as c from "@radix-ui/react-tooltip";
 //#region src/FloatingControls.tsx
-function l({ children: e, content: n, side: r = "top", delayDuration: i = 450, disabled: s = !1, contentClassName: l = "" }) {
+function l({ children: e, content: n, side: r = "top", delayDuration: o = 450, disabled: s = !1, contentClassName: l = "" }) {
 	let u = t();
-	return s ? e : /* @__PURE__ */ a(c.Provider, {
-		delayDuration: i,
+	return s ? e : /* @__PURE__ */ i(c.Provider, {
+		delayDuration: o,
 		skipDelayDuration: 250,
-		children: /* @__PURE__ */ o(c.Root, { children: [/* @__PURE__ */ a(c.Trigger, {
+		children: /* @__PURE__ */ a(c.Root, { children: [/* @__PURE__ */ i(c.Trigger, {
 			asChild: !0,
 			children: e
-		}), /* @__PURE__ */ a(c.Portal, {
+		}), /* @__PURE__ */ i(c.Portal, {
 			container: u,
-			children: /* @__PURE__ */ o(c.Content, {
+			children: /* @__PURE__ */ a(c.Content, {
 				className: `ui-tooltip ${l}`.trim(),
 				side: r,
 				sideOffset: 7,
 				collisionPadding: 10,
-				children: [n, /* @__PURE__ */ a(c.Arrow, {
+				children: [n, /* @__PURE__ */ i(c.Arrow, {
 					className: "ui-floating-arrow",
 					width: 10,
 					height: 5
@@ -30,19 +30,19 @@ function l({ children: e, content: n, side: r = "top", delayDuration: i = 450, d
 		})] })
 	});
 }
-function u({ trigger: e, children: i, title: c, contentLabel: l, closeLabel: u = "关闭", side: d = "bottom", align: f = "start", open: p, defaultOpen: m, modal: h = !1, onOpenChange: g, contentClassName: _ = "" }) {
-	let v = t(), y = `ui-popover-title-${r().replaceAll(":", "")}`;
-	return /* @__PURE__ */ o(s.Root, {
+function u({ trigger: e, children: r, title: c, contentLabel: l, closeLabel: u = "关闭", side: d = "bottom", align: f = "start", open: p, defaultOpen: m, modal: h = !1, onOpenChange: g, contentClassName: _ = "" }) {
+	let v = t(), y = `ui-popover-title-${n().replaceAll(":", "")}`;
+	return /* @__PURE__ */ a(s.Root, {
 		open: p,
 		defaultOpen: m,
 		modal: h,
 		onOpenChange: g,
-		children: [/* @__PURE__ */ a(s.Trigger, {
+		children: [/* @__PURE__ */ i(s.Trigger, {
 			asChild: !0,
 			children: e
-		}), /* @__PURE__ */ a(s.Portal, {
+		}), /* @__PURE__ */ i(s.Portal, {
 			container: v,
-			children: /* @__PURE__ */ o(s.Content, {
+			children: /* @__PURE__ */ a(s.Content, {
 				className: `ui-popover ${_}`.trim(),
 				side: d,
 				align: f,
@@ -51,22 +51,22 @@ function u({ trigger: e, children: i, title: c, contentLabel: l, closeLabel: u =
 				"aria-label": l,
 				"aria-labelledby": c === void 0 ? void 0 : y,
 				children: [
-					c === void 0 ? null : /* @__PURE__ */ o("div", {
+					c === void 0 ? null : /* @__PURE__ */ a("div", {
 						className: "ui-popover-heading",
-						children: [/* @__PURE__ */ a("strong", {
+						children: [/* @__PURE__ */ i("strong", {
 							id: y,
 							children: c
-						}), /* @__PURE__ */ a(s.Close, {
+						}), /* @__PURE__ */ i(s.Close, {
 							className: "ui-floating-close",
 							"aria-label": u,
-							children: /* @__PURE__ */ a(n, { size: 16 })
+							children: /* @__PURE__ */ i(o, { size: 16 })
 						})]
 					}),
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ i("div", {
 						className: "ui-popover-body",
-						children: i
+						children: r
 					}),
-					/* @__PURE__ */ a(s.Arrow, {
+					/* @__PURE__ */ i(s.Arrow, {
 						className: "ui-floating-arrow",
 						width: 12,
 						height: 6
@@ -76,8 +76,8 @@ function u({ trigger: e, children: i, title: c, contentLabel: l, closeLabel: u =
 		})]
 	});
 }
-function d({ title: t, description: n, confirmLabel: r = "确认", cancelLabel: s = "取消", confirmVariant: c = "danger", onConfirm: l, onConfirmError: d, open: f, defaultOpen: p, onOpenChange: m, ...h }) {
-	let [g, _] = i(p ?? !1), [v, y] = i(!1), b = f ?? g, x = (e) => {
+function d({ title: t, description: n, confirmLabel: o = "确认", cancelLabel: s = "取消", confirmVariant: c = "danger", onConfirm: l, onConfirmError: d, open: f, defaultOpen: p, onOpenChange: m, ...h }) {
+	let [g, _] = r(p ?? !1), [v, y] = r(!1), b = f ?? g, x = (e) => {
 		v || (_(e), m?.(e));
 	};
 	async function S() {
@@ -90,29 +90,29 @@ function d({ title: t, description: n, confirmLabel: r = "确认", cancelLabel:
 			y(!1);
 		}
 	}
-	return /* @__PURE__ */ o(u, {
+	return /* @__PURE__ */ a(u, {
 		...h,
 		open: b,
 		onOpenChange: x,
 		title: t,
-		children: [n === void 0 ? null : /* @__PURE__ */ a("div", {
+		children: [n === void 0 ? null : /* @__PURE__ */ i("div", {
 			className: "ui-popconfirm-description",
 			children: n
-		}), /* @__PURE__ */ o("div", {
+		}), /* @__PURE__ */ a("div", {
 			className: "ui-popconfirm-actions",
-			children: [/* @__PURE__ */ a(e, {
+			children: [/* @__PURE__ */ i(e, {
 				size: "compact",
 				variant: "outline",
 				disabled: v,
 				onClick: () => x(!1),
 				children: s
-			}), /* @__PURE__ */ a(e, {
+			}), /* @__PURE__ */ i(e, {
 				size: "compact",
 				variant: c,
 				busy: v,
 				busyLabel: "处理中",
 				onClick: S,
-				children: r
+				children: o
 			})]
 		})]
 	});