@jc-times/business-ui 0.3.0 → 0.3.1

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
 			})]
 		})]
 	});

package/dist/ModalShell.js

@@ -1,34 +1,34 @@
 import { Button as e } from "./Button.js";
 import { OverlayContainerContext as t } from "./OverlayContainer.js";
-import { X as n } from "lucide-react";
-import { Children as r, Fragment as i, isValidElement as a, useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Children as n, Fragment as r, isValidElement as i, useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { X as d } from "lucide-react";
 import * as f from "@radix-ui/react-dialog";
 //#region src/ModalShell.tsx
-function p({ backdropClassName: e = "", panelClassName: n = "", titleId: r, eyebrow: i, title: a, description: p, closeLabel: _, onClose: b, closeDisabled: x = !1, showCloseButton: S = !0, closeIconSize: C = 20, closeOnBackdrop: w = !1, rootRef: T, closeOnEscape: E = !0, initialFocus: D, returnFocus: O, role: k = "dialog", describedBy: A, children: j, footer: M, contentClassName: N = "", contentProps: P, footerClassName: F = "" }) {
-	let I = c(null), [L, R] = l(null), z = c(typeof document > "u" ? null : document.activeElement), B = o((e) => {
+function p({ backdropClassName: e = "", panelClassName: n = "", titleId: r, eyebrow: i, title: d, description: p, closeLabel: _, onClose: b, closeDisabled: x = !1, showCloseButton: S = !0, closeIconSize: C = 20, closeOnBackdrop: w = !1, rootRef: T, closeOnEscape: E = !0, initialFocus: D, returnFocus: O, role: k = "dialog", describedBy: A, children: j, footer: M, contentClassName: N = "", contentProps: P, footerClassName: F = "" }) {
+	let I = s(null), [L, R] = c(null), z = s(typeof document > "u" ? null : document.activeElement), B = a((e) => {
 		I.current = e, v(T, e);
-	}, [T]), V = c(!1), { ref: H, ...U } = P ?? {};
+	}, [T]), V = s(!1), { ref: H, ...U } = P ?? {};
 	function W() {
 		return [...document.querySelectorAll("[role='dialog'][aria-modal='true'],[role='alertdialog'][aria-modal='true']")].at(-1) === I.current;
 	}
 	function G() {
 		!x && W() && b();
 	}
-	s(() => {
+	o(() => {
 		h() && M === void 0 && !V.current && m(j) && (V.current = !0, console.warn("[business-ui] ModalShell 的直接 <footer> child 会位于可滚动正文区。固定底栏请改用 footer 属性，并用 footerClassName 定制样式；组件不会自动搬运 children。"));
 	}, [j, M]);
 	function K(e) {
 		w && e.target === e.currentTarget && G(), e.target.closest("button,a[href],input,select,textarea,[tabindex]") || e.preventDefault();
 	}
-	return /* @__PURE__ */ u(f.Root, {
+	return /* @__PURE__ */ l(f.Root, {
 		open: !0,
 		onOpenChange: (e) => {
 			e || G();
 		},
-		children: /* @__PURE__ */ u(f.Overlay, {
+		children: /* @__PURE__ */ l(f.Overlay, {
 			asChild: !0,
-			children: /* @__PURE__ */ u(f.Content, {
+			children: /* @__PURE__ */ l(f.Content, {
 				asChild: !0,
 				onEscapeKeyDown: (e) => {
 					(x || !E || I.current?.querySelector("[data-ui-aria-overlay]")) && e.preventDefault();
@@ -44,7 +44,7 @@ function p({ backdropClassName: e = "", panelClassName: n = "", titleId: r, eyeb
 						e?.isConnected && e.focus();
 					}
 				},
-				children: /* @__PURE__ */ u("div", {
+				children: /* @__PURE__ */ l("div", {
 					ref: B,
 					"data-ui-focus-managed": "radix",
 					className: `ui-modal-backdrop ${e}`.trim(),
@@ -54,51 +54,51 @@ function p({ backdropClassName: e = "", panelClassName: n = "", titleId: r, eyeb
 					"aria-describedby": A ?? (p === void 0 ? void 0 : `${r}-description`),
 					onMouseDown: K,
 					tabIndex: -1,
-					children: /* @__PURE__ */ d(t.Provider, {
+					children: /* @__PURE__ */ u(t.Provider, {
 						value: L,
-						children: [/* @__PURE__ */ d("section", {
+						children: [/* @__PURE__ */ u("section", {
 							className: `ui-modal ${n}`.trim(),
 							children: [
-								/* @__PURE__ */ d("header", {
+								/* @__PURE__ */ u("header", {
 									className: "ui-modal-header",
-									children: [/* @__PURE__ */ d("div", { children: [
-										i === void 0 ? null : /* @__PURE__ */ u("span", {
+									children: [/* @__PURE__ */ u("div", { children: [
+										i === void 0 ? null : /* @__PURE__ */ l("span", {
 											className: "ui-modal-eyebrow",
 											children: i
 										}),
-										/* @__PURE__ */ u(f.Title, {
+										/* @__PURE__ */ l(f.Title, {
 											asChild: !0,
-											children: /* @__PURE__ */ u("h2", {
+											children: /* @__PURE__ */ l("h2", {
 												id: r,
-												children: a
+												children: d
 											})
 										}),
-										p === void 0 ? null : /* @__PURE__ */ u(f.Description, {
+										p === void 0 ? null : /* @__PURE__ */ l(f.Description, {
 											asChild: !0,
-											children: /* @__PURE__ */ u("p", {
+											children: /* @__PURE__ */ l("p", {
 												id: `${r}-description`,
 												children: p
 											})
 										})
-									] }), S && /* @__PURE__ */ u(g, {
+									] }), S && /* @__PURE__ */ l(g, {
 										label: _,
 										disabled: x,
 										size: C,
 										onClose: G
 									})]
 								}),
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ l("div", {
 									...U,
 									ref: H,
 									className: `ui-modal-content ${N}`.trim(),
 									children: j
 								}),
-								M === void 0 ? null : /* @__PURE__ */ u("footer", {
+								M === void 0 ? null : /* @__PURE__ */ l("footer", {
 									className: `ui-modal-footer ${F}`.trim(),
 									children: M
 								})
 							]
-						}), /* @__PURE__ */ u("div", {
+						}), /* @__PURE__ */ l("div", {
 							ref: R,
 							className: "ui-overlay-container"
 						})]
@@ -109,21 +109,21 @@ function p({ backdropClassName: e = "", panelClassName: n = "", titleId: r, eyeb
 	});
 }
 function m(e) {
-	return r.toArray(e).some((e) => a(e) ? e.type === "footer" || e.type === i && m(e.props.children) : !1);
+	return n.toArray(e).some((e) => i(e) ? e.type === "footer" || e.type === r && m(e.props.children) : !1);
 }
 function h() {
 	return typeof process < "u" && process.env.NODE_ENV !== "production";
 }
-function g({ label: t, disabled: r, size: i, onClose: a }) {
-	return /* @__PURE__ */ u(e, {
+function g({ label: t, disabled: n, size: r, onClose: i }) {
+	return /* @__PURE__ */ l(e, {
 		className: "ui-modal-close",
 		variant: "ghost",
 		iconOnly: !0,
 		"aria-label": t,
-		onClick: a,
-		disabled: r,
-		children: /* @__PURE__ */ u(n, {
-			size: i,
+		onClick: i,
+		disabled: n,
+		children: /* @__PURE__ */ l(d, {
+			size: r,
 			"aria-hidden": "true"
 		})
 	});