@chain-ui/core 0.1.1 → 0.2.0

package/dist/index.js

@@ -68,8 +68,7 @@ var f = t(function({ variant: e = "solid", color: t = "primary", size: n = "md",
 			/* @__PURE__ */ l("input", {
 				ref: b,
 				className: "chain-input__field",
-				value: w,
-				defaultValue: C ? void 0 : t,
+				...C ? { value: w } : { defaultValue: t },
 				onChange: T,
 				disabled: o,
 				readOnly: c,
@@ -160,157 +159,157 @@ function g(e, t) {
 	return e === t.value;
 }
 var _ = t(function({ value: e, defaultValue: t, onChange: i, options: a = [], variant: c = "outline", size: f = "md", status: p = "default", disabled: m = !1, loading: h = !1, allowClear: _ = !1, placeholder: v = "Please select", mode: y = "single", showSearch: b = !1, prefix: x, suffix: S, emptyText: C = "暂无数据", clearAriaLabel: w = "Clear selection", searchPlaceholder: T = "Search", expandAriaLabel: E = "Expand", collapseAriaLabel: D = "Collapse", removeAriaLabel: O = "Remove", dropdownClassName: k, dropdownStyle: A, getPopupContainer: j, className: M, style: N, ...P }, F) {
-	let I = e !== void 0, [ee, te] = s(t ?? (y === "multiple" ? [] : "")), L = I ? e : ee, [R, z] = s(!1), [B, V] = s(-1), [H, U] = s(""), [W, ne] = s({
+	let I = e !== void 0, [L, R] = s(t ?? (y === "multiple" ? [] : "")), z = I ? e : L, [B, V] = s(!1), [H, U] = s(-1), [W, G] = s(""), [K, ee] = s({
 		top: 0,
 		left: 0,
 		width: 0
-	}), G = o(null), re = o(null), ie = o(null), K = o(null), q = m || h, J = n((e, t) => {
-		I || te(e), i?.(e, t);
-	}, [I, i]), ae = a.filter((e) => y === "multiple" && Array.isArray(L) ? L.some((t) => g(t, e)) : g(L, e)), oe = b && H ? a.filter((e) => String(e.label).toLowerCase().includes(H.toLowerCase())) : a, Y = oe.filter((e) => !e.disabled), X = n(() => {
-		if (!G.current) return;
-		let e = G.current.getBoundingClientRect();
-		ne({
+	}), q = o(null), te = o(null), J = o(null), Y = o(null), X = m || h, Z = n((e, t) => {
+		I || R(e), i?.(e, t);
+	}, [I, i]), ne = a.filter((e) => y === "multiple" && Array.isArray(z) ? z.some((t) => g(t, e)) : g(z, e)), re = b && W ? a.filter((e) => String(e.label).toLowerCase().includes(W.toLowerCase())) : a, Q = re.filter((e) => !e.disabled), ie = n(() => {
+		if (!q.current) return;
+		let e = q.current.getBoundingClientRect();
+		ee({
 			top: e.bottom + 4,
 			left: e.left,
 			width: e.width
 		});
-	}, []), Z = n(() => {
-		q || (X(), z(!0), V(-1), U(""));
-	}, [q, X]), Q = n(() => {
-		z(!1), V(-1), U("");
-	}, []), $ = n((e, t) => {
+	}, []), ae = n(() => {
+		X || (ie(), V(!0), U(-1), G(""));
+	}, [X, ie]), $ = n(() => {
+		V(!1), U(-1), G("");
+	}, []), oe = n((e, t) => {
 		if (!e.disabled) if (y === "multiple") {
-			let n = Array.isArray(L) ? L : [];
-			J(n.some((t) => g(t, e)) ? n.filter((t) => !g(t, e)) : [...n, e.value], t);
-		} else J(e.value, t), Q();
+			let n = Array.isArray(z) ? z : [];
+			Z(n.some((t) => g(t, e)) ? n.filter((t) => !g(t, e)) : [...n, e.value], t);
+		} else Z(e.value, t), $();
 	}, [
 		y,
-		L,
-		J,
-		Q
+		z,
+		Z,
+		$
 	]), se = n((e) => {
-		e.stopPropagation(), J(y === "multiple" ? [] : "", e);
-	}, [y, J]), ce = n((e, t) => {
-		t.stopPropagation(), y === "multiple" && Array.isArray(L) && J(L.filter((t) => !g(t, e)), t);
+		e.stopPropagation(), Z(y === "multiple" ? [] : "", e);
+	}, [y, Z]), ce = n((e, t) => {
+		t.stopPropagation(), y === "multiple" && Array.isArray(z) && Z(z.filter((t) => !g(t, e)), t);
 	}, [
 		y,
-		L,
-		J
+		z,
+		Z
 	]), le = () => {
-		if (y === "multiple" && Array.isArray(L) && L.length > 0) return null;
-		if (y === "single" && L !== "" && L !== void 0) {
-			let e = a.find((e) => g(L, e));
-			return e ? e.label : String(L);
+		if (y === "multiple" && Array.isArray(z) && z.length > 0) return null;
+		if (y === "single" && z !== "" && z !== void 0) {
+			let e = a.find((e) => g(z, e));
+			return e ? e.label : String(z);
 		}
 		return null;
 	}, ue = n(() => {
-		q || (R ? Q() : Z());
+		X || (B ? $() : ae());
 	}, [
-		q,
-		R,
-		Z,
-		Q
+		X,
+		B,
+		ae,
+		$
 	]), de = n((e) => {
-		if (!q) switch (e.key) {
+		if (!X) switch (e.key) {
 			case "Enter":
 			case " ":
-				e.preventDefault(), R ? B >= 0 && B < Y.length && $(Y[B], e) : Z();
+				e.preventDefault(), B ? H >= 0 && H < Q.length && oe(Q[H], e) : ae();
 				break;
 			case "ArrowDown":
-				e.preventDefault(), R ? V((e) => e < Y.length - 1 ? e + 1 : 0) : (Z(), V(0));
+				e.preventDefault(), B ? U((e) => e < Q.length - 1 ? e + 1 : 0) : (ae(), U(0));
 				break;
 			case "ArrowUp":
-				e.preventDefault(), R && V((e) => e > 0 ? e - 1 : Y.length - 1);
+				e.preventDefault(), B && U((e) => e > 0 ? e - 1 : Q.length - 1);
 				break;
 			case "Escape":
-				e.preventDefault(), Q(), G.current?.focus();
+				e.preventDefault(), $(), q.current?.focus();
 				break;
 			case "Tab":
-				R && Q();
+				B && $();
 				break;
 		}
 	}, [
-		q,
-		R,
+		X,
 		B,
-		Y,
-		$,
-		Z,
-		Q
+		H,
+		Q,
+		oe,
+		ae,
+		$
 	]), fe = n((e, t) => {
-		$(e, t);
-	}, [$]), pe = n((e) => {
+		oe(e, t);
+	}, [oe]), pe = n((e) => {
 		se(e);
 	}, [se]), me = n((e) => {
-		U(e.target.value), V(-1);
+		G(e.target.value), U(-1);
 	}, []);
 	r(() => {
-		if (!R) return;
+		if (!B) return;
 		let e = (e) => {
 			let t = e.target;
-			re.current?.contains(t) || G.current?.contains(t) || Q();
+			te.current?.contains(t) || q.current?.contains(t) || $();
 		};
 		return document.addEventListener("mousedown", e, !0), () => document.removeEventListener("mousedown", e, !0);
-	}, [R, Q]), r(() => {
-		if (!R) return;
-		let e = () => X();
+	}, [B, $]), r(() => {
+		if (!B) return;
+		let e = () => ie();
 		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
-	}, [R, X]), r(() => {
-		R && b && requestAnimationFrame(() => ie.current?.focus());
-	}, [R, b]), r(() => {
-		if (B < 0 || !K.current) return;
-		let e = K.current.querySelectorAll(".chain-select__item")[B];
+	}, [B, ie]), r(() => {
+		B && b && requestAnimationFrame(() => J.current?.focus());
+	}, [B, b]), r(() => {
+		if (H < 0 || !Y.current) return;
+		let e = Y.current.querySelectorAll(".chain-select__item")[H];
 		e && typeof e.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
-	}, [B]);
-	let he = _ && !q && (y === "multiple" ? Array.isArray(L) && L.length > 0 : L !== "" && L !== void 0), ge = [
+	}, [H]);
+	let he = _ && !X && (y === "multiple" ? Array.isArray(z) && z.length > 0 : z !== "" && z !== void 0), ge = [
 		"chain-select",
 		`chain-select--${c}`,
 		`chain-select--${f}`,
 		p !== "default" && `chain-select--${p}`,
-		q && "chain-select--disabled",
+		X && "chain-select--disabled",
 		h && "chain-select--loading",
 		y === "multiple" && "chain-select--multiple",
-		R && "chain-select--open",
+		B && "chain-select--open",
 		M
 	].filter(Boolean).join(" "), _e = le(), ve = () => {
-		if (!R) return null;
+		if (!B) return null;
 		let e = j?.() ?? document.body;
 		return d(/* @__PURE__ */ u("div", {
-			ref: re,
+			ref: te,
 			className: ["chain-select__dropdown", k].filter(Boolean).join(" "),
 			style: {
-				top: W.top,
-				left: W.left,
-				width: W.width,
+				top: K.top,
+				left: K.left,
+				width: K.width,
 				...A
 			},
 			children: [b && /* @__PURE__ */ l("div", {
 				className: "chain-select__search",
 				children: /* @__PURE__ */ l("input", {
-					ref: ie,
+					ref: J,
 					className: "chain-select__search-input",
 					placeholder: T,
-					value: H,
+					value: W,
 					onChange: me,
 					role: "searchbox",
 					onClick: (e) => e.stopPropagation()
 				})
-			}), oe.length === 0 ? /* @__PURE__ */ l("div", {
+			}), re.length === 0 ? /* @__PURE__ */ l("div", {
 				className: "chain-select__empty",
 				children: C
 			}) : /* @__PURE__ */ l("ul", {
-				ref: K,
+				ref: Y,
 				className: "chain-select__list",
 				role: "listbox",
-				children: oe.map((e, t) => {
-					let n = y === "multiple" && Array.isArray(L) ? L.some((t) => g(t, e)) : g(L, e);
+				children: re.map((e, t) => {
+					let n = y === "multiple" && Array.isArray(z) ? z.some((t) => g(t, e)) : g(z, e);
 					return /* @__PURE__ */ u("li", {
 						className: [
 							"chain-select__item",
 							n && "chain-select__item--selected",
-							t === B && "chain-select__item--highlighted",
+							t === H && "chain-select__item--highlighted",
 							e.disabled && "chain-select__item--disabled"
 						].filter(Boolean).join(" "),
 						role: "option",
@@ -320,7 +319,7 @@ var _ = t(function({ value: e, defaultValue: t, onChange: i, options: a = [], va
 							e.disabled || fe(e, t);
 						},
 						onMouseEnter: () => {
-							e.disabled || V(t);
+							e.disabled || U(t);
 						},
 						children: [/* @__PURE__ */ l("span", { children: e.label }), n && /* @__PURE__ */ l("span", {
 							className: "chain-select__item-check",
@@ -338,13 +337,13 @@ var _ = t(function({ value: e, defaultValue: t, onChange: i, options: a = [], va
 		style: N,
 		...P,
 		children: [/* @__PURE__ */ u("div", {
-			ref: G,
+			ref: q,
 			className: "chain-select__trigger",
 			role: "combobox",
-			"aria-expanded": R,
+			"aria-expanded": B,
 			"aria-haspopup": "listbox",
-			"aria-disabled": q || void 0,
-			tabIndex: q ? -1 : 0,
+			"aria-disabled": X || void 0,
+			tabIndex: X ? -1 : 0,
 			onClick: ue,
 			onKeyDown: de,
 			children: [
@@ -354,9 +353,9 @@ var _ = t(function({ value: e, defaultValue: t, onChange: i, options: a = [], va
 				}),
 				/* @__PURE__ */ l("div", {
 					className: "chain-select__trigger-inner",
-					children: y === "multiple" && Array.isArray(L) && L.length > 0 ? /* @__PURE__ */ l("div", {
+					children: y === "multiple" && Array.isArray(z) && z.length > 0 ? /* @__PURE__ */ l("div", {
 						className: "chain-select__tags",
-						children: ae.map((e) => /* @__PURE__ */ u("span", {
+						children: ne.map((e) => /* @__PURE__ */ u("span", {
 							className: "chain-select__tag",
 							children: [/* @__PURE__ */ l("span", { children: e.label }), /* @__PURE__ */ l("button", {
 								type: "button",
@@ -386,7 +385,7 @@ var _ = t(function({ value: e, defaultValue: t, onChange: i, options: a = [], va
 					"aria-hidden": "true"
 				}) : /* @__PURE__ */ l("span", {
 					className: "chain-select__arrow",
-					"aria-label": R ? D : E,
+					"aria-label": B ? D : E,
 					children: "▼"
 				}),
 				S && /* @__PURE__ */ l("span", {
@@ -396,193 +395,310 @@ var _ = t(function({ value: e, defaultValue: t, onChange: i, options: a = [], va
 			]
 		}), ve()]
 	});
-}), v = {
+});
+function v(e, t, n) {
+	let r = window.scrollX ?? window.pageXOffset, i = window.scrollY ?? window.pageYOffset, a = e.left + r, o = e.top + i, s = e.width, c = e.height, l = t.width, u = t.height, [d, f] = n.split("-"), p = 0, m = 0;
+	switch (d) {
+		case "top":
+			p = o - u - 10;
+			break;
+		case "bottom":
+			p = o + c + 10;
+			break;
+		case "left":
+			m = a - l - 10;
+			break;
+		case "right":
+			m = a + s + 10;
+			break;
+	}
+	return (d === "top" || d === "bottom") && (m = f === "start" ? a : f === "end" ? a + s - l : a + s / 2 - l / 2), (d === "left" || d === "right") && (p = f === "start" ? o : f === "end" ? o + c - u : o + c / 2 - u / 2), {
+		top: p,
+		left: m
+	};
+}
+//#endregion
+//#region src/utils/icons.ts
+var y = {
+	success: "✓",
+	error: "✗",
+	warning: "!",
+	info: "ℹ"
+};
+//#endregion
+//#region src/utils/portal.tsx
+function b(e, t = {}) {
+	let { duration: n = 200, onExited: i } = t, [a, c] = s(e), [l, u] = s(e), [d, f] = s(!1), p = o(void 0), m = o(i);
+	return m.current = i, r(() => {
+		if (e) c(!0), f(!1), requestAnimationFrame(() => u(!0));
+		else if (a) return u(!1), f(!0), p.current = setTimeout(() => {
+			f(!1), c(!1), m.current?.();
+		}, n), () => clearTimeout(p.current);
+	}, [e]), r(() => () => clearTimeout(p.current), []), {
+		mounted: a,
+		animating: l,
+		closing: d
+	};
+}
+function x({ getContainer: e, children: t }) {
+	return d(t, e?.() ?? document.body);
+}
+//#endregion
+//#region ../hooks/dist/index.js
+function S({ mounted: e, animating: t, closing: n }, r = {}) {
+	let { duration: i = 200, easing: a = "ease", from: o = 0, to: s = 1 } = r;
+	return e ? {
+		opacity: t && !n ? s : o,
+		transition: `opacity ${i}ms ${a}`
+	} : { opacity: o };
+}
+function C({ mounted: e, animating: t, closing: n }, r = {}) {
+	let { duration: i = 200, easing: a = "ease", from: o = .9, to: s = 1 } = r;
+	return e ? {
+		transform: t && !n ? `scale(${s})` : `scale(${o})`,
+		transition: `transform ${i}ms ${a}`
+	} : { transform: `scale(${o})` };
+}
+function w(e) {
+	return typeof e == "number" ? `${e}px` : e;
+}
+function T(e, t) {
+	switch (e) {
+		case "up": return {
+			x: 0,
+			y: t
+		};
+		case "down": return {
+			x: 0,
+			y: -t
+		};
+		case "left": return {
+			x: t,
+			y: 0
+		};
+		case "right": return {
+			x: -t,
+			y: 0
+		};
+	}
+}
+function E({ mounted: e, animating: t, closing: n }, r = {}) {
+	let { duration: i = 250, easing: a = "ease", direction: o = "down", distance: s = 16 } = r, c = r.from ?? T(o, s), l = r.to ?? {
+		x: 0,
+		y: 0
+	};
+	if (!e) return { transform: `translate(${w(c.x)}, ${w(c.y)})` };
+	let u = t && !n ? l : c;
+	return {
+		transform: `translate(${w(u.x)}, ${w(u.y)})`,
+		transition: `transform ${i}ms ${a}`
+	};
+}
+function D(...e) {
+	let t = {}, n = [];
+	for (let r of e) for (let e of Object.keys(r)) if (e === "transition") {
+		let t = r[e];
+		typeof t == "string" && t && n.push(t);
+	} else t[e] = r[e];
+	return n.length > 0 && (t.transition = n.join(", ")), t;
+}
+//#endregion
+//#region src/components/modal/modal.tsx
+var O = {
 	sm: "400px",
 	md: "520px",
 	lg: "720px"
-}, y = "a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", b = t(function({ open: e = !1, onCancel: t, title: a, children: c, footer: p, onOk: m, okText: h = "确定", okButtonProps: g, cancelText: _ = "取消", cancelButtonProps: b, confirmLoading: x = !1, closable: S = !0, closeAriaLabel: C = "Close", maskClosable: w = !0, keyboard: T = !0, destroyOnClose: E = !1, size: D = "md", width: O, centered: k = !1, getContainer: A, className: j, style: M, ...N }, P) {
-	let F = i(), [I, ee] = s(!1), [te, L] = s(!1), [R, z] = s(!1), B = o(null), V = o(null), H = o(null), U = o(0), W = e || I, ne = n((e) => {
-		B.current = e, typeof P == "function" ? P(e) : P && (P.current = e);
-	}, [P]);
-	r(() => {
-		if (e) H.current = document.activeElement, requestAnimationFrame(() => {
-			ee(!0);
-		});
-		else {
-			L(!0);
-			let e = setTimeout(() => {
-				L(!1), ee(!1);
-			}, 250);
-			return () => clearTimeout(e);
+}, k = "a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", A = t(function({ open: e = !1, onCancel: t, title: a, children: c, footer: d, onOk: p, okText: m = "确定", okButtonProps: h, cancelText: g = "取消", cancelButtonProps: _, confirmLoading: v = !1, closable: y = !0, closeAriaLabel: w = "Close", maskClosable: T = !0, keyboard: E = !0, destroyOnClose: A = !1, size: j = "md", width: M, centered: N = !1, getContainer: P, className: F, style: I, ...L }, R) {
+	let z = i(), B = b(e, {
+		duration: 250,
+		onExited: () => {
+			J.current &&= (J.current.focus(), null);
 		}
+	}), { mounted: V, animating: H, closing: U } = B, W = S(B, { duration: 250 }), G = D(S(B, { duration: 250 }), C(B, {
+		from: .95,
+		duration: 250
+	})), [K, ee] = s(!1), q = o(null), te = o(null), J = o(null), Y = o(0), X = V, Z = n((e) => {
+		q.current = e, typeof R == "function" ? R(e) : R && (R.current = e);
+	}, [R]);
+	r(() => {
+		e && (J.current = document.activeElement);
 	}, [e]), r(() => {
-		if (!W) return;
+		if (!X) return;
 		let e = window.innerWidth - document.documentElement.clientWidth;
-		U.current = e;
+		Y.current = e;
 		let t = document.body.style.overflow, n = document.body.style.paddingRight;
 		return document.body.style.overflow = "hidden", e > 0 && (document.body.style.paddingRight = `${e}px`), () => {
 			document.body.style.overflow = t, document.body.style.paddingRight = n;
 		};
-	}, [W]), r(() => {
-		if (!W) return;
+	}, [X]), r(() => {
+		if (!X) return;
 		let e = setTimeout(() => {
-			V.current?.focus();
+			te.current?.focus();
 		}, 50);
 		return () => clearTimeout(e);
-	}, [W]), r(() => {
-		!W && H.current && (H.current.focus(), H.current = null);
-	}, [W]), r(() => {
-		if (!W || !T) return;
+	}, [X]), r(() => {
+		if (!X || !E) return;
 		let e = (e) => {
 			e.key === "Escape" && t?.();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [
-		W,
-		T,
+		X,
+		E,
 		t
 	]);
-	let G = n((e) => {
-		w && e.target === e.currentTarget && t?.();
-	}, [w, t]), re = n(async () => {
-		if (!m) return;
-		let e = m();
+	let ne = n((e) => {
+		T && e.target === e.currentTarget && t?.();
+	}, [T, t]), re = n(async () => {
+		if (!p) return;
+		let e = p();
 		if (e instanceof Promise) {
-			z(!0);
+			ee(!0);
 			try {
-				await e, z(!1), t?.();
+				await e, ee(!1), t?.();
 			} catch {
-				z(!1);
+				ee(!1);
 			}
 		}
-	}, [m, t]), ie = n((e) => {
+	}, [p, t]), Q = n((e) => {
 		if (e.key !== "Tab") return;
-		let t = V.current;
+		let t = te.current;
 		if (!t) return;
-		let n = t.querySelectorAll(y);
+		let n = t.querySelectorAll(k);
 		if (n.length === 0) {
 			e.preventDefault();
 			return;
 		}
 		let r = n[0], i = n[n.length - 1];
 		e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
-	}, []), K = O ?? v[D] ?? v.md, q = x || R, J = [
+	}, []), ie = M ?? O[j] ?? O.md, ae = v || K, $ = [
 		"chain-modal",
-		I && !te && "chain-modal--open",
-		te && "chain-modal--hidden",
-		k && "chain-modal--centered",
-		j
+		N && "chain-modal--centered",
+		F
 	].filter(Boolean).join(" ");
-	return !W && E ? null : d(/* @__PURE__ */ u("div", {
-		ref: ne,
-		className: J,
-		style: M,
-		role: "dialog",
-		"aria-modal": "true",
-		"aria-labelledby": a ? F : void 0,
-		...N,
-		children: [/* @__PURE__ */ l("div", {
-			className: "chain-modal__mask",
-			onMouseDown: G
-		}), /* @__PURE__ */ l("div", {
-			className: "chain-modal__wrap",
-			children: /* @__PURE__ */ u("div", {
-				ref: V,
-				className: "chain-modal__content",
-				tabIndex: -1,
-				style: { width: typeof K == "number" ? `${K}px` : K },
-				onKeyDown: ie,
-				children: [
-					a !== void 0 || S ? /* @__PURE__ */ u("div", {
-						className: "chain-modal__header",
-						children: [a && /* @__PURE__ */ l("h2", {
-							id: F,
-							className: "chain-modal__title",
-							children: a
-						}), S && /* @__PURE__ */ l("button", {
-							type: "button",
-							className: "chain-modal__close",
-							"aria-label": C,
-							onClick: t,
-							children: "×"
-						})]
-					}) : null,
-					c && /* @__PURE__ */ l("div", {
-						className: "chain-modal__body",
-						children: c
-					}),
-					p === void 0 ? p === null ? null : /* @__PURE__ */ u("div", {
-						className: "chain-modal__footer",
-						children: [/* @__PURE__ */ l(f, {
-							...b,
-							onClick: t,
-							children: _
-						}), /* @__PURE__ */ l(f, {
-							variant: "solid",
-							color: "primary",
-							...g,
-							loading: q,
-							onClick: re,
-							children: h
-						})]
-					}) : p
-				]
-			})
-		})]
-	}), A?.() ?? document.body);
+	return !X && A ? null : /* @__PURE__ */ l(x, {
+		getContainer: P,
+		children: /* @__PURE__ */ u("div", {
+			ref: Z,
+			className: $,
+			style: {
+				pointerEvents: X ? "auto" : "none",
+				...I
+			},
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": a ? z : void 0,
+			...L,
+			children: [/* @__PURE__ */ l("div", {
+				className: "chain-modal__mask",
+				style: {
+					...W,
+					pointerEvents: H && !U ? "auto" : "none"
+				},
+				onMouseDown: ne
+			}), /* @__PURE__ */ l("div", {
+				className: "chain-modal__wrap",
+				children: /* @__PURE__ */ u("div", {
+					ref: te,
+					className: "chain-modal__content",
+					tabIndex: -1,
+					style: {
+						...G,
+						width: typeof ie == "number" ? `${ie}px` : ie
+					},
+					onKeyDown: Q,
+					children: [
+						a !== void 0 || y ? /* @__PURE__ */ u("div", {
+							className: "chain-modal__header",
+							children: [a && /* @__PURE__ */ l("h2", {
+								id: z,
+								className: "chain-modal__title",
+								children: a
+							}), y && /* @__PURE__ */ l("button", {
+								type: "button",
+								className: "chain-modal__close",
+								"aria-label": w,
+								onClick: t,
+								children: "×"
+							})]
+						}) : null,
+						c && /* @__PURE__ */ l("div", {
+							className: "chain-modal__body",
+							children: c
+						}),
+						d === void 0 ? d === null ? null : /* @__PURE__ */ u("div", {
+							className: "chain-modal__footer",
+							children: [/* @__PURE__ */ l(f, {
+								..._,
+								onClick: t,
+								children: g
+							}), /* @__PURE__ */ l(f, {
+								variant: "solid",
+								color: "primary",
+								...h,
+								loading: ae,
+								onClick: re,
+								children: m
+							})]
+						}) : d
+					]
+				})
+			})]
+		})
+	});
 });
 //#endregion
 //#region src/components/table/table.tsx
-function x(e, t, n) {
+function j(e, t, n) {
 	if (typeof n == "function") return n(e);
 	let r = e[n];
 	return String(r ?? t);
 }
-function S(e, t) {
+function M(e, t) {
 	if (t != null) return Array.isArray(t) ? t.reduce((e, t) => {
 		if (typeof e == "object" && e) return e[t];
 	}, e) : e[t];
 }
-var C = t(function({ dataSource: e, columns: t, rowKey: r = "key", rowSelection: i, loading: o = !1, emptyText: s = "暂无数据", pagination: c, bordered: d = !0, size: p = "md", locale: m, scroll: h, onRow: g, className: _, style: v, ...y }, b) {
-	let C = {
+var N = t(function({ dataSource: e, columns: t, rowKey: r = "key", rowSelection: i, loading: o = !1, emptyText: s = "暂无数据", pagination: c, bordered: d = !0, size: p = "md", locale: m, scroll: h, onRow: g, className: _, style: v, ...y }, b) {
+	let x = {
 		total: m?.total ?? "共",
 		items: m?.items ?? "条",
 		prevPage: m?.prevPage ?? "上一页",
 		nextPage: m?.nextPage ?? "下一页"
-	}, w = i?.type === "radio", T = i != null, E = a(() => i?.selectedRowKeys ?? [], [i?.selectedRowKeys]), D = n(() => {
+	}, S = i?.type === "radio", C = i != null, w = a(() => i?.selectedRowKeys ?? [], [i?.selectedRowKeys]), T = n(() => {
 		if (!i) return;
-		let t = e.filter((e) => !i.getCheckboxProps?.(e)?.disabled).map((e, t) => x(e, t, r));
-		if (w) return;
-		let n = t.every((e) => E.includes(e)), a;
-		if (n) a = E.filter((e) => !t.includes(e));
+		let t = e.filter((e) => !i.getCheckboxProps?.(e)?.disabled).map((e, t) => j(e, t, r));
+		if (S) return;
+		let n = t.every((e) => w.includes(e)), a;
+		if (n) a = w.filter((e) => !t.includes(e));
 		else {
-			let e = new Set(E);
+			let e = new Set(w);
 			t.forEach((t) => e.add(t)), a = Array.from(e);
 		}
-		let o = e.filter((e, t) => a.includes(x(e, t, r)));
+		let o = e.filter((e, t) => a.includes(j(e, t, r)));
 		i.onChange?.(a, o), i.onSelect?.(e[0], !n, o);
 	}, [
 		i,
 		e,
-		E,
 		w,
+		S,
 		r
-	]), O = n((t, n) => {
+	]), E = n((t, n) => {
 		if (!i) return;
-		let a = x(t, n, r), o, s = E.includes(a);
-		if (w) {
+		let a = j(t, n, r), o, s = w.includes(a);
+		if (S) {
 			if (s) return;
 			o = [a];
-		} else o = s ? E.filter((e) => e !== a) : [...E, a];
-		let c = e.filter((e, t) => o.includes(x(e, t, r)));
+		} else o = s ? w.filter((e) => e !== a) : [...w, a];
+		let c = e.filter((e, t) => o.includes(j(e, t, r)));
 		i.onChange?.(o, c), i.onSelect?.(t, !s, c);
 	}, [
 		i,
 		e,
-		E,
 		w,
+		S,
 		r
-	]), k = e.map((e, t) => i?.getCheckboxProps?.(e)?.disabled ? null : x(e, t, r)).filter(Boolean), A = k.length > 0 && k.every((e) => E.includes(e)), j = E.some((e) => k.includes(e)) && !A, M = c ? c.current ?? 1 : 1, N = c ? c.pageSize ?? 10 : 10, P = c ? c.total ?? e.length : e.length, F = Math.max(1, Math.ceil(P / N)), I = n((e) => {
+	]), D = e.map((e, t) => i?.getCheckboxProps?.(e)?.disabled ? null : j(e, t, r)).filter(Boolean), O = D.length > 0 && D.every((e) => w.includes(e)), k = w.some((e) => D.includes(e)) && !O, A = c ? c.current ?? 1 : 1, N = c ? c.pageSize ?? 10 : 10, P = c ? c.total ?? e.length : e.length, F = Math.max(1, Math.ceil(P / N)), I = n((e) => {
 		c && c.onChange?.(e, N);
 	}, [c, N]);
 	return /* @__PURE__ */ u("div", {
@@ -607,23 +723,23 @@ var C = t(function({ dataSource: e, columns: t, rowKey: r = "key", rowSelection:
 				children: /* @__PURE__ */ u("table", {
 					className: "chain-table__table",
 					children: [
-						/* @__PURE__ */ u("colgroup", { children: [T && /* @__PURE__ */ l("col", { style: { width: 48 } }), t.map((e) => /* @__PURE__ */ l("col", { style: { width: e.width } }, e.key))] }),
+						/* @__PURE__ */ u("colgroup", { children: [C && /* @__PURE__ */ l("col", { style: { width: 48 } }), t.map((e) => /* @__PURE__ */ l("col", { style: { width: e.width } }, e.key))] }),
 						/* @__PURE__ */ l("thead", {
 							className: "chain-table__header",
 							children: /* @__PURE__ */ u("tr", {
 								className: "chain-table__header-row",
-								children: [T && /* @__PURE__ */ l("th", {
+								children: [C && /* @__PURE__ */ l("th", {
 									className: "chain-table__selection chain-table__header-cell",
 									role: "columnheader",
-									children: !w && /* @__PURE__ */ l("span", {
+									children: !S && /* @__PURE__ */ l("span", {
 										className: "chain-table__checkbox",
 										children: /* @__PURE__ */ l("input", {
 											type: "checkbox",
-											checked: A,
+											checked: O,
 											ref: (e) => {
-												e && (e.indeterminate = j);
+												e && (e.indeterminate = k);
 											},
-											onChange: D,
+											onChange: T,
 											"aria-label": "Select all"
 										})
 									})
@@ -640,13 +756,13 @@ var C = t(function({ dataSource: e, columns: t, rowKey: r = "key", rowSelection:
 								className: "chain-table__row",
 								children: /* @__PURE__ */ l("td", {
 									className: "chain-table__cell chain-table__empty",
-									colSpan: t.length + +!!T,
+									colSpan: t.length + +!!C,
 									role: "status",
 									"aria-live": "polite",
 									children: s
 								})
 							}) : e.map((e, n) => {
-								let a = x(e, n, r), o = E.includes(a), s = i?.getCheckboxProps?.(e)?.disabled ?? !1, c = g?.(e, n);
+								let a = j(e, n, r), o = w.includes(a), s = i?.getCheckboxProps?.(e)?.disabled ?? !1, c = g?.(e, n);
 								return /* @__PURE__ */ u("tr", {
 									className: [
 										"chain-table__row",
@@ -656,22 +772,22 @@ var C = t(function({ dataSource: e, columns: t, rowKey: r = "key", rowSelection:
 									role: "row",
 									onClick: c?.onClick,
 									onDoubleClick: c?.onDoubleClick,
-									children: [T && /* @__PURE__ */ l("td", {
+									children: [C && /* @__PURE__ */ l("td", {
 										className: "chain-table__selection chain-table__cell",
 										role: "cell",
 										children: /* @__PURE__ */ l("span", {
 											className: "chain-table__checkbox",
 											children: /* @__PURE__ */ l("input", {
-												type: w ? "radio" : "checkbox",
-												name: w ? "chain-table-radio" : void 0,
+												type: S ? "radio" : "checkbox",
+												name: S ? "chain-table-radio" : void 0,
 												checked: o,
 												disabled: s,
-												onChange: () => O(e, n),
+												onChange: () => E(e, n),
 												"aria-label": i.selectAriaLabel ?? "Select row"
 											})
 										})
 									}), t.map((t) => {
-										let r = S(e, t.dataIndex), i = t.render ? t.render(r, e, n) : r == null ? "-" : String(r);
+										let r = M(e, t.dataIndex), i = t.render ? t.render(r, e, n) : r == null ? "-" : String(r);
 										return /* @__PURE__ */ l("td", {
 											className: [
 												"chain-table__cell",
@@ -698,38 +814,38 @@ var C = t(function({ dataSource: e, columns: t, rowKey: r = "key", rowSelection:
 				children: [/* @__PURE__ */ u("span", {
 					className: "chain-table__pagination-total",
 					children: [
-						C.total,
+						x.total,
 						" ",
 						P,
 						" ",
-						C.items
+						x.items
 					]
 				}), /* @__PURE__ */ u("div", {
 					className: "chain-table__pagination-nav",
 					children: [
 						/* @__PURE__ */ l(f, {
 							size: "sm",
-							disabled: M <= 1,
-							onClick: () => I(M - 1),
-							children: C.prevPage
+							disabled: A <= 1,
+							onClick: () => I(A - 1),
+							children: x.prevPage
 						}),
 						/* @__PURE__ */ u("span", { children: [
-							M,
+							A,
 							" / ",
 							F
 						] }),
 						/* @__PURE__ */ l(f, {
 							size: "sm",
-							disabled: M >= F,
-							onClick: () => I(M + 1),
-							children: C.nextPage
+							disabled: A >= F,
+							onClick: () => I(A + 1),
+							children: x.nextPage
 						})
 					]
 				})]
 			})
 		]
 	});
-}), w = t(function({ color: e = "default", variant: t = "light", size: n = "md", closable: r = !1, onClose: i, children: a, className: o, ...s }, c) {
+}), P = t(function({ color: e = "default", variant: t = "light", size: n = "md", closable: r = !1, onClose: i, children: a, className: o, ...s }, c) {
 	return /* @__PURE__ */ u("span", {
 		ref: c,
 		className: [
@@ -756,7 +872,7 @@ var C = t(function({ dataSource: e, columns: t, rowKey: r = "key", rowSelection:
 			children: "×"
 		})]
 	});
-}), T = t(function({ count: e, dot: t = !1, color: n = "error", size: r = "md", overflowCount: i = 99, showZero: a = !1, offset: o, children: s, className: d, style: f, ...p }, m) {
+}), F = t(function({ count: e, dot: t = !1, color: n = "error", size: r = "md", overflowCount: i = 99, showZero: a = !1, offset: o, children: s, className: d, style: f, ...p }, m) {
 	let h = !t && e !== void 0 && !a && e === 0, g = e === void 0 && !t, _ = (() => {
 		if (t || e === void 0) return null;
 		let n = typeof e == "number" ? e : void 0;
@@ -795,7 +911,7 @@ var C = t(function({ dataSource: e, columns: t, rowKey: r = "key", rowSelection:
 });
 //#endregion
 //#region src/components/pagination/pagination.tsx
-function E(e, t) {
+function I(e, t) {
 	if (t <= 7) return Array.from({ length: t }, (e, t) => t + 1);
 	let n = [];
 	n.push(1), e > 3 && n.push("ellipsis");
@@ -803,43 +919,43 @@ function E(e, t) {
 	for (let e = r; e <= i; e++) n.push(e);
 	return e < t - 2 && n.push("ellipsis"), n.push(t), n;
 }
-var D = t(function({ value: e, defaultValue: t = 1, pageSize: r = 10, total: i = 0, onChange: o, showSizeChanger: c = !1, pageSizeOptions: d = [
+var L = t(function({ value: e, defaultValue: t = 1, pageSize: r = 10, total: i = 0, onChange: o, showSizeChanger: c = !1, pageSizeOptions: d = [
 	10,
 	20,
 	50,
 	100
 ], showQuickJumper: f = !1, showTotal: p = !0, size: m = "md", disabled: h = !1, locale: g, className: _, ...v }, y) {
-	let [b, x] = s(t), S = e !== void 0, C = S ? e : b, [w, T] = s(""), [D, O] = s(r), k = S ? r : D, A = {
+	let [b, x] = s(t), S = e !== void 0, C = S ? e : b, [w, T] = s(""), [E, D] = s(r), O = S ? r : E, k = {
 		total: g?.total ?? "共",
 		items: g?.items ?? "条",
 		prevPage: g?.prevPage ?? "上一页",
 		nextPage: g?.nextPage ?? "下一页",
 		jumpTo: g?.jumpTo ?? "前往"
-	}, j = Math.max(1, Math.ceil(i / k)), M = Math.max(1, Math.min(C, j)), N = a(() => E(M, j), [M, j]), P = n((e) => {
+	}, A = Math.max(1, Math.ceil(i / O)), j = Math.max(1, Math.min(C, A)), M = a(() => I(j, A), [j, A]), N = n((e) => {
 		if (h) return;
-		let t = Math.max(1, Math.min(e, j));
-		S || x(t), o?.(t, k);
+		let t = Math.max(1, Math.min(e, A));
+		S || x(t), o?.(t, O);
 	}, [
 		h,
-		j,
+		A,
 		S,
 		o,
-		k
-	]), F = n((e) => {
+		O
+	]), P = n((e) => {
 		if (h) return;
-		O(e);
-		let t = Math.ceil(i / e), n = Math.min(M, t);
-		S || (x(n), O(e)), o?.(n, e);
+		D(e);
+		let t = Math.ceil(i / e), n = Math.min(j, t);
+		S || (x(n), D(e)), o?.(n, e);
 	}, [
 		h,
 		i,
-		M,
+		j,
 		S,
 		o
-	]), I = n(() => {
+	]), F = n(() => {
 		let e = parseInt(w, 10);
-		isNaN(e) || (P(e), T(""));
-	}, [w, P]);
+		isNaN(e) || (N(e), T(""));
+	}, [w, N]);
 	return /* @__PURE__ */ u("div", {
 		ref: y,
 		className: [
@@ -853,59 +969,59 @@ var D = t(function({ value: e, defaultValue: t = 1, pageSize: r = 10, total: i =
 			p && /* @__PURE__ */ u("span", {
 				className: "chain-pagination__total",
 				children: [
-					A.total,
+					k.total,
 					" ",
 					i,
 					" ",
-					A.items
+					k.items
 				]
 			}),
 			/* @__PURE__ */ u("ul", {
 				className: "chain-pagination__list",
 				children: [
 					/* @__PURE__ */ l("li", {
-						className: ["chain-pagination__prev", (h || M <= 1) && "chain-pagination__item--disabled"].filter(Boolean).join(" "),
+						className: ["chain-pagination__prev", (h || j <= 1) && "chain-pagination__item--disabled"].filter(Boolean).join(" "),
 						children: /* @__PURE__ */ l("button", {
 							type: "button",
-							disabled: h || M <= 1,
-							onClick: () => P(M - 1),
-							children: A.prevPage
+							disabled: h || j <= 1,
+							onClick: () => N(j - 1),
+							children: k.prevPage
 						})
 					}),
-					N.map((e, t) => e === "ellipsis" ? /* @__PURE__ */ l("li", {
+					M.map((e, t) => e === "ellipsis" ? /* @__PURE__ */ l("li", {
 						className: "chain-pagination__item chain-pagination__item--disabled",
 						children: /* @__PURE__ */ l("span", { children: "..." })
 					}, `ellipsis-${t}`) : /* @__PURE__ */ l("li", {
-						className: ["chain-pagination__item", e === M && "chain-pagination__item--active"].filter(Boolean).join(" "),
+						className: ["chain-pagination__item", e === j && "chain-pagination__item--active"].filter(Boolean).join(" "),
 						children: /* @__PURE__ */ l("button", {
 							type: "button",
 							disabled: h,
-							onClick: () => P(e),
+							onClick: () => N(e),
 							children: e
 						})
 					}, e)),
 					/* @__PURE__ */ l("li", {
-						className: ["chain-pagination__next", (h || M >= j) && "chain-pagination__item--disabled"].filter(Boolean).join(" "),
+						className: ["chain-pagination__next", (h || j >= A) && "chain-pagination__item--disabled"].filter(Boolean).join(" "),
 						children: /* @__PURE__ */ l("button", {
 							type: "button",
-							disabled: h || M >= j,
-							onClick: () => P(M + 1),
-							children: A.nextPage
+							disabled: h || j >= A,
+							onClick: () => N(j + 1),
+							children: k.nextPage
 						})
 					})
 				]
 			}),
 			c && /* @__PURE__ */ l("select", {
 				className: "chain-pagination__size-changer",
-				value: k,
+				value: O,
 				disabled: h,
-				onChange: (e) => F(Number(e.target.value)),
+				onChange: (e) => P(Number(e.target.value)),
 				children: d.map((e) => /* @__PURE__ */ u("option", {
 					value: e,
 					children: [
 						e,
 						" ",
-						A.items
+						k.items
 					]
 				}, e))
 			}),
@@ -917,24 +1033,24 @@ var D = t(function({ value: e, defaultValue: t = 1, pageSize: r = 10, total: i =
 					disabled: h,
 					onChange: (e) => T(e.target.value),
 					onKeyDown: (e) => {
-						e.key === "Enter" && I();
+						e.key === "Enter" && F();
 					},
 					placeholder: ""
 				}), /* @__PURE__ */ l("button", {
 					type: "button",
 					disabled: h,
-					onClick: I,
-					children: A.jumpTo
+					onClick: F,
+					children: k.jumpTo
 				})]
 			})
 		]
 	});
-}), O = {
+}), R = {
 	success: "✓",
 	warning: "!",
 	error: "✗",
 	info: "ℹ"
-}, k = t(function({ color: e = "info", size: t = "md", message: n, description: r, showIcon: i = !0, closable: a = !1, closeAriaLabel: o = "Close", onClose: s, open: c = !0, action: d, children: f, className: p, ...m }, h) {
+}, z = t(function({ color: e = "info", size: t = "md", message: n, description: r, showIcon: i = !0, closable: a = !1, closeAriaLabel: o = "Close", onClose: s, open: c = !0, action: d, children: f, className: p, ...m }, h) {
 	return c ? /* @__PURE__ */ u("div", {
 		ref: h,
 		className: [
@@ -950,7 +1066,7 @@ var D = t(function({ value: e, defaultValue: t = 1, pageSize: r = 10, total: i =
 			i && /* @__PURE__ */ l("span", {
 				className: "chain-alert__icon",
 				"aria-hidden": "true",
-				children: O[e]
+				children: R[e]
 			}),
 			/* @__PURE__ */ u("div", {
 				className: "chain-alert__content",
@@ -979,29 +1095,29 @@ var D = t(function({ value: e, defaultValue: t = 1, pageSize: r = 10, total: i =
 			})
 		]
 	}) : null;
-}), A = {
+}), B = {
 	sm: "var(--space-1)",
 	md: "var(--space-2)",
 	lg: "var(--space-4)"
-}, j = t(function({ size: e = "md", direction: t = "horizontal", align: n = "center", wrap: r = !1, children: i, className: a, style: o, ...s }, c) {
-	let u = typeof e == "number" ? `${e}px` : A[e] ?? A.md;
+}, V = t(function({ size: e = "md", gap: t, direction: n = "horizontal", align: r = "center", wrap: i = !1, children: a, className: o, style: s, ...c }, u) {
+	let d = t == null ? typeof e == "number" ? `${e}px` : B[e] ?? B.md : typeof t == "number" ? `${t}px` : t;
 	return /* @__PURE__ */ l("div", {
-		ref: c,
+		ref: u,
 		className: [
 			"chain-space",
-			`chain-space--${t}`,
-			`chain-space--align-${n}`,
-			r && "chain-space--wrap",
-			a
+			`chain-space--${n}`,
+			`chain-space--align-${r}`,
+			i && "chain-space--wrap",
+			o
 		].filter(Boolean).join(" "),
 		style: {
-			gap: u,
-			...o
+			gap: d,
+			...s
 		},
-		...s,
-		children: i
+		...c,
+		children: a
 	});
-}), M = t(function({ orientation: e = "horizontal", type: t = "solid", size: n = "md", children: r, className: i, ...a }, o) {
+}), H = t(function({ orientation: e = "horizontal", type: t = "solid", size: n = "md", children: r, className: i, ...a }, o) {
 	return e === "vertical" ? /* @__PURE__ */ l("hr", {
 		ref: o,
 		className: [
@@ -1046,6 +1162,665 @@ var D = t(function({ value: e, defaultValue: t = 1, pageSize: r = 10, total: i =
 		role: "separator",
 		...a
 	});
+}), U = t(function({ checked: e, defaultChecked: t = !1, onChange: i, indeterminate: a = !1, disabled: c = !1, size: d = "md", color: f = "primary", status: p = "default", shape: m = "square", label: h, ariaLabel: g = "Checkbox", inputRef: _, value: v, className: y, style: b, children: x, id: S, name: C, ...w }, T) {
+	let E = e !== void 0, [D, O] = s(t), k = E ? e : D, A = o(null);
+	r(() => {
+		let e = A.current;
+		e && (e.indeterminate = a);
+	}, [a]);
+	let j = n((e) => {
+		if (c) return;
+		let t = a ? !0 : !k;
+		E || O(t), i?.(t, e);
+	}, [
+		c,
+		a,
+		k,
+		E,
+		i
+	]);
+	r(() => {
+		typeof _ == "function" ? _(A.current) : _ && "current" in _ && (_.current = A.current);
+	}, [_]);
+	let M = h !== void 0 || x !== void 0;
+	return /* @__PURE__ */ u("label", {
+		ref: T,
+		className: [
+			"chain-checkbox",
+			`chain-checkbox--${d}`,
+			`chain-checkbox--${f}`,
+			m !== "square" && `chain-checkbox--${m}`,
+			k && !a && "chain-checkbox--checked",
+			a && "chain-checkbox--indeterminate",
+			c && "chain-checkbox--disabled",
+			p !== "default" && `chain-checkbox--${p}`,
+			y
+		].filter(Boolean).join(" "),
+		style: b,
+		children: [
+			/* @__PURE__ */ l("input", {
+				ref: A,
+				type: "checkbox",
+				className: "chain-checkbox__input",
+				checked: k,
+				disabled: c,
+				onChange: j,
+				id: S,
+				name: C,
+				value: v,
+				"aria-checked": a ? "mixed" : k,
+				"aria-label": M ? void 0 : g,
+				...w
+			}),
+			/* @__PURE__ */ l("span", {
+				className: "chain-checkbox__box",
+				"aria-hidden": "true",
+				children: a ? /* @__PURE__ */ l("span", { className: "chain-checkbox__indeterminate" }) : k ? /* @__PURE__ */ l("span", {
+					className: "chain-checkbox__check",
+					children: "✓"
+				}) : null
+			}),
+			M && /* @__PURE__ */ l("span", {
+				className: "chain-checkbox__label",
+				children: h ?? x
+			})
+		]
+	});
+}), W = t(function({ value: t, defaultValue: i = [], onChange: a, options: o, disabled: c = !1, size: u = "md", color: d = "primary", direction: f = "vertical", className: p, style: m, children: h }, g) {
+	let _ = t !== void 0, [v, y] = s(i), b = _ ? t : v, x = n((e, t) => {
+		let n = b.includes(e) ? b.filter((t) => t !== e) : [...b, e];
+		_ || y(n), a?.(n, t);
+	}, [
+		b,
+		_,
+		a
+	]);
+	r(() => {
+		o && h && console.warn("[CheckboxGroup] Both `options` and `children` provided — `children` takes precedence.");
+	}, [o, h]);
+	let S = [
+		"chain-checkbox-group",
+		`chain-checkbox-group--${f}`,
+		p
+	].filter(Boolean).join(" "), C = (e) => /* @__PURE__ */ l(U, {
+		value: e.value,
+		label: e.label,
+		disabled: c || e.disabled,
+		size: u,
+		color: d,
+		indeterminate: e.indeterminate,
+		checked: b.includes(e.value),
+		onChange: (t, n) => x(e.value, n)
+	}, e.value), w;
+	return h ? w = e.Children.map(h, (t) => {
+		if (!e.isValidElement(t)) return t;
+		let n = t.props.value;
+		return n === void 0 ? t : e.cloneElement(t, {
+			checked: b.includes(n),
+			onChange: (e, r) => {
+				x(n, r), t.props.onChange?.(e, r);
+			},
+			disabled: t.props.disabled || c,
+			size: t.props.size || u,
+			color: t.props.color || d
+		});
+	}) : o && (w = o.map(C)), /* @__PURE__ */ l("div", {
+		ref: g,
+		className: S,
+		style: m,
+		role: "group",
+		children: w
+	});
+}), G = t(function({ checked: e, defaultChecked: t = !1, onChange: r, disabled: i = !1, size: a = "md", color: o = "primary", status: c = "default", label: d, ariaLabel: f = "Radio", inputRef: p, value: m, className: h, style: g, children: _, id: v, name: y, ...b }, x) {
+	let S = e !== void 0, [C, w] = s(t), T = S ? e : C, E = n((e) => {
+		i || T || (S || w(!0), r?.(!0, e));
+	}, [
+		i,
+		T,
+		S,
+		r
+	]), D = d !== void 0 || _ !== void 0;
+	return /* @__PURE__ */ u("label", {
+		ref: x,
+		className: [
+			"chain-radio",
+			`chain-radio--${a}`,
+			`chain-radio--${o}`,
+			T && "chain-radio--checked",
+			i && "chain-radio--disabled",
+			c !== "default" && !T && `chain-radio--${c}`,
+			h
+		].filter(Boolean).join(" "),
+		style: g,
+		children: [
+			/* @__PURE__ */ l("input", {
+				ref: p,
+				type: "radio",
+				className: "chain-radio__input",
+				checked: T,
+				disabled: i,
+				onChange: E,
+				id: v,
+				name: y,
+				value: m,
+				"aria-checked": T,
+				"aria-label": D ? void 0 : f,
+				...b
+			}),
+			/* @__PURE__ */ l("span", {
+				className: "chain-radio__box",
+				"aria-hidden": "true",
+				children: T && /* @__PURE__ */ l("span", { className: "chain-radio__dot" })
+			}),
+			D && /* @__PURE__ */ l("span", {
+				className: "chain-radio__label",
+				children: d ?? _
+			})
+		]
+	});
+}), K = t(function({ value: t, defaultValue: i, onChange: a, options: o, disabled: c = !1, size: u = "md", color: d = "primary", direction: f = "vertical", className: p, style: m, children: h }, g) {
+	let _ = t !== void 0, [v, y] = s(i), b = _ ? t : v, x = n((e, t) => {
+		e !== b && (_ || y(e), a?.(e, t));
+	}, [
+		b,
+		_,
+		a
+	]);
+	r(() => {
+		o && h && console.warn("[RadioGroup] Both `options` and `children` provided — `children` takes precedence.");
+	}, [o, h]);
+	let S = [
+		"chain-radio-group",
+		`chain-radio-group--${f}`,
+		p
+	].filter(Boolean).join(" "), C = (e) => /* @__PURE__ */ l(G, {
+		value: e.value,
+		label: e.label,
+		disabled: c || e.disabled,
+		size: u,
+		color: d,
+		checked: b === e.value,
+		onChange: (t, n) => x(e.value, n)
+	}, e.value), w;
+	return h ? w = e.Children.map(h, (t) => {
+		if (!e.isValidElement(t)) return t;
+		let n = t.props.value;
+		return n === void 0 ? t : e.cloneElement(t, {
+			checked: b === n,
+			onChange: (e, r) => {
+				x(n, r), t.props.onChange?.(!0, r);
+			},
+			disabled: t.props.disabled || c,
+			size: t.props.size || u,
+			color: t.props.color || d
+		});
+	}) : o && (w = o.map(C)), /* @__PURE__ */ l("div", {
+		ref: g,
+		className: S,
+		style: m,
+		role: "radiogroup",
+		children: w
+	});
+}), ee = t(function({ checked: e, defaultChecked: t = !1, onChange: r, disabled: i = !1, loading: a = !1, size: o = "md", color: c = "primary", checkedChildren: d, unCheckedChildren: f, ariaLabel: p = "Switch", className: m, style: h, onClick: g, onKeyDown: _, ...v }, y) {
+	let b = e !== void 0, [x, S] = s(t), C = b ? e : x, w = i || a, T = n((e) => {
+		if (w) return;
+		let t = !C;
+		b || S(t), r?.(t, e), g?.(e);
+	}, [
+		w,
+		C,
+		b,
+		r,
+		g
+	]), E = n((e) => {
+		if ((e.key === " " || e.key === "Enter") && (e.preventDefault(), !w)) {
+			let e = !C;
+			b || S(e), r?.(e);
+		}
+		_?.(e);
+	}, [
+		w,
+		C,
+		b,
+		r,
+		_
+	]), D = o !== "sm";
+	return /* @__PURE__ */ l("button", {
+		ref: y,
+		type: "button",
+		role: "switch",
+		className: [
+			"chain-switch",
+			`chain-switch--${o}`,
+			`chain-switch--${c}`,
+			C && "chain-switch--checked",
+			w && "chain-switch--disabled",
+			a && "chain-switch--loading",
+			m
+		].filter(Boolean).join(" "),
+		style: h,
+		"aria-checked": C,
+		"aria-busy": a || void 0,
+		"aria-label": p,
+		disabled: i,
+		onClick: T,
+		onKeyDown: E,
+		...v,
+		children: /* @__PURE__ */ u("span", {
+			className: "chain-switch__track",
+			children: [
+				D && /* @__PURE__ */ l("span", {
+					className: "chain-switch__text chain-switch__text--off",
+					children: f
+				}),
+				/* @__PURE__ */ l("span", {
+					className: "chain-switch__thumb",
+					children: a && /* @__PURE__ */ l("span", {
+						className: "chain-switch__spinner",
+						"aria-hidden": "true"
+					})
+				}),
+				D && /* @__PURE__ */ l("span", {
+					className: "chain-switch__text chain-switch__text--on",
+					children: d
+				})
+			]
+		})
+	});
+}), q = t(function({ title: e, content: t, placement: a = "top", trigger: d = "hover", visible: f, defaultVisible: p = !1, onVisibleChange: m, color: h = "dark", arrow: g = !0, mouseEnterDelay: _ = 100, mouseLeaveDelay: y = 100, zIndex: w = 1060, getPopupContainer: T, destroyOnClose: E = !0, className: O, style: k, children: A, ...j }, M) {
+	let N = i(), P = f !== void 0, [F, I] = s(p), L = P ? f : F, R = b(L, { duration: 200 }), { mounted: z, animating: B, closing: V } = R, H = D(S(R), C(R)), [U, W] = s({
+		top: 0,
+		left: 0
+	}), G = o(null), K = o(null), ee = o(void 0), q = o(void 0), te = n((e) => {
+		K.current = e, typeof M == "function" ? M(e) : M && (M.current = e);
+	}, [M]), J = n((e) => {
+		e !== L && (P || I(e), m?.(e));
+	}, [
+		L,
+		P,
+		m
+	]), Y = n(() => {
+		clearTimeout(q.current), !L && (ee.current = setTimeout(() => {
+			J(!0);
+		}, _));
+	}, [
+		L,
+		_,
+		J
+	]), X = n(() => {
+		clearTimeout(ee.current), q.current = setTimeout(() => {
+			J(!1);
+		}, y);
+	}, [y, J]);
+	r(() => {
+		B && !V && requestAnimationFrame(() => {
+			G.current && K.current && W(v(G.current.getBoundingClientRect(), K.current.getBoundingClientRect(), a));
+		});
+	}, [
+		B,
+		V,
+		a
+	]), r(() => {
+		if (!z || V) return;
+		let e = () => {
+			G.current && K.current && W(v(G.current.getBoundingClientRect(), K.current.getBoundingClientRect(), a));
+		};
+		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}, [
+		z,
+		V,
+		a
+	]), r(() => {
+		if (d !== "click" || !z || V) return;
+		let e = (e) => {
+			let t = e.target;
+			K.current?.contains(t) || G.current?.contains(t) || J(!1);
+		};
+		return document.addEventListener("mousedown", e, !0), () => document.removeEventListener("mousedown", e, !0);
+	}, [
+		d,
+		z,
+		V,
+		J
+	]), r(() => {
+		if (d !== "click" || !z || V) return;
+		let e = (e) => {
+			e.key === "Escape" && J(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [
+		d,
+		z,
+		V,
+		J
+	]), r(() => () => {
+		clearTimeout(ee.current), clearTimeout(q.current);
+	}, []);
+	let Z = {};
+	d === "hover" && (Z.onMouseEnter = Y, Z.onMouseLeave = X), d === "focus" && (Z.onFocusCapture = Y, Z.onBlurCapture = X), d === "click" && (Z.onClick = (e) => {
+		e.stopPropagation(), L ? X() : Y();
+	});
+	let ne = [
+		"chain-tooltip",
+		`chain-tooltip--${h}`,
+		`chain-tooltip--${a.split("-")[0]}`,
+		a.includes("-start") && "chain-tooltip--start",
+		a.includes("-end") && "chain-tooltip--end",
+		!g && "chain-tooltip--no-arrow",
+		O
+	].filter(Boolean).join(" "), re = t ?? e;
+	return !z && E ? /* @__PURE__ */ l("span", {
+		ref: G,
+		className: "chain-tooltip__wrapper",
+		...Z,
+		children: A
+	}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("span", {
+		ref: G,
+		className: "chain-tooltip__wrapper",
+		"aria-describedby": B ? N : void 0,
+		...Z,
+		children: A
+	}), /* @__PURE__ */ l(x, {
+		getContainer: T,
+		children: /* @__PURE__ */ u("div", {
+			ref: te,
+			id: N,
+			className: ne,
+			role: "tooltip",
+			style: {
+				...H,
+				pointerEvents: B && !V ? "auto" : "none",
+				...k,
+				top: U.top,
+				left: U.left,
+				zIndex: w
+			},
+			onMouseEnter: d === "hover" ? Y : void 0,
+			onMouseLeave: d === "hover" ? X : void 0,
+			...j,
+			children: [/* @__PURE__ */ l("div", {
+				className: "chain-tooltip__content",
+				children: re
+			}), g && /* @__PURE__ */ l("div", { className: "chain-tooltip__arrow" })]
+		})
+	})] });
+}), te = "a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", J = t(function({ title: e, content: t, footer: a, placement: d = "top", trigger: f = "click", visible: p, defaultVisible: m = !1, onVisibleChange: h, closable: g = !1, closeAriaLabel: _ = "Close", arrow: y = !0, width: w = 320, mouseEnterDelay: T = 100, mouseLeaveDelay: E = 100, zIndex: O = 1060, getPopupContainer: k, destroyOnClose: A = !0, className: j, style: M, children: N, ...P }, F) {
+	let I = i(), L = i(), R = p !== void 0, [z, B] = s(m), V = R ? p : z, H = b(V, { duration: 200 }), { mounted: U, animating: W, closing: G } = H, K = D(S(H), C(H)), [ee, q] = s({
+		top: 0,
+		left: 0
+	}), J = o(null), Y = o(null), X = o(void 0), Z = o(void 0), ne = o(null), re = n((e) => {
+		Y.current = e, typeof F == "function" ? F(e) : F && (F.current = e);
+	}, [F]), Q = n((e) => {
+		e !== V && (R || B(e), h?.(e));
+	}, [
+		V,
+		R,
+		h
+	]), ie = n(() => {
+		clearTimeout(Z.current), !V && (ne.current = document.activeElement, X.current = setTimeout(() => {
+			Q(!0);
+		}, T));
+	}, [
+		V,
+		T,
+		Q
+	]), ae = n(() => {
+		clearTimeout(X.current), Z.current = setTimeout(() => {
+			Q(!1);
+		}, E);
+	}, [E, Q]);
+	r(() => {
+		W && !G && requestAnimationFrame(() => {
+			Y.current && Y.current.querySelector(te)?.focus(), J.current && Y.current && q(v(J.current.getBoundingClientRect(), Y.current.getBoundingClientRect(), d));
+		});
+	}, [
+		W,
+		G,
+		d
+	]), r(() => {
+		G && (ne.current?.focus(), ne.current = null);
+	}, [G]), r(() => {
+		if (!U || G) return;
+		let e = () => {
+			J.current && Y.current && q(v(J.current.getBoundingClientRect(), Y.current.getBoundingClientRect(), d));
+		};
+		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}, [
+		U,
+		G,
+		d
+	]), r(() => {
+		if (!U || G) return;
+		let e = (e) => {
+			let t = e.target;
+			Y.current?.contains(t) || J.current?.contains(t) || Q(!1);
+		};
+		return document.addEventListener("mousedown", e, !0), () => document.removeEventListener("mousedown", e, !0);
+	}, [
+		U,
+		G,
+		Q
+	]), r(() => {
+		if (!U || G) return;
+		let e = (e) => {
+			e.key === "Escape" && Q(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [
+		U,
+		G,
+		Q
+	]), r(() => () => {
+		clearTimeout(X.current), clearTimeout(Z.current);
+	}, []);
+	let $ = {};
+	f === "hover" && ($.onMouseEnter = ie, $.onMouseLeave = ae), f === "focus" && ($.onFocusCapture = ie, $.onBlurCapture = ae), f === "click" && ($.onClick = (e) => {
+		e.stopPropagation(), V ? ae() : ie();
+	});
+	let oe = n(() => {
+		Q(!1);
+	}, [Q]), se = e !== void 0 || g, ce = [
+		"chain-popover",
+		`chain-popover--${d.split("-")[0]}`,
+		d.includes("-start") && "chain-popover--start",
+		d.includes("-end") && "chain-popover--end",
+		!y && "chain-popover--no-arrow",
+		j
+	].filter(Boolean).join(" ");
+	return !U && A ? /* @__PURE__ */ l("span", {
+		ref: J,
+		className: "chain-popover__wrapper",
+		...$,
+		children: N
+	}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("span", {
+		ref: J,
+		className: "chain-popover__wrapper",
+		"aria-describedby": W ? I : void 0,
+		...$,
+		children: N
+	}), /* @__PURE__ */ l(x, {
+		getContainer: k,
+		children: /* @__PURE__ */ u("div", {
+			ref: re,
+			id: I,
+			className: ce,
+			role: "dialog",
+			"aria-labelledby": e ? L : void 0,
+			style: {
+				...K,
+				pointerEvents: W && !G ? "auto" : "none",
+				...M,
+				top: ee.top,
+				left: ee.left,
+				width: typeof w == "number" ? `${w}px` : w,
+				zIndex: O
+			},
+			...P,
+			children: [
+				se && /* @__PURE__ */ u("div", {
+					className: "chain-popover__header",
+					children: [e && /* @__PURE__ */ l("h3", {
+						id: L,
+						className: "chain-popover__title",
+						children: e
+					}), g && /* @__PURE__ */ l("button", {
+						type: "button",
+						className: "chain-popover__close",
+						"aria-label": _,
+						onClick: oe,
+						children: "×"
+					})]
+				}),
+				t && /* @__PURE__ */ l("div", {
+					className: "chain-popover__body",
+					children: t
+				}),
+				a && /* @__PURE__ */ l("div", {
+					className: "chain-popover__footer",
+					children: a
+				}),
+				y && /* @__PURE__ */ l("div", { className: "chain-popover__arrow" })
+			]
+		})
+	})] });
+}), Y = t(function({ type: e = "info", content: t, open: i, defaultOpen: a = !0, onClose: c, duration: d = 3e3, closable: f = !1, closeAriaLabel: p = "Close", icon: m, placement: h = "top", getContainer: g, destroyOnClose: _ = !0, className: v, style: C, ...w }, T) {
+	let O = i !== void 0, [k, A] = s(a), j = O ? i : k, M = b(j, { duration: 250 }), { mounted: N, animating: P, closing: F } = M, I = h === "top" ? {
+		x: "-50%",
+		y: -16
+	} : {
+		x: 0,
+		y: -16
+	}, L = h === "top" ? {
+		x: "-50%",
+		y: 0
+	} : {
+		x: 0,
+		y: 0
+	}, R = D(S(M), E(M, {
+		from: I,
+		to: L,
+		duration: 250
+	})), z = o(void 0), B = n(() => {
+		clearTimeout(z.current), O || A(!1), c?.();
+	}, [O, c]);
+	r(() => (j && d > 0 && !O && (z.current = setTimeout(B, d)), () => clearTimeout(z.current)), [
+		j,
+		d,
+		O,
+		B
+	]);
+	let V = n(() => {
+		B();
+	}, [B]), H = m === !1 ? null : m === void 0 ? y[e] : m, U = [
+		"chain-message",
+		`chain-message--${e}`,
+		`chain-message--${h}`,
+		v
+	].filter(Boolean).join(" ");
+	return !N && _ ? null : /* @__PURE__ */ l(x, {
+		getContainer: g,
+		children: /* @__PURE__ */ u("div", {
+			ref: T,
+			className: U,
+			role: e === "error" ? "alert" : "status",
+			"aria-live": e === "error" ? "assertive" : "polite",
+			style: {
+				...R,
+				pointerEvents: P && !F ? "auto" : "none",
+				...C
+			},
+			...w,
+			children: [
+				H && /* @__PURE__ */ l("span", {
+					className: "chain-message__icon",
+					"aria-hidden": "true",
+					children: H
+				}),
+				/* @__PURE__ */ l("span", {
+					className: "chain-message__content",
+					children: t
+				}),
+				f && /* @__PURE__ */ l("button", {
+					type: "button",
+					className: "chain-message__close",
+					"aria-label": p,
+					onClick: V,
+					children: "×"
+				})
+			]
+		})
+	});
+}), X = t(function({ type: e = "info", title: t, description: i, open: a, defaultOpen: c = !0, onClose: d, duration: f = 0, closable: p = !0, closeAriaLabel: m = "Close", icon: h, placement: g = "top-right", action: _, getContainer: v, destroyOnClose: C = !0, className: w, style: T, ...O }, k) {
+	let A = a !== void 0, [j, M] = s(c), N = A ? a : j, P = b(N, { duration: 250 }), { mounted: F, animating: I, closing: L } = P, R = g === "top-left" ? "left" : "right", z = D(S(P), E(P, {
+		direction: R,
+		distance: 120,
+		duration: 300
+	})), B = o(void 0), V = n(() => {
+		clearTimeout(B.current), A || M(!1), d?.();
+	}, [A, d]);
+	r(() => (N && f > 0 && !A && (B.current = setTimeout(V, f)), () => clearTimeout(B.current)), [
+		N,
+		f,
+		A,
+		V
+	]);
+	let H = n(() => {
+		V();
+	}, [V]), U = h === !1 ? null : h === void 0 ? y[e] : h, W = [
+		"chain-notification",
+		`chain-notification--${e}`,
+		`chain-notification--${g}`,
+		w
+	].filter(Boolean).join(" ");
+	return !F && C ? null : /* @__PURE__ */ l(x, {
+		getContainer: v,
+		children: /* @__PURE__ */ u("div", {
+			ref: k,
+			className: W,
+			role: "status",
+			"aria-live": "polite",
+			style: {
+				...z,
+				pointerEvents: I && !L ? "auto" : "none",
+				...T
+			},
+			...O,
+			children: [/* @__PURE__ */ u("div", {
+				className: "chain-notification__body",
+				children: [
+					U && /* @__PURE__ */ l("span", {
+						className: "chain-notification__icon",
+						"aria-hidden": "true",
+						children: U
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "chain-notification__text",
+						children: [t && /* @__PURE__ */ l("div", {
+							className: "chain-notification__title",
+							children: t
+						}), i && /* @__PURE__ */ l("div", {
+							className: "chain-notification__description",
+							children: i
+						})]
+					}),
+					p && /* @__PURE__ */ l("button", {
+						type: "button",
+						className: "chain-notification__close",
+						"aria-label": m,
+						onClick: H,
+						children: "×"
+					})
+				]
+			}), _ && /* @__PURE__ */ l("div", {
+				className: "chain-notification__action",
+				children: _
+			})]
+		})
+	});
 });
 //#endregion
-export { k as Alert, T as Badge, f as Button, M as Divider, h as FormItem, p as Input, b as Modal, D as Pagination, _ as Select, j as Space, C as Table, w as Tag };
+export { z as Alert, F as Badge, f as Button, U as Checkbox, W as CheckboxGroup, H as Divider, h as FormItem, p as Input, Y as Message, A as Modal, X as Notification, L as Pagination, J as Popover, G as Radio, K as RadioGroup, _ as Select, V as Space, ee as Switch, N as Table, P as Tag, q as Tooltip };