@zeturn/watercolor-react 1.2.1 → 1.2.3

package/dist/watercolor-react.es.js

@@ -1,45 +1,45 @@
 import e, { Suspense as t, createContext as n, lazy as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import h, { createPortal as g } from "react-dom";
-import { THEME_CONFIG_VERSION as _, THEME_MODES as v, THEME_STORAGE_KEY as y, applyThemeConfig as b, createThemeController as x, createThemeController as S, createThemeInitScript as C, loadThemeConfig as w, resetThemeConfig as T, resolveThemeMode as E, serializeThemeConfig as D, validateThemeConfig as O } from "@zeturn/watercolor-core";
+import { createPortal as h } from "react-dom";
+import { THEME_CONFIG_VERSION as g, THEME_MODES as _, THEME_STORAGE_KEY as v, applyFloatingPosition as y, applyThemeConfig as b, applyThemeConfig as x, createOverlayLayer as S, createThemeController as C, createThemeController as w, createThemeInitScript as T, loadThemeConfig as E, resetThemeConfig as D, resetThemeConfig as O, resolveThemeMode as k, serializeThemeConfig as A, validateThemeConfig as j } from "@zeturn/watercolor-core";
 //#region \0rolldown/runtime.js
-var k = Object.create, A = Object.defineProperty, j = Object.getOwnPropertyDescriptor, M = Object.getOwnPropertyNames, N = Object.getPrototypeOf, P = Object.prototype.hasOwnProperty, F = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), I = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = M(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !P.call(e, s) && s !== n && A(e, s, {
+var M = Object.create, N = Object.defineProperty, P = Object.getOwnPropertyDescriptor, F = Object.getOwnPropertyNames, I = Object.getPrototypeOf, L = Object.prototype.hasOwnProperty, R = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), z = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = F(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !L.call(e, s) && s !== n && N(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = j(t, s)) || r.enumerable
+		enumerable: !(r = P(t, s)) || r.enumerable
 	});
 	return e;
-}, L = (e, t, n) => (n = e == null ? {} : k(N(e)), I(t || !e || !e.__esModule ? A(n, "default", {
+}, B = (e, t, n) => (n = e == null ? {} : M(I(e)), z(t || !e || !e.__esModule ? N(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), R = [
+}) : n, e)), V = [
 	"default",
 	"bordered",
 	"filled"
 ];
-function z(e = "default") {
-	return R.includes(e) ? e : "default";
+function H(e = "default") {
+	return V.includes(e) ? e : "default";
 }
-function B(e) {
+function U(e) {
 	return e ? typeof e == "string" ? e : Array.isArray(e) ? e.filter(Boolean).join(" ") : typeof e == "object" ? Object.entries(e).filter(([, e]) => e).map(([e]) => e).join(" ") : "" : "";
 }
-function V(e = "default", t = "") {
-	let n = z(e), r = B(t);
+function W(e = "default", t = "") {
+	let n = H(e), r = U(t);
 	return [
 		"wc-accordion",
 		n === "default" ? "" : `wc-accordion--${n}`,
 		r
 	].filter(Boolean).join(" ");
 }
-function H(e = [], t, n = !1) {
+function ee(e = [], t, n = !1) {
 	return n ? e.includes(t) ? e.filter((e) => e !== t) : [...e, t] : e.includes(t) ? [] : [t];
 }
 //#endregion
 //#region src/components/Accordion/Accordion.jsx
-var U = ({ items: e = [], multiple: t = !1, variant: n = "default", onToggle: r, className: i = "", style: a = {}, "aria-label": o, ...c }) => {
-	let l = s(), [u, f] = d([]), h = V(n, i), g = (n) => {
+var te = ({ items: e = [], multiple: t = !1, variant: n = "default", onToggle: r, className: i = "", style: a = {}, "aria-label": o, ...c }) => {
+	let l = s(), [u, f] = d([]), h = W(n, i), g = (n) => {
 		if (e[n]?.disabled) return;
-		let i = H(u, n, t);
+		let i = ee(u, n, t);
 		f(i), r?.(n, i.includes(n));
 	}, _ = (e) => u.includes(e);
 	return /* @__PURE__ */ p("div", {
@@ -84,10 +84,10 @@ var U = ({ items: e = [], multiple: t = !1, variant: n = "default", onToggle: r,
 		}, t))
 	});
 };
-U.displayName = "Accordion";
+te.displayName = "Accordion";
 //#endregion
 //#region ../core/src/components/Alert/utils.jsx
-function W(e, t) {
+function ne(e, t) {
 	return [
 		"wc-alert",
 		`wc-alert--${e}`,
@@ -96,7 +96,7 @@ function W(e, t) {
 }
 //#endregion
 //#region src/components/Alert/Alert.jsx
-var ee = ({ type: e }) => {
+var re = ({ type: e }) => {
 	let t = e === "success" ? /* @__PURE__ */ p("path", { d: "m6.8 10.1 2.1 2.1 4.4-4.6" }) : e === "info" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("path", { d: "M10 9v4" }), /* @__PURE__ */ p("path", { d: "M10 6.5h.01" })] }) : e === "warning" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("path", { d: "M10 6.5v4.2" }), /* @__PURE__ */ p("path", { d: "M10 13.5h.01" })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("path", { d: "m7.5 7.5 5 5" }), /* @__PURE__ */ p("path", { d: "m12.5 7.5-5 5" })] });
 	return /* @__PURE__ */ m("svg", {
 		viewBox: "0 0 20 20",
@@ -113,19 +113,19 @@ var ee = ({ type: e }) => {
 		}), t]
 	});
 };
-function te({ type: e = "info", variant: t = "standard", title: n = "", closable: r = !1, showIcon: i = !0, className: a = "", children: o, onClose: s = () => {} }) {
+function ie({ type: e = "info", variant: t = "standard", title: n = "", closable: r = !1, showIcon: i = !0, className: a = "", children: o, onClose: s = () => {} }) {
 	let [c, l] = d(!0);
 	if (!c) return null;
 	let u = () => {
 		l(!1), s();
 	};
 	return /* @__PURE__ */ m("div", {
-		className: [...W(e, t), a].filter(Boolean).join(" "),
+		className: [...ne(e, t), a].filter(Boolean).join(" "),
 		role: "alert",
 		children: [
 			i && /* @__PURE__ */ p("div", {
 				className: "wc-alert-icon",
-				children: /* @__PURE__ */ p(ee, { type: e })
+				children: /* @__PURE__ */ p(re, { type: e })
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "wc-alert-content",
@@ -157,67 +157,148 @@ function te({ type: e = "info", variant: t = "standard", title: n = "", closable
 }
 //#endregion
 //#region src/components/AppBar/AppBar.jsx
-var ne = ({ children: e, position: t = "fixed", color: n = "default", elevation: r = 0, variant: i = "elevation", className: a = "", style: o = {}, ...s }) => /* @__PURE__ */ p("div", {
+var G = ({ children: e, position: t = "fixed", color: n = "default", elevation: r = 0, variant: i = "elevation", className: a = "", style: o = {}, ...s }) => /* @__PURE__ */ p("div", {
 	className: `wc-appbar wc-appbar--${t} wc-appbar--${n} wc-appbar--elevation-${r} wc-appbar--${i} ${a}`,
 	style: o,
 	...s,
 	children: e
-}), G = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Type to search...", label: i = "", helperText: a = "", error: c = !1, errorMessage: l = "", required: f = !1, disabled: h = !1, readonly: g = !1, multiple: _ = !1, freeSolo: v = !1, clearable: y = !0, fullWidth: b = !1, size: x = "md", variant: S = "filled", minSearchLength: C = 0, noOptionsText: w = "No options found", name: T = "", id: E = "", className: D = "", style: O = {}, onFocus: k, onBlur: A, onInputChange: j, filterOptions: M, renderOption: N, renderInput: P, getOptionLabel: F, getOptionValue: I, ...L }) => {
-	let [R, z] = d(!1), [B, V] = d(""), [H, U] = d(-1), W = u(null), ee = u(null), te = (e) => e ? typeof e == "object" ? e.label || e.value || "" : String(e) : "", ne = (e) => e ? typeof e == "object" ? e.value === void 0 ? e : e.value : e : null, G = F || te, K = I || ne;
-	o(() => {
-		!_ && e ? V(G(e)) : e || V("");
-	}, [e, _]), o(() => {
-		let e = (e) => {
-			W.current && !W.current.contains(e.target) && z(!1);
+}), K = typeof document > "u" ? o : c;
+function q({ children: e, target: t }) {
+	return typeof document > "u" ? null : h(e, (typeof t == "string" ? document.querySelector(t) : t) || document.body);
+}
+function ae({ open: e, elementRef: t, refs: n = [], modal: r = !1, lockScroll: i = !1, restoreFocus: a = !0, initialFocus: s = !1, closeOnEscape: c = !0, closeOnPointerDownOutside: l = !0, onEscapeKeyDown: d, onPointerDownOutside: f, zIndex: p }) {
+	let m = u(null);
+	return o(() => {
+		if (!(!e || !t.current || typeof document > "u")) return m.current = S({
+			element: t.current,
+			refs: n.map((e) => e?.current || e).filter(Boolean),
+			modal: r,
+			lockScroll: i,
+			restoreFocus: a,
+			initialFocus: s,
+			closeOnEscape: c,
+			closeOnPointerDownOutside: l,
+			onEscapeKeyDown: d,
+			onPointerDownOutside: f,
+			zIndex: p
+		}), () => {
+			m.current?.destroy(), m.current = null;
+		};
+	}, [
+		e,
+		t,
+		r,
+		i,
+		a,
+		s,
+		c,
+		l,
+		d,
+		f,
+		p
+	]), o(() => {
+		m.current?.update({
+			refs: n.map((e) => e?.current || e).filter(Boolean),
+			closeOnEscape: c,
+			closeOnPointerDownOutside: l,
+			onEscapeKeyDown: d,
+			onPointerDownOutside: f
+		});
+	}, [
+		n,
+		c,
+		l,
+		d,
+		f
+	]), m;
+}
+function J({ open: e, anchorRef: t, floatingRef: n, placement: r = "bottom", offset: i = 8, boundaryPadding: a = 8 }) {
+	let [o, s] = d(r);
+	return K(() => {
+		if (!e || !t.current || !n.current || typeof window > "u") return;
+		let o = () => {
+			s(y(t.current, n.current, {
+				placement: r,
+				offset: i,
+				boundaryPadding: a
+			}).placement);
 		};
-		return document.addEventListener("mousedown", e), () => {
-			document.removeEventListener("mousedown", e);
+		return o(), window.addEventListener("resize", o), window.addEventListener("scroll", o, !0), () => {
+			window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0);
 		};
-	}, []);
-	let q = M ? M(n, B) : ((e, t) => !t || t.length < C ? e : e.filter((e) => G(e).toLowerCase().includes(t.toLowerCase())))(n, B), J = (t) => {
-		let n = K(t);
-		return _ && Array.isArray(e) ? e.some((e) => K(e) === n) : K(e) === n;
+	}, [
+		e,
+		t,
+		n,
+		r,
+		i,
+		a
+	]), o;
+}
+//#endregion
+//#region src/components/Autocomplete/Autocomplete.jsx
+var Y = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Type to search...", label: i = "", helperText: a = "", error: c = !1, errorMessage: l = "", required: f = !1, disabled: h = !1, readonly: g = !1, multiple: _ = !1, freeSolo: v = !1, clearable: y = !0, fullWidth: b = !1, size: x = "md", variant: S = "filled", minSearchLength: C = 0, noOptionsText: w = "No options found", name: T = "", id: E = "", className: D = "", style: O = {}, onFocus: k, onBlur: A, onInputChange: j, filterOptions: M, renderOption: N, renderInput: P, getOptionLabel: F, getOptionValue: I, ...L }) => {
+	let [R, z] = d(!1), [B, V] = d(""), [H, U] = d(-1), W = u(null), ee = u(null), te = u(null), ne = (e) => e ? typeof e == "object" ? e.label || e.value || "" : String(e) : "", re = (e) => e ? typeof e == "object" ? e.value === void 0 ? e : e.value : e : null, ie = F || ne, G = I || re;
+	o(() => {
+		!_ && e ? V(ie(e)) : e || V("");
+	}, [e, _]);
+	let K = () => {
+		z(!1), U(-1);
+	};
+	ae({
+		open: R,
+		elementRef: te,
+		refs: [W],
+		closeOnEscape: !0,
+		closeOnPointerDownOutside: !0,
+		onEscapeKeyDown: K,
+		onPointerDownOutside: K,
+		zIndex: 1e3
+	});
+	let q = M ? M(n, B) : ((e, t) => !t || t.length < C ? e : e.filter((e) => ie(e).toLowerCase().includes(t.toLowerCase())))(n, B), J = (t) => {
+		let n = G(t);
+		return _ && Array.isArray(e) ? e.some((e) => G(e) === n) : G(e) === n;
 	}, Y = () => {
 		let e = ["wc-autocomplete"];
 		return b && e.push("wc-autocomplete--full-width"), e.concat(D).filter(Boolean).join(" ");
-	}, re = () => {
+	}, oe = () => {
 		let e = ["wc-autocomplete__label"];
 		return e.push(`wc-autocomplete__label--${x}`), c && e.push("wc-autocomplete__label--error"), e.join(" ");
-	}, ie = () => {
+	}, se = () => {
 		let e = ["wc-autocomplete__container"];
 		return e.push(`wc-autocomplete__container--${S}`), e.push(`wc-autocomplete__container--${x}`), h && e.push("wc-autocomplete__container--disabled"), c && e.push("wc-autocomplete__container--error"), R && e.push("wc-autocomplete__container--open"), e.join(" ");
-	}, ae = (e, t) => {
+	}, ce = (e, t) => {
 		let n = ["wc-autocomplete__option"];
 		return J(e) && n.push("wc-autocomplete__option--selected"), t === H && n.push("wc-autocomplete__option--highlighted"), e.disabled && n.push("wc-autocomplete__option--disabled"), n.join(" ");
-	}, oe = (e) => {
+	}, le = (e) => {
 		z(!0), k?.(e);
-	}, se = (e) => {
+	}, ue = (e) => {
 		setTimeout(() => {
 			z(!1), A?.(e);
 		}, 200);
-	}, ce = (e) => {
+	}, de = (e) => {
 		let n = e.target.value;
 		V(n), z(!0), U(-1), j?.(n), v && t?.({ target: {
 			name: T,
 			value: n
 		} });
-	}, le = (e) => {
-		e.stopPropagation(), V(""), z(!1), U(-1), t?.({ target: {
+	}, fe = (e) => {
+		e.stopPropagation(), V(""), K(), t?.({ target: {
 			name: T,
 			value: _ ? [] : null
 		} });
-	}, ue = (n) => {
+	}, pe = (n) => {
 		if (n.disabled) return;
-		let r = K(n), i;
+		let r = G(n), i;
 		if (_) {
-			let t = Array.isArray(e) ? [...e] : [], a = t.findIndex((e) => K(e) === r);
+			let t = Array.isArray(e) ? [...e] : [], a = t.findIndex((e) => G(e) === r);
 			a > -1 ? t.splice(a, 1) : t.push(n), i = t, V("");
-		} else i = n, V(G(n)), z(!1);
+		} else i = n, V(ie(n)), K();
 		U(-1), t?.({ target: {
 			name: T,
 			value: i
 		} });
-	}, de = (e) => {
+	}, me = (e) => {
 		if (!R && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
 			z(!0), e.preventDefault();
 			return;
@@ -230,14 +311,14 @@ var ne = ({ children: e, position: t = "fixed", color: n = "default", elevation:
 				e.preventDefault(), U((e) => Math.max(e - 1, 0));
 				break;
 			case "Enter":
-				e.preventDefault(), H >= 0 && H < q.length && ue(q[H]);
+				e.preventDefault(), H >= 0 && H < q.length && pe(q[H]);
 				break;
 			case "Escape":
-				z(!1), U(-1), ee.current?.blur();
+				K(), ee.current?.blur();
 				break;
 			default: break;
 		}
-	}, fe = s(), X = E || T || fe;
+	}, he = s(), X = E || T || he;
 	return /* @__PURE__ */ m("div", {
 		className: Y(),
 		ref: W,
@@ -245,21 +326,21 @@ var ne = ({ children: e, position: t = "fixed", color: n = "default", elevation:
 		children: [
 			i && /* @__PURE__ */ m("label", {
 				htmlFor: X,
-				className: re(),
+				className: oe(),
 				children: [i, f && /* @__PURE__ */ p("span", {
 					className: "wc-autocomplete__required",
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ m("div", {
-				className: ie(),
+				className: se(),
 				children: [P ? P({
 					id: X,
 					value: B,
-					onChange: ce,
-					onFocus: oe,
-					onBlur: se,
-					onKeyDown: de,
+					onChange: de,
+					onFocus: le,
+					onBlur: ue,
+					onKeyDown: me,
 					placeholder: r,
 					disabled: h,
 					readonly: g,
@@ -276,10 +357,10 @@ var ne = ({ children: e, position: t = "fixed", color: n = "default", elevation:
 					className: "wc-autocomplete__input",
 					placeholder: r,
 					value: B,
-					onChange: ce,
-					onFocus: oe,
-					onBlur: se,
-					onKeyDown: de,
+					onChange: de,
+					onFocus: le,
+					onBlur: ue,
+					onKeyDown: me,
 					disabled: h,
 					readOnly: g,
 					autoComplete: "off",
@@ -293,7 +374,7 @@ var ne = ({ children: e, position: t = "fixed", color: n = "default", elevation:
 					children: [y && B && /* @__PURE__ */ p("button", {
 						type: "button",
 						className: "wc-autocomplete__clear",
-						onClick: le,
+						onClick: fe,
 						tabIndex: -1,
 						children: /* @__PURE__ */ m("svg", {
 							viewBox: "0 0 24 24",
@@ -333,6 +414,7 @@ var ne = ({ children: e, position: t = "fixed", color: n = "default", elevation:
 				})]
 			}),
 			R && B.length >= C && /* @__PURE__ */ p("div", {
+				ref: te,
 				className: "wc-autocomplete__dropdown",
 				id: `${X}-options`,
 				role: "listbox",
@@ -343,14 +425,14 @@ var ne = ({ children: e, position: t = "fixed", color: n = "default", elevation:
 					className: "wc-autocomplete__options",
 					children: q.map((e, t) => /* @__PURE__ */ m("div", {
 						id: `${X}-option-${t}`,
-						className: ae(e, t),
+						className: ce(e, t),
 						role: "option",
 						"aria-selected": J(e),
-						onClick: () => ue(e),
+						onClick: () => pe(e),
 						onMouseEnter: () => U(t),
 						children: [N ? N(e, { selected: J(e) }) : /* @__PURE__ */ p("span", {
 							className: "wc-autocomplete__option-text",
-							children: G(e)
+							children: ie(e)
 						}), J(e) && /* @__PURE__ */ p("svg", {
 							className: "wc-autocomplete__option-check",
 							viewBox: "0 0 24 24",
@@ -359,7 +441,7 @@ var ne = ({ children: e, position: t = "fixed", color: n = "default", elevation:
 							strokeWidth: "2",
 							children: /* @__PURE__ */ p("polyline", { points: "20,6 9,17 4,12" })
 						})]
-					}, K(e) || t))
+					}, G(e) || t))
 				})
 			}),
 			(c || a) && /* @__PURE__ */ p("div", { children: c ? /* @__PURE__ */ p("p", {
@@ -372,40 +454,40 @@ var ne = ({ children: e, position: t = "fixed", color: n = "default", elevation:
 		]
 	});
 };
-G.displayName = "Autocomplete";
+Y.displayName = "Autocomplete";
 //#endregion
 //#region ../core/src/components/Avatar/utils.jsx
-function K({ size: e, variant: t, color: n, src: r, imgError: i }) {
+function oe({ size: e, variant: t, color: n, src: r, imgError: i }) {
 	let a = ["wc-avatar"];
 	return typeof e == "string" && a.push(`wc-avatar--${e}`), a.push(`wc-avatar--${t}`), (!r || i) && a.push(`wc-avatar--${n}`), a;
 }
-function q(e) {
+function se(e) {
 	let t = {};
 	return typeof e == "number" && (t.width = `${e}px`, t.height = `${e}px`, t.fontSize = `${e * .4}px`), t;
 }
-function J(e) {
+function ce(e) {
 	if (!e) return "";
 	let t = e.trim(), n = t.charAt(0);
 	if (/[\u4e00-\u9fa5]/.test(n)) return n;
 	let r = t.split(/\s+/).filter(Boolean);
 	return r.length === 1 ? r[0].charAt(0).toUpperCase() : (r[0].charAt(0) + r[1].charAt(0)).toUpperCase();
 }
-function Y(e) {
+function le(e) {
 	e(!0);
 }
-function re(e) {
+function ue(e) {
 	e(!1);
 }
 //#endregion
 //#region src/components/Avatar/Avatar.jsx
-var ie = ({ src: e = "", alt: t = "", size: n = "md", variant: r = "circular", color: i = "default", children: a = "", className: o = "", ...s }) => {
-	let [c, l] = d(!1), u = K({
+var de = ({ src: e = "", alt: t = "", size: n = "md", variant: r = "circular", color: i = "default", children: a = "", className: o = "", ...s }) => {
+	let [c, l] = d(!1), u = oe({
 		size: n,
 		variant: r,
 		color: i,
 		src: e,
 		imgError: c
-	}).concat(o).filter(Boolean).join(" "), f = q(n), m = J(a), h = () => Y(l), g = () => re(l);
+	}).concat(o).filter(Boolean).join(" "), f = se(n), m = ce(a), h = () => le(l), g = () => ue(l);
 	return /* @__PURE__ */ p("div", {
 		className: u,
 		style: f,
@@ -422,10 +504,10 @@ var ie = ({ src: e = "", alt: t = "", size: n = "md", variant: r = "circular", c
 		}) : null
 	});
 };
-ie.displayName = "Avatar";
+de.displayName = "Avatar";
 //#endregion
 //#region ../core/src/components/Badge/utils.js
-var ae = [
+var fe = [
 	"primary",
 	"secondary",
 	"success",
@@ -436,20 +518,20 @@ var ae = [
 	"cyan",
 	"pink"
 ];
-function oe(e) {
-	return ae.includes(e);
+function pe(e) {
+	return fe.includes(e);
 }
-function se(e) {
-	return oe(e) ? e : "primary";
+function me(e) {
+	return pe(e) ? e : "primary";
 }
-function ce({ variant: e, size: t, dot: n, className: r }) {
-	let i = ["wc-badge", `wc-badge--${se(e)}`];
+function he({ variant: e, size: t, dot: n, className: r }) {
+	let i = ["wc-badge", `wc-badge--${me(e)}`];
 	return n ? i.push(`wc-badge--dot-${t}`) : i.push(`wc-badge--${t}`), r && i.push(r), i.filter(Boolean).join(" ");
 }
 //#endregion
 //#region src/components/Badge/Badge.jsx
-var le = ({ children: e, variant: t = "primary", size: n = "md", dot: r = !1, className: i = "", ...a }) => /* @__PURE__ */ p("span", {
-	className: ce({
+var X = ({ children: e, variant: t = "primary", size: n = "md", dot: r = !1, className: i = "", ...a }) => /* @__PURE__ */ p("span", {
+	className: he({
 		variant: t,
 		size: n,
 		dot: r,
@@ -458,10 +540,10 @@ var le = ({ children: e, variant: t = "primary", size: n = "md", dot: r = !1, cl
 	...a,
 	children: !r && e
 });
-le.displayName = "Badge";
+X.displayName = "Badge";
 //#endregion
 //#region ../core/src/components/Banner/utils.js
-function ue(e, t, n) {
+function ge(e, t, n) {
 	let r = [
 		"wc-banner",
 		`wc-banner--${e}`,
@@ -469,18 +551,18 @@ function ue(e, t, n) {
 	];
 	return n && r.push("wc-banner--sticky"), r.join(" ");
 }
-function de(e) {
+function _e(e) {
 	return { zIndex: e };
 }
-function fe(e, t) {
+function ve(e, t) {
 	e(!1), t && t();
 }
-function X(e) {
+function ye(e) {
 	e && e();
 }
 //#endregion
 //#region src/components/Banner/Banner.jsx
-var pe = ({ type: e }) => {
+var be = ({ type: e }) => {
 	let t = e === "success" ? /* @__PURE__ */ p("path", { d: "m6.8 10.1 2.1 2.1 4.4-4.6" }) : e === "info" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("path", { d: "M10 9v4" }), /* @__PURE__ */ p("path", { d: "M10 6.5h.01" })] }) : e === "warning" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("path", { d: "M10 6.5v4.2" }), /* @__PURE__ */ p("path", { d: "M10 13.5h.01" })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("path", { d: "m7.5 7.5 5 5" }), /* @__PURE__ */ p("path", { d: "m12.5 7.5-5 5" })] });
 	return /* @__PURE__ */ m("svg", {
 		viewBox: "0 0 20 20",
@@ -497,13 +579,13 @@ var pe = ({ type: e }) => {
 		}), t]
 	});
 };
-function me({ type: t = "info", position: n = "top", title: r = "", message: i = "", closable: a = !0, showIcon: o = !0, showDefaultAction: s = !1, actionText: c = "立即行动", sticky: l = !0, zIndex: u = 1e3, onClose: f, onAction: h, children: g }) {
+function xe({ type: t = "info", position: n = "top", title: r = "", message: i = "", closable: a = !0, showIcon: o = !0, showDefaultAction: s = !1, actionText: c = "立即行动", sticky: l = !0, zIndex: u = 1e3, onClose: f, onAction: h, children: g }) {
 	let [_, v] = d(!0);
 	if (!_) return null;
-	let y = ue(t, n, l), b = de(u), x = () => {
-		fe(v, f);
+	let y = ge(t, n, l), b = _e(u), x = () => {
+		ve(v, f);
 	}, S = () => {
-		X(h);
+		ye(h);
 	}, C = g && e.Children.count(g) > 0;
 	return /* @__PURE__ */ p("div", {
 		className: y,
@@ -515,7 +597,7 @@ function me({ type: t = "info", position: n = "top", title: r = "", message: i =
 			children: [
 				o && /* @__PURE__ */ p("div", {
 					className: "wc-banner-icon",
-					children: /* @__PURE__ */ p(pe, { type: t })
+					children: /* @__PURE__ */ p(be, { type: t })
 				}),
 				/* @__PURE__ */ m("div", {
 					className: "wc-banner-text",
@@ -555,22 +637,22 @@ function me({ type: t = "info", position: n = "top", title: r = "", message: i =
 }
 //#endregion
 //#region ../core/src/components/Blockquote/utils.js
-function he(e = "", t = "default", n = !0, r = !0, i = "medium", a = "default") {
+function Se(e = "", t = "default", n = !0, r = !0, i = "medium", a = "default") {
 	let o = ["wc-blockquote"];
 	return t && t !== "default" && t !== "card" && o.push(`wc-blockquote--${t}`), n && o.push("wc-blockquote--no-border"), r && o.push("wc-blockquote--interactive"), i && i !== "medium" && o.push(`wc-blockquote--${i}`), a && a !== "default" && o.push(`wc-blockquote--${a}`), e && o.push(e), o.filter(Boolean).join(" ");
 }
 //#endregion
 //#region ../core/src/components/Card/utils.jsx
-function ge(e = "", t = "minimal", n = "default", r = "medium", i = !1, a = !0) {
+function Ce(e = "", t = "minimal", n = "default", r = "medium", i = !1, a = !0) {
 	let o = ["wc-card"];
 	return t && o.push(`wc-card--${t}`), n && n !== "default" && o.push(`wc-card--${n}`), r && r !== "medium" && o.push(`wc-card--${r}`), i && o.push("wc-card--interactive"), a && o.push("wc-card--no-border"), e && o.push(e), o.filter(Boolean).join(" ");
 }
 //#endregion
 //#region src/components/Card/Card.jsx
-var _e = ({ children: e, title: t = "", variant: n = "minimal", color: r = "default", size: i = "medium", interactive: a = !1, noBorder: o = !0, className: s = "", header: c = null, footer: l = null, style: u = {}, onClick: d, onMouseEnter: f, onMouseLeave: h, onKeyDown: g, ..._ }) => {
+var we = ({ children: e, title: t = "", variant: n = "minimal", color: r = "default", size: i = "medium", interactive: a = !1, noBorder: o = !0, className: s = "", header: c = null, footer: l = null, style: u = {}, onClick: d, onMouseEnter: f, onMouseLeave: h, onKeyDown: g, ..._ }) => {
 	let v = a || !!d;
 	return /* @__PURE__ */ m("div", {
-		className: ge(s, n, r, i, v, o),
+		className: Ce(s, n, r, i, v, o),
 		style: u,
 		onClick: (e) => {
 			v && d && d(e);
@@ -606,11 +688,11 @@ var _e = ({ children: e, title: t = "", variant: n = "minimal", color: r = "defa
 		]
 	});
 };
-_e.displayName = "Card";
+we.displayName = "Card";
 //#endregion
 //#region src/components/Blockquote/Blockquote.jsx
-function ve({ cite: e = "", children: t, className: n = "", variant: r = "default", noBorder: i = !0, interactive: a = !0, size: o = "medium", color: s = "default", ...c }) {
-	return r === "card" ? /* @__PURE__ */ m(_e, {
+function Te({ cite: e = "", children: t, className: n = "", variant: r = "default", noBorder: i = !0, interactive: a = !0, size: o = "medium", color: s = "default", ...c }) {
+	return r === "card" ? /* @__PURE__ */ m(we, {
 		variant: "filled",
 		color: s,
 		size: o,
@@ -626,7 +708,7 @@ function ve({ cite: e = "", children: t, className: n = "", variant: r = "defaul
 			children: ["— ", e]
 		})]
 	}) : /* @__PURE__ */ m("blockquote", {
-		className: he(n, r, i, a, o, s),
+		className: Se(n, r, i, a, o, s),
 		...c,
 		children: [/* @__PURE__ */ p("p", {
 			className: "quote-text",
@@ -653,32 +735,32 @@ var Z = {
 	16: "4rem",
 	20: "5rem",
 	24: "6rem"
-}, ye = {
+}, Ee = {
 	flex: "flex",
 	block: "block",
 	inline: "inline",
 	"inline-block": "inline-block",
 	none: "hidden",
 	grid: "grid"
-}, be = {
+}, De = {
 	row: "flex-row",
 	column: "flex-col",
 	"row-reverse": "flex-row-reverse",
 	"column-reverse": "flex-col-reverse"
-}, xe = {
+}, Oe = {
 	"flex-start": "justify-start",
 	center: "justify-center",
 	"flex-end": "justify-end",
 	"space-between": "justify-between",
 	"space-around": "justify-around",
 	"space-evenly": "justify-evenly"
-}, Se = {
+}, ke = {
 	"flex-start": "items-start",
 	center: "items-center",
 	"flex-end": "items-end",
 	stretch: "items-stretch",
 	baseline: "items-baseline"
-}, Ce = {
+}, Ae = {
 	wrap: "flex-wrap",
 	nowrap: "flex-nowrap",
 	"wrap-reverse": "flex-wrap-reverse"
@@ -686,9 +768,9 @@ var Z = {
 function Q(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-function we(e) {
+function je(e) {
 	let t = ["wc-box"];
-	if (e.display && ye[e.display] && t.push(ye[e.display]), e.flexDirection && be[e.flexDirection] && t.push(be[e.flexDirection]), e.justifyContent && xe[e.justifyContent] && t.push(xe[e.justifyContent]), e.alignItems && Se[e.alignItems] && t.push(Se[e.alignItems]), e.flexWrap && Ce[e.flexWrap] && t.push(Ce[e.flexWrap]), e.gap !== void 0) {
+	if (e.display && Ee[e.display] && t.push(Ee[e.display]), e.flexDirection && De[e.flexDirection] && t.push(De[e.flexDirection]), e.justifyContent && Oe[e.justifyContent] && t.push(Oe[e.justifyContent]), e.alignItems && ke[e.alignItems] && t.push(ke[e.alignItems]), e.flexWrap && Ae[e.flexWrap] && t.push(Ae[e.flexWrap]), e.gap !== void 0) {
 		let n = e.gap.toString();
 		[
 			"0",
@@ -708,7 +790,7 @@ function we(e) {
 	}
 	return t;
 }
-function Te(e) {
+function Me(e) {
 	let t = {};
 	if (e.p !== void 0 && (t.padding = Z[e.p] || Q(e.p)), e.pt !== void 0 && (t.paddingTop = Z[e.pt] || Q(e.pt)), e.pr !== void 0 && (t.paddingRight = Z[e.pr] || Q(e.pr)), e.pb !== void 0 && (t.paddingBottom = Z[e.pb] || Q(e.pb)), e.pl !== void 0 && (t.paddingLeft = Z[e.pl] || Q(e.pl)), e.px !== void 0) {
 		let n = Z[e.px] || Q(e.px);
@@ -730,9 +812,9 @@ function Te(e) {
 }
 //#endregion
 //#region src/components/Box/Box.jsx
-function Ee({ component: e = "div", children: t, className: n = "", p: r, pt: i, pr: a, pb: o, pl: s, px: c, py: l, m: u, mt: d, mr: f, mb: m, ml: h, mx: g, my: _, display: v, flexDirection: y, justifyContent: b, alignItems: x, flexWrap: S, gap: C, bgcolor: w, color: T, border: E, borderRadius: D, width: O, height: k, minWidth: A, minHeight: j, maxWidth: M, maxHeight: N, style: P = {}, ...F }) {
+function Ne({ component: e = "div", children: t, className: n = "", p: r, pt: i, pr: a, pb: o, pl: s, px: c, py: l, m: u, mt: d, mr: f, mb: m, ml: h, mx: g, my: _, display: v, flexDirection: y, justifyContent: b, alignItems: x, flexWrap: S, gap: C, bgcolor: w, color: T, border: E, borderRadius: D, width: O, height: k, minWidth: A, minHeight: j, maxWidth: M, maxHeight: N, style: P = {}, ...F }) {
 	return /* @__PURE__ */ p(e, {
-		className: we({
+		className: je({
 			display: v,
 			flexDirection: y,
 			justifyContent: b,
@@ -741,7 +823,7 @@ function Ee({ component: e = "div", children: t, className: n = "", p: r, pt: i,
 			gap: C
 		}).concat(n).filter(Boolean).join(" "),
 		style: {
-			...Te({
+			...Me({
 				p: r,
 				pt: i,
 				pr: a,
@@ -781,7 +863,7 @@ function Ee({ component: e = "div", children: t, className: n = "", p: r, pt: i,
 }
 //#endregion
 //#region ../core/src/components/Breadcrumb/utils.js
-function De(e, t, n, r) {
+function Pe(e, t, n, r) {
 	let i = [...e];
 	if (t && i.length && i[0].label !== "首页" && i.unshift({
 		label: "首页",
@@ -801,45 +883,45 @@ function De(e, t, n, r) {
 	}
 	return i;
 }
-function Oe(e) {
+function Fe(e) {
 	return `wc-breadcrumb wc-breadcrumb--${e}`;
 }
-function ke(e, t) {
+function Ie(e, t) {
 	let n = ["wc-breadcrumb-item"];
 	return e === t - 1 && n.push("wc-breadcrumb-item--current"), n.join(" ");
 }
-function Ae(e) {
+function Le(e) {
 	let t = ["wc-breadcrumb-link"];
 	return e && t.push("wc-breadcrumb-link--disabled"), t.join(" ");
 }
-function je(e, t, n, r, i) {
+function Re(e, t, n, r, i) {
 	return t.disabled || t.isEllipsis || n === r - 1 ? (e.preventDefault(), !1) : (i && i(e, t, n), !0);
 }
-function Me(e, t, n, r) {
+function ze(e, t, n, r) {
 	return e !== t - 1 && !n && !r;
 }
 //#endregion
 //#region src/components/Breadcrumb/Breadcrumb.jsx
-function Ne({ items: t = [], separator: n = "/", variant: r = "default", showHome: i = !1, homeIcon: a = "🏠", maxItems: o = 0, onItemClick: s }) {
-	let c = e.useMemo(() => De(t, i, a, o), [
+function Be({ items: t = [], separator: n = "/", variant: r = "default", showHome: i = !1, homeIcon: a = "🏠", maxItems: o = 0, onItemClick: s }) {
+	let c = e.useMemo(() => Pe(t, i, a, o), [
 		t,
 		i,
 		a,
 		o
 	]), l = (e, t, n) => {
-		je(e, t, n, c.length, s);
+		Re(e, t, n, c.length, s);
 	};
 	return /* @__PURE__ */ p("nav", {
-		className: Oe(r),
+		className: Fe(r),
 		"aria-label": "面包屑导航",
 		role: "navigation",
 		children: /* @__PURE__ */ p("ol", {
 			className: "wc-breadcrumb-list",
 			children: c.map((e, t) => /* @__PURE__ */ m("li", {
-				className: ke(t, c.length),
-				children: [Me(t, c.length, e.disabled, e.isEllipsis) ? e.href ? /* @__PURE__ */ m("a", {
+				className: Ie(t, c.length),
+				children: [ze(t, c.length, e.disabled, e.isEllipsis) ? e.href ? /* @__PURE__ */ m("a", {
 					href: e.href,
-					className: Ae(e.disabled),
+					className: Le(e.disabled),
 					onClick: (n) => l(n, e, t),
 					children: [e.icon && /* @__PURE__ */ p("span", {
 						className: "wc-breadcrumb-icon",
@@ -848,13 +930,13 @@ function Ne({ items: t = [], separator: n = "/", variant: r = "default", showHom
 				}) : /* @__PURE__ */ m("button", {
 					type: "button",
 					onClick: (n) => l(n, e, t),
-					className: Ae(e.disabled),
+					className: Le(e.disabled),
 					children: [e.icon && /* @__PURE__ */ p("span", {
 						className: "wc-breadcrumb-icon",
 						dangerouslySetInnerHTML: { __html: e.icon }
 					}), e.label]
 				}) : /* @__PURE__ */ m("span", {
-					className: Ae(!0),
+					className: Le(!0),
 					"aria-current": "page",
 					children: [e.icon && /* @__PURE__ */ p("span", {
 						className: "wc-breadcrumb-icon",
@@ -870,7 +952,7 @@ function Ne({ items: t = [], separator: n = "/", variant: r = "default", showHom
 }
 //#endregion
 //#region ../core/src/components/Button/utils.jsx
-var Pe = [
+var Ve = [
 	"primary",
 	"secondary",
 	"filled",
@@ -885,23 +967,23 @@ var Pe = [
 	"cyan",
 	"pink"
 ];
-function Fe(e) {
-	return Pe.includes(e);
+function He(e) {
+	return Ve.includes(e);
 }
-function Ie(e) {
-	return Fe(e) ? e : "primary";
+function Ue(e) {
+	return He(e) ? e : "primary";
 }
-function Le(e) {
+function We(e) {
 	let { variant: t, size: n, disabled: r, loading: i, fullWidth: a, uppercase: o, rounded: s, buttonStyle: c = "default" } = e, l = ["wc-btn"];
-	return l.push(`wc-btn--style-${c}`), l.push(`wc-btn--${Ie(t)}`), l.push(`wc-btn--${n}`), (r || i) && l.push("wc-btn--disabled"), i && l.push("wc-btn--loading"), a && l.push("wc-btn--full-width"), o && l.push("wc-btn--uppercase"), s === !1 || s === "none" ? l.push("wc-btn--rounded-none") : typeof s == "string" ? l.push(`wc-btn--rounded-${s}`) : l.push("wc-btn--rounded"), l;
+	return l.push(`wc-btn--style-${c}`), l.push(`wc-btn--${Ue(t)}`), l.push(`wc-btn--${n}`), (r || i) && l.push("wc-btn--disabled"), i && l.push("wc-btn--loading"), a && l.push("wc-btn--full-width"), o && l.push("wc-btn--uppercase"), s === !1 || s === "none" ? l.push("wc-btn--rounded-none") : typeof s == "string" ? l.push(`wc-btn--rounded-${s}`) : l.push("wc-btn--rounded"), l;
 }
-function Re({ event: e, disabled: t, loading: n, href: r, target: i, onClick: a }) {
+function Ge({ event: e, disabled: t, loading: n, href: r, target: i, onClick: a }) {
 	!t && !n && (r && window.open(r, i), a?.(e));
 }
 //#endregion
 //#region src/components/Button/Button.jsx
-var ze = ({ children: e, variant: t = "primary", buttonStyle: n = "default", size: r = "md", disabled: i = !1, loading: a = !1, fullWidth: o = !1, type: s = "button", href: c = null, target: l = "_self", startIcon: u = null, endIcon: d = null, rounded: f = !0, uppercase: h = !1, ripple: g = !0, onClick: _, onMouseOver: v, onMouseOut: y, onFocus: b, onBlur: x, className: S = "", style: C = {}, ...w }) => {
-	let T = Le({
+var Ke = ({ children: e, variant: t = "primary", buttonStyle: n = "default", size: r = "md", disabled: i = !1, loading: a = !1, fullWidth: o = !1, type: s = "button", href: c = null, target: l = "_self", startIcon: u = null, endIcon: d = null, rounded: f = !0, uppercase: h = !1, ripple: g = !0, onClick: _, onMouseOver: v, onMouseOut: y, onFocus: b, onBlur: x, className: S = "", style: C = {}, ...w }) => {
+	let T = We({
 		variant: t,
 		buttonStyle: n,
 		size: r,
@@ -911,7 +993,7 @@ var ze = ({ children: e, variant: t = "primary", buttonStyle: n = "default", siz
 		uppercase: h,
 		rounded: f
 	}).concat(S).filter(Boolean).join(" "), E = { ...C }, D = (e) => {
-		Re({
+		Ge({
 			event: e,
 			disabled: i,
 			loading: a,
@@ -975,10 +1057,10 @@ var ze = ({ children: e, variant: t = "primary", buttonStyle: n = "default", siz
 		]
 	});
 };
-ze.displayName = "Button";
+Ke.displayName = "Button";
 //#endregion
 //#region src/components/Card/CardActions.jsx
-var Be = ({ children: e, disableSpacing: t = !1, disablePadding: n = !1, justifyContent: r = "flex-start", className: i = "", ...a }) => /* @__PURE__ */ p("div", {
+var qe = ({ children: e, disableSpacing: t = !1, disablePadding: n = !1, justifyContent: r = "flex-start", className: i = "", ...a }) => /* @__PURE__ */ p("div", {
 	className: [
 		"wc-card-actions",
 		"wc-flex",
@@ -997,10 +1079,10 @@ var Be = ({ children: e, disableSpacing: t = !1, disablePadding: n = !1, justify
 	...a,
 	children: e
 });
-Be.displayName = "CardActions";
+qe.displayName = "CardActions";
 //#endregion
 //#region src/components/Card/CardContent.jsx
-var Ve = ({ children: e, disablePadding: t = !1, padding: n = "normal", className: r = "", ...i }) => /* @__PURE__ */ p("div", {
+var Je = ({ children: e, disablePadding: t = !1, padding: n = "normal", className: r = "", ...i }) => /* @__PURE__ */ p("div", {
 	className: [
 		"wc-card-content",
 		!t && {
@@ -1014,22 +1096,22 @@ var Ve = ({ children: e, disablePadding: t = !1, padding: n = "normal", classNam
 	...i,
 	children: e
 });
-Ve.displayName = "CardContent";
+Je.displayName = "CardContent";
 //#endregion
 //#region src/components/Checkbox/Checkbox.jsx
-var He = [
+var Ye = [
 	"primary",
 	"secondary",
 	"success",
 	"warning",
 	"error",
 	"info"
-], Ue = [
+], Xe = [
 	"sm",
 	"md",
 	"lg"
-], We = ({ checked: e = !1, onChange: t, indeterminate: n = !1, disabled: r = !1, required: i = !1, size: a = "md", color: o = "primary", label: c = "", labelPlacement: l = "end", value: u = !0, name: f, className: h = "", ...g }) => {
-	let _ = s(), [v, y] = d(!1), b = He.includes(o) ? o : "primary", x = Ue.includes(a) ? a : "md", S = [
+], Ze = ({ checked: e = !1, onChange: t, indeterminate: n = !1, disabled: r = !1, required: i = !1, size: a = "md", color: o = "primary", label: c = "", labelPlacement: l = "end", value: u = !0, name: f, className: h = "", ...g }) => {
+	let _ = s(), [v, y] = d(!1), b = Ye.includes(o) ? o : "primary", x = Xe.includes(a) ? a : "md", S = [
 		"wc-checkbox",
 		`wc-checkbox--${x}`,
 		(e || n) && (n ? "wc-checkbox--indeterminate" : "wc-checkbox--checked"),
@@ -1099,26 +1181,26 @@ var He = [
 		]
 	});
 };
-We.displayName = "Checkbox";
+Ze.displayName = "Checkbox";
 //#endregion
 //#region ../core/src/components/Chip/utils.jsx
-function Ge(e) {
+function Qe(e) {
 	let { size: t = "md", variant: n = "filled", color: r = "default", clickable: i = !1, disabled: a = !1, className: o = "" } = e, s = ["wc-chip"];
 	return s.push(`wc-chip--${t}`), s.push(`wc-chip--${n}`), s.push(`wc-chip--${r}`), i && !a && s.push("wc-chip--clickable"), a && s.push("wc-chip--disabled"), o && s.push(o), s.filter(Boolean).join(" ");
 }
-function Ke(e, t, n, r) {
+function $e(e, t, n, r) {
 	t && !n && r && r(e);
 }
-function qe(e, t, n) {
+function et(e, t, n) {
 	e.stopPropagation(), !t && n && n(e);
 }
-function Je() {
+function tt() {
 	return "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z";
 }
 //#endregion
 //#region src/components/Chip/Chip.jsx
-function Ye({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1, clickable: i = !1, variant: a = "filled", size: o = "md", color: s = "default", deleteIcon: c = null, onClick: l, onDelete: u, children: d, className: f = "", ...h }) {
-	let g = Ge({
+function nt({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1, clickable: i = !1, variant: a = "filled", size: o = "md", color: s = "default", deleteIcon: c = null, onClick: l, onDelete: u, children: d, className: f = "", ...h }) {
+	let g = Qe({
 		size: o,
 		variant: a,
 		color: s,
@@ -1126,9 +1208,9 @@ function Ye({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1
 		disabled: r,
 		className: f
 	}), _ = (e) => {
-		Ke(e, i, r, l);
+		$e(e, i, r, l);
 	}, v = (e) => {
-		qe(e, r, u);
+		et(e, r, u);
 	}, y = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), _(e));
 	};
@@ -1167,7 +1249,7 @@ function Ye({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ p("path", {
 						fillRule: "evenodd",
-						d: Je(),
+						d: tt(),
 						clipRule: "evenodd"
 					})
 				})
@@ -1177,7 +1259,7 @@ function Ye({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1
 }
 //#endregion
 //#region ../core/src/components/CircularProgress/utils.jsx
-function Xe(e, t) {
+function rt(e, t) {
 	let n = typeof e == "string" ? parseInt(e, 10) : e, r = n / 2, i = (n - t) / 2;
 	return {
 		sizeNumber: n,
@@ -1186,21 +1268,21 @@ function Xe(e, t) {
 		circumference: 2 * Math.PI * i
 	};
 }
-function Ze(e, t, n) {
+function it(e, t, n) {
 	return e === "determinate" ? n - t / 100 * n : 0;
 }
-function Qe(e) {
+function at(e) {
 	let { color: t = "primary", variant: n = "indeterminate", overlay: r = !1, centered: i = !1, inline: a = !1, className: o = "" } = e, s = ["wc-circular-progress"];
 	return s.push(`wc-circular-progress--${t}`), n === "indeterminate" && s.push("wc-circular-progress--indeterminate"), r && s.push("wc-circular-progress--overlay"), i && s.push("wc-circular-progress--centered"), a && s.push("wc-circular-progress--inline"), o && s.push(o), s.filter(Boolean);
 }
-function $e(e) {
+function ot(e) {
 	let t = ["wc-circular-progress-circle"];
 	return e === "indeterminate" && t.push("wc-circular-progress-circle--indeterminate"), t.filter(Boolean);
 }
-function et(e) {
+function st(e) {
 	return Math.round(e);
 }
-function tt(e) {
+function ct(e) {
 	let { value: t = 0, variant: n } = e, r = {
 		role: "progressbar",
 		"aria-valuemin": 0,
@@ -1210,18 +1292,18 @@ function tt(e) {
 }
 //#endregion
 //#region src/components/CircularProgress/CircularProgress.jsx
-function nt({ value: e = 0, size: t = 40, thickness: n = 3.6, variant: r = "indeterminate", color: i = "primary", showValue: a = !1, overlay: o = !1, centered: s = !1, inline: c = !1, className: l = "", ...u }) {
-	let { sizeNumber: d, center: f, radius: h, circumference: g } = Xe(t, n), _ = Ze(r, e, g), v = Qe({
+function lt({ value: e = 0, size: t = 40, thickness: n = 3.6, variant: r = "indeterminate", color: i = "primary", showValue: a = !1, overlay: o = !1, centered: s = !1, inline: c = !1, className: l = "", ...u }) {
+	let { sizeNumber: d, center: f, radius: h, circumference: g } = rt(t, n), _ = it(r, e, g), v = at({
 		color: i,
 		variant: r,
 		overlay: o,
 		centered: s,
 		inline: c,
 		className: l
-	}).join(" "), y = $e(r).join(" ");
+	}).join(" "), y = ot(r).join(" ");
 	return /* @__PURE__ */ m("div", {
 		className: v,
-		...tt({
+		...ct({
 			value: e,
 			variant: r
 		}),
@@ -1252,38 +1334,38 @@ function nt({ value: e = 0, size: t = 40, thickness: n = 3.6, variant: r = "inde
 			})]
 		}), a && /* @__PURE__ */ m("div", {
 			className: "wc-circular-progress-value",
-			children: [et(e), "%"]
+			children: [st(e), "%"]
 		})]
 	});
 }
 //#endregion
 //#region ../core/src/components/ColorPicker/utils.jsx
-function rt(e) {
+function ut(e) {
 	let { size: t = "md", shape: n = "circle", disabled: r = !1, className: i = "" } = e, a = ["wc-color-picker"];
 	return a.push(`wc-color-picker--${t}`), a.push(`wc-color-picker--${n}`), r && a.push("wc-color-picker--disabled"), i && a.push(i), a.filter(Boolean);
 }
-function it(e, t, n) {
+function dt(e, t, n) {
 	!t && n && n(e.target.value);
 }
-function at(e) {
+function ft(e) {
 	return { backgroundColor: e };
 }
 //#endregion
 //#region src/components/ColorPicker/ColorPicker.jsx
-function ot({ value: e = "#ffffff", onChange: t, size: n = "md", shape: r = "circle", disabled: i = !1, className: a = "" }) {
-	let o = e ?? "", s = rt({
+function pt({ value: e = "#ffffff", onChange: t, size: n = "md", shape: r = "circle", disabled: i = !1, className: a = "" }) {
+	let o = e ?? "", s = ut({
 		size: n,
 		shape: r,
 		disabled: i,
 		className: a
-	}).join(" "), c = at(o);
+	}).join(" "), c = ft(o);
 	return /* @__PURE__ */ m("label", {
 		className: s,
 		children: [/* @__PURE__ */ p("input", {
 			type: "color",
 			value: o,
 			onChange: (e) => {
-				it(e, i, t);
+				dt(e, i, t);
 			},
 			disabled: i,
 			className: "wc-color-picker__input"
@@ -1295,7 +1377,7 @@ function ot({ value: e = "#ffffff", onChange: t, size: n = "md", shape: r = "cir
 }
 //#endregion
 //#region ../core/src/components/Container/utils.jsx
-var st = {
+var mt = {
 	xs: "max-w-xs",
 	sm: "max-w-sm",
 	md: "max-w-md",
@@ -1303,15 +1385,15 @@ var st = {
 	xl: "max-w-6xl",
 	"2xl": "max-w-7xl"
 };
-function ct(e) {
+function ht(e) {
 	let { maxWidth: t = "lg", fluid: n = !1, fixed: r = !1, className: i = "" } = e, a = ["mx-auto px-4 sm:px-6 lg:px-8"];
-	return n || r ? a.push("w-full") : t && st[t] && a.push(st[t]), i && a.push(i), a.filter(Boolean);
+	return n || r ? a.push("w-full") : t && mt[t] && a.push(mt[t]), i && a.push(i), a.filter(Boolean);
 }
 //#endregion
 //#region src/components/Container/Container.jsx
-function lt({ maxWidth: e = "lg", fluid: t = !1, fixed: n = !1, className: r = "", children: i }) {
+function gt({ maxWidth: e = "lg", fluid: t = !1, fixed: n = !1, className: r = "", children: i }) {
 	return /* @__PURE__ */ p("div", {
-		className: ct({
+		className: ht({
 			maxWidth: e,
 			fluid: t,
 			fixed: n,
@@ -1322,17 +1404,17 @@ function lt({ maxWidth: e = "lg", fluid: t = !1, fixed: n = !1, className: r = "
 }
 //#endregion
 //#region ../core/src/components/Copy/utils.jsx
-function ut(e) {
+function _t(e) {
 	let { variant: t = "default", size: n = "md", copied: r = !1, copyError: i = !1, className: a = "" } = e, o = ["wc-copy"];
 	return o.push(`wc-copy--${t}`), o.push(`wc-copy--${n}`), r && o.push("wc-copy--copied"), i && o.push("wc-copy--error"), a && o.push(a), o.filter(Boolean);
 }
-function dt(e, t, n, r) {
+function vt(e, t, n, r) {
 	return t ? "错误" : e ? r : n;
 }
-function ft(e, t, n, r) {
+function yt(e, t, n, r) {
 	return t ? r : e ? n : "";
 }
-async function pt(e) {
+async function bt(e) {
 	try {
 		if (navigator.clipboard?.writeText) return await navigator.clipboard.writeText(e), !0;
 		{
@@ -1345,18 +1427,18 @@ async function pt(e) {
 		return console.warn("复制失败:", e), !1;
 	}
 }
-async function mt(e, t, n, r, i, a, o, s) {
-	await pt(e) ? (r(!0), i(!1), t(e)) : (r(!1), i(!0), n(/* @__PURE__ */ Error("复制失败"))), o && a && (a(!0), setTimeout(() => a(!1), 1500)), setTimeout(() => {
+async function xt(e, t, n, r, i, a, o, s) {
+	await bt(e) ? (r(!0), i(!1), t(e)) : (r(!1), i(!0), n(/* @__PURE__ */ Error("复制失败"))), o && a && (a(!0), setTimeout(() => a(!1), 1500)), setTimeout(() => {
 		r(!1), i(!1);
 	}, s);
 }
-function ht(e, t) {
+function St(e, t) {
 	let n = "wc-copy-tooltip";
 	return e && (n += " wc-copy-tooltip--success"), t && (n += " wc-copy-tooltip--error"), n;
 }
 //#endregion
 //#region src/components/Copy/Copy.jsx
-var gt = ({ copied: e, error: t }) => e ? /* @__PURE__ */ m("svg", {
+var Ct = ({ copied: e, error: t }) => e ? /* @__PURE__ */ m("svg", {
 	viewBox: "0 0 20 20",
 	fill: "none",
 	stroke: "currentColor",
@@ -1396,15 +1478,15 @@ var gt = ({ copied: e, error: t }) => e ? /* @__PURE__ */ m("svg", {
 		rx: "2"
 	}), /* @__PURE__ */ p("path", { d: "M13.5 6.5v-1A2 2 0 0 0 11.5 3.5h-7a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h2" })]
 });
-function _t({ text: e, variant: t = "default", size: n = "md", showLabel: r = !0, showTooltip: i = !0, copyLabel: a = "复制", copiedLabel: o = "已复制", tooltipSuccess: s = "复制成功!", tooltipError: c = "复制失败", resetDelay: l = 2e3, onCopy: u = () => {}, onError: f = () => {}, className: h = "", children: g, icon: _ }) {
-	let [v, y] = d(!1), [b, x] = d(!1), [S, C] = d(!1), w = ut({
+function wt({ text: e, variant: t = "default", size: n = "md", showLabel: r = !0, showTooltip: i = !0, copyLabel: a = "复制", copiedLabel: o = "已复制", tooltipSuccess: s = "复制成功!", tooltipError: c = "复制失败", resetDelay: l = 2e3, onCopy: u = () => {}, onError: f = () => {}, className: h = "", children: g, icon: _ }) {
+	let [v, y] = d(!1), [b, x] = d(!1), [S, C] = d(!1), w = _t({
 		variant: t,
 		size: n,
 		copied: v,
 		copyError: b,
 		className: h
-	}).join(" "), T = dt(v, b, a, o), E = ft(v, b, s, c), D = ht(v, b), O = async () => {
-		await mt(e, u, f, y, x, C, i, l);
+	}).join(" "), T = vt(v, b, a, o), E = yt(v, b, s, c), D = St(v, b), O = async () => {
+		await xt(e, u, f, y, x, C, i, l);
 	}, k = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), O());
 	};
@@ -1424,7 +1506,7 @@ function _t({ text: e, variant: t = "default", size: n = "md", showLabel: r = !0
 				className: "wc-copy-action",
 				children: [_ ? /* @__PURE__ */ p(_, { className: "wc-copy-icon" }) : /* @__PURE__ */ p("span", {
 					className: "wc-copy-icon",
-					children: /* @__PURE__ */ p(gt, {
+					children: /* @__PURE__ */ p(Ct, {
 						copied: v,
 						error: b
 					})
@@ -1443,20 +1525,20 @@ function _t({ text: e, variant: t = "default", size: n = "md", showLabel: r = !0
 }
 //#endregion
 //#region ../core/src/components/DatePicker/utils.jsx
-function vt(e, t = "YYYY-MM-DD") {
+function Tt(e, t = "YYYY-MM-DD") {
 	if (!e || !(e instanceof Date)) return "";
 	let n = e.getFullYear(), r = String(e.getMonth() + 1).padStart(2, "0"), i = String(e.getDate()).padStart(2, "0");
 	return t.replace("YYYY", n).replace("MM", r).replace("DD", i);
 }
-function yt(e) {
+function Et(e) {
 	if (!e) return !1;
 	let t = /* @__PURE__ */ new Date();
 	return e.toDateString() === t.toDateString();
 }
-function bt(e, t) {
+function Dt(e, t) {
 	return !e || !t ? !1 : e.toDateString() === t.toDateString();
 }
-function xt(e) {
+function Ot(e) {
 	let t = e.getFullYear(), n = e.getMonth(), r = new Date(t, n, 1), i = new Date(t, n + 1, 0), a = r.getDay(), o = i.getDate(), s = [], c = new Date(t, n - 1, 0);
 	for (let e = a - 1; e >= 0; e--) s.push({
 		day: c.getDate() - e,
@@ -1476,7 +1558,7 @@ function xt(e) {
 	});
 	return s;
 }
-function St(e = "md", t = "default", n = !1, r = !1, i = !1) {
+function kt(e = "md", t = "default", n = !1, r = !1, i = !1) {
 	let a = [
 		"wc-datepicker-wrapper",
 		`wc-datepicker-wrapper--${e}`,
@@ -1484,44 +1566,48 @@ function St(e = "md", t = "default", n = !1, r = !1, i = !1) {
 	];
 	return n && a.push("wc-datepicker-wrapper--disabled"), r && a.push("wc-datepicker-wrapper--focused"), i && a.push("wc-datepicker-wrapper--open"), a.join(" ");
 }
-function Ct(e, t) {
+function At(e, t) {
 	let n = ["wc-datepicker-day"];
-	return e.month === "prev" && n.push("wc-datepicker-day--prev"), e.month === "next" && n.push("wc-datepicker-day--next"), e.month === "current" && n.push("wc-datepicker-day--current"), t && bt(e.date, t) && n.push("wc-datepicker-day--selected"), yt(e.date) && n.push("wc-datepicker-day--today"), n.join(" ");
+	return e.month === "prev" && n.push("wc-datepicker-day--prev"), e.month === "next" && n.push("wc-datepicker-day--next"), e.month === "current" && n.push("wc-datepicker-day--current"), t && Dt(e.date, t) && n.push("wc-datepicker-day--selected"), Et(e.date) && n.push("wc-datepicker-day--today"), n.join(" ");
 }
 //#endregion
 //#region src/components/DatePicker/DatePicker.jsx
-function wt({ value: e = null, onChange: t = () => {}, placeholder: n = "请选择日期", disabled: r = !1, size: i = "md", variant: a = "default", format: c = "YYYY-MM-DD", showToday: l = !0, minDate: f = null, maxDate: h = null, className: g = "", ..._ }) {
-	let v = u(null), y = s(), [b, x] = d(!1), [S, C] = d(() => e ? new Date(e) : /* @__PURE__ */ new Date()), [w, T] = d(e ? new Date(e) : null);
+function jt({ value: e = null, onChange: t = () => {}, placeholder: n = "请选择日期", disabled: r = !1, size: i = "md", variant: a = "default", format: c = "YYYY-MM-DD", showToday: l = !0, minDate: f = null, maxDate: h = null, className: g = "", ..._ }) {
+	let v = u(null), y = u(null), b = s(), [x, S] = d(!1), [C, w] = d(() => e ? new Date(e) : /* @__PURE__ */ new Date()), [T, E] = d(e ? new Date(e) : null);
 	o(() => {
-		T(e ? new Date(e) : null);
-	}, [e]), o(() => {
-		let e = (e) => {
-			v.current && !v.current.contains(e.target) && x(!1);
-		};
-		return document.addEventListener("click", e), () => document.removeEventListener("click", e);
-	}, []);
-	let E = w ? vt(w, c) : "", D = () => {
-		r || x((e) => !e);
-	}, O = (e) => {
-		r || (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" ? (e.preventDefault(), x(!0)) : e.key === "Escape" && x(!1));
+		E(e ? new Date(e) : null);
+	}, [e]), ae({
+		open: x,
+		elementRef: y,
+		refs: [v],
+		closeOnEscape: !0,
+		closeOnPointerDownOutside: !0,
+		onEscapeKeyDown: () => S(!1),
+		onPointerDownOutside: () => S(!1),
+		zIndex: 1e3
+	});
+	let D = T ? Tt(T, c) : "", O = () => {
+		r || S((e) => !e);
 	}, k = (e) => {
-		C((t) => {
+		r || (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" ? (e.preventDefault(), S(!0)) : e.key === "Escape" && S(!1));
+	}, A = (e) => {
+		w((t) => {
 			let n = new Date(t);
 			return n.setMonth(n.getMonth() + e), n;
 		});
-	}, A = (e) => {
-		if (N(e)) return;
+	}, j = (e) => {
+		if (P(e)) return;
 		let n = new Date(e.date);
-		T(n), t(n), x(!1);
-	}, j = () => {
-		let e = /* @__PURE__ */ new Date();
-		T(e), t(e), x(!1);
+		E(n), t(n), S(!1);
 	}, M = () => {
-		T(null), t(null), x(!1);
-	}, N = (e) => {
+		let e = /* @__PURE__ */ new Date();
+		E(e), t(e), S(!1);
+	}, N = () => {
+		E(null), t(null), S(!1);
+	}, P = (e) => {
 		let { date: t } = e;
 		return !!(f && t < (f instanceof Date ? f : new Date(f)) || h && t > (h instanceof Date ? h : new Date(h)));
-	}, P = xt(S), F = [
+	}, F = Ot(C), I = [
 		"日",
 		"一",
 		"二",
@@ -1529,27 +1615,27 @@ function wt({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 		"四",
 		"五",
 		"六"
-	], I = `${S.getFullYear()}年${S.getMonth() + 1}月`, L = [St(i, a, r, !1, b), g].filter(Boolean).join(" ");
+	], L = `${C.getFullYear()}年${C.getMonth() + 1}月`, R = [kt(i, a, r, !1, x), g].filter(Boolean).join(" ");
 	return /* @__PURE__ */ m("div", {
 		className: "wc-datepicker",
 		ref: v,
 		..._,
 		children: [/* @__PURE__ */ m("div", {
-			className: L,
-			onClick: D,
+			className: R,
+			onClick: O,
 			children: [/* @__PURE__ */ p("input", {
 				type: "text",
-				id: y,
+				id: b,
 				className: "wc-datepicker-input",
-				value: E,
+				value: D,
 				placeholder: n,
 				disabled: r,
 				readOnly: !0,
 				role: "combobox",
 				"aria-haspopup": "dialog",
-				"aria-expanded": b,
-				"aria-controls": `${y}-calendar`,
-				onKeyDown: O
+				"aria-expanded": x,
+				"aria-controls": `${b}-calendar`,
+				onKeyDown: k
 			}), /* @__PURE__ */ p("span", {
 				className: "wc-datepicker-icon",
 				"aria-hidden": "true",
@@ -1567,9 +1653,10 @@ function wt({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 					}), /* @__PURE__ */ p("path", { d: "M16 3v4M8 3v4M3 10h18" })]
 				})
 			})]
-		}), b && /* @__PURE__ */ m("div", {
+		}), x && /* @__PURE__ */ m("div", {
+			ref: y,
 			className: "wc-datepicker-dropdown",
-			id: `${y}-calendar`,
+			id: `${b}-calendar`,
 			role: "dialog",
 			"aria-label": "选择日期",
 			children: [
@@ -1580,39 +1667,39 @@ function wt({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 							type: "button",
 							className: "wc-datepicker-nav",
 							"aria-label": "上个月",
-							onClick: () => k(-1),
+							onClick: () => A(-1),
 							children: "‹"
 						}),
 						/* @__PURE__ */ p("span", {
 							className: "wc-datepicker-title",
-							children: I
+							children: L
 						}),
 						/* @__PURE__ */ p("button", {
 							type: "button",
 							className: "wc-datepicker-nav",
 							"aria-label": "下个月",
-							onClick: () => k(1),
+							onClick: () => A(1),
 							children: "›"
 						})
 					]
 				}),
 				/* @__PURE__ */ p("div", {
 					className: "wc-datepicker-weekdays",
-					children: F.map((e) => /* @__PURE__ */ p("div", {
+					children: I.map((e) => /* @__PURE__ */ p("div", {
 						className: "wc-datepicker-weekday",
 						children: e
 					}, e))
 				}),
 				/* @__PURE__ */ p("div", {
 					className: "wc-datepicker-days",
-					children: P.map((e) => /* @__PURE__ */ p("button", {
+					children: F.map((e) => /* @__PURE__ */ p("button", {
 						type: "button",
-						className: Ct(e, w),
-						disabled: N(e),
-						"aria-label": vt(e.date, "YYYY-MM-DD"),
-						"aria-selected": bt(e.date, w),
-						"aria-current": yt(e.date) ? "date" : void 0,
-						onClick: () => A(e),
+						className: At(e, T),
+						disabled: P(e),
+						"aria-label": Tt(e.date, "YYYY-MM-DD"),
+						"aria-selected": Dt(e.date, T),
+						"aria-current": Et(e.date) ? "date" : void 0,
+						onClick: () => j(e),
 						children: e.day
 					}, `${e.month}-${e.day}`))
 				}),
@@ -1621,12 +1708,12 @@ function wt({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 					children: [/* @__PURE__ */ p("button", {
 						type: "button",
 						className: "wc-datepicker-today",
-						onClick: j,
+						onClick: M,
 						children: "今天"
 					}), /* @__PURE__ */ p("button", {
 						type: "button",
 						className: "wc-datepicker-clear",
-						onClick: M,
+						onClick: N,
 						children: "清除"
 					})]
 				})
@@ -1636,7 +1723,7 @@ function wt({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 }
 //#endregion
 //#region src/components/Button/Fab.jsx
-var Tt = ({ variant: e = "circular", size: t = "md", color: n = "primary", disabled: r = !1, label: i = "", icon: a = "", children: o, onClick: s, onFocus: c, onBlur: l, className: u = "", style: f = {}, ...h }) => {
+var Mt = ({ variant: e = "circular", size: t = "md", color: n = "primary", disabled: r = !1, label: i = "", icon: a = "", children: o, onClick: s, onFocus: c, onBlur: l, className: u = "", style: f = {}, ...h }) => {
 	let [g, _] = d(!1), v = ["circular", "extended"], y = [
 		"sm",
 		"md",
@@ -1677,10 +1764,10 @@ var Tt = ({ variant: e = "circular", size: t = "md", color: n = "primary", disab
 		})]
 	});
 };
-Tt.displayName = "Fab";
+Mt.displayName = "Fab";
 //#endregion
 //#region src/components/Feed/Feed.jsx
-var Et = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "var(--wc-accent)", dotSize: i = 8, lineWidth: a = 1, onItemClick: o }) => {
+var Nt = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "var(--wc-accent)", dotSize: i = 8, lineWidth: a = 1, onItemClick: o }) => {
 	let s = Array.isArray(e.children) && e.children.length, c = typeof i == "number" ? `${i}px` : i, l = typeof a == "number" ? `${a}px` : a, u = {
 		"--feed-color": r,
 		"--feed-dot-size": c,
@@ -1722,7 +1809,7 @@ var Et = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "va
 				}),
 				s && /* @__PURE__ */ p("ul", {
 					className: "wc-feed-children",
-					children: e.children.map((e) => /* @__PURE__ */ p(Et, {
+					children: e.children.map((e) => /* @__PURE__ */ p(Nt, {
 						item: e,
 						showAvatar: t,
 						variant: n,
@@ -1735,7 +1822,7 @@ var Et = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "va
 			]
 		})]
 	});
-}, Dt = ({ items: e = [], variant: t = "timeline", showAvatar: n = !0, color: r = "var(--wc-accent)", dotSize: i = 8, lineWidth: a = 1, onItemClick: o, className: s = "" }) => {
+}, Pt = ({ items: e = [], variant: t = "timeline", showAvatar: n = !0, color: r = "var(--wc-accent)", dotSize: i = 8, lineWidth: a = 1, onItemClick: o, className: s = "" }) => {
 	let c = typeof a == "number" ? `${a}px` : a, l = {
 		"--feed-color": r,
 		"--feed-line-width": c
@@ -1743,7 +1830,7 @@ var Et = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "va
 	return /* @__PURE__ */ p("ul", {
 		className: `wc-feed-list ${t} ${s}`,
 		style: l,
-		children: e.map((e) => /* @__PURE__ */ p(Et, {
+		children: e.map((e) => /* @__PURE__ */ p(Nt, {
 			item: e,
 			variant: t,
 			showAvatar: n,
@@ -1754,10 +1841,10 @@ var Et = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "va
 		}, e.id || e.time))
 	});
 };
-Dt.displayName = "Feed";
+Pt.displayName = "Feed";
 //#endregion
 //#region ../core/src/components/Feature/utils.jsx
-var Ot = ({ align: e, size: t, background: n, reverse: r, vertical: i, clickable: a, disabled: o, className: s }) => [
+var Ft = ({ align: e, size: t, background: n, reverse: r, vertical: i, clickable: a, disabled: o, className: s }) => [
 	"wc-feature-card",
 	a && "wc-feature-card--clickable",
 	o && "wc-feature-card--disabled",
@@ -1768,29 +1855,29 @@ var Ot = ({ align: e, size: t, background: n, reverse: r, vertical: i, clickable
 	`wc-feature-card--${e}`,
 	s
 ].filter(Boolean);
-function kt(e) {
+function It(e) {
 	return ["wc-feature-icon", `wc-feature-icon--${e}`].filter(Boolean);
 }
-function At(e) {
+function Lt(e) {
 	return ["wc-feature-content", `wc-feature-content--${e}`].filter(Boolean);
 }
-function jt(e) {
+function Rt(e) {
 	return ["wc-feature-title", `wc-feature-title--${e}`].filter(Boolean);
 }
-var Mt = (e) => ["wc-feature-description", `wc-feature-description--${e}`].filter(Boolean);
-function Nt(e, t, n) {
+var zt = (e) => ["wc-feature-description", `wc-feature-description--${e}`].filter(Boolean);
+function Bt(e, t, n) {
 	!t && n && n(e);
 }
-function Pt(e, t) {
+function Vt(e, t) {
 	e.stopPropagation(), t && t(e);
 }
-function Ft(e) {
+function Ht(e) {
 	return e;
 }
 //#endregion
 //#region src/components/Feature/Feature.jsx
-var It = ({ title: e = "Awesome Feature", description: t = "Feature description goes here.", icon: n = "", iconSize: r = 48, size: i = "md", align: a = "left", background: o = "default", variant: s = "default", bgColor: c = "", reverse: l = !1, vertical: u = !1, ctaLabel: d = "", ctaHref: f = "#", onClick: h, onCtaClick: g, children: _, className: v = "", style: y = {} }) => {
-	let b = Ot({
+var Ut = ({ title: e = "Awesome Feature", description: t = "Feature description goes here.", icon: n = "", iconSize: r = 48, size: i = "md", align: a = "left", background: o = "default", variant: s = "default", bgColor: c = "", reverse: l = !1, vertical: u = !1, ctaLabel: d = "", ctaHref: f = "#", onClick: h, onCtaClick: g, children: _, className: v = "", style: y = {} }) => {
+	let b = Ft({
 		align: a,
 		size: i,
 		background: o,
@@ -1799,7 +1886,7 @@ var It = ({ title: e = "Awesome Feature", description: t = "Feature description
 		clickable: !!h,
 		disabled: !1,
 		className: v
-	}).join(" "), x = kt(r).join(" "), S = At(a).join(" "), C = jt(i).join(" "), w = Mt(i).join(" "), T = {
+	}).join(" "), x = It(r).join(" "), S = Lt(a).join(" "), C = Rt(i).join(" "), w = zt(i).join(" "), T = {
 		...c ? { background: c } : {},
 		...y
 	}, E = typeof r == "number" ? `${r}px` : r, D = h ? {
@@ -1812,7 +1899,7 @@ var It = ({ title: e = "Awesome Feature", description: t = "Feature description
 	return /* @__PURE__ */ m("div", {
 		className: `${b} ${s === "default" ? "" : `wc-feature-card--${s}`}`,
 		style: T,
-		onClick: (e) => Nt(e, !1, h),
+		onClick: (e) => Bt(e, !1, h),
 		...D,
 		children: [n && /* @__PURE__ */ p("div", {
 			className: x,
@@ -1823,7 +1910,7 @@ var It = ({ title: e = "Awesome Feature", description: t = "Feature description
 			children: typeof n == "string" ? /* @__PURE__ */ p("span", {
 				className: "wc-feature-icon__inner",
 				dangerouslySetInnerHTML: { __html: n }
-			}) : Ft(n)
+			}) : Ht(n)
 		}), /* @__PURE__ */ m("div", {
 			className: S,
 			children: [
@@ -1838,17 +1925,17 @@ var It = ({ title: e = "Awesome Feature", description: t = "Feature description
 				d && /* @__PURE__ */ p("a", {
 					href: f,
 					className: "wc-feature-cta",
-					onClick: (e) => Pt(e, g),
+					onClick: (e) => Vt(e, g),
 					children: d
 				})
 			]
 		})]
 	});
 };
-It.displayName = "Feature";
+Ut.displayName = "Feature";
 //#endregion
 //#region src/components/FileInput/FileInput.jsx
-var Lt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
+var Wt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
 	className: e,
 	"aria-hidden": "true",
 	children: /* @__PURE__ */ m("svg", {
@@ -1858,7 +1945,7 @@ var Lt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
 		strokeWidth: "2",
 		children: [/* @__PURE__ */ p("path", { d: "M12 16V4m0 0L7 9m5-5 5 5" }), /* @__PURE__ */ p("path", { d: "M5 14v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4" })]
 	})
-}), Rt = ({ multiple: e = !1, variant: t = "block", accept: n = "", label: r = "选择文件", description: i = "或拖放到这里", disabled: a = !1, onChange: o, onInvalid: s, className: c = "", style: l = {} }) => {
+}), Gt = ({ multiple: e = !1, variant: t = "block", accept: n = "", label: r = "选择文件", description: i = "或拖放到这里", disabled: a = !1, onChange: o, onInvalid: s, className: c = "", style: l = {} }) => {
 	let [u, h] = d(!1), g = (e) => {
 		if (!n) return !0;
 		let t = n.split(",").map((e) => e.trim().toLowerCase()), r = [...e].filter((e) => !t.some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t) : t.endsWith("/*") ? e.type.toLowerCase().startsWith(t.slice(0, -1)) : e.type.toLowerCase() === t));
@@ -1901,7 +1988,7 @@ var Lt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
 				"aria-label": r,
 				onChange: _
 			}),
-			t === "block" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Lt, { className: "wc-file-input__upload-icon" }), /* @__PURE__ */ m("span", {
+			t === "block" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Wt, { className: "wc-file-input__upload-icon" }), /* @__PURE__ */ m("span", {
 				className: "wc-file-input-content",
 				children: [/* @__PURE__ */ p("strong", {
 					className: "wc-file-input-content__title",
@@ -1919,14 +2006,14 @@ var Lt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
 					children: "＋"
 				}), r]
 			}),
-			t === "icon" && /* @__PURE__ */ p(Lt, { className: "wc-file-icon" })
+			t === "icon" && /* @__PURE__ */ p(Wt, { className: "wc-file-icon" })
 		]
 	});
 };
-Rt.displayName = "FileInput";
+Gt.displayName = "FileInput";
 //#endregion
 //#region src/components/Form/FormControl.jsx
-var zt = n(null), Bt = ({ disabled: e = !1, error: t = !1, required: n = !1, variant: r = "filled", size: i = "md", fullWidth: a = !1, margin: o = "normal", className: s = "", style: c = {}, children: u, ...d }) => {
+var Kt = n(null), qt = ({ disabled: e = !1, error: t = !1, required: n = !1, variant: r = "filled", size: i = "md", fullWidth: a = !1, margin: o = "normal", className: s = "", style: c = {}, children: u, ...d }) => {
 	let f = l(() => ({
 		disabled: e,
 		error: t,
@@ -1948,7 +2035,7 @@ var zt = n(null), Bt = ({ disabled: e = !1, error: t = !1, required: n = !1, var
 		t && "form-control--error",
 		s
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ p(zt.Provider, {
+	return /* @__PURE__ */ p(Kt.Provider, {
 		value: f,
 		children: /* @__PURE__ */ p("div", {
 			className: m,
@@ -1958,10 +2045,10 @@ var zt = n(null), Bt = ({ disabled: e = !1, error: t = !1, required: n = !1, var
 		})
 	});
 };
-Bt.displayName = "FormControl";
+qt.displayName = "FormControl";
 //#endregion
 //#region src/components/Form/FormControlLabel.jsx
-var Vt = ({ label: e, labelPlacement: t = "end", disabled: n = !1, required: r = !1, checked: i, value: a, control: o, className: s = "", style: c = {}, onChange: l, children: u, ...d }) => {
+var Jt = ({ label: e, labelPlacement: t = "end", disabled: n = !1, required: r = !1, checked: i, value: a, control: o, className: s = "", style: c = {}, onChange: l, children: u, ...d }) => {
 	let f = (e) => {
 		n || l?.(e);
 	}, h = [
@@ -2000,10 +2087,10 @@ var Vt = ({ label: e, labelPlacement: t = "end", disabled: n = !1, required: r =
 		]
 	});
 };
-Vt.displayName = "FormControlLabel";
+Jt.displayName = "FormControlLabel";
 //#endregion
 //#region src/components/Form/FormGroup.jsx
-var Ht = ({ row: e = !1, spacing: t = "normal", className: n = "", style: r = {}, children: i, ...a }) => /* @__PURE__ */ p("div", {
+var Yt = ({ row: e = !1, spacing: t = "normal", className: n = "", style: r = {}, children: i, ...a }) => /* @__PURE__ */ p("div", {
 	className: [
 		"form-group",
 		e && "form-group--row",
@@ -2015,11 +2102,11 @@ var Ht = ({ row: e = !1, spacing: t = "normal", className: n = "", style: r = {}
 	...a,
 	children: i
 });
-Ht.displayName = "FormGroup";
+Yt.displayName = "FormGroup";
 //#endregion
 //#region src/components/Form/FormHelperText.jsx
-var Ut = ({ disabled: e = !1, error: t = !1, filled: n = !1, focused: r = !1, margin: i = "normal", required: o = !1, variant: s = "filled", id: c, size: l = "md", className: u = "", style: d = {}, children: f, ...m }) => {
-	let h = a(zt) || {}, g = t || h.error, _ = e || h.disabled;
+var Xt = ({ disabled: e = !1, error: t = !1, filled: n = !1, focused: r = !1, margin: i = "normal", required: o = !1, variant: s = "filled", id: c, size: l = "md", className: u = "", style: d = {}, children: f, ...m }) => {
+	let h = a(Kt) || {}, g = t || h.error, _ = e || h.disabled;
 	return /* @__PURE__ */ p("p", {
 		id: c,
 		className: [
@@ -2039,55 +2126,55 @@ var Ut = ({ disabled: e = !1, error: t = !1, filled: n = !1, focused: r = !1, ma
 		children: f
 	});
 };
-Ut.displayName = "FormHelperText";
+Xt.displayName = "FormHelperText";
 //#endregion
 //#region ../core/src/components/Grid/utils.jsx
-var Wt = {
+var Zt = {
 	xs: "xs",
 	sm: "sm",
 	md: "md",
 	lg: "lg",
 	xl: "xl"
-}, Gt = {
+}, Qt = {
 	row: "wc-grid-container--row",
 	column: "wc-grid-container--column",
 	"row-reverse": "wc-grid-container--row-reverse",
 	"column-reverse": "wc-grid-container--column-reverse"
-}, Kt = {
+}, $t = {
 	"flex-start": "wc-grid-container--justify-start",
 	center: "wc-grid-container--justify-center",
 	"flex-end": "wc-grid-container--justify-end",
 	"space-between": "wc-grid-container--justify-between",
 	"space-around": "wc-grid-container--justify-around",
 	"space-evenly": "wc-grid-container--justify-evenly"
-}, qt = {
+}, en = {
 	"flex-start": "wc-grid-container--align-start",
 	center: "wc-grid-container--align-center",
 	"flex-end": "wc-grid-container--align-end",
 	stretch: "wc-grid-container--align-stretch",
 	baseline: "wc-grid-container--align-baseline"
-}, Jt = (e) => {
+}, tn = (e) => {
 	let { direction: t = "row", justifyContent: n = "flex-start", alignItems: r = "stretch", spacing: i = 0 } = e, a = ["wc-grid", "wc-grid-container"];
-	return Gt[t] && a.push(Gt[t]), Kt[n] && a.push(Kt[n]), qt[r] && a.push(qt[r]), a.push(...Xt(i)), a;
-}, Yt = (e) => {
+	return Qt[t] && a.push(Qt[t]), $t[n] && a.push($t[n]), en[r] && a.push(en[r]), a.push(...rn(i)), a;
+}, nn = (e) => {
 	let { xs: t, sm: n, md: r, lg: i, xl: a } = e, o = ["wc-grid", "wc-grid-item"];
-	return Object.entries(Wt).forEach(([t, n]) => {
+	return Object.entries(Zt).forEach(([t, n]) => {
 		let r = e[t];
-		r !== void 0 && o.push(...Zt(r, n));
+		r !== void 0 && o.push(...an(r, n));
 	}), o;
-}, Xt = (e) => {
+}, rn = (e) => {
 	let t = Number(e);
 	return [`wc-grid-container--spacing-${Number.isFinite(t) ? Math.max(0, Math.min(12, Math.round(t))) : 0}`];
-}, Zt = (e, t) => {
+}, an = (e, t) => {
 	if (e === !1 || e == null) return [];
 	if (e === "auto") return [`wc-grid-item--${t}-auto`];
 	if (e === !0) return [`wc-grid-item--${t}-true`];
 	let n = Number(e);
 	return Number.isFinite(n) && n >= 1 && n <= 12 ? [`wc-grid-item--${t}-${Math.round(n)}`] : [];
-}, Qt = (e) => {
+}, on = (e) => {
 	let { container: t = !1, item: n = !1, className: r = "" } = e, i = [];
-	return t && i.push(...Jt(e)), n && i.push(...Yt(e)), r && i.push(r), i;
-}, $t = (e) => {
+	return t && i.push(...tn(e)), n && i.push(...nn(e)), r && i.push(r), i;
+}, sn = (e) => {
 	let t = { ...e };
 	return t.spacing !== void 0 && (t.spacing = Number(t.spacing) || 0), [
 		"xs",
@@ -2102,8 +2189,8 @@ var Wt = {
 			isNaN(r) || (t[e] = Math.max(1, Math.min(12, r)));
 		}
 	}), t;
-}, en = ({ container: e = !1, item: t = !1, xs: n, sm: r, md: i, lg: a, xl: o, spacing: s = 0, direction: c = "row", justifyContent: l = "flex-start", alignItems: u = "stretch", className: d = "", style: f = {}, children: m, ...h }) => /* @__PURE__ */ p("div", {
-	className: Qt($t({
+}, cn = ({ container: e = !1, item: t = !1, xs: n, sm: r, md: i, lg: a, xl: o, spacing: s = 0, direction: c = "row", justifyContent: l = "flex-start", alignItems: u = "stretch", className: d = "", style: f = {}, children: m, ...h }) => /* @__PURE__ */ p("div", {
+	className: on(sn({
 		container: e,
 		item: t,
 		xs: n,
@@ -2121,57 +2208,79 @@ var Wt = {
 	...h,
 	children: m
 });
-en.displayName = "Grid";
+cn.displayName = "Grid";
 //#endregion
 //#region src/components/HoverCard/HoverCard.jsx
-var tn = ({ triggerText: e = "Hover me", cardData: t = {}, variant: n = "default", size: r = "md", cardSize: i = "md", position: a = "top", delay: c = 300, hideDelay: l = 100, showArrow: h = !1, disabled: g = !1, onShow: _, onHide: v, onAction: y, className: b = "", style: x = {}, children: S, card: C, ...w }) => {
-	let T = s(), [E, D] = d(!1), O = u(null), k = u(null), A = u(null), j = `${T}-trigger`, M = () => {
+var ln = ({ triggerText: e = "Hover me", cardData: t = {}, variant: n = "default", size: r = "md", cardSize: i = "md", position: a = "top", delay: c = 300, hideDelay: l = 100, showArrow: h = !1, disabled: g = !1, onShow: _, onHide: v, onAction: y, className: b = "", style: x = {}, children: S, card: C, ...w }) => {
+	let T = s(), [E, D] = d(!1), O = u(null), k = u(null), A = u(null), j = u(null), M = `${T}-trigger`, N = () => {
 		clearTimeout(O.current), clearTimeout(k.current);
-	}, N = () => {
-		g || (M(), O.current = setTimeout(() => {
+	}, P = () => {
+		g || (N(), O.current = setTimeout(() => {
 			D(!0), _?.();
 		}, c));
-	}, P = () => {
-		g || (M(), k.current = setTimeout(() => {
+	}, F = () => {
+		g || (N(), k.current = setTimeout(() => {
 			D(!1), v?.();
 		}, l));
 	};
-	o(() => () => M(), []);
-	let F = (e) => {
+	o(() => () => N(), []);
+	let I = (e) => {
 		y?.(e), e?.onClick?.();
-	}, I = [
+	}, L = [
 		"hover-card-container",
 		`hover-card-${n}`,
 		`hover-card-size-${r}`,
 		g && "hover-card-disabled",
 		b
-	].filter(Boolean).join(" "), L = [
+	].filter(Boolean).join(" "), R = [
 		"hover-card-popup",
 		`hover-card-position-${a}`,
 		`hover-card-card-size-${i}`
-	].join(" ");
-	return /* @__PURE__ */ m("div", {
-		className: I,
-		onMouseEnter: N,
-		onMouseLeave: P,
-		onTouchStart: N,
-		onTouchEnd: P,
-		onFocus: N,
-		onBlur: P,
+	].join(" "), z = J({
+		open: E,
+		anchorRef: j,
+		floatingRef: A,
+		placement: a,
+		offset: 8
+	});
+	return ae({
+		open: E,
+		elementRef: A,
+		refs: [j],
+		closeOnEscape: !0,
+		closeOnPointerDownOutside: !0,
+		onEscapeKeyDown: () => {
+			D(!1), v?.(), j.current?.focus();
+		},
+		onPointerDownOutside: () => {
+			D(!1), v?.();
+		},
+		zIndex: 1e3
+	}), /* @__PURE__ */ m("div", {
+		className: L,
+		onMouseEnter: P,
+		onMouseLeave: F,
+		onTouchStart: P,
+		onTouchEnd: F,
+		onFocus: P,
+		onBlur: F,
 		style: x,
 		...w,
 		children: [/* @__PURE__ */ p("span", {
-			id: j,
+			ref: j,
+			id: M,
 			className: "hover-card-trigger",
 			tabIndex: g ? -1 : 0,
 			"aria-describedby": E ? T : void 0,
 			children: S || e
-		}), E && /* @__PURE__ */ m("div", {
+		}), E && /* @__PURE__ */ p(q, { children: /* @__PURE__ */ m("div", {
 			ref: A,
 			id: T,
-			className: L,
+			className: `${R} hover-card-position-${z}`.trim(),
 			role: "dialog",
 			"aria-labelledby": t.title ? `${T}-title` : void 0,
+			onMouseEnter: P,
+			onMouseLeave: F,
 			children: [h && /* @__PURE__ */ p("div", { className: `hover-card-arrow hover-card-arrow-${a}` }), /* @__PURE__ */ p("div", {
 				className: "hover-card-content",
 				children: C ? typeof C == "function" ? C(t) : C : /* @__PURE__ */ m(f, { children: [t.image && /* @__PURE__ */ p("div", {
@@ -2203,20 +2312,20 @@ var tn = ({ triggerText: e = "Hover me", cardData: t = {}, variant: n = "default
 							className: "hover-card-actions",
 							children: t.actions.map((e, t) => /* @__PURE__ */ p("button", {
 								className: "hover-card-action-btn",
-								onClick: () => F(e),
+								onClick: () => I(e),
 								children: e.label
 							}, t))
 						})
 					]
 				})] })
 			})]
-		})]
+		}) })]
 	});
 };
-tn.displayName = "HoverCard";
+ln.displayName = "HoverCard";
 //#endregion
 //#region ../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
-var nn = /* @__PURE__ */ F(((e) => {
+var un = /* @__PURE__ */ R(((e) => {
 	var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 	function b(e) {
 		if (typeof e == "object" && e) {
@@ -2272,7 +2381,7 @@ var nn = /* @__PURE__ */ F(((e) => {
 	}, e.isValidElementType = function(e) {
 		return typeof e == "string" || typeof e == "function" || e === i || e === u || e === o || e === a || e === f || e === p || typeof e == "object" && !!e && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === s || e.$$typeof === c || e.$$typeof === d || e.$$typeof === _ || e.$$typeof === v || e.$$typeof === y || e.$$typeof === g);
 	}, e.typeOf = b;
-})), rn = /* @__PURE__ */ F(((e) => {
+})), dn = /* @__PURE__ */ R(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 		function b(e) {
@@ -2343,14 +2452,14 @@ var nn = /* @__PURE__ */ F(((e) => {
 		function ne(e) {
 			return x(e) === a;
 		}
-		function G(e) {
+		function re(e) {
 			return x(e) === f;
 		}
-		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = w, e.ContextProvider = T, e.Element = E, e.ForwardRef = D, e.Fragment = O, e.Lazy = k, e.Memo = A, e.Portal = j, e.Profiler = M, e.StrictMode = N, e.Suspense = P, e.isAsyncMode = I, e.isConcurrentMode = L, e.isContextConsumer = R, e.isContextProvider = z, e.isElement = B, e.isForwardRef = V, e.isFragment = H, e.isLazy = U, e.isMemo = W, e.isPortal = ee, e.isProfiler = te, e.isStrictMode = ne, e.isSuspense = G, e.isValidElementType = b, e.typeOf = x;
+		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = w, e.ContextProvider = T, e.Element = E, e.ForwardRef = D, e.Fragment = O, e.Lazy = k, e.Memo = A, e.Portal = j, e.Profiler = M, e.StrictMode = N, e.Suspense = P, e.isAsyncMode = I, e.isConcurrentMode = L, e.isContextConsumer = R, e.isContextProvider = z, e.isElement = B, e.isForwardRef = V, e.isFragment = H, e.isLazy = U, e.isMemo = W, e.isPortal = ee, e.isProfiler = te, e.isStrictMode = ne, e.isSuspense = re, e.isValidElementType = b, e.typeOf = x;
 	})();
-})), an = /* @__PURE__ */ F(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = nn() : t.exports = rn();
-})), on = /* @__PURE__ */ F(((e, t) => {
+})), fn = /* @__PURE__ */ R(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = un() : t.exports = dn();
+})), pn = /* @__PURE__ */ R(((e, t) => {
 	var n = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
 	function a(e) {
 		if (e == null) throw TypeError("Object.assign cannot be called with null or undefined");
@@ -2383,14 +2492,14 @@ var nn = /* @__PURE__ */ F(((e) => {
 		}
 		return s;
 	};
-})), sn = /* @__PURE__ */ F(((e, t) => {
+})), mn = /* @__PURE__ */ R(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), cn = /* @__PURE__ */ F(((e, t) => {
+})), hn = /* @__PURE__ */ R(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), ln = /* @__PURE__ */ F(((e, t) => {
+})), gn = /* @__PURE__ */ R(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = sn(), i = {}, a = cn();
+		var r = mn(), i = {}, a = hn();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -2423,8 +2532,8 @@ var nn = /* @__PURE__ */ F(((e) => {
 	o.resetWarningCache = function() {
 		process.env.NODE_ENV !== "production" && (i = {});
 	}, t.exports = o;
-})), un = /* @__PURE__ */ F(((e, t) => {
-	var n = an(), r = on(), i = sn(), a = cn(), o = ln(), s = function() {};
+})), _n = /* @__PURE__ */ R(((e, t) => {
+	var n = fn(), r = pn(), i = mn(), a = hn(), o = gn(), s = function() {};
 	process.env.NODE_ENV !== "production" && (s = function(e) {
 		var t = "Warning: " + e;
 		typeof console < "u" && console.error(t);
@@ -2682,8 +2791,8 @@ var nn = /* @__PURE__ */ F(((e) => {
 		}
 		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
 	};
-})), dn = /* @__PURE__ */ F(((e, t) => {
-	var n = sn();
+})), vn = /* @__PURE__ */ R(((e, t) => {
+	var n = mn();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -2722,42 +2831,42 @@ var nn = /* @__PURE__ */ F(((e) => {
 		};
 		return a.PropTypes = a, a;
 	};
-})), $ = /* @__PURE__ */ L((/* @__PURE__ */ F(((e, t) => {
+})), $ = /* @__PURE__ */ B((/* @__PURE__ */ R(((e, t) => {
 	if (process.env.NODE_ENV !== "production") {
-		var n = an();
-		t.exports = un()(n.isElement, !0);
-	} else t.exports = dn()();
-})))(), 1), fn = ({ className: e, style: t }) => /* @__PURE__ */ p("span", {
+		var n = fn();
+		t.exports = _n()(n.isElement, !0);
+	} else t.exports = vn()();
+})))(), 1), yn = ({ className: e, style: t }) => /* @__PURE__ */ p("span", {
 	className: e,
 	style: t
-}), pn = {
+}), bn = {
 	lucide: () => import("@zeturn/watercolor-icons-lucide-react"),
 	heroicons: () => import("@zeturn/watercolor-icons-heroicons-react"),
 	tabler: () => import("@zeturn/watercolor-icons-tabler-react"),
 	phosphor: () => import("@zeturn/watercolor-icons-phosphor-react"),
 	feather: () => import("@zeturn/watercolor-icons-feather")
-}, mn = (e) => {
-	let t = pn[e];
+}, xn = (e) => {
+	let t = bn[e];
 	return t ? t() : Promise.resolve(null);
-}, hn = (e, t) => r(() => e().then((e) => ({ default: t(e || {}) })).catch((e) => (console.warn("[Icon] 动态导入失败，已回退到占位符图标。", e), { default: fn }))), gn = (e, t, n) => {
+}, Sn = (e, t) => r(() => e().then((e) => ({ default: t(e || {}) })).catch((e) => (console.warn("[Icon] 动态导入失败，已回退到占位符图标。", e), { default: yn }))), Cn = (e, t, n) => {
 	switch (e) {
-		case "lucide": return hn(() => mn("lucide"), (e) => e.getIcon?.(t) || fn);
-		case "heroicons": return hn(() => mn("heroicons"), (e) => e.getIcon?.(t, n) || fn);
-		case "tabler": return hn(() => mn("tabler"), (e) => e.getIcon?.(t) || fn);
-		case "phosphor": return hn(() => mn("phosphor"), (e) => e.getIcon?.(t) || fn);
+		case "lucide": return Sn(() => xn("lucide"), (e) => e.getIcon?.(t) || yn);
+		case "heroicons": return Sn(() => xn("heroicons"), (e) => e.getIcon?.(t, n) || yn);
+		case "tabler": return Sn(() => xn("tabler"), (e) => e.getIcon?.(t) || yn);
+		case "phosphor": return Sn(() => xn("phosphor"), (e) => e.getIcon?.(t) || yn);
 		default: return null;
 	}
-}, _n = (e) => typeof e == "number" ? e : {
+}, wn = (e) => typeof e == "number" ? e : {
 	xs: 16,
 	sm: 20,
 	md: 24,
 	lg: 32,
 	xl: 48
-}[e] || parseInt(e) || 24, vn = ({ library: e = "lucide", name: n = "", html: i = "", size: a = 24, color: o = "currentColor", strokeWidth: s = 2, variant: c = "outline", className: u = "", children: d, ...f }) => {
+}[e] || parseInt(e) || 24, Tn = ({ library: e = "lucide", name: n = "", html: i = "", size: a = 24, color: o = "currentColor", strokeWidth: s = 2, variant: c = "outline", className: u = "", children: d, ...f }) => {
 	let m = l(() => {
 		if (!n) return null;
 		try {
-			return gn(e, n, c);
+			return Cn(e, n, c);
 		} catch {
 			return console.warn(`Icon "${n}" not found in library "${e}"`), null;
 		}
@@ -2767,7 +2876,7 @@ var nn = /* @__PURE__ */ F(((e) => {
 		c
 	]), h = l(() => e === "feather" && n ? r(async () => {
 		try {
-			let e = _n(a), { getFeatherSvg: t } = await mn("feather") || {}, r = await t(n, {
+			let e = wn(a), { getFeatherSvg: t } = await xn("feather") || {}, r = await t(n, {
 				width: e,
 				height: e,
 				strokeWidth: Number(s)
@@ -2788,13 +2897,13 @@ var nn = /* @__PURE__ */ F(((e) => {
 	]), g = l(() => e === "html" && i ? i : "", [e, i]), _ = l(() => {
 		let e = {};
 		if (o && o !== "currentColor" && (e.color = o), a) {
-			let t = _n(a);
+			let t = wn(a);
 			e.width = `${t}px`, e.height = `${t}px`;
 		}
 		return e;
 	}, [o, a]), v = l(() => {
 		let t = {
-			size: _n(a),
+			size: wn(a),
 			color: o,
 			...f
 		};
@@ -2835,7 +2944,7 @@ var nn = /* @__PURE__ */ F(((e) => {
 		children: d
 	});
 };
-vn.propTypes = {
+Tn.propTypes = {
 	library: $.default.oneOf([
 		"lucide",
 		"heroicons",
@@ -2859,7 +2968,7 @@ vn.propTypes = {
 };
 //#endregion
 //#region src/components/Button/IconButton.jsx
-var yn = ({ color: e = "default", size: t = "md", edge: n = !1, disabled: r = !1, icon: i = "", children: a, onClick: o, onFocus: s, onBlur: c, className: l = "", style: u = {}, ...d }) => {
+var En = ({ color: e = "default", size: t = "md", edge: n = !1, disabled: r = !1, icon: i = "", children: a, onClick: o, onFocus: s, onBlur: c, className: l = "", style: u = {}, ...d }) => {
 	let f = [
 		"default",
 		"primary",
@@ -2901,10 +3010,10 @@ var yn = ({ color: e = "default", size: t = "md", edge: n = !1, disabled: r = !1
 		})
 	});
 };
-yn.displayName = "IconButton";
+En.displayName = "IconButton";
 //#endregion
 //#region src/components/ImageGallery/ImageGallery.jsx
-var bn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", columns: i = 3, gap: a = 16, showInfo: s = !0, showCount: c = !0, showDownload: l = !1, showPagination: u = !1, itemsPerPage: f = 12, lazyLoad: h = !0, loading: g = !1, className: _ = "", style: v = {}, onSelect: y, onDownload: b, onLightboxOpen: x, onLightboxClose: S, ...C }) => {
+var Dn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", columns: i = 3, gap: a = 16, showInfo: s = !0, showCount: c = !0, showDownload: l = !1, showPagination: u = !1, itemsPerPage: f = 12, lazyLoad: h = !0, loading: g = !1, className: _ = "", style: v = {}, onSelect: y, onDownload: b, onLightboxOpen: x, onLightboxClose: S, ...C }) => {
 	let [w, T] = d(-1), [E, D] = d(1), O = u ? Math.ceil(e.length / f) : 1, k = {
 		sm: "75%",
 		md: "66.67%",
@@ -3109,10 +3218,10 @@ var bn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 		]
 	});
 };
-bn.displayName = "ImageGallery";
+Dn.displayName = "ImageGallery";
 //#endregion
 //#region src/composition.ts
-var xn = [
+var On = [
 	"none",
 	"2xs",
 	"xs",
@@ -3122,40 +3231,40 @@ var xn = [
 	"xl",
 	"2xl",
 	"3xl"
-], Sn = [
+], kn = [
 	"stretch",
 	"start",
 	"center",
 	"end"
-], Cn = [
+], An = [
 	"sm",
 	"md",
 	"lg",
 	"xl",
 	"full"
-], wn = [
+], jn = [
 	"none",
 	"sm",
 	"md",
 	"lg"
-], Tn = [
+], Mn = [
 	"start",
 	"center",
 	"end",
 	"between",
 	"around"
-], En = [
+], Nn = [
 	"equal",
 	"sidebar",
 	"sidebar-end",
 	"wide-start",
 	"wide-end"
-], Dn = [
+], Pn = [
 	"none",
 	"sm",
 	"md",
 	"lg"
-], On = ({ as: e = "div", gap: t = "md", align: n = "center", justify: r = "start", wrap: i = !0, className: a = "", children: o, ...s }) => /* @__PURE__ */ p(e, {
+], Fn = ({ as: e = "div", gap: t = "md", align: n = "center", justify: r = "start", wrap: i = !0, className: a = "", children: o, ...s }) => /* @__PURE__ */ p(e, {
 	className: ["wc-inline", a].filter(Boolean).join(" "),
 	"data-gap": t,
 	"data-align": n,
@@ -3164,18 +3273,18 @@ var xn = [
 	...s,
 	children: o
 });
-On.displayName = "Inline", On.propTypes = {
+Fn.displayName = "Inline", Fn.propTypes = {
 	as: $.default.elementType,
-	gap: $.default.oneOf(xn),
-	align: $.default.oneOf(Sn),
-	justify: $.default.oneOf(Tn),
+	gap: $.default.oneOf(On),
+	align: $.default.oneOf(kn),
+	justify: $.default.oneOf(Mn),
 	wrap: $.default.bool,
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
 //#region src/components/Input/Input.jsx
-var kn = ({ value: e = "", onChange: t, type: n = "text", placeholder: r = "", disabled: i = !1, readonly: a = !1, required: c = !1, autoFocus: l = !1, maxLength: f, minLength: h, size: g = "md", variant: _ = "filled", color: v = "primary", error: y = !1, helperText: b = "", label: x = "", startAdornment: S = null, endAdornment: C = null, fullWidth: w = !1, multiline: T = !1, rows: E = 4, autoComplete: D = "off", name: O = "", id: k = "", className: A = "", style: j = {}, onFocus: M, onBlur: N, onKeyDown: P, onKeyUp: F, onKeyPress: I, ...L }) => {
+var In = ({ value: e = "", onChange: t, type: n = "text", placeholder: r = "", disabled: i = !1, readonly: a = !1, required: c = !1, autoFocus: l = !1, maxLength: f, minLength: h, size: g = "md", variant: _ = "filled", color: v = "primary", error: y = !1, helperText: b = "", label: x = "", startAdornment: S = null, endAdornment: C = null, fullWidth: w = !1, multiline: T = !1, rows: E = 4, autoComplete: D = "off", name: O = "", id: k = "", className: A = "", style: j = {}, onFocus: M, onBlur: N, onKeyDown: P, onKeyUp: F, onKeyPress: I, ...L }) => {
 	let [R, z] = d(!1), [B, V] = d(!!e), H = u(null), U = s(), W = k || U;
 	return o(() => {
 		V(!!e);
@@ -3246,28 +3355,28 @@ var kn = ({ value: e = "", onChange: t, type: n = "text", placeholder: r = "", d
 		]
 	});
 };
-kn.displayName = "Input";
+In.displayName = "Input";
 //#endregion
 //#region ../core/src/components/List/utils.jsx
-var An = (e) => {
+var Ln = (e) => {
 	let { dense: t = !1, disablePadding: n = !1, variant: r, className: i = "" } = e, a = ["list"];
 	return t && a.push("list--dense"), n && a.push("list--no-padding"), r && a.push(`list--${r}`), i && a.push(i), a;
-}, jn = (e) => {
+}, Rn = (e) => {
 	let { button: t = !1, disabled: n = !1, divider: r = !1, dense: i = !1, selected: a = !1, disableGutters: o = !1, draggable: s = !1, multiselect: c = !1, className: l = "" } = e, u = ["list-item"];
 	return t && u.push("list-item--button"), n && u.push("list-item--disabled"), r && u.push("list-item--divider"), i && u.push("list-item--dense"), a && u.push("list-item--selected"), o && u.push("list-item--no-gutters"), s && u.push("list-item--draggable"), c && u.push("list-item--multiselect"), l && u.push(l), u;
-}, Mn = (e) => {
+}, zn = (e) => {
 	let { position: t = "start", className: n = "" } = e, r = ["list-item-icon"];
 	return t && r.push(`list-item-icon--${t}`), n && r.push(n), r;
-}, Nn = (e) => {
+}, Bn = (e) => {
 	let { inset: t = !1, className: n = "" } = e, r = ["list-item-text"];
 	return t && r.push("list-item-text--inset"), n && r.push(n), r;
-}, Pn = n({ dense: !1 }), Fn = ({ children: e, dense: t = !1, disablePadding: n = !1, nav: r = !1, subheader: i = "", className: a = "", ...o }) => {
-	let s = An({
+}, Vn = n({ dense: !1 }), Hn = ({ children: e, dense: t = !1, disablePadding: n = !1, nav: r = !1, subheader: i = "", className: a = "", ...o }) => {
+	let s = Ln({
 		dense: t,
 		disablePadding: n,
 		className: a
 	}).concat(r ? "list--nav" : []).join(" ");
-	return /* @__PURE__ */ p(Pn.Provider, {
+	return /* @__PURE__ */ p(Vn.Provider, {
 		value: { dense: t },
 		children: /* @__PURE__ */ m("div", {
 			role: r ? "navigation" : "list",
@@ -3279,8 +3388,8 @@ var An = (e) => {
 			}), e]
 		})
 	});
-}, In = ({ children: e, button: t = !1, disabled: n = !1, divider: r = !1, selected: i = !1, disableGutters: o = !1, multiselect: s = !1, component: c, className: l = "", ...u }) => {
-	let { dense: d } = a(Pn) || { dense: !1 }, f = jn({
+}, Un = ({ children: e, button: t = !1, disabled: n = !1, divider: r = !1, selected: i = !1, disableGutters: o = !1, multiselect: s = !1, component: c, className: l = "", ...u }) => {
+	let { dense: d } = a(Vn) || { dense: !1 }, f = Rn({
 		button: t,
 		disabled: n,
 		divider: r,
@@ -3297,15 +3406,15 @@ var An = (e) => {
 		...u,
 		children: e
 	});
-}, Ln = ({ children: e, position: t = "start", className: n = "", ...r }) => /* @__PURE__ */ p("span", {
-	className: Mn({
+}, Wn = ({ children: e, position: t = "start", className: n = "", ...r }) => /* @__PURE__ */ p("span", {
+	className: zn({
 		position: t,
 		className: n
 	}).join(" "),
 	...r,
 	children: e
-}), Rn = ({ primary: e = "", secondary: t = "", inset: n = !1, className: r = "", ...i }) => /* @__PURE__ */ m("div", {
-	className: Nn({
+}), Gn = ({ primary: e = "", secondary: t = "", inset: n = !1, className: r = "", ...i }) => /* @__PURE__ */ m("div", {
+	className: Bn({
 		inset: n,
 		className: r
 	}).join(" "),
@@ -3317,64 +3426,155 @@ var An = (e) => {
 		className: "list-item-text-secondary",
 		children: t
 	})]
-}), zn = ({ size: e, variant: t, disabled: n, className: r }) => {
+}), Kn = ({ size: e, variant: t, disabled: n, className: r }) => {
 	let i = [
 		"wc-menu",
 		`wc-menu--${e}`,
 		`wc-menu--${t}`
 	];
 	return n && i.push("wc-menu--disabled"), r && i.push(r), i;
-}, Bn = (e, t) => [
+}, qn = (e, t) => [
 	"wc-menu__menu",
 	`wc-menu__menu--${e}`,
 	t
-], Vn = ({ disabled: e }) => ["wc-menu__button", e ? "wc-menu__button--disabled" : ""], Hn = (e) => {
+], Jn = ({ disabled: e }) => ["wc-menu__button", e ? "wc-menu__button--disabled" : ""], Yn = (e) => {
 	let t = ["wc-menu__item"];
 	return e.divider && t.push("wc-menu__divider"), e.disabled && t.push("wc-menu__item--disabled"), e.selected && t.push("wc-menu__item--selected"), e.danger && t.push("wc-menu__item--danger"), t;
-}, Un = (e) => ["wc-menu__arrow", e ? "wc-menu__arrow--open" : ""], Wn = (e, t, n, r, i) => {
+}, Xn = (e) => ["wc-menu__arrow", e ? "wc-menu__arrow--open" : ""], Zn = (e, t, n, r, i) => {
 	t || (n(!e), e ? i && i() : r && r());
-}, Gn = (e, t, n, r, i) => {
+}, Qn = (e, t, n, r, i) => {
 	e.disabled || e.divider || (n && n(e, t), r(!1), i && i());
-}, Kn = (e) => {
-	let t = (t) => {
-		e(t);
-	};
-	return {
-		add: () => document.addEventListener("click", t),
-		remove: () => document.removeEventListener("click", t)
-	};
-}, qn = ({ items: e = [], triggerText: t = "选择选项", placement: n = "bottom-start", size: r = "md", variant: i = "default", disabled: a = !1, trigger: s = "click", illustration: c = "", illustrationAlt: l = "示意图", cardTitle: f = "", cardDescription: h = "", onSelect: g, onOpen: _, onClose: v, children: y, triggerContent: b, menuContent: x, className: S = "", ...C }) => {
-	let [w, T] = d(!1), E = u(null), D = u(null), O = zn({
+}, $n = (e) => e.startsWith("top") ? "top" : "bottom", er = ({ items: e = [], triggerText: t = "选择选项", placement: n = "bottom-start", size: r = "md", variant: i = "default", disabled: a = !1, trigger: c = "click", illustration: l = "", illustrationAlt: f = "示意图", cardTitle: h = "", cardDescription: g = "", onSelect: _, onOpen: v, onClose: y, children: b, triggerContent: x, menuContent: S, className: C = "", ...w }) => {
+	let [T, E] = d(!1), D = s(), O = u(null), k = u(null), A = u(null), j = Kn({
 		size: r,
 		variant: i,
 		disabled: a,
-		className: S
-	}).join(" "), k = Bn(n, i === "card" ? "wc-menu__menu--card" : "").join(" "), A = Vn({ disabled: a }).join(" "), j = Un(w).join(" "), M = i === "card" ? {
+		className: C
+	}).join(" "), M = qn(n, i === "card" ? "wc-menu__menu--card" : "").join(" "), N = Jn({ disabled: a }).join(" "), P = Xn(T).join(" "), F = i === "card" ? {
 		minWidth: "320px",
 		maxWidth: "450px"
-	} : { minWidth: "120px" }, N = () => {
-		Wn(w, a, T, _, v);
-	}, P = (e, t) => {
-		Gn(e, t, g, T, v);
-	}, F = Kn((e) => {
-		E.current && !E.current.contains(e.target) && (T(!1), v && v());
+	} : { minWidth: "120px" }, I = () => {
+		Zn(T, a, E, v, y);
+	}, L = (e, t) => {
+		Qn(e, t, _, E, y);
+	}, R = () => {
+		T && (E(!1), y?.());
+	}, z = (e = "first") => {
+		let t = Array.from(k.current?.querySelectorAll("[role=\"menuitem\"]:not(:disabled)") || []);
+		if (!t.length) return;
+		let n = t.indexOf(document.activeElement), r = e === "last" ? t.length - 1 : 0;
+		e === "next" && (r = n < 0 ? 0 : (n + 1) % t.length), e === "previous" && (r = n <= 0 ? t.length - 1 : n - 1), t[r]?.focus();
+	};
+	o(() => {
+		T && queueMicrotask(() => z("first"));
+	}, [T]);
+	let B = J({
+		open: T,
+		anchorRef: A,
+		floatingRef: k,
+		placement: $n(n),
+		offset: 6
 	});
-	return o(() => (w ? F.add() : F.remove(), () => F.remove()), [w]), /* @__PURE__ */ m("div", {
-		className: O,
-		ref: E,
-		...C,
+	ae({
+		open: T,
+		elementRef: k,
+		refs: [A],
+		closeOnEscape: !0,
+		closeOnPointerDownOutside: !0,
+		onEscapeKeyDown: () => {
+			R(), A.current?.focus();
+		},
+		onPointerDownOutside: R,
+		zIndex: 1e3
+	});
+	let V = (e) => {
+		a || (e.key === "ArrowDown" || e.key === "Enter" || e.key === " " ? (e.preventDefault(), T ? z("next") : (E(!0), v?.())) : e.key === "ArrowUp" && (e.preventDefault(), T ? z("previous") : (E(!0), v?.(), queueMicrotask(() => z("last")))));
+	}, H = T ? /* @__PURE__ */ p(q, { children: /* @__PURE__ */ p("div", {
+		ref: k,
+		className: `${M} wc-menu__menu--resolved-${B}`.trim(),
+		id: D,
+		style: F,
+		role: "menu",
+		onKeyDown: (e) => {
+			e.key === "ArrowDown" ? (e.preventDefault(), z("next")) : e.key === "ArrowUp" ? (e.preventDefault(), z("previous")) : e.key === "Home" ? (e.preventDefault(), z("first")) : e.key === "End" ? (e.preventDefault(), z("last")) : e.key === "Tab" && R();
+		},
+		children: S || (i === "card" ? /* @__PURE__ */ m("div", {
+			className: "wc-menu__card",
+			children: [/* @__PURE__ */ m("div", {
+				className: "wc-menu__card-illustration",
+				children: [l ? /* @__PURE__ */ p("img", {
+					src: l,
+					alt: f,
+					className: "wc-menu__illustration-image"
+				}) : /* @__PURE__ */ p("div", {
+					className: "wc-menu__illustration-placeholder",
+					children: /* @__PURE__ */ p("span", { children: "🎨" })
+				}), (h || g) && /* @__PURE__ */ m("div", {
+					className: "wc-menu__card-info",
+					children: [h && /* @__PURE__ */ p("h4", {
+						className: "wc-menu__card-title",
+						children: h
+					}), g && /* @__PURE__ */ p("p", {
+						className: "wc-menu__card-description",
+						children: g
+					})]
+				})]
+			}), /* @__PURE__ */ p("div", {
+				className: "wc-menu__card-list",
+				children: e.map((e, t) => e.divider ? /* @__PURE__ */ p("div", {
+					className: "wc-menu__divider",
+					role: "separator"
+				}, e.key || t) : /* @__PURE__ */ m("button", {
+					type: "button",
+					role: "menuitem",
+					className: Yn(e).join(" "),
+					disabled: e.disabled,
+					onClick: () => L(e, t),
+					children: [e.icon && /* @__PURE__ */ p("span", {
+						className: "wc-menu__icon",
+						children: e.icon
+					}), /* @__PURE__ */ p("span", {
+						className: "wc-menu__label",
+						children: e.label
+					})]
+				}, e.key || t))
+			})]
+		}) : e.map((e, t) => e.divider ? /* @__PURE__ */ p("div", {
+			className: "wc-menu__divider",
+			role: "separator"
+		}, e.key || t) : /* @__PURE__ */ m("button", {
+			type: "button",
+			role: "menuitem",
+			className: Yn(e).join(" "),
+			disabled: e.disabled,
+			onClick: () => L(e, t),
+			children: [e.icon && /* @__PURE__ */ p("span", {
+				className: "wc-menu__icon",
+				children: e.icon
+			}), /* @__PURE__ */ p("span", {
+				className: "wc-menu__label",
+				children: e.label
+			})]
+		}, e.key || t)))
+	}) }) : null;
+	return /* @__PURE__ */ m("div", {
+		className: j,
+		ref: O,
+		...w,
 		children: [/* @__PURE__ */ p("div", {
 			className: "wc-menu__trigger",
-			onClick: N,
-			ref: D,
-			children: b || y || /* @__PURE__ */ m("button", {
+			onClick: I,
+			onKeyDown: V,
+			ref: A,
+			children: x || b || /* @__PURE__ */ m("button", {
 				type: "button",
-				className: A,
+				className: N,
 				disabled: a,
 				"aria-haspopup": "menu",
-				"aria-expanded": w,
+				"aria-expanded": T,
+				"aria-controls": T ? D : void 0,
 				children: [t, /* @__PURE__ */ p("span", {
-					className: j,
+					className: P,
 					children: /* @__PURE__ */ p("svg", {
 						viewBox: "0 0 24 24",
 						fill: "none",
@@ -3384,150 +3584,73 @@ var An = (e) => {
 					})
 				})]
 			})
-		}), w && /* @__PURE__ */ p("div", {
-			className: k,
-			style: M,
-			role: "menu",
-			children: x || (i === "card" ? /* @__PURE__ */ m("div", {
-				className: "wc-menu__card",
-				children: [/* @__PURE__ */ m("div", {
-					className: "wc-menu__card-illustration",
-					children: [c ? /* @__PURE__ */ p("img", {
-						src: c,
-						alt: l,
-						className: "wc-menu__illustration-image"
-					}) : /* @__PURE__ */ p("div", {
-						className: "wc-menu__illustration-placeholder",
-						children: /* @__PURE__ */ p("span", { children: "🎨" })
-					}), (f || h) && /* @__PURE__ */ m("div", {
-						className: "wc-menu__card-info",
-						children: [f && /* @__PURE__ */ p("h4", {
-							className: "wc-menu__card-title",
-							children: f
-						}), h && /* @__PURE__ */ p("p", {
-							className: "wc-menu__card-description",
-							children: h
-						})]
-					})]
-				}), /* @__PURE__ */ p("div", {
-					className: "wc-menu__card-list",
-					children: e.map((e, t) => e.divider ? /* @__PURE__ */ p("div", {
-						className: "wc-menu__divider",
-						role: "separator"
-					}, e.key || t) : /* @__PURE__ */ m("button", {
-						type: "button",
-						role: "menuitem",
-						className: Hn(e).join(" "),
-						disabled: e.disabled,
-						onClick: () => P(e, t),
-						children: [e.icon && /* @__PURE__ */ p("span", {
-							className: "wc-menu__icon",
-							children: e.icon
-						}), /* @__PURE__ */ p("span", {
-							className: "wc-menu__label",
-							children: e.label
-						})]
-					}, e.key || t))
-				})]
-			}) : e.map((e, t) => e.divider ? /* @__PURE__ */ p("div", {
-				className: "wc-menu__divider",
-				role: "separator"
-			}, e.key || t) : /* @__PURE__ */ m("button", {
-				type: "button",
-				role: "menuitem",
-				className: Hn(e).join(" "),
-				disabled: e.disabled,
-				onClick: () => P(e, t),
-				children: [e.icon && /* @__PURE__ */ p("span", {
-					className: "wc-menu__icon",
-					children: e.icon
-				}), /* @__PURE__ */ p("span", {
-					className: "wc-menu__label",
-					children: e.label
-				})]
-			}, e.key || t)))
-		})]
+		}), H]
 	});
 };
-qn.displayName = "Menu";
+er.displayName = "Menu";
 //#endregion
 //#region ../core/src/components/Modal/utils.js
-function Jn({ size: e = "md", fullWidth: t = !1, fullScreen: n = !1, scroll: r = "paper", position: i = "center", className: a = "" } = {}) {
+function tr({ size: e = "md", fullWidth: t = !1, fullScreen: n = !1, scroll: r = "paper", position: i = "center", className: a = "" } = {}) {
 	let o = ["wc-modal"];
 	return e && !n && o.push(`wc-modal--${e}`), n && o.push("wc-modal--fullscreen"), t && !n && o.push("wc-modal--full-width"), r === "body" ? o.push("wc-modal--scroll-body") : o.push("wc-modal--scroll-paper"), i && i !== "center" && o.push(`wc-modal--${i}`), a && o.push(a), o.filter(Boolean).join(" ");
 }
-function Yn({ centered: e = !0, position: t = "center" } = {}) {
+function nr({ centered: e = !0, position: t = "center" } = {}) {
 	let n = ["wc-modal-overlay"];
 	return (e || t === "center") && n.push("wc-modal-overlay--centered"), t && t !== "center" && n.push(`wc-modal-overlay--${t}`), n.join(" ");
 }
-function Xn(e, t, n = 0) {
+function rr(e, t, n = 0) {
 	e(!1), t && (n > 0 ? setTimeout(() => {
 		t();
 	}, n) : t());
 }
-function Zn(e, t, n) {
-	e.key === "Escape" && t && n();
-}
-function Qn(e) {
-	if (e) {
-		let t = e.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
-		t.length > 0 ? t[0].focus() : e.focus();
-	}
-}
-function $n(e) {
-	if (!e) return () => {};
-	let t = e.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])"), n = t[0], r = t[t.length - 1], i = (e) => {
-		e.key === "Tab" && (e.shiftKey ? document.activeElement === n && (e.preventDefault(), r?.focus()) : document.activeElement === r && (e.preventDefault(), n?.focus()));
-	};
-	return e.addEventListener("keydown", i), () => {
-		e.removeEventListener("keydown", i);
-	};
-}
 //#endregion
 //#region src/components/Modal/Modal.jsx
-var er = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWidth: i = null, closable: a = !0, showCloseButton: c = !0, maskClosable: l = !0, closeOnOverlay: f = !0, disableBackdropClick: h = !1, disableEscapeKeyDown: _ = !1, centered: v = !0, fullWidth: y = !1, fullScreen: b = !1, position: x = "center", scroll: S = "paper", lockScroll: C = !0, zIndex: w = 1e3, showOverlay: T = !0, className: E = "", onClose: D, children: O, header: k, footer: A, ...j }) => {
-	let M = s(), [N, P] = d(e || t), F = u(null), I = u(null), L = u(null), R = e || t;
+var ir = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWidth: a = null, closable: c = !0, showCloseButton: l = !0, maskClosable: f = !0, closeOnOverlay: h = !0, disableBackdropClick: g = !1, disableEscapeKeyDown: _ = !1, centered: v = !0, fullWidth: y = !1, fullScreen: b = !1, position: x = "center", scroll: S = "paper", lockScroll: C = !0, zIndex: w = 1e3, showOverlay: T = !0, className: E = "", onClose: D, children: O, header: k, footer: A, ...j }) => {
+	let M = s(), [N, P] = d(e || t), F = u(null), I = e || t;
 	o(() => {
-		P(R);
-	}, [R]);
-	let z = Jn({
-		size: i || r,
+		P(I);
+	}, [I]);
+	let L = tr({
+		size: a || r,
 		fullWidth: y,
 		fullScreen: b,
 		scroll: S,
 		position: x,
 		className: E
-	}), B = Yn({
+	}), R = nr({
 		centered: x === "center" || v,
 		position: x
-	}), V = () => {
-		Xn(P, D);
-	}, H = () => {
-		l && f && !h && V();
-	}, U = (e) => {
-		Zn(e, a && !_, V);
-	};
-	if (o(() => {
-		if (N) return I.current = document.activeElement, setTimeout(() => {
-			F.current && (Qn(F.current), L.current = $n(F.current));
-		}, 100), document.addEventListener("keydown", U), C && (document.body.style.overflow = "hidden"), () => {
-			document.removeEventListener("keydown", U), L.current &&= (L.current(), null), I.current && I.current.focus && I.current.focus(), C && (document.body.style.overflow = "");
-		};
+	}), z = i(() => {
+		rr(P, D);
+	}, [D]), B = i(() => {
+		f && h && !g && z();
 	}, [
-		N,
-		a,
-		_,
-		C
-	]), !N) return null;
-	let W = a && c !== !1;
-	return g(/* @__PURE__ */ m("div", {
-		className: B,
+		h,
+		g,
+		z,
+		f
+	]);
+	if (ae({
+		open: N,
+		elementRef: F,
+		modal: !0,
+		lockScroll: C,
+		restoreFocus: !0,
+		initialFocus: !0,
+		closeOnEscape: c && !_,
+		closeOnPointerDownOutside: !1,
+		onEscapeKeyDown: z,
+		zIndex: w
+	}), !N) return null;
+	let V = c && l !== !1;
+	return /* @__PURE__ */ p(q, { children: /* @__PURE__ */ m("div", {
+		className: R,
 		style: { zIndex: w },
-		onClick: H,
+		onClick: B,
 		"data-testid": "modal-overlay",
 		children: [T && /* @__PURE__ */ p("div", { className: "wc-modal__overlay" }), /* @__PURE__ */ m("div", {
 			ref: F,
-			className: z,
+			className: L,
 			onClick: (e) => e.stopPropagation(),
 			role: "dialog",
 			"aria-modal": "true",
@@ -3535,11 +3658,11 @@ var er = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWid
 			tabIndex: -1,
 			...j,
 			children: [
-				W && /* @__PURE__ */ p(ze, {
+				V && /* @__PURE__ */ p(Ke, {
 					variant: "text",
 					size: "sm",
 					className: "wc-modal__close",
-					onClick: V,
+					onClick: z,
 					"aria-label": "关闭",
 					children: /* @__PURE__ */ p("svg", {
 						viewBox: "0 0 24 24",
@@ -3565,12 +3688,12 @@ var er = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWid
 				})
 			]
 		})]
-	}), document.body);
+	}) });
 };
-er.displayName = "Modal";
+ir.displayName = "Modal";
 //#endregion
 //#region src/components/NumberAnimation/NumberAnimation.jsx
-var tr = ({ active: e = !0, duration: t = 3e3, from: n = 0, to: r, locale: i = "", precision: a = 0, showSeparator: s = !1, prefix: c = "", suffix: l = "", separator: f = "", formatter: m = null, easing: h = "linear", onFinish: g, className: _ = "", style: v = {}, ...y }) => {
+var ar = ({ active: e = !0, duration: t = 3e3, from: n = 0, to: r, locale: i = "", precision: a = 0, showSeparator: s = !1, prefix: c = "", suffix: l = "", separator: f = "", formatter: m = null, easing: h = "linear", onFinish: g, className: _ = "", style: v = {}, ...y }) => {
 	let [b, x] = d(n), [S, C] = d(!1), w = u(null), T = u(null), E = (i) => {
 		w.current === null && (w.current = i);
 		let a = Math.min((i - w.current) / t, 1);
@@ -3616,7 +3739,7 @@ var tr = ({ active: e = !0, duration: t = 3e3, from: n = 0, to: r, locale: i = "
 };
 //#endregion
 //#region src/components/Pagination/Pagination.jsx
-function nr({ value: e = 1, onChange: t, total: n, pageSize: r = 10, siblingCount: a = 1, boundaryCount: s = 1, size: c = "md", className: u = "", ...f }) {
+function or({ value: e = 1, onChange: t, total: n, pageSize: r = 10, siblingCount: a = 1, boundaryCount: s = 1, size: c = "md", className: u = "", ...f }) {
 	let [h, g] = d(e);
 	o(() => {
 		g(e);
@@ -3711,38 +3834,38 @@ function nr({ value: e = 1, onChange: t, total: n, pageSize: r = 10, siblingCoun
 }
 //#endregion
 //#region src/components/Page/Page.jsx
-var rr = ({ as: e = "div", size: t = "lg", gutter: n = "md", className: r = "", children: i, ...a }) => /* @__PURE__ */ p(e, {
+var sr = ({ as: e = "div", size: t = "lg", gutter: n = "md", className: r = "", children: i, ...a }) => /* @__PURE__ */ p(e, {
 	className: ["wc-page", r].filter(Boolean).join(" "),
 	"data-size": t,
 	"data-gutter": n,
 	...a,
 	children: i
 });
-rr.displayName = "Page", rr.propTypes = {
+sr.displayName = "Page", sr.propTypes = {
 	as: $.default.elementType,
-	size: $.default.oneOf(Cn),
-	gutter: $.default.oneOf(wn),
+	size: $.default.oneOf(An),
+	gutter: $.default.oneOf(jn),
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
 //#region ../core/src/components/Paper/utils.jsx
-var ir = {
+var cr = {
 	ELEVATION: "elevation",
 	OUTLINED: "outlined"
-}, ar = {
+}, lr = {
 	SQUARE: "square",
 	ROUNDED_SM: "rounded-sm",
 	ROUNDED_LG: "rounded-lg",
 	ROUNDED_XL: "rounded-xl",
 	ROUNDED_2XL: "rounded-2xl",
 	ROUNDED_FULL: "rounded-full"
-}, or = {
+}, ur = {
 	SM: "sm",
 	MD: "md",
 	LG: "lg",
 	XL: "xl"
-}, sr = {
+}, dr = {
 	DEFAULT: "default",
 	PRIMARY: "primary",
 	SUCCESS: "success",
@@ -3750,21 +3873,21 @@ var ir = {
 	ERROR: "error",
 	INFO: "info"
 };
-function cr(e = {}) {
-	let { variant: t = ir.ELEVATION, elevation: n = 1, square: r = !1, shape: i = null, size: a = null, color: o = sr.DEFAULT, hoverable: s = !1, clickable: c = !1, gradient: l = !1, frosted: u = !1, textured: d = !1, className: f = "" } = e, p = ["wc-paper"];
-	if (t === ir.OUTLINED) p.push("wc-paper--outlined");
+function fr(e = {}) {
+	let { variant: t = cr.ELEVATION, elevation: n = 1, square: r = !1, shape: i = null, size: a = null, color: o = dr.DEFAULT, hoverable: s = !1, clickable: c = !1, gradient: l = !1, frosted: u = !1, textured: d = !1, className: f = "" } = e, p = ["wc-paper"];
+	if (t === cr.OUTLINED) p.push("wc-paper--outlined");
 	else {
 		p.push("wc-paper--elevation");
 		let e = Math.max(0, Math.min(24, Math.floor(Number(n) || 0)));
 		p.push(`wc-paper--elevation-${e}`);
 	}
-	return r ? p.push("wc-paper--square") : i && ar[i.toUpperCase()] && p.push(`wc-paper--${i}`), a && or[a.toUpperCase()] && p.push(`wc-paper--${a}`), o !== sr.DEFAULT && sr[o.toUpperCase()] && p.push(`wc-paper--${o}`), s && p.push("wc-paper--hoverable"), c && p.push("wc-paper--clickable"), l && p.push("wc-paper--gradient"), u && p.push("wc-paper--frosted"), d && p.push("wc-paper--textured"), f && p.push(f), p.join(" ");
+	return r ? p.push("wc-paper--square") : i && lr[i.toUpperCase()] && p.push(`wc-paper--${i}`), a && ur[a.toUpperCase()] && p.push(`wc-paper--${a}`), o !== dr.DEFAULT && dr[o.toUpperCase()] && p.push(`wc-paper--${o}`), s && p.push("wc-paper--hoverable"), c && p.push("wc-paper--clickable"), l && p.push("wc-paper--gradient"), u && p.push("wc-paper--frosted"), d && p.push("wc-paper--textured"), f && p.push(f), p.join(" ");
 }
 //#endregion
 //#region src/components/Paper/Paper.jsx
-function lr({ component: e = "div", variant: t = "elevation", elevation: n = 1, square: r = !1, hoverable: i = !1, clickable: a = !1, color: o = "default", size: s = null, shape: c = null, gradient: l = !1, frosted: u = !1, textured: d = !1, className: f = "", children: m, onClick: h, onMouseEnter: g, onMouseLeave: _, onKeyDown: v, style: y = {}, ...b }) {
+function pr({ component: e = "div", variant: t = "elevation", elevation: n = 1, square: r = !1, hoverable: i = !1, clickable: a = !1, color: o = "default", size: s = null, shape: c = null, gradient: l = !1, frosted: u = !1, textured: d = !1, className: f = "", children: m, onClick: h, onMouseEnter: g, onMouseLeave: _, onKeyDown: v, style: y = {}, ...b }) {
 	return /* @__PURE__ */ p(e, {
-		className: cr({
+		className: fr({
 			variant: t,
 			elevation: Math.max(0, Math.min(24, Math.floor(Number(n) || 0))),
 			square: r,
@@ -3795,70 +3918,60 @@ function lr({ component: e = "div", variant: t = "elevation", elevation: n = 1,
 }
 //#endregion
 //#region src/components/Popover/Popover.jsx
-function ur({ open: t, onOpenChange: n, triggerText: r = "打开弹窗", trigger: a, placement: c = "bottom", offset: l = 8, children: f, className: g = "" }) {
-	let _ = s(), [v, y] = d(!1), b = t != null, x = u(null), S = u(null), C = b ? t : v, w = (e) => {
-		b || y(e), n?.(e);
-	}, T = () => w(!1), E = () => {
-		w(!C);
-	}, D = i(() => {
-		let e = x.current, t = S.current;
-		if (!e || !t) return;
-		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = 0, a = 0;
-		switch (c) {
-			case "top":
-				i = n.top - r.height - l, a = n.left + (n.width - r.width) / 2;
-				break;
-			case "bottom":
-				i = n.bottom + l, a = n.left + (n.width - r.width) / 2;
-				break;
-			case "left":
-				i = n.top + (n.height - r.height) / 2, a = n.left - r.width - l;
-				break;
-			case "right":
-				i = n.top + (n.height - r.height) / 2, a = n.right + l;
-				break;
-			default: break;
-		}
-		t.style.top = `${i + window.scrollY}px`, t.style.left = `${a + window.scrollX}px`;
-	}, [c, l]);
-	o(() => {}, [b, t]), o(() => (C && (D(), window.addEventListener("resize", D), window.addEventListener("scroll", D), document.addEventListener("mousedown", O)), () => {
-		window.removeEventListener("resize", D), window.removeEventListener("scroll", D), document.removeEventListener("mousedown", O);
-	}), [C, D]);
-	let O = (e) => {
-		S.current && !S.current.contains(e.target) && !x.current.contains(e.target) && T();
-	}, k = a ? e.cloneElement(a, {
-		ref: x,
-		onClick: E,
-		"aria-expanded": C,
+function mr({ open: t, onOpenChange: n, triggerText: r = "打开弹窗", trigger: i, placement: a = "bottom", offset: o = 8, children: c, className: l = "" }) {
+	let f = s(), [h, g] = d(!1), _ = t != null, v = u(null), y = u(null), b = _ ? t : h, x = (e) => {
+		_ || g(e), n?.(e);
+	}, S = () => x(!1), C = () => {
+		x(!b);
+	}, w = J({
+		open: b,
+		anchorRef: v,
+		floatingRef: y,
+		placement: a,
+		offset: o
+	});
+	ae({
+		open: b,
+		elementRef: y,
+		refs: [v],
+		closeOnEscape: !0,
+		closeOnPointerDownOutside: !0,
+		onEscapeKeyDown: S,
+		onPointerDownOutside: S,
+		zIndex: 2e3
+	});
+	let T = i ? e.cloneElement(i, {
+		ref: v,
+		onClick: C,
+		"aria-expanded": b,
 		"aria-haspopup": "dialog",
-		"aria-controls": _
+		"aria-controls": f
 	}) : /* @__PURE__ */ p("button", {
-		ref: x,
+		ref: v,
 		type: "button",
 		className: "wc-popover-trigger",
-		onClick: E,
-		"aria-expanded": C,
+		onClick: C,
+		"aria-expanded": b,
 		"aria-haspopup": "dialog",
-		"aria-controls": _,
+		"aria-controls": f,
 		children: r
 	});
 	return /* @__PURE__ */ m("div", {
-		className: `wc-popover-container ${g}`.trim(),
-		children: [k, C && h.createPortal(/* @__PURE__ */ p("div", {
-			ref: S,
-			id: _,
-			className: `wc-popover-content wc-popover-content--${c}`.trim(),
+		className: `wc-popover-container ${l}`.trim(),
+		children: [T, b && /* @__PURE__ */ p(q, { children: /* @__PURE__ */ p("div", {
+			ref: y,
+			id: f,
+			className: `wc-popover-content wc-popover-content--${w}`.trim(),
 			role: "dialog",
 			"aria-label": "弹出内容",
 			tabIndex: -1,
-			onKeyDown: (e) => e.key === "Escape" && T(),
-			children: f
-		}), document.body)]
+			children: c
+		}) })]
 	});
 }
 //#endregion
 //#region src/components/PricingTable/PricingTable.jsx
-function dr({ plans: e = [], columns: t = 3, className: n = "" }) {
+function hr({ plans: e = [], columns: t = 3, className: n = "" }) {
 	let r = { gridTemplateColumns: `repeat(${t}, minmax(0,1fr))` };
 	return /* @__PURE__ */ p("div", {
 		className: `pricing-grid ${n}`.trim(),
@@ -3888,7 +4001,7 @@ function dr({ plans: e = [], columns: t = 3, className: n = "" }) {
 }
 //#endregion
 //#region src/components/Progress/Progress.jsx
-var fr = ({ value: e = 0, label: t = "", showPercent: n = !1, color: r = "primary", size: i = "md", animated: a = !1, className: o = "", ...s }) => {
+var gr = ({ value: e = 0, label: t = "", showPercent: n = !1, color: r = "primary", size: i = "md", animated: a = !1, className: o = "", ...s }) => {
 	let c = [
 		"primary",
 		"success",
@@ -3929,11 +4042,11 @@ var fr = ({ value: e = 0, label: t = "", showPercent: n = !1, color: r = "primar
 		})]
 	});
 };
-fr.displayName = "Progress";
+gr.displayName = "Progress";
 //#endregion
 //#region src/components/Radio/Radio.jsx
-var pr = n(null);
-function mr({ value: e, onChange: t, name: n, disabled: r = !1, label: a = "", row: o = !1, required: s = !1, error: c = "", helperText: l = "", size: u = "md", color: f = "primary", children: h, className: g = "" }) {
+var _r = n(null);
+function vr({ value: e, onChange: t, name: n, disabled: r = !1, label: a = "", row: o = !1, required: s = !1, error: c = "", helperText: l = "", size: u = "md", color: f = "primary", children: h, className: g = "" }) {
 	let [_, v] = d(e), y = e !== void 0, b = y ? e : _, x = i((e) => {
 		r || (y || v(e), t?.(e));
 	}, [
@@ -3941,7 +4054,7 @@ function mr({ value: e, onChange: t, name: n, disabled: r = !1, label: a = "", r
 		y,
 		t
 	]), S = ["wc-radio-group", g].filter(Boolean).join(" "), C = ["wc-radio-group-content", o && "wc-radio-group-content--row"].filter(Boolean).join(" ");
-	return /* @__PURE__ */ p(pr.Provider, {
+	return /* @__PURE__ */ p(_r.Provider, {
 		value: {
 			value: b,
 			updateValue: x,
@@ -3978,8 +4091,8 @@ function mr({ value: e, onChange: t, name: n, disabled: r = !1, label: a = "", r
 		})
 	});
 }
-function hr({ value: e, checked: t, onChange: n, label: r, name: i, disabled: o = !1, color: s = "primary", size: c = "md", className: l = "", children: u, ...f }) {
-	let h = a(pr), g = h ? h.value === e : t === void 0 ? void 0 : t, _ = h ? h.name : i, v = h && h.disabled || o, y = c || h && h.size || "md", b = s || h && h.color || "primary", [x, S] = d(!1), C = [
+function yr({ value: e, checked: t, onChange: n, label: r, name: i, disabled: o = !1, color: s = "primary", size: c = "md", className: l = "", children: u, ...f }) {
+	let h = a(_r), g = h ? h.value === e : t === void 0 ? void 0 : t, _ = h ? h.name : i, v = h && h.disabled || o, y = c || h && h.size || "md", b = s || h && h.color || "primary", [x, S] = d(!1), C = [
 		"wc-radio",
 		`wc-radio--${y}`,
 		v && "wc-radio--disabled",
@@ -4020,10 +4133,10 @@ function hr({ value: e, checked: t, onChange: n, label: r, name: i, disabled: o
 		]
 	});
 }
-hr.displayName = "Radio", mr.displayName = "RadioGroup";
+yr.displayName = "Radio", vr.displayName = "RadioGroup";
 //#endregion
 //#region src/components/Rating/Rating.jsx
-var gr = ({ value: e = 0, max: t = 5, readOnly: n = !1, onChange: r = () => {}, className: i = "", style: a = {}, ...s }) => {
+var br = ({ value: e = 0, max: t = 5, readOnly: n = !1, onChange: r = () => {}, className: i = "", style: a = {}, ...s }) => {
 	let [c, l] = d(0), [u, f] = d(e);
 	o(() => f(e), [e]);
 	let m = (e) => {
@@ -4054,80 +4167,96 @@ var gr = ({ value: e = 0, max: t = 5, readOnly: n = !1, onChange: r = () => {},
 		})
 	});
 };
-gr.displayName = "Rating";
+br.displayName = "Rating";
 //#endregion
 //#region src/components/Select/Select.jsx
-var _r = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Select an option", label: i = "", helperText: a = "", error: c = !1, errorMessage: l = "", required: f = !1, disabled: h = !1, multiple: g = !1, clearable: _ = !1, fullWidth: v = !1, size: y = "md", variant: b = "filled", color: x = "primary", maxHeight: S = 200, name: C = "", id: w = "", className: T = "", style: E = {}, onFocus: D, onBlur: O, onSearch: k, renderOption: A, renderValue: j, ...M }) => {
-	let [N, P] = d(!1), [F, I] = d(!1), L = u(null), R = u(null);
-	o(() => {
-		let e = (e) => {
-			L.current && !L.current.contains(e.target) && (P(!1), I(!1));
-		};
-		return document.addEventListener("mousedown", e), () => {
-			document.removeEventListener("mousedown", e);
-		};
-	}, []);
-	let z = g ? n.filter((t) => e.includes(t.value)) : n.find((t) => t.value === e), B = () => {
+var xr = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Select an option", label: i = "", helperText: a = "", error: o = !1, errorMessage: c = "", required: l = !1, disabled: f = !1, multiple: h = !1, clearable: g = !1, fullWidth: _ = !1, size: v = "md", variant: y = "filled", color: b = "primary", maxHeight: x = 200, name: S = "", id: C = "", className: w = "", style: T = {}, onFocus: E, onBlur: D, onSearch: O, renderOption: k, renderValue: A, ...j }) => {
+	let [M, N] = d(!1), [P, F] = d(!1), [I, L] = d(-1), R = u(null), z = u(null), B = () => {
+		N(!1), F(!1), L(-1);
+	};
+	ae({
+		open: M,
+		elementRef: z,
+		refs: [R],
+		closeOnEscape: !0,
+		closeOnPointerDownOutside: !0,
+		onEscapeKeyDown: B,
+		onPointerDownOutside: B,
+		zIndex: 1e3
+	});
+	let V = h ? n.filter((t) => e.includes(t.value)) : n.find((t) => t.value === e), H = () => {
 		let e = ["wc-select"];
-		return e.push(`wc-select--${b}`), e.push(`wc-select--${y}`), c && e.push("wc-select--error"), h && e.push("wc-select--disabled"), N && e.push("wc-select--open"), F && e.push("wc-select--focused"), v && e.push("wc-select--full-width"), g && e.push("wc-select--multiple"), e.concat(T).filter(Boolean).join(" ");
-	}, V = () => {
-		h || (P(!N), I(!N));
-	}, H = (n) => {
+		return e.push(`wc-select--${y}`), e.push(`wc-select--${v}`), o && e.push("wc-select--error"), f && e.push("wc-select--disabled"), M && e.push("wc-select--open"), P && e.push("wc-select--focused"), _ && e.push("wc-select--full-width"), h && e.push("wc-select--multiple"), e.concat(w).filter(Boolean).join(" ");
+	}, U = () => {
+		if (!f) {
+			let e = !M;
+			N(e), F(e), L(e ? Math.max(0, n.findIndex((e) => !e.disabled)) : -1);
+		}
+	}, W = (n) => {
 		if (n.disabled) return;
 		let r;
-		if (g) {
+		if (h) {
 			let t = Array.isArray(e) ? e : [];
 			r = t.includes(n.value) ? t.filter((e) => e !== n.value) : [...t, n.value];
-		} else r = n.value, P(!1), I(!1);
+		} else r = n.value, B();
 		t?.({ target: {
-			name: C,
+			name: S,
 			value: r
 		} });
-	}, U = (e) => {
+	}, ee = (e) => {
 		e.stopPropagation(), t?.({ target: {
-			name: C,
-			value: g ? [] : ""
+			name: S,
+			value: h ? [] : ""
 		} });
-	}, W = (e) => {
-		I(!0), D?.(e);
-	}, ee = (e) => {
+	}, te = (e) => {
+		F(!0), E?.(e);
+	}, ne = (e) => {
 		setTimeout(() => {
-			L.current?.contains(document.activeElement) || (I(!1), O?.(e));
+			R.current?.contains(document.activeElement) || (F(!1), D?.(e));
 		}, 100);
-	}, te = (e) => {
-		h || (e.key === "Enter" || e.key === " " ? (e.preventDefault(), V()) : e.key === "Escape" && (P(!1), I(!1)));
-	}, ne = () => g && Array.isArray(z) ? z.length === 0 ? /* @__PURE__ */ p("span", {
+	}, re = (e) => {
+		if (f) return;
+		let t = n.map((e, t) => ({
+			option: e,
+			index: t
+		})).filter(({ option: e }) => !e.disabled), r = (e) => {
+			if (!t.length) return;
+			let n = t.findIndex(({ index: e }) => e === I);
+			L(t[n < 0 ? 0 : (n + e + t.length) % t.length].index);
+		};
+		e.key === "Enter" || e.key === " " ? (e.preventDefault(), M && I >= 0 ? W(n[I]) : U()) : e.key === "ArrowDown" ? (e.preventDefault(), M ? r(1) : (N(!0), F(!0), L(t[0]?.index ?? -1))) : e.key === "ArrowUp" ? (e.preventDefault(), M ? r(-1) : (N(!0), F(!0), L(t[t.length - 1]?.index ?? -1))) : e.key === "Home" ? (e.preventDefault(), L(t[0]?.index ?? -1)) : e.key === "End" ? (e.preventDefault(), L(t[t.length - 1]?.index ?? -1)) : e.key === "Escape" && B();
+	}, ie = () => h && Array.isArray(V) ? V.length === 0 ? /* @__PURE__ */ p("span", {
 		className: "wc-select__placeholder",
 		children: r
 	}) : /* @__PURE__ */ p("div", {
 		className: "wc-select__chips",
-		children: z.map((e) => /* @__PURE__ */ p("span", {
+		children: V.map((e) => /* @__PURE__ */ p("span", {
 			className: "wc-select__chip",
-			children: j ? j(e) : e.label || e.value
+			children: A ? A(e) : e.label || e.value
 		}, e.value))
-	}) : z ? j ? j(z) : z.label || z.value : /* @__PURE__ */ p("span", {
+	}) : V ? A ? A(V) : V.label || V.value : /* @__PURE__ */ p("span", {
 		className: "wc-select__placeholder",
 		children: r
 	}), G = () => {
 		let e = ["wc-select__label"];
-		return e.push(`wc-select__label--${y}`), c && e.push("wc-select__label--error"), (F || z) && e.push("wc-select__label--active"), e.join(" ");
+		return e.push(`wc-select__label--${v}`), o && e.push("wc-select__label--error"), (P || V) && e.push("wc-select__label--active"), e.join(" ");
 	}, K = () => {
 		let e = ["wc-select__container"];
-		return e.push(`wc-select__container--${b}`), e.push(`wc-select__container--${y}`), h && e.push("wc-select__container--disabled"), c && e.push("wc-select__container--error"), F && e.push("wc-select__container--focused"), N && e.push("wc-select__container--open"), e.join(" ");
+		return e.push(`wc-select__container--${y}`), e.push(`wc-select__container--${v}`), f && e.push("wc-select__container--disabled"), o && e.push("wc-select__container--error"), P && e.push("wc-select__container--focused"), M && e.push("wc-select__container--open"), e.join(" ");
 	}, q = (e, t) => {
 		let n = ["wc-select__option"];
 		return t && n.push("wc-select__option--selected"), e.disabled && n.push("wc-select__option--disabled"), n.join(" ");
-	}, J = s(), Y = w || C || J;
+	}, J = s(), Y = C || S || J;
 	return /* @__PURE__ */ m("div", {
-		className: B(),
-		style: E,
-		ref: L,
+		className: H(),
+		style: T,
+		ref: R,
 		children: [
 			i && /* @__PURE__ */ m("label", {
 				htmlFor: Y,
 				id: `${Y}-label`,
 				className: G(),
-				children: [i, f && /* @__PURE__ */ p("span", {
+				children: [i, l && /* @__PURE__ */ p("span", {
 					className: "wc-select__required",
 					children: "*"
 				})]
@@ -4137,39 +4266,40 @@ var _r = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Selec
 				children: [/* @__PURE__ */ m("div", {
 					className: "wc-select__control",
 					id: Y,
-					onClick: V,
-					onFocus: W,
-					onBlur: ee,
-					onKeyDown: te,
-					tabIndex: h ? -1 : 0,
+					onClick: U,
+					onFocus: te,
+					onBlur: ne,
+					onKeyDown: re,
+					tabIndex: f ? -1 : 0,
 					role: "combobox",
-					"aria-expanded": N,
+					"aria-expanded": M,
 					"aria-haspopup": "listbox",
 					"aria-labelledby": i ? `${Y}-label` : void 0,
 					"aria-controls": `${Y}-options`,
-					"aria-disabled": h,
-					"aria-required": f,
+					"aria-activedescendant": M && I >= 0 ? `${Y}-option-${I}` : void 0,
+					"aria-disabled": f,
+					"aria-required": l,
 					children: [/* @__PURE__ */ p("div", {
 						className: "wc-select__value",
-						children: ne()
+						children: ie()
 					}), /* @__PURE__ */ m("div", {
 						className: "wc-select__indicators",
-						children: [_ && (z || g && e?.length > 0) && /* @__PURE__ */ p("button", {
+						children: [g && (V || h && e?.length > 0) && /* @__PURE__ */ p("button", {
 							type: "button",
 							className: "wc-select__clear",
-							onClick: U,
+							onClick: ee,
 							tabIndex: -1,
 							children: "×"
 						}), /* @__PURE__ */ p("div", {
-							className: `wc-select__arrow${N ? " wc-select__arrow--open" : ""}`,
+							className: `wc-select__arrow${M ? " wc-select__arrow--open" : ""}`,
 							children: "▼"
 						})]
 					})]
-				}), N && /* @__PURE__ */ p("div", {
+				}), M && /* @__PURE__ */ p("div", {
 					className: "wc-select__dropdown",
 					id: `${Y}-options`,
-					style: { maxHeight: S },
-					ref: R,
+					style: { maxHeight: x },
+					ref: z,
 					children: /* @__PURE__ */ p("div", {
 						className: "wc-select__options",
 						role: "listbox",
@@ -4177,15 +4307,17 @@ var _r = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Selec
 							className: "wc-select__no-options",
 							children: "没有可选项"
 						}) : n.map((t, n) => {
-							let r = g ? Array.isArray(e) && e.includes(t.value) : e === t.value;
+							let r = h ? Array.isArray(e) && e.includes(t.value) : e === t.value;
 							return /* @__PURE__ */ m("div", {
+								id: `${Y}-option-${n}`,
 								className: q(t, r),
-								onClick: () => H(t),
+								onClick: () => W(t),
 								role: "option",
 								"aria-selected": r,
+								"data-active": I === n ? "true" : void 0,
 								children: [/* @__PURE__ */ p("span", {
 									className: "wc-select__option-text",
-									children: A ? A(t) : t.label || t.value
+									children: k ? k(t) : t.label || t.value
 								}), r && /* @__PURE__ */ p("svg", {
 									className: "wc-select__option-check",
 									viewBox: "0 0 24 24",
@@ -4199,9 +4331,9 @@ var _r = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Selec
 					})
 				})]
 			}),
-			(c || a) && /* @__PURE__ */ p("div", { children: c ? /* @__PURE__ */ p("p", {
+			(o || a) && /* @__PURE__ */ p("div", { children: o ? /* @__PURE__ */ p("p", {
 				className: "wc-select__error",
-				children: l || c
+				children: c || o
 			}) : /* @__PURE__ */ p("p", {
 				className: "wc-select__helper",
 				children: a
@@ -4209,17 +4341,17 @@ var _r = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Selec
 		]
 	});
 };
-_r.displayName = "Select";
+xr.displayName = "Select";
 //#endregion
 //#region src/components/Skeleton/Skeleton.jsx
-var vr = {
+var Sr = {
 	text: "wc-skeleton--text",
 	rectangular: "wc-skeleton--rectangular",
 	rounded: "wc-skeleton--rounded",
 	circular: "wc-skeleton--circular"
-}, yr = ({ animation: e = "pulse", component: t = "div", height: n, width: r, variant: i = "text", style: a = {}, className: o = "", ...s }) => {
+}, Cr = ({ animation: e = "pulse", component: t = "div", height: n, width: r, variant: i = "text", style: a = {}, className: o = "", ...s }) => {
 	let c = l(() => {
-		let t = ["wc-skeleton", vr[i] || vr.text];
+		let t = ["wc-skeleton", Sr[i] || Sr.text];
 		return e === "pulse" && t.push("wc-skeleton--pulse"), e === "wave" && t.push("wc-skeleton--wave"), t.join(" ");
 	}, [e, i]), u = { ...a };
 	return r !== void 0 && (u.width = typeof r == "number" ? `${r}px` : r), n !== void 0 && (u.height = typeof n == "number" ? `${n}px` : n), !r && !n && (i === "circular" ? (u.width = "40px", u.height = "40px") : i === "text" ? (u.width = "100%", u.height = "16px") : (u.width = "100%", u.height = "128px")), /* @__PURE__ */ p(t, {
@@ -4231,7 +4363,7 @@ var vr = {
 		"aria-busy": "true",
 		...s
 	});
-}, br = ({ value: e, defaultValue: t = 0, min: n = 0, max: r = 100, step: i = 1, disabled: a = !1, label: c = "", valueLabelDisplay: u = "off", onChange: f = () => {}, className: h = "", style: g = {}, ..._ }) => {
+}, wr = ({ value: e, defaultValue: t = 0, min: n = 0, max: r = 100, step: i = 1, disabled: a = !1, label: c = "", valueLabelDisplay: u = "off", onChange: f = () => {}, className: h = "", style: g = {}, ..._ }) => {
 	let [v, y] = d(e === void 0 ? t : e), b = s();
 	o(() => {
 		e !== void 0 && y(e);
@@ -4278,27 +4410,29 @@ var vr = {
 		})]
 	});
 };
-br.displayName = "Slider";
+wr.displayName = "Slider";
 //#endregion
 //#region src/components/SlideOver/SlideOver.jsx
-var xr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width: r = 400, children: i, header: a, footer: s }) => {
-	let c = u(null), l = u(null);
-	return o(() => {
-		if (!e) return;
-		l.current = document.activeElement;
-		let n = document.body.style.overflow;
-		document.body.style.overflow = "hidden", requestAnimationFrame(() => c.current?.focus());
-		let r = (e) => {
-			e.key === "Escape" && t();
-		};
-		return window.addEventListener("keydown", r), () => {
-			window.removeEventListener("keydown", r), document.body.style.overflow = n, l.current?.focus?.();
-		};
-	}, [e, t]), typeof document > "u" ? null : g(e ? /* @__PURE__ */ m("div", {
+var Tr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width: r = 400, children: a, header: o, footer: s }) => {
+	let c = u(null), l = i(() => {
+		t?.();
+	}, [t]);
+	return ae({
+		open: e,
+		elementRef: c,
+		modal: !0,
+		lockScroll: !0,
+		restoreFocus: !0,
+		initialFocus: !0,
+		closeOnEscape: !0,
+		closeOnPointerDownOutside: !1,
+		onEscapeKeyDown: l,
+		zIndex: 3e3
+	}), /* @__PURE__ */ p(q, { children: e ? /* @__PURE__ */ m("div", {
 		className: "wc-slideover-wrapper",
 		children: [/* @__PURE__ */ p("div", {
 			className: "wc-slideover-overlay",
-			onClick: t
+			onClick: l
 		}), /* @__PURE__ */ m("div", {
 			ref: c,
 			className: `wc-slideover-panel wc-slideover-${n}`,
@@ -4307,13 +4441,13 @@ var xr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 			"aria-modal": "true",
 			tabIndex: -1,
 			children: [
-				a && /* @__PURE__ */ p("header", {
+				o && /* @__PURE__ */ p("header", {
 					className: "wc-slideover-header",
-					children: a
+					children: o
 				}),
 				/* @__PURE__ */ p("div", {
 					className: "wc-slideover-body",
-					children: i
+					children: a
 				}),
 				s && /* @__PURE__ */ p("footer", {
 					className: "wc-slideover-footer",
@@ -4322,7 +4456,7 @@ var xr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 				/* @__PURE__ */ p("button", {
 					className: "wc-slideover-close",
 					type: "button",
-					onClick: t,
+					onClick: l,
 					"aria-label": "关闭",
 					children: /* @__PURE__ */ p("svg", {
 						viewBox: "0 0 24 24",
@@ -4332,8 +4466,8 @@ var xr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 				})
 			]
 		})]
-	}) : null, document.body);
-}, Sr = ({ as: e = "div", ratio: t = "equal", gap: n = "xl", align: r = "stretch", collapse: i = "md", className: a = "", children: o, ...s }) => /* @__PURE__ */ p(e, {
+	}) : null });
+}, Er = ({ as: e = "div", ratio: t = "equal", gap: n = "xl", align: r = "stretch", collapse: i = "md", className: a = "", children: o, ...s }) => /* @__PURE__ */ p(e, {
 	className: ["wc-split", a].filter(Boolean).join(" "),
 	"data-ratio": t,
 	"data-gap": n,
@@ -4342,34 +4476,34 @@ var xr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 	...s,
 	children: o
 });
-Sr.displayName = "Split", Sr.propTypes = {
+Er.displayName = "Split", Er.propTypes = {
 	as: $.default.elementType,
-	ratio: $.default.oneOf(En),
-	gap: $.default.oneOf(xn),
-	align: $.default.oneOf(Sn),
-	collapse: $.default.oneOf(Dn),
+	ratio: $.default.oneOf(Nn),
+	gap: $.default.oneOf(On),
+	align: $.default.oneOf(kn),
+	collapse: $.default.oneOf(Pn),
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
 //#region src/components/Stack/Stack.jsx
-var Cr = ({ as: e = "div", gap: t = "md", align: n = "stretch", className: r = "", children: i, ...a }) => /* @__PURE__ */ p(e, {
+var Dr = ({ as: e = "div", gap: t = "md", align: n = "stretch", className: r = "", children: i, ...a }) => /* @__PURE__ */ p(e, {
 	className: ["wc-stack", r].filter(Boolean).join(" "),
 	"data-gap": t,
 	"data-align": n,
 	...a,
 	children: i
 });
-Cr.displayName = "Stack", Cr.propTypes = {
+Dr.displayName = "Stack", Dr.propTypes = {
 	as: $.default.elementType,
-	gap: $.default.oneOf(xn),
-	align: $.default.oneOf(Sn),
+	gap: $.default.oneOf(On),
+	align: $.default.oneOf(kn),
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
 //#region src/components/Snackbar/Snackbar.jsx
-var wr = ({ severity: e }) => {
+var Or = ({ severity: e }) => {
 	let t = e === "success" ? /* @__PURE__ */ p("path", { d: "m6.8 10.1 2.1 2.1 4.4-4.6" }) : e === "info" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("path", { d: "M10 9v4" }), /* @__PURE__ */ p("path", { d: "M10 6.5h.01" })] }) : e === "warning" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("path", { d: "M10 6.5v4.2" }), /* @__PURE__ */ p("path", { d: "M10 13.5h.01" })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("path", { d: "m7.5 7.5 5 5" }), /* @__PURE__ */ p("path", { d: "m12.5 7.5-5 5" })] });
 	return /* @__PURE__ */ m("svg", {
 		viewBox: "0 0 20 20",
@@ -4386,10 +4520,10 @@ var wr = ({ severity: e }) => {
 		}), t]
 	});
 };
-function Tr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r = "", severity: i = "info", variant: a = "standard", autoHideDuration: s = 6e3, anchorOrigin: c = {
+function kr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r = "", severity: i = "info", variant: a = "standard", autoHideDuration: s = 6e3, anchorOrigin: c = {
 	vertical: "bottom",
 	horizontal: "left"
-}, action: l = "", closable: u = !0, showIcon: f = !0, showProgress: h = !1, onClose: _ = () => {}, onUpdateModelValue: v, onAction: y = () => {}, children: b }) {
+}, action: l = "", closable: u = !0, showIcon: f = !0, showProgress: g = !1, onClose: _ = () => {}, onUpdateModelValue: v, onAction: y = () => {}, children: b }) {
 	let x = t !== void 0, [S, C] = d(x ? t : e), [w, T] = d(100);
 	o(() => {
 		let n = x ? t : e;
@@ -4399,7 +4533,7 @@ function Tr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r =
 		let e = Date.now(), t = setTimeout(() => {
 			E();
 		}, s);
-		if (h) {
+		if (g) {
 			let n = setInterval(() => {
 				let t = Date.now() - e, r = Math.max(0, 100 - t / s * 100);
 				T(r), r <= 0 && clearInterval(n);
@@ -4412,7 +4546,7 @@ function Tr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r =
 	}, [
 		S,
 		s,
-		h
+		g
 	]);
 	let E = () => {
 		x ? v?.(!1) : C(!1), _();
@@ -4428,7 +4562,7 @@ function Tr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r =
 		position: "fixed",
 		zIndex: 1400
 	}, { vertical: A, horizontal: j } = c;
-	return A === "top" ? k.top = "20px" : k.bottom = "20px", j === "left" ? k.left = "20px" : j === "right" ? k.right = "20px" : (k.left = "50%", k.transform = "translateX(-50%)"), g(/* @__PURE__ */ m("div", {
+	return A === "top" ? k.top = "20px" : k.bottom = "20px", j === "left" ? k.left = "20px" : j === "right" ? k.right = "20px" : (k.left = "50%", k.transform = "translateX(-50%)"), h(/* @__PURE__ */ m("div", {
 		className: O.join(" "),
 		style: k,
 		role: "alert",
@@ -4437,7 +4571,7 @@ function Tr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r =
 		children: [
 			f && /* @__PURE__ */ p("div", {
 				className: "wc-snackbar__icon",
-				children: /* @__PURE__ */ p(wr, { severity: i })
+				children: /* @__PURE__ */ p(Or, { severity: i })
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "wc-snackbar__content",
@@ -4473,7 +4607,7 @@ function Tr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r =
 					children: /* @__PURE__ */ p("path", { d: "m6 6 8 8M14 6l-8 8" })
 				})
 			}),
-			h && s > 0 && /* @__PURE__ */ p("div", {
+			g && s > 0 && /* @__PURE__ */ p("div", {
 				className: "wc-snackbar__progress",
 				children: /* @__PURE__ */ p("div", {
 					className: "wc-snackbar__progress-bar",
@@ -4485,7 +4619,7 @@ function Tr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r =
 }
 //#endregion
 //#region ../core/src/components/Status/utils.js
-var Er = [
+var Ar = [
 	"default",
 	"success",
 	"error",
@@ -4494,7 +4628,7 @@ var Er = [
 	"pending",
 	"processing",
 	"cancelled"
-], Dr = [
+], jr = [
 	"auto",
 	"pulse",
 	"spin",
@@ -4504,7 +4638,7 @@ var Er = [
 	"breathe",
 	"ripple",
 	"glow"
-], Or = {
+], Mr = {
 	default: {
 		text: "默认",
 		color: "var(--wc-text-tertiary)"
@@ -4538,29 +4672,29 @@ var Er = [
 		color: "var(--wc-text-disabled)"
 	}
 };
-function kr(e) {
-	return Er.includes(e);
+function Nr(e) {
+	return Ar.includes(e);
 }
-function Ar(e) {
-	return kr(e) ? e : "default";
+function Pr(e) {
+	return Nr(e) ? e : "default";
 }
-function jr({ status: e, size: t, showText: n, animated: r, animationType: i = "auto", className: a }) {
-	let o = Ar(e), s = [
+function Fr({ status: e, size: t, showText: n, animated: r, animationType: i = "auto", className: a }) {
+	let o = Pr(e), s = [
 		"wc-status",
 		`wc-status--${o}`,
 		`wc-status--${t}`
 	];
 	if (n && s.push("wc-status--with-text"), r) {
-		let e = Nr(o, i);
+		let e = Lr(o, i);
 		s.push("wc-status--animated", `wc-status--${e}`);
 	}
 	return a && s.push(a), s.filter(Boolean).join(" ");
 }
-function Mr(e) {
-	return Or[e]?.text || Or.default.text;
+function Ir(e) {
+	return Mr[e]?.text || Mr.default.text;
 }
-function Nr(e, t = "auto") {
-	return t !== "auto" && Dr.includes(t) ? t : {
+function Lr(e, t = "auto") {
+	return t !== "auto" && jr.includes(t) ? t : {
 		processing: "spin",
 		pending: "pulse",
 		success: "bounce",
@@ -4573,15 +4707,15 @@ function Nr(e, t = "auto") {
 }
 //#endregion
 //#region src/components/Status/Status.jsx
-var Pr = ({ status: e = "default", size: t = "md", showText: n = !1, animated: r = !1, animationType: i = "auto", className: a = "", ...o }) => {
-	let s = jr({
+var Rr = ({ status: e = "default", size: t = "md", showText: n = !1, animated: r = !1, animationType: i = "auto", className: a = "", ...o }) => {
+	let s = Fr({
 		status: e,
 		size: t,
 		showText: n,
 		animated: r,
 		animationType: i,
 		className: a
-	}), c = Mr(e);
+	}), c = Ir(e);
 	return /* @__PURE__ */ p("span", {
 		className: s,
 		title: c,
@@ -4593,10 +4727,10 @@ var Pr = ({ status: e = "default", size: t = "md", showText: n = !1, animated: r
 		})
 	});
 };
-Pr.displayName = "Status";
+Rr.displayName = "Status";
 //#endregion
 //#region src/components/Switch/Switch.jsx
-var Fr = ({ checked: e = !1, onChange: t, label: n = "", description: r = "", disabled: i = !1, required: a = !1, color: o = "primary", size: c = "md", className: l = "", ...u }) => {
+var zr = ({ checked: e = !1, onChange: t, label: n = "", description: r = "", disabled: i = !1, required: a = !1, color: o = "primary", size: c = "md", className: l = "", ...u }) => {
 	let d = s(), f = `${d}-input`, h = [
 		"primary",
 		"success",
@@ -4657,20 +4791,20 @@ var Fr = ({ checked: e = !1, onChange: t, label: n = "", description: r = "", di
 		})]
 	});
 };
-Fr.displayName = "Switch";
+zr.displayName = "Switch";
 //#endregion
 //#region src/components/Table/Table.jsx
-var Ir = n({
+var Br = n({
 	size: "md",
 	dense: !1,
 	hover: !1,
 	striped: !1
-}), Lr = ({ size: e = "md", stickyHeader: t = !1, dense: n = !1, hover: r = !1, striped: i = !1, children: a, className: o = "", ...s }) => /* @__PURE__ */ p("div", {
+}), Vr = ({ size: e = "md", stickyHeader: t = !1, dense: n = !1, hover: r = !1, striped: i = !1, children: a, className: o = "", ...s }) => /* @__PURE__ */ p("div", {
 	className: `wc-table-container${t ? " wc-table-container--sticky" : ""} ${o}`,
 	...s,
 	children: /* @__PURE__ */ p("table", {
 		className: `wc-table wc-table--${e}${r ? " wc-table--hover" : ""}${i ? " wc-table--striped" : ""}${n ? " wc-table--dense" : ""}`,
-		children: /* @__PURE__ */ p(Ir.Provider, {
+		children: /* @__PURE__ */ p(Br.Provider, {
 			value: {
 				size: e,
 				dense: n,
@@ -4682,24 +4816,24 @@ var Ir = n({
 		})
 	})
 });
-Lr.displayName = "Table";
-var Rr = ({ children: e, className: t = "", ...n }) => {
-	let { stickyHeader: r } = a(Ir);
+Vr.displayName = "Table";
+var Hr = ({ children: e, className: t = "", ...n }) => {
+	let { stickyHeader: r } = a(Br);
 	return /* @__PURE__ */ p("thead", {
 		className: `wc-table-head${r ? " wc-table-head--sticky" : ""} ${t}`,
 		...n,
 		children: e
 	});
 };
-Rr.displayName = "TableHead";
-var zr = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ p("tbody", {
+Hr.displayName = "TableHead";
+var Ur = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ p("tbody", {
 	className: `wc-table-body ${t}`,
 	...n,
 	children: e
 });
-zr.displayName = "TableBody";
-var Br = ({ hover: e, selected: t = !1, clickable: n = !1, children: r, className: i = "", onClick: o, ...s }) => {
-	let c = a(Ir);
+Ur.displayName = "TableBody";
+var Wr = ({ hover: e, selected: t = !1, clickable: n = !1, children: r, className: i = "", onClick: o, ...s }) => {
+	let c = a(Br);
 	return /* @__PURE__ */ p("tr", {
 		className: [
 			"wc-table-row",
@@ -4713,9 +4847,9 @@ var Br = ({ hover: e, selected: t = !1, clickable: n = !1, children: r, classNam
 		children: r
 	});
 };
-Br.displayName = "TableRow";
-var Vr = ({ component: e = "td", align: t = "inherit", padding: n = "normal", size: r, sortDirection: i = !1, variant: o = "body", scope: s, children: c, className: l = "", ...u }) => {
-	let d = a(Ir), f = r || (d.dense ? "small" : "medium");
+Wr.displayName = "TableRow";
+var Gr = ({ component: e = "td", align: t = "inherit", padding: n = "normal", size: r, sortDirection: i = !1, variant: o = "body", scope: s, children: c, className: l = "", ...u }) => {
+	let d = a(Br), f = r || (d.dense ? "small" : "medium");
 	return /* @__PURE__ */ p(e, {
 		className: [
 			"wc-table-cell",
@@ -4732,13 +4866,13 @@ var Vr = ({ component: e = "td", align: t = "inherit", padding: n = "normal", si
 		children: c
 	});
 };
-Vr.displayName = "TableCell";
-var Hr = Object.assign(Lr, {
-	Head: Rr,
-	Body: zr,
-	Row: Br,
-	Cell: Vr
-}), Ur = ({ tabs: e = [], activeIndex: t, onChange: n, variant: r = "default", children: i, className: a = "", ...c }) => {
+Gr.displayName = "TableCell";
+var Kr = Object.assign(Vr, {
+	Head: Hr,
+	Body: Ur,
+	Row: Wr,
+	Cell: Gr
+}), qr = ({ tabs: e = [], activeIndex: t, onChange: n, variant: r = "default", children: i, className: a = "", ...c }) => {
 	let l = s(), [u, f] = d(t || 0), h = t !== void 0, g = h ? t : u;
 	o(() => {
 		h && f(t);
@@ -4799,10 +4933,10 @@ var Hr = Object.assign(Lr, {
 		})]
 	});
 };
-Ur.displayName = "Tabs";
+qr.displayName = "Tabs";
 //#endregion
 //#region src/components/TextField/TextField.jsx
-var Wr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeholder: i = "", helperText: a = "", error: s = "", required: c = !1, disabled: l = !1, readonly: u = !1, autoFocus: f = !1, fullWidth: h = !1, multiline: g = !1, rows: _ = 4, maxRows: v, minRows: y, variant: b = "filled", size: x = "md", color: S = "primary", startAdornment: C = null, endAdornment: w = null, maxLength: T, minLength: E, pattern: D, autoComplete: O = "off", name: k = "", id: A = "", className: j = "", style: M = {}, onFocus: N, onBlur: P, onKeyDown: F, onKeyUp: I, onKeyPress: L, ...R }) => {
+var Jr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeholder: i = "", helperText: a = "", error: s = "", required: c = !1, disabled: l = !1, readonly: u = !1, autoFocus: f = !1, fullWidth: h = !1, multiline: g = !1, rows: _ = 4, maxRows: v, minRows: y, variant: b = "filled", size: x = "md", color: S = "primary", startAdornment: C = null, endAdornment: w = null, maxLength: T, minLength: E, pattern: D, autoComplete: O = "off", name: k = "", id: A = "", className: j = "", style: M = {}, onFocus: N, onBlur: P, onKeyDown: F, onKeyUp: I, onKeyPress: L, ...R }) => {
 	let [z, B] = d(!1), [V, H] = d(!!e);
 	o(() => {
 		H(!!e);
@@ -4820,17 +4954,17 @@ var Wr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeho
 	}, ne = () => {
 		let e = ["wc-textfield__container"];
 		return e.push(`wc-textfield__container--${b}`), e.push(`wc-textfield__container--${x}`), s && e.push("wc-textfield__container--error"), l && e.push("wc-textfield__container--disabled"), z && e.push("wc-textfield__container--focused"), V && e.push("wc-textfield__container--has-value"), e.filter(Boolean).join(" ");
-	}, G = () => {
+	}, re = () => {
 		let e = ["wc-textfield__label"];
 		return e.push(`wc-textfield__label--${x}`), s && e.push("wc-textfield__label--error"), z && e.push("wc-textfield__label--focused"), e.filter(Boolean).join(" ");
-	}, K = g ? "textarea" : "input", q = A || k || `textfield-${Math.random().toString(36).substr(2, 9)}`, J = !!s;
+	}, ie = g ? "textarea" : "input", G = A || k || `textfield-${Math.random().toString(36).substr(2, 9)}`, K = !!s;
 	return /* @__PURE__ */ m("div", {
 		className: te(),
 		style: M,
 		children: [
 			r && /* @__PURE__ */ m("label", {
-				htmlFor: q,
-				className: G(),
+				htmlFor: G,
+				className: re(),
 				children: [r, c && /* @__PURE__ */ p("span", {
 					className: "wc-textfield__required",
 					children: "*"
@@ -4843,9 +4977,9 @@ var Wr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeho
 						className: "wc-textfield__adornment wc-textfield__adornment--start",
 						children: C
 					}),
-					/* @__PURE__ */ p(K, {
+					/* @__PURE__ */ p(ie, {
 						className: g ? "wc-textfield__input wc-textfield__textarea" : "wc-textfield__input",
-						id: q,
+						id: G,
 						type: g ? void 0 : n,
 						value: e,
 						onChange: U,
@@ -4867,9 +5001,9 @@ var Wr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeho
 						name: k,
 						...R
 					}),
-					(w || J) && /* @__PURE__ */ m("div", {
+					(w || K) && /* @__PURE__ */ m("div", {
 						className: "wc-textfield__adornment wc-textfield__adornment--end",
-						children: [J && /* @__PURE__ */ p("svg", {
+						children: [K && /* @__PURE__ */ p("svg", {
 							className: "wc-textfield__error-icon",
 							fill: "currentColor",
 							viewBox: "0 0 20 20",
@@ -4882,68 +5016,76 @@ var Wr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeho
 					})
 				]
 			}),
-			(a || J) && /* @__PURE__ */ p("div", {
-				className: `wc-textfield__helper-text ${J ? "wc-textfield__helper-text--error" : ""}`,
-				children: J ? s : a
+			(a || K) && /* @__PURE__ */ p("div", {
+				className: `wc-textfield__helper-text ${K ? "wc-textfield__helper-text--error" : ""}`,
+				children: K ? s : a
 			})
 		]
 	});
 };
-Wr.displayName = "TextField";
+Jr.displayName = "TextField";
 //#endregion
 //#region ../core/src/components/Toolbar/utils.js
-var Gr = (e, t, n = "") => {
+var Yr = (e, t, n = "") => {
 	let r = ["flex items-center w-full"];
 	return e === "dense" ? r.push("min-h-12 py-2") : r.push("min-h-16 py-3"), t || r.push("px-4 sm:px-6 lg:px-8"), n && r.push(n), r.join(" ");
-}, Kr = ({ children: e, variant: t = "regular", disableGutters: n = !1, className: r = "", style: i = {}, ...a }) => /* @__PURE__ */ p("div", {
-	className: Gr(t, n, r),
+}, Xr = ({ children: e, variant: t = "regular", disableGutters: n = !1, className: r = "", style: i = {}, ...a }) => /* @__PURE__ */ p("div", {
+	className: Yr(t, n, r),
 	style: i,
 	...a,
 	children: e
-}), qr = {
+}), Zr = {
 	top: "wc-tooltip--top",
 	bottom: "wc-tooltip--bottom",
 	left: "wc-tooltip--left",
 	right: "wc-tooltip--right"
-}, Jr = [
+}, Qr = [
 	"top",
 	"bottom",
 	"left",
 	"right"
 ];
-function Yr(e) {
-	return Jr.includes(e);
+function $r(e) {
+	return Qr.includes(e);
 }
-function Xr(e) {
-	return qr[e] || qr.top;
+function ei(e) {
+	return Zr[e] || Zr.top;
 }
 //#endregion
 //#region src/components/Tooltip/Tooltip.jsx
-function Zr({ text: e, placement: t = "top", children: n, className: r = "" }) {
-	Yr(t) || console.warn(`Invalid tooltip placement: ${t}. Using 'top' as default.`);
-	let [i, a] = d(!1), o = s(), c = Xr(t), l = () => {
+function ti({ text: e, placement: t = "top", children: n, className: r = "" }) {
+	$r(t) || console.warn(`Invalid tooltip placement: ${t}. Using 'top' as default.`);
+	let [i, a] = d(!1), o = s(), c = u(null), l = u(null), f = ei(J({
+		open: i,
+		anchorRef: c,
+		floatingRef: l,
+		placement: t,
+		offset: 8
+	})), h = () => {
 		a(!0);
-	}, u = () => {
+	}, g = () => {
 		a(!1);
 	};
 	return /* @__PURE__ */ m("span", {
+		ref: c,
 		className: `wc-tooltip-wrapper ${r}`.trim(),
 		"aria-describedby": i ? o : void 0,
-		onMouseEnter: l,
-		onMouseLeave: u,
-		onFocus: l,
-		onBlur: u,
-		children: [n, i && /* @__PURE__ */ p("div", {
+		onMouseEnter: h,
+		onMouseLeave: g,
+		onFocus: h,
+		onBlur: g,
+		children: [n, i && /* @__PURE__ */ p(q, { children: /* @__PURE__ */ p("div", {
+			ref: l,
 			id: o,
-			className: `wc-tooltip ${c}`,
+			className: `wc-tooltip ${f}`,
 			role: "tooltip",
 			children: e
-		})]
+		}) })]
 	});
 }
 //#endregion
 //#region ../core/src/components/Typography/utils.js
-var Qr = {
+var ni = {
 	h1: "h1",
 	h2: "h2",
 	h3: "h3",
@@ -4957,7 +5099,7 @@ var Qr = {
 	caption: "span",
 	overline: "span",
 	button: "span"
-}, $r = {
+}, ri = {
 	h1: "wc-typography--h1",
 	h2: "wc-typography--h2",
 	h3: "wc-typography--h3",
@@ -4971,7 +5113,7 @@ var Qr = {
 	caption: "wc-typography--caption",
 	overline: "wc-typography--overline",
 	button: "wc-typography--button"
-}, ei = {
+}, ii = {
 	inherit: "wc-typography--color-inherit",
 	primary: "wc-typography--color-primary",
 	secondary: "wc-typography--color-secondary",
@@ -4981,12 +5123,12 @@ var Qr = {
 	textPrimary: "wc-typography--color-text-primary",
 	textSecondary: "wc-typography--color-text-secondary",
 	textDisabled: "wc-typography--color-text-disabled"
-}, ti = {
+}, ai = {
 	left: "wc-typography--align-left",
 	center: "wc-typography--align-center",
 	right: "wc-typography--align-right",
 	justify: "wc-typography--align-justify"
-}, ni = {
+}, oi = {
 	h1: "1.2",
 	h2: "1.2",
 	h3: "1.3",
@@ -5001,15 +5143,15 @@ var Qr = {
 	overline: "1.4",
 	button: "1.4"
 };
-function ri(e, t) {
-	return t || Qr[e] || "p";
+function si(e, t) {
+	return t || ni[e] || "p";
 }
-function ii(e, t, n, r, i, a = "") {
+function ci(e, t, n, r, i, a = "") {
 	return [
 		"wc-typography",
-		$r[e],
-		ei[t],
-		n === "inherit" ? null : ti[n],
+		ri[e],
+		ii[t],
+		n === "inherit" ? null : ai[n],
 		r ? "wc-typography--gutter-bottom" : null,
 		i ? "wc-typography--no-wrap" : null,
 		a
@@ -5017,19 +5159,19 @@ function ii(e, t, n, r, i, a = "") {
 }
 //#endregion
 //#region src/components/Typography/Typography.jsx
-var ai = ({ variant: e = "body1", component: t, color: n = "inherit", align: r = "inherit", gutterBottom: i = !1, noWrap: a = !1, children: o, className: s = "", style: c = {}, ...l }) => /* @__PURE__ */ p(ri(e, t), {
-	className: ii(e, n, r, i, a, s),
+var li = ({ variant: e = "body1", component: t, color: n = "inherit", align: r = "inherit", gutterBottom: i = !1, noWrap: a = !1, children: o, className: s = "", style: c = {}, ...l }) => /* @__PURE__ */ p(si(e, t), {
+	className: ci(e, n, r, i, a, s),
 	style: {
-		lineHeight: ni[e],
+		lineHeight: oi[e],
 		...c
 	},
 	...l,
 	children: o
 });
-ai.displayName = "Typography";
+li.displayName = "Typography";
 //#endregion
 //#region ../core/src/components/TypingText/utils.jsx
-var oi = class {
+var ui = class {
 	constructor(e, t = {}) {
 		this.text = e, this.speed = t.speed || 100, this.pause = t.pause || 1500, this.loop = t.loop || !1, this.erase = t.erase || !1, this.index = 0, this.direction = 1, this.timer = null, this.onUpdate = t.onUpdate || (() => {});
 	}
@@ -5050,9 +5192,9 @@ var oi = class {
 	updateText(e) {
 		this.text = e, this.reset(), this.start();
 	}
-}, si = ({ text: e = "Hello, Watercolor UI!", speed: t = 100, pause: n = 1500, loop: r = !1, erase: i = !1, showCursor: a = !0, className: s = "", style: c = {}, ...l }) => {
+}, di = ({ text: e = "Hello, Watercolor UI!", speed: t = 100, pause: n = 1500, loop: r = !1, erase: i = !1, showCursor: a = !0, className: s = "", style: c = {}, ...l }) => {
 	let [f, h] = d(""), g = u(null);
-	return o(() => (g.current = new oi(e, {
+	return o(() => (g.current = new ui(e, {
 		speed: t,
 		pause: n,
 		loop: r,
@@ -5076,10 +5218,10 @@ var oi = class {
 		}), a && /* @__PURE__ */ p("span", { className: "typing-cursor" })]
 	});
 };
-si.displayName = "TypingText";
+di.displayName = "TypingText";
 //#endregion
 //#region src/components/Input/VerificationCodeInput.jsx
-var ci = ({ length: e = 6, value: t = "", onChange: n, onComplete: r, autoFocus: i = !1, className: a = "", ...s }) => {
+var fi = ({ length: e = 6, value: t = "", onChange: n, onComplete: r, autoFocus: i = !1, className: a = "", ...s }) => {
 	let c = u([]);
 	o(() => {
 		typeof t == "string" && t.split("").forEach((e, t) => {
@@ -5126,23 +5268,23 @@ var ci = ({ length: e = 6, value: t = "", onChange: n, onComplete: r, autoFocus:
 		}, t))
 	});
 };
-ci.displayName = "VerificationCodeInput";
+fi.displayName = "VerificationCodeInput";
 //#endregion
 //#region ../core/src/components/VideoPlayer/utils.js
-function li(e) {
+function pi(e) {
 	return `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
 }
-function ui(e, t) {
+function mi(e, t) {
 	let n = e.currentTarget.getBoundingClientRect();
 	return (e.clientX - n.left) / n.width * t;
 }
-function di(e) {
+function hi(e) {
 	e && (document.fullscreenElement ? document.exitFullscreen?.() : e.requestFullscreen?.());
 }
 //#endregion
 //#region src/components/VideoPlayer/VideoPlayer.jsx
-var fi = ({ src: e, autoplay: t = !1, loop: n = !1, className: r = "", style: i = {}, ...a }) => {
-	let s = u(null), [c, l] = d(!1), [f, h] = d(0), [g, _] = d(.7), [v, y] = d(!1), [b, x] = d(0), [S, C] = d(0), w = li(S), T = li(b), E = () => {
+var gi = ({ src: e, autoplay: t = !1, loop: n = !1, className: r = "", style: i = {}, ...a }) => {
+	let s = u(null), [c, l] = d(!1), [f, h] = d(0), [g, _] = d(.7), [v, y] = d(!1), [b, x] = d(0), [S, C] = d(0), w = pi(S), T = pi(b), E = () => {
 		let e = s.current;
 		e && (e.paused ? e.play() : e.pause());
 	}, D = () => {
@@ -5150,14 +5292,14 @@ var fi = ({ src: e, autoplay: t = !1, loop: n = !1, className: r = "", style: i
 		e && (x(e.duration || 0), C(e.currentTime), h(e.duration ? e.currentTime / e.duration * 100 : 0), l(!e.paused));
 	}, O = (e) => {
 		let t = s.current;
-		t && (t.currentTime = ui(e, b));
+		t && (t.currentTime = mi(e, b));
 	}, k = () => {
 		y((e) => {
 			let t = !e;
 			return s.current && (s.current.muted = t), t;
 		});
 	}, A = () => {
-		di(s.current?.parentElement);
+		hi(s.current?.parentElement);
 	};
 	return o(() => {
 		s.current && (s.current.volume = g);
@@ -5234,10 +5376,10 @@ var fi = ({ src: e, autoplay: t = !1, loop: n = !1, className: r = "", style: i
 		})]
 	});
 };
-fi.displayName = "VideoPlayer";
+gi.displayName = "VideoPlayer";
 //#endregion
 //#region ../core/src/components/Watermark/utils.js
-var pi = {
+var _i = {
 	content: "",
 	cross: !1,
 	debug: !1,
@@ -5265,14 +5407,14 @@ var pi = {
 	yOffset: 0,
 	zIndex: 10
 };
-function mi(e) {
+function vi(e) {
 	if (typeof e == "string" && e.startsWith("var(")) {
 		let t = e.match(/--[^, )]+/);
 		if (t) return getComputedStyle(document.documentElement).getPropertyValue(t[0]).trim() || e;
 	}
 	return e;
 }
-function hi(e) {
+function yi(e) {
 	let t = document.createElement("canvas"), n = t.getContext("2d"), r = e.width, i = e.height;
 	if (!e.image && e.content) {
 		n.font = `${e.fontStyle} ${e.fontVariant} ${e.fontWeight} ${e.fontSize}px ${e.fontFamily}`;
@@ -5288,14 +5430,14 @@ function hi(e) {
 		}, i.src = e.image;
 	});
 	let a = (e.content || "").split(/\n/);
-	n.textAlign = e.textAlign || "center", n.textBaseline = "middle", n.fillStyle = e.fontColor.startsWith("var(") ? mi(e.fontColor) : e.fontColor, n.font = `${e.fontStyle} ${e.fontVariant} ${e.fontWeight} ${e.fontSize}px ${e.fontFamily}`, n.translate(r / 2, i / 2), n.rotate(e.rotate * Math.PI / 180);
+	n.textAlign = e.textAlign || "center", n.textBaseline = "middle", n.fillStyle = e.fontColor.startsWith("var(") ? vi(e.fontColor) : e.fontColor, n.font = `${e.fontStyle} ${e.fontVariant} ${e.fontWeight} ${e.fontSize}px ${e.fontFamily}`, n.translate(r / 2, i / 2), n.rotate(e.rotate * Math.PI / 180);
 	let o = -(a.length - 1) * e.lineHeight / 2;
 	return a.forEach((t, r) => {
 		let i = o + r * e.lineHeight;
 		n.fillText(t, 0, i);
 	}), Promise.resolve(t.toDataURL());
 }
-function gi(e, t) {
+function bi(e, t) {
 	let n = {
 		position: e.fullscreen ? "fixed" : "absolute",
 		top: 0,
@@ -5314,15 +5456,15 @@ function gi(e, t) {
 }
 //#endregion
 //#region src/components/Watermark/Watermark.jsx
-var _i = (e) => {
+var xi = (e) => {
 	let t = {
-		...pi,
+		..._i,
 		...e
 	}, [n, r] = d(""), i = !!t.content || !!t.image;
 	o(() => {
 		if (!i) return;
 		let e = !0;
-		return hi(t).then((t) => {
+		return yi(t).then((t) => {
 			e && r(t);
 		}), () => {
 			e = !1;
@@ -5331,7 +5473,7 @@ var _i = (e) => {
 		let { children: e, ...n } = t;
 		return JSON.stringify(n);
 	}, [t]), i]);
-	let a = l(() => i ? gi(t, n) : {}, [
+	let a = l(() => i ? bi(t, n) : {}, [
 		n,
 		i,
 		t
@@ -5341,63 +5483,122 @@ var _i = (e) => {
 		style: a
 	}), t.children] }) : t.children || null;
 };
-_i.displayName = "Watermark";
+xi.displayName = "Watermark";
 //#endregion
 //#region src/ThemeReact.tsx
-var vi = n(void 0), yi = typeof window > "u" ? o : c, bi = ({ children: e, defaultMode: t = "system", mode: n, storageKey: r, storage: a, onModeChange: o, onResolvedModeChange: s }) => {
-	let c = u(null);
-	c.current ||= S({
-		initialMode: n ?? t,
-		storageKey: r,
-		storage: a,
-		readStorage: n === void 0
+var Si = n(void 0), Ci = typeof window > "u" ? o : c;
+async function wi(e, t, n, r) {
+	if (typeof fetch > "u") return {
+		ok: !1,
+		url: e,
+		errors: [{
+			path: "$",
+			message: "Theme config URL or fetch is unavailable."
+		}],
+		warnings: []
+	};
+	try {
+		let i = await fetch(e, {
+			cache: "no-store",
+			signal: r
+		});
+		if (!n()) return null;
+		if (!i.ok) return {
+			ok: !1,
+			url: e,
+			errors: [{
+				path: "$",
+				message: `Theme request failed with ${i.status}.`
+			}],
+			warnings: []
+		};
+		let a = await i.json();
+		return n() ? {
+			...x(a, { target: t }),
+			url: e
+		} : null;
+	} catch (t) {
+		return n() ? {
+			ok: !1,
+			url: e,
+			errors: [{
+				path: "$",
+				message: t instanceof Error ? t.message : "Theme request failed."
+			}],
+			warnings: []
+		} : null;
+	}
+}
+var Ti = ({ children: e, config: t, defaultMode: n = "system", themeUrl: r, target: a, mode: s, initialResolvedMode: c, storageKey: f, storage: m, onModeChange: h, onResolvedModeChange: g, onThemeLoad: _, onThemeError: v }) => {
+	let y = u(null);
+	y.current ||= w({
+		target: a,
+		initialMode: s ?? n,
+		initialResolvedMode: c,
+		storageKey: f,
+		storage: m,
+		readStorage: s === void 0
 	});
-	let f = c.current, [m, h] = d({
-		mode: f.mode,
-		resolvedMode: f.resolvedMode,
-		dark: f.dark
-	}), g = u(m.resolvedMode), _ = u(s);
-	_.current = s, yi(() => {
-		let e = f.subscribe((e) => {
-			h(e), g.current !== e.resolvedMode && (g.current = e.resolvedMode, _.current?.(e.resolvedMode));
+	let b = y.current, [S, C] = d({
+		mode: b.mode,
+		resolvedMode: b.resolvedMode,
+		dark: b.dark
+	}), T = u(S.resolvedMode), E = u(a), D = u(0), k = u(g), A = u(_), j = u(v);
+	k.current = g, A.current = _, j.current = v, Ci(() => {
+		let e = b.subscribe((e) => {
+			C(e), T.current !== e.resolvedMode && (T.current = e.resolvedMode, k.current?.(e.resolvedMode));
 		});
-		return f.start(), () => {
-			e(), f.destroy();
+		return b.start(), () => {
+			e(), b.destroy();
+		};
+	}, [b]), Ci(() => {
+		s !== void 0 && b.setMode(s);
+	}, [b, s]), o(() => {
+		let e = ++D.current, n = E.current, i = typeof AbortController > "u" ? null : new AbortController();
+		if (t !== void 0) {
+			let e = x(t, { target: n });
+			e.ok ? A.current?.(e) : j.current?.(e);
+		} else r || O(n);
+		return r && wi(r, n, () => e === D.current, i?.signal).then((e) => {
+			e && (e.ok ? A.current?.(e) : i?.signal.aborted || j.current?.(e));
+		}), () => {
+			i?.abort();
 		};
-	}, [f]), yi(() => {
-		n !== void 0 && f.setMode(n);
-	}, [f, n]);
-	let v = i((e) => {
-		n === void 0 && f.setMode(e), o?.(e);
+	}, [t, r]), o(() => {
+		let e = E.current;
+		return () => O(e);
+	}, []);
+	let M = i((e) => {
+		s === void 0 && b.setMode(e), h?.(e);
 	}, [
-		f,
-		n,
-		o
-	]), y = i(() => {
-		let e = f.resolvedMode === "dark" ? "light" : "dark";
-		n === void 0 && f.setMode(e), o?.(e);
+		b,
+		s,
+		h
+	]), N = i(() => {
+		let e = b.resolvedMode === "dark" ? "light" : "dark";
+		s === void 0 && b.setMode(e), h?.(e);
 	}, [
-		f,
-		n,
-		o
-	]), b = l(() => ({
-		...m,
-		setMode: v,
-		toggleMode: y
+		b,
+		s,
+		h
+	]), P = l(() => ({
+		...S,
+		setMode: M,
+		toggleMode: N
 	}), [
-		m,
-		v,
-		y
+		S,
+		M,
+		N
 	]);
-	return /* @__PURE__ */ p(vi.Provider, {
-		value: b,
+	return /* @__PURE__ */ p(Si.Provider, {
+		value: P,
 		children: e
 	});
 };
-function xi() {
-	let e = a(vi);
+function Ei() {
+	let e = a(Si);
 	if (!e) throw Error("useTheme must be used within ThemeProvider");
 	return e;
 }
 //#endregion
-export { U as Accordion, te as Alert, ne as AppBar, G as Autocomplete, ie as Avatar, le as Badge, me as Banner, ve as Blockquote, Ee as Box, Ne as Breadcrumb, ze as Button, _e as Card, Be as CardActions, Ve as CardContent, We as Checkbox, Ye as Chip, nt as CircularProgress, ot as ColorPicker, lt as Container, _t as Copy, wt as DatePicker, Tt as Fab, It as Feature, Dt as Feed, Rt as FileInput, Bt as FormControl, Vt as FormControlLabel, Ht as FormGroup, Ut as FormHelperText, en as Grid, tn as HoverCard, vn as Icon, yn as IconButton, bn as ImageGallery, On as Inline, kn as Input, Fn as List, In as ListItem, Ln as ListItemIcon, Rn as ListItemText, qn as Menu, er as Modal, tr as NumberAnimation, rr as Page, nr as Pagination, lr as Paper, ur as Popover, dr as PricingTable, fr as Progress, hr as Radio, mr as RadioGroup, gr as Rating, _r as Select, yr as Skeleton, xr as SlideOver, br as Slider, Tr as Snackbar, Sr as Split, Cr as Stack, Pr as Status, Fr as Switch, _ as THEME_CONFIG_VERSION, v as THEME_MODES, y as THEME_STORAGE_KEY, Hr as Table, zr as TableBody, Vr as TableCell, Rr as TableHead, Br as TableRow, Ur as Tabs, Wr as TextField, bi as ThemeProvider, Kr as Toolbar, Zr as Tooltip, si as TypingText, ai as Typography, ci as VerificationCodeInput, fi as VideoPlayer, _i as Watermark, b as applyThemeConfig, x as createThemeController, C as createThemeInitScript, w as loadThemeConfig, T as resetThemeConfig, E as resolveThemeMode, D as serializeThemeConfig, xi as useTheme, O as validateThemeConfig };
+export { te as Accordion, ie as Alert, G as AppBar, Y as Autocomplete, de as Avatar, X as Badge, xe as Banner, Te as Blockquote, Ne as Box, Be as Breadcrumb, Ke as Button, we as Card, qe as CardActions, Je as CardContent, Ze as Checkbox, nt as Chip, lt as CircularProgress, pt as ColorPicker, gt as Container, wt as Copy, jt as DatePicker, Mt as Fab, Ut as Feature, Pt as Feed, Gt as FileInput, qt as FormControl, Jt as FormControlLabel, Yt as FormGroup, Xt as FormHelperText, cn as Grid, ln as HoverCard, Tn as Icon, En as IconButton, Dn as ImageGallery, Fn as Inline, In as Input, Hn as List, Un as ListItem, Wn as ListItemIcon, Gn as ListItemText, er as Menu, ir as Modal, ar as NumberAnimation, sr as Page, or as Pagination, pr as Paper, mr as Popover, hr as PricingTable, gr as Progress, yr as Radio, vr as RadioGroup, br as Rating, xr as Select, Cr as Skeleton, Tr as SlideOver, wr as Slider, kr as Snackbar, Er as Split, Dr as Stack, Rr as Status, zr as Switch, g as THEME_CONFIG_VERSION, _ as THEME_MODES, v as THEME_STORAGE_KEY, Kr as Table, Ur as TableBody, Gr as TableCell, Hr as TableHead, Wr as TableRow, qr as Tabs, Jr as TextField, Ti as ThemeProvider, Xr as Toolbar, ti as Tooltip, di as TypingText, li as Typography, fi as VerificationCodeInput, gi as VideoPlayer, xi as Watermark, b as applyThemeConfig, C as createThemeController, T as createThemeInitScript, E as loadThemeConfig, D as resetThemeConfig, k as resolveThemeMode, A as serializeThemeConfig, Ei as useTheme, j as validateThemeConfig };