@zeturn/watercolor-react 1.2.2 → 1.2.4

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, applyThemeConfig as x, createThemeController as S, createThemeController as C, createThemeInitScript as w, loadThemeConfig as T, resetThemeConfig as E, resetThemeConfig as D, resolveThemeMode as O, serializeThemeConfig as k, validateThemeConfig as A } 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 j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescriptor, P = Object.getOwnPropertyNames, F = Object.getPrototypeOf, I = Object.prototype.hasOwnProperty, L = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), R = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = P(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !I.call(e, s) && s !== n && M(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 = N(t, s)) || r.enumerable
+		enumerable: !(r = P(t, s)) || r.enumerable
 	});
 	return e;
-}, z = (e, t, n) => (n = e == null ? {} : j(F(e)), R(t || !e || !e.__esModule ? M(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)), B = [
+}) : n, e)), V = [
 	"default",
 	"bordered",
 	"filled"
 ];
-function V(e = "default") {
-	return B.includes(e) ? e : "default";
+function H(e = "default") {
+	return V.includes(e) ? e : "default";
 }
-function H(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 U(e = "default", t = "") {
-	let n = V(e), r = H(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 W(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 G = ({ 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 = U(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 = W(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 G = ({ items: e = [], multiple: t = !1, variant: n = "default", onToggle: r,
 		}, t))
 	});
 };
-G.displayName = "Accordion";
+te.displayName = "Accordion";
 //#endregion
 //#region ../core/src/components/Alert/utils.jsx
-function ee(e, t) {
+function ne(e, t) {
 	return [
 		"wc-alert",
 		`wc-alert--${e}`,
@@ -95,8 +95,64 @@ function ee(e, t) {
 	];
 }
 //#endregion
+//#region src/LocaleReact.tsx
+var re = {
+	breadcrumb: "Breadcrumb",
+	close: "Close",
+	closeDialog: "Close dialog",
+	closeLightbox: "Close lightbox",
+	closePopover: "Popover content",
+	colorPicker: "Choose color",
+	circularProgress: "Loading progress",
+	downloadImage: (e) => `Download image ${e}`,
+	enterFullscreen: "Enter fullscreen",
+	loading: "Loading",
+	muteVideo: "Mute video",
+	nextImage: "Next image",
+	nextMonth: "Next month",
+	nextPage: "Next page",
+	openCalendar: "Choose date",
+	openImageInLightbox: (e) => `Open image ${e} in lightbox`,
+	page: (e) => `Page ${e}`,
+	pagination: "Pagination",
+	pauseVideo: "Pause video",
+	playVideo: "Play video",
+	previousImage: "Previous image",
+	previousMonth: "Previous month",
+	previousPage: "Previous page",
+	progress: "Progress",
+	rating: "Rating",
+	ratingValue: (e, t) => `${e} of ${t}`,
+	remove: "Remove",
+	removeItem: (e) => `Remove${e ? ` ${e}` : ""}`,
+	rowsPerPage: "Rows per page",
+	switchControl: "Switch",
+	tabList: "Content sections",
+	unmuteVideo: "Unmute video",
+	jumpToPage: "Jump to page",
+	verificationCodeDigit: (e) => `Verification code digit ${e}`,
+	viewImage: (e, t) => `View image ${e}${t ? `: ${t}` : ""}`,
+	volume: "Volume",
+	videoProgress: "Video progress"
+}, G = n({ messages: re }), K = ({ children: e, locale: t, messages: n }) => {
+	let r = l(() => ({
+		locale: t,
+		messages: {
+			...re,
+			...n
+		}
+	}), [t, n]);
+	return /* @__PURE__ */ p(G.Provider, {
+		value: r,
+		children: e
+	});
+};
+function q() {
+	return a(G);
+}
+//#endregion
 //#region src/components/Alert/Alert.jsx
-var te = ({ type: e }) => {
+var J = ({ 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 +169,19 @@ var te = ({ type: e }) => {
 		}), t]
 	});
 };
-function K({ 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);
+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), { messages: u } = q();
 	if (!c) return null;
-	let u = () => {
+	let f = () => {
 		l(!1), s();
 	};
 	return /* @__PURE__ */ m("div", {
-		className: [...ee(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(te, { type: e })
+				children: /* @__PURE__ */ p(J, { type: e })
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "wc-alert-content",
@@ -140,8 +196,8 @@ function K({ type: e = "info", variant: t = "standard", title: n = "", closable:
 			r && /* @__PURE__ */ p("button", {
 				type: "button",
 				className: "wc-alert-close",
-				"aria-label": "关闭",
-				onClick: u,
+				"aria-label": u.close,
+				onClick: f,
 				children: /* @__PURE__ */ p("svg", {
 					viewBox: "0 0 20 20",
 					fill: "none",
@@ -157,67 +213,148 @@ function K({ type: e = "info", variant: t = "standard", title: n = "", closable:
 }
 //#endregion
 //#region src/components/AppBar/AppBar.jsx
-var q = ({ children: e, position: t = "fixed", color: n = "default", elevation: r = 0, variant: i = "elevation", className: a = "", style: o = {}, ...s }) => /* @__PURE__ */ p("div", {
+var Y = ({ 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
-}), J = ({ 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), G = u(null), ee = (e) => e ? typeof e == "object" ? e.label || e.value || "" : String(e) : "", te = (e) => e ? typeof e == "object" ? e.value === void 0 ? e : e.value : e : null, K = F || ee, q = I || te;
-	o(() => {
-		!_ && e ? V(K(e)) : e || V("");
-	}, [e, _]), o(() => {
-		let e = (e) => {
-			W.current && !W.current.contains(e.target) && z(!1);
+}), ae = typeof document > "u" ? o : c;
+function oe({ children: e, target: t }) {
+	return typeof document > "u" ? null : h(e, (typeof t == "string" ? document.querySelector(t) : t) || document.body);
+}
+function se({ 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;
 		};
-		return document.addEventListener("mousedown", e), () => {
-			document.removeEventListener("mousedown", e);
+	}, [
+		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 ce({ open: e, anchorRef: t, floatingRef: n, placement: r = "bottom", offset: i = 8, boundaryPadding: a = 8 }) {
+	let [o, s] = d(r);
+	return ae(() => {
+		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);
 		};
-	}, []);
-	let J = M ? M(n, B) : ((e, t) => !t || t.length < C ? e : e.filter((e) => K(e).toLowerCase().includes(t.toLowerCase())))(n, B), Y = (t) => {
-		let n = q(t);
-		return _ && Array.isArray(e) ? e.some((e) => q(e) === n) : q(e) === n;
-	}, ne = () => {
+		return o(), window.addEventListener("resize", o), window.addEventListener("scroll", o, !0), () => {
+			window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0);
+		};
+	}, [
+		e,
+		t,
+		n,
+		r,
+		i,
+		a
+	]), o;
+}
+//#endregion
+//#region src/components/Autocomplete/Autocomplete.jsx
+var le = ({ 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, G = F || ne, K = I || re;
+	o(() => {
+		!_ && e ? V(G(e)) : e || V("");
+	}, [e, _]);
+	let q = () => {
+		z(!1), U(-1);
+	};
+	se({
+		open: R,
+		elementRef: te,
+		refs: [W],
+		closeOnEscape: !0,
+		closeOnPointerDownOutside: !0,
+		onEscapeKeyDown: q,
+		onPointerDownOutside: q,
+		zIndex: 1e3
+	});
+	let J = M ? M(n, B) : ((e, t) => !t || t.length < C ? e : e.filter((e) => G(e).toLowerCase().includes(t.toLowerCase())))(n, B), ie = (t) => {
+		let n = K(t);
+		return _ && Array.isArray(e) ? e.some((e) => K(e) === n) : K(e) === n;
+	}, Y = () => {
 		let e = ["wc-autocomplete"];
 		return b && e.push("wc-autocomplete--full-width"), e.concat(D).filter(Boolean).join(" ");
-	}, re = () => {
+	}, ae = () => {
 		let e = ["wc-autocomplete__label"];
 		return e.push(`wc-autocomplete__label--${x}`), c && e.push("wc-autocomplete__label--error"), e.join(" ");
-	}, ie = () => {
+	}, oe = () => {
 		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 Y(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) => {
+		return ie(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(" ");
+	}, 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(""), q(), t?.({ target: {
 			name: T,
 			value: _ ? [] : null
 		} });
-	}, ue = (n) => {
+	}, pe = (n) => {
 		if (n.disabled) return;
-		let r = q(n), i;
+		let r = K(n), i;
 		if (_) {
-			let t = Array.isArray(e) ? [...e] : [], a = t.findIndex((e) => q(e) === r);
+			let t = Array.isArray(e) ? [...e] : [], a = t.findIndex((e) => K(e) === r);
 			a > -1 ? t.splice(a, 1) : t.push(n), i = t, V("");
-		} else i = n, V(K(n)), z(!1);
+		} else i = n, V(G(n)), q();
 		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,40 +367,40 @@ var q = ({ 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 < J.length && ue(J[H]);
+				e.preventDefault(), H >= 0 && H < J.length && pe(J[H]);
 				break;
 			case "Escape":
-				z(!1), U(-1), G.current?.blur();
+				q(), ee.current?.blur();
 				break;
 			default: break;
 		}
-	}, fe = s(), X = E || T || fe;
+	}, he = s(), X = E || T || he;
 	return /* @__PURE__ */ m("div", {
-		className: ne(),
+		className: Y(),
 		ref: W,
 		style: O,
 		children: [
 			i && /* @__PURE__ */ m("label", {
 				htmlFor: X,
-				className: re(),
+				className: ae(),
 				children: [i, f && /* @__PURE__ */ p("span", {
 					className: "wc-autocomplete__required",
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ m("div", {
-				className: ie(),
+				className: oe(),
 				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,
-					ref: G,
+					ref: ee,
 					role: "combobox",
 					"aria-autocomplete": "list",
 					"aria-expanded": R,
@@ -271,15 +408,15 @@ var q = ({ children: e, position: t = "fixed", color: n = "default", elevation:
 					"aria-activedescendant": H >= 0 ? `${X}-option-${H}` : void 0
 				}) : /* @__PURE__ */ p("input", {
 					id: X,
-					ref: G,
+					ref: ee,
 					type: "text",
 					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 +430,7 @@ var q = ({ 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 +470,7 @@ var q = ({ 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,15 +481,15 @@ var q = ({ children: e, position: t = "fixed", color: n = "default", elevation:
 					className: "wc-autocomplete__options",
 					children: J.map((e, t) => /* @__PURE__ */ m("div", {
 						id: `${X}-option-${t}`,
-						className: ae(e, t),
+						className: ce(e, t),
 						role: "option",
-						"aria-selected": Y(e),
-						onClick: () => ue(e),
+						"aria-selected": ie(e),
+						onClick: () => pe(e),
 						onMouseEnter: () => U(t),
-						children: [N ? N(e, { selected: Y(e) }) : /* @__PURE__ */ p("span", {
+						children: [N ? N(e, { selected: ie(e) }) : /* @__PURE__ */ p("span", {
 							className: "wc-autocomplete__option-text",
-							children: K(e)
-						}), Y(e) && /* @__PURE__ */ p("svg", {
+							children: G(e)
+						}), ie(e) && /* @__PURE__ */ p("svg", {
 							className: "wc-autocomplete__option-check",
 							viewBox: "0 0 24 24",
 							fill: "none",
@@ -359,7 +497,7 @@ var q = ({ children: e, position: t = "fixed", color: n = "default", elevation:
 							strokeWidth: "2",
 							children: /* @__PURE__ */ p("polyline", { points: "20,6 9,17 4,12" })
 						})]
-					}, q(e) || t))
+					}, K(e) || t))
 				})
 			}),
 			(c || a) && /* @__PURE__ */ p("div", { children: c ? /* @__PURE__ */ p("p", {
@@ -372,40 +510,40 @@ var q = ({ children: e, position: t = "fixed", color: n = "default", elevation:
 		]
 	});
 };
-J.displayName = "Autocomplete";
+le.displayName = "Autocomplete";
 //#endregion
 //#region ../core/src/components/Avatar/utils.jsx
-function Y({ size: e, variant: t, color: n, src: r, imgError: i }) {
+function ue({ 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 ne(e) {
+function de(e) {
 	let t = {};
 	return typeof e == "number" && (t.width = `${e}px`, t.height = `${e}px`, t.fontSize = `${e * .4}px`), t;
 }
-function re(e) {
+function fe(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 ie(e) {
+function pe(e) {
 	e(!0);
 }
-function ae(e) {
+function me(e) {
 	e(!1);
 }
 //#endregion
 //#region src/components/Avatar/Avatar.jsx
-var oe = ({ src: e = "", alt: t = "", size: n = "md", variant: r = "circular", color: i = "default", children: a = "", className: o = "", ...s }) => {
-	let [c, l] = d(!1), u = Y({
+var he = ({ src: e = "", alt: t = "", size: n = "md", variant: r = "circular", color: i = "default", children: a = "", className: o = "", ...s }) => {
+	let [c, l] = d(!1), u = ue({
 		size: n,
 		variant: r,
 		color: i,
 		src: e,
 		imgError: c
-	}).concat(o).filter(Boolean).join(" "), f = ne(n), m = re(a), h = () => ie(l), g = () => ae(l);
+	}).concat(o).filter(Boolean).join(" "), f = de(n), m = fe(a), h = () => pe(l), g = () => me(l);
 	return /* @__PURE__ */ p("div", {
 		className: u,
 		style: f,
@@ -422,10 +560,10 @@ var oe = ({ src: e = "", alt: t = "", size: n = "md", variant: r = "circular", c
 		}) : null
 	});
 };
-oe.displayName = "Avatar";
+he.displayName = "Avatar";
 //#endregion
 //#region ../core/src/components/Badge/utils.js
-var se = [
+var X = [
 	"primary",
 	"secondary",
 	"success",
@@ -436,20 +574,20 @@ var se = [
 	"cyan",
 	"pink"
 ];
-function ce(e) {
-	return se.includes(e);
+function ge(e) {
+	return X.includes(e);
 }
-function le(e) {
-	return ce(e) ? e : "primary";
+function _e(e) {
+	return ge(e) ? e : "primary";
 }
-function ue({ variant: e, size: t, dot: n, className: r }) {
-	let i = ["wc-badge", `wc-badge--${le(e)}`];
+function ve({ variant: e, size: t, dot: n, className: r }) {
+	let i = ["wc-badge", `wc-badge--${_e(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 de = ({ children: e, variant: t = "primary", size: n = "md", dot: r = !1, className: i = "", ...a }) => /* @__PURE__ */ p("span", {
-	className: ue({
+var ye = ({ children: e, variant: t = "primary", size: n = "md", dot: r = !1, className: i = "", ...a }) => /* @__PURE__ */ p("span", {
+	className: ve({
 		variant: t,
 		size: n,
 		dot: r,
@@ -458,10 +596,10 @@ var de = ({ children: e, variant: t = "primary", size: n = "md", dot: r = !1, cl
 	...a,
 	children: !r && e
 });
-de.displayName = "Badge";
+ye.displayName = "Badge";
 //#endregion
 //#region ../core/src/components/Banner/utils.js
-function fe(e, t, n) {
+function be(e, t, n) {
 	let r = [
 		"wc-banner",
 		`wc-banner--${e}`,
@@ -469,18 +607,18 @@ function fe(e, t, n) {
 	];
 	return n && r.push("wc-banner--sticky"), r.join(" ");
 }
-function X(e) {
+function xe(e) {
 	return { zIndex: e };
 }
-function pe(e, t) {
+function Se(e, t) {
 	e(!1), t && t();
 }
-function me(e) {
+function Ce(e) {
 	e && e();
 }
 //#endregion
 //#region src/components/Banner/Banner.jsx
-var he = ({ type: e }) => {
+var we = ({ 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,17 +635,17 @@ var he = ({ type: e }) => {
 		}), t]
 	});
 };
-function ge({ 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);
+function Te({ 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), { messages: y } = q();
 	if (!_) return null;
-	let y = fe(t, n, l), b = X(u), x = () => {
-		pe(v, f);
-	}, S = () => {
-		me(h);
-	}, C = g && e.Children.count(g) > 0;
+	let b = be(t, n, l), x = xe(u), S = () => {
+		Se(v, f);
+	}, C = () => {
+		Ce(h);
+	}, w = g && e.Children.count(g) > 0;
 	return /* @__PURE__ */ p("div", {
-		className: y,
-		style: b,
+		className: b,
+		style: x,
 		role: t === "error" ? "alert" : "status",
 		"aria-live": t === "error" ? "assertive" : "polite",
 		children: /* @__PURE__ */ m("div", {
@@ -515,7 +653,7 @@ function ge({ type: t = "info", position: n = "top", title: r = "", message: i =
 			children: [
 				o && /* @__PURE__ */ p("div", {
 					className: "wc-banner-icon",
-					children: /* @__PURE__ */ p(he, { type: t })
+					children: /* @__PURE__ */ p(we, { type: t })
 				}),
 				/* @__PURE__ */ m("div", {
 					className: "wc-banner-text",
@@ -527,18 +665,18 @@ function ge({ type: t = "info", position: n = "top", title: r = "", message: i =
 						children: i
 					})]
 				}),
-				(C || s) && /* @__PURE__ */ p("div", {
+				(w || s) && /* @__PURE__ */ p("div", {
 					className: "wc-banner-actions",
-					children: C ? g : /* @__PURE__ */ p("button", {
-						onClick: S,
+					children: w ? g : /* @__PURE__ */ p("button", {
+						onClick: C,
 						className: "wc-banner-action-btn",
 						children: c
 					})
 				}),
 				a && /* @__PURE__ */ p("button", {
-					onClick: x,
+					onClick: S,
 					className: "wc-banner-close",
-					"aria-label": "关闭",
+					"aria-label": y.close,
 					children: /* @__PURE__ */ p("svg", {
 						viewBox: "0 0 20 20",
 						fill: "none",
@@ -555,22 +693,22 @@ function ge({ type: t = "info", position: n = "top", title: r = "", message: i =
 }
 //#endregion
 //#region ../core/src/components/Blockquote/utils.js
-function _e(e = "", t = "default", n = !0, r = !0, i = "medium", a = "default") {
+function Ee(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 ve(e = "", t = "minimal", n = "default", r = "medium", i = !1, a = !0) {
+function De(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 ye = ({ 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 Oe = ({ 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: ve(s, n, r, i, v, o),
+		className: De(s, n, r, i, v, o),
 		style: u,
 		onClick: (e) => {
 			v && d && d(e);
@@ -606,11 +744,11 @@ var ye = ({ children: e, title: t = "", variant: n = "minimal", color: r = "defa
 		]
 	});
 };
-ye.displayName = "Card";
+Oe.displayName = "Card";
 //#endregion
 //#region src/components/Blockquote/Blockquote.jsx
-function be({ 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(ye, {
+function ke({ 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(Oe, {
 		variant: "filled",
 		color: s,
 		size: o,
@@ -626,7 +764,7 @@ function be({ cite: e = "", children: t, className: n = "", variant: r = "defaul
 			children: ["— ", e]
 		})]
 	}) : /* @__PURE__ */ m("blockquote", {
-		className: _e(n, r, i, a, o, s),
+		className: Ee(n, r, i, a, o, s),
 		...c,
 		children: [/* @__PURE__ */ p("p", {
 			className: "quote-text",
@@ -653,32 +791,32 @@ var Z = {
 	16: "4rem",
 	20: "5rem",
 	24: "6rem"
-}, xe = {
+}, Ae = {
 	flex: "flex",
 	block: "block",
 	inline: "inline",
 	"inline-block": "inline-block",
 	none: "hidden",
 	grid: "grid"
-}, Se = {
+}, je = {
 	row: "flex-row",
 	column: "flex-col",
 	"row-reverse": "flex-row-reverse",
 	"column-reverse": "flex-col-reverse"
-}, Ce = {
+}, Me = {
 	"flex-start": "justify-start",
 	center: "justify-center",
 	"flex-end": "justify-end",
 	"space-between": "justify-between",
 	"space-around": "justify-around",
 	"space-evenly": "justify-evenly"
-}, we = {
+}, Ne = {
 	"flex-start": "items-start",
 	center: "items-center",
 	"flex-end": "items-end",
 	stretch: "items-stretch",
 	baseline: "items-baseline"
-}, Te = {
+}, Pe = {
 	wrap: "flex-wrap",
 	nowrap: "flex-nowrap",
 	"wrap-reverse": "flex-wrap-reverse"
@@ -686,9 +824,9 @@ var Z = {
 function Q(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-function Ee(e) {
+function Fe(e) {
 	let t = ["wc-box"];
-	if (e.display && xe[e.display] && t.push(xe[e.display]), e.flexDirection && Se[e.flexDirection] && t.push(Se[e.flexDirection]), e.justifyContent && Ce[e.justifyContent] && t.push(Ce[e.justifyContent]), e.alignItems && we[e.alignItems] && t.push(we[e.alignItems]), e.flexWrap && Te[e.flexWrap] && t.push(Te[e.flexWrap]), e.gap !== void 0) {
+	if (e.display && Ae[e.display] && t.push(Ae[e.display]), e.flexDirection && je[e.flexDirection] && t.push(je[e.flexDirection]), e.justifyContent && Me[e.justifyContent] && t.push(Me[e.justifyContent]), e.alignItems && Ne[e.alignItems] && t.push(Ne[e.alignItems]), e.flexWrap && Pe[e.flexWrap] && t.push(Pe[e.flexWrap]), e.gap !== void 0) {
 		let n = e.gap.toString();
 		[
 			"0",
@@ -708,7 +846,7 @@ function Ee(e) {
 	}
 	return t;
 }
-function De(e) {
+function Ie(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 +868,9 @@ function De(e) {
 }
 //#endregion
 //#region src/components/Box/Box.jsx
-function Oe({ 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 Le({ 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: Ee({
+		className: Fe({
 			display: v,
 			flexDirection: y,
 			justifyContent: b,
@@ -741,7 +879,7 @@ function Oe({ component: e = "div", children: t, className: n = "", p: r, pt: i,
 			gap: C
 		}).concat(n).filter(Boolean).join(" "),
 		style: {
-			...De({
+			...Ie({
 				p: r,
 				pt: i,
 				pr: a,
@@ -781,7 +919,7 @@ function Oe({ component: e = "div", children: t, className: n = "", p: r, pt: i,
 }
 //#endregion
 //#region ../core/src/components/Breadcrumb/utils.js
-function ke(e, t, n, r) {
+function Re(e, t, n, r) {
 	let i = [...e];
 	if (t && i.length && i[0].label !== "首页" && i.unshift({
 		label: "首页",
@@ -801,66 +939,66 @@ function ke(e, t, n, r) {
 	}
 	return i;
 }
-function Ae(e) {
+function ze(e) {
 	return `wc-breadcrumb wc-breadcrumb--${e}`;
 }
-function je(e, t) {
+function Be(e, t) {
 	let n = ["wc-breadcrumb-item"];
 	return e === t - 1 && n.push("wc-breadcrumb-item--current"), n.join(" ");
 }
-function Me(e) {
+function Ve(e) {
 	let t = ["wc-breadcrumb-link"];
 	return e && t.push("wc-breadcrumb-link--disabled"), t.join(" ");
 }
-function Ne(e, t, n, r, i) {
+function He(e, t, n, r, i) {
 	return t.disabled || t.isEllipsis || n === r - 1 ? (e.preventDefault(), !1) : (i && i(e, t, n), !0);
 }
-function Pe(e, t, n, r) {
+function Ue(e, t, n, r) {
 	return e !== t - 1 && !n && !r;
 }
 //#endregion
 //#region src/components/Breadcrumb/Breadcrumb.jsx
-function Fe({ items: t = [], separator: n = "/", variant: r = "default", showHome: i = !1, homeIcon: a = "🏠", maxItems: o = 0, onItemClick: s }) {
-	let c = e.useMemo(() => ke(t, i, a, o), [
+function We({ items: t = [], separator: n = "/", variant: r = "default", showHome: i = !1, homeIcon: a = "🏠", maxItems: o = 0, onItemClick: s }) {
+	let { messages: c } = q(), l = e.useMemo(() => Re(t, i, a, o), [
 		t,
 		i,
 		a,
 		o
-	]), l = (e, t, n) => {
-		Ne(e, t, n, c.length, s);
+	]), u = (e, t, n) => {
+		He(e, t, n, l.length, s);
 	};
 	return /* @__PURE__ */ p("nav", {
-		className: Ae(r),
-		"aria-label": "面包屑导航",
+		className: ze(r),
+		"aria-label": c.breadcrumb,
 		role: "navigation",
 		children: /* @__PURE__ */ p("ol", {
 			className: "wc-breadcrumb-list",
-			children: c.map((e, t) => /* @__PURE__ */ m("li", {
-				className: je(t, c.length),
-				children: [Pe(t, c.length, e.disabled, e.isEllipsis) ? e.href ? /* @__PURE__ */ m("a", {
+			children: l.map((e, t) => /* @__PURE__ */ m("li", {
+				className: Be(t, l.length),
+				children: [Ue(t, l.length, e.disabled, e.isEllipsis) ? e.href ? /* @__PURE__ */ m("a", {
 					href: e.href,
-					className: Me(e.disabled),
-					onClick: (n) => l(n, e, t),
+					className: Ve(e.disabled),
+					onClick: (n) => u(n, e, t),
 					children: [e.icon && /* @__PURE__ */ p("span", {
 						className: "wc-breadcrumb-icon",
 						dangerouslySetInnerHTML: { __html: e.icon }
 					}), e.label]
 				}) : /* @__PURE__ */ m("button", {
 					type: "button",
-					onClick: (n) => l(n, e, t),
-					className: Me(e.disabled),
+					onClick: (n) => u(n, e, t),
+					className: Ve(e.disabled),
 					children: [e.icon && /* @__PURE__ */ p("span", {
 						className: "wc-breadcrumb-icon",
 						dangerouslySetInnerHTML: { __html: e.icon }
 					}), e.label]
 				}) : /* @__PURE__ */ m("span", {
-					className: Me(!0),
+					className: Ve(!0),
 					"aria-current": "page",
 					children: [e.icon && /* @__PURE__ */ p("span", {
 						className: "wc-breadcrumb-icon",
 						dangerouslySetInnerHTML: { __html: e.icon }
 					}), e.label]
-				}), t < c.length - 1 && /* @__PURE__ */ p("span", {
+				}), t < l.length - 1 && /* @__PURE__ */ p("span", {
 					className: "wc-breadcrumb-separator",
 					children: n
 				})]
@@ -870,7 +1008,7 @@ function Fe({ items: t = [], separator: n = "/", variant: r = "default", showHom
 }
 //#endregion
 //#region ../core/src/components/Button/utils.jsx
-var Ie = [
+var Ge = [
 	"primary",
 	"secondary",
 	"filled",
@@ -885,23 +1023,23 @@ var Ie = [
 	"cyan",
 	"pink"
 ];
-function Le(e) {
-	return Ie.includes(e);
+function Ke(e) {
+	return Ge.includes(e);
 }
-function Re(e) {
-	return Le(e) ? e : "primary";
+function qe(e) {
+	return Ke(e) ? e : "primary";
 }
-function ze(e) {
+function Je(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--${Re(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--${qe(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 Be({ event: e, disabled: t, loading: n, href: r, target: i, onClick: a }) {
+function Ye({ 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 Ve = ({ 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 = ze({
+var Xe = ({ 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 = Je({
 		variant: t,
 		buttonStyle: n,
 		size: r,
@@ -911,7 +1049,7 @@ var Ve = ({ children: e, variant: t = "primary", buttonStyle: n = "default", siz
 		uppercase: h,
 		rounded: f
 	}).concat(S).filter(Boolean).join(" "), E = { ...C }, D = (e) => {
-		Be({
+		Ye({
 			event: e,
 			disabled: i,
 			loading: a,
@@ -975,10 +1113,10 @@ var Ve = ({ children: e, variant: t = "primary", buttonStyle: n = "default", siz
 		]
 	});
 };
-Ve.displayName = "Button";
+Xe.displayName = "Button";
 //#endregion
 //#region src/components/Card/CardActions.jsx
-var He = ({ children: e, disableSpacing: t = !1, disablePadding: n = !1, justifyContent: r = "flex-start", className: i = "", ...a }) => /* @__PURE__ */ p("div", {
+var Ze = ({ 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 +1135,10 @@ var He = ({ children: e, disableSpacing: t = !1, disablePadding: n = !1, justify
 	...a,
 	children: e
 });
-He.displayName = "CardActions";
+Ze.displayName = "CardActions";
 //#endregion
 //#region src/components/Card/CardContent.jsx
-var Ue = ({ children: e, disablePadding: t = !1, padding: n = "normal", className: r = "", ...i }) => /* @__PURE__ */ p("div", {
+var Qe = ({ children: e, disablePadding: t = !1, padding: n = "normal", className: r = "", ...i }) => /* @__PURE__ */ p("div", {
 	className: [
 		"wc-card-content",
 		!t && {
@@ -1014,22 +1152,22 @@ var Ue = ({ children: e, disablePadding: t = !1, padding: n = "normal", classNam
 	...i,
 	children: e
 });
-Ue.displayName = "CardContent";
+Qe.displayName = "CardContent";
 //#endregion
 //#region src/components/Checkbox/Checkbox.jsx
-var We = [
+var $e = [
 	"primary",
 	"secondary",
 	"success",
 	"warning",
 	"error",
 	"info"
-], Ge = [
+], et = [
 	"sm",
 	"md",
 	"lg"
-], Ke = ({ 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 = We.includes(o) ? o : "primary", x = Ge.includes(a) ? a : "md", S = [
+], tt = ({ 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 = $e.includes(o) ? o : "primary", x = et.includes(a) ? a : "md", S = [
 		"wc-checkbox",
 		`wc-checkbox--${x}`,
 		(e || n) && (n ? "wc-checkbox--indeterminate" : "wc-checkbox--checked"),
@@ -1099,46 +1237,46 @@ var We = [
 		]
 	});
 };
-Ke.displayName = "Checkbox";
+tt.displayName = "Checkbox";
 //#endregion
 //#region ../core/src/components/Chip/utils.jsx
-function qe(e) {
+function nt(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 Je(e, t, n, r) {
+function rt(e, t, n, r) {
 	t && !n && r && r(e);
 }
-function Ye(e, t, n) {
+function it(e, t, n) {
 	e.stopPropagation(), !t && n && n(e);
 }
-function Xe() {
+function at() {
 	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 Ze({ 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({
+function ot({ 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 { messages: g } = q(), _ = nt({
 		size: o,
 		variant: a,
 		color: s,
 		clickable: i,
 		disabled: r,
 		className: f
-	}), _ = (e) => {
-		Je(e, i, r, l);
-	}, v = (e) => {
-		Ye(e, r, u);
+	}), v = (e) => {
+		rt(e, i, r, l);
 	}, y = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), _(e));
+		it(e, r, u);
+	}, b = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v(e));
 	};
 	return /* @__PURE__ */ m("div", {
-		className: g,
+		className: _,
 		role: i ? "button" : void 0,
 		tabIndex: i && !r ? 0 : void 0,
 		"aria-disabled": i ? r : void 0,
-		onClick: _,
-		onKeyDown: y,
+		onClick: v,
+		onKeyDown: b,
 		...h,
 		children: [
 			d && d.avatar || t ? /* @__PURE__ */ p("div", {
@@ -1155,9 +1293,9 @@ function Ze({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1
 			}),
 			n && /* @__PURE__ */ p("button", {
 				type: "button",
-				onClick: v,
+				onClick: y,
 				className: "wc-chip-delete",
-				"aria-label": "删除",
+				"aria-label": g.removeItem(typeof e == "string" ? e : void 0),
 				children: c || /* @__PURE__ */ p("svg", {
 					width: "16",
 					height: "16",
@@ -1167,7 +1305,7 @@ function Ze({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ p("path", {
 						fillRule: "evenodd",
-						d: Xe(),
+						d: at(),
 						clipRule: "evenodd"
 					})
 				})
@@ -1177,7 +1315,7 @@ function Ze({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1
 }
 //#endregion
 //#region ../core/src/components/CircularProgress/utils.jsx
-function Qe(e, t) {
+function st(e, t) {
 	let n = typeof e == "string" ? parseInt(e, 10) : e, r = n / 2, i = (n - t) / 2;
 	return {
 		sizeNumber: n,
@@ -1186,21 +1324,21 @@ function Qe(e, t) {
 		circumference: 2 * Math.PI * i
 	};
 }
-function $e(e, t, n) {
+function ct(e, t, n) {
 	return e === "determinate" ? n - t / 100 * n : 0;
 }
-function et(e) {
+function lt(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 tt(e) {
+function ut(e) {
 	let t = ["wc-circular-progress-circle"];
 	return e === "indeterminate" && t.push("wc-circular-progress-circle--indeterminate"), t.filter(Boolean);
 }
-function nt(e) {
+function dt(e) {
 	return Math.round(e);
 }
-function rt(e) {
+function ft(e) {
 	let { value: t = 0, variant: n } = e, r = {
 		role: "progressbar",
 		"aria-valuemin": 0,
@@ -1210,92 +1348,94 @@ function rt(e) {
 }
 //#endregion
 //#region src/components/CircularProgress/CircularProgress.jsx
-function it({ 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 } = Qe(t, n), _ = $e(r, e, g), v = et({
+function pt({ 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 { messages: d } = q(), { sizeNumber: f, center: h, radius: g, circumference: _ } = st(t, n), v = ct(r, e, _), y = lt({
 		color: i,
 		variant: r,
 		overlay: o,
 		centered: s,
 		inline: c,
 		className: l
-	}).join(" "), y = tt(r).join(" ");
+	}).join(" "), b = ut(r).join(" "), x = ft({
+		value: e,
+		variant: r
+	});
 	return /* @__PURE__ */ m("div", {
-		className: v,
-		...rt({
-			value: e,
-			variant: r
-		}),
+		className: y,
+		"aria-label": d.circularProgress,
+		...x,
 		...u,
 		children: [/* @__PURE__ */ m("svg", {
-			width: d,
-			height: d,
-			viewBox: `0 0 ${d} ${d}`,
+			width: f,
+			height: f,
+			viewBox: `0 0 ${f} ${f}`,
 			className: "wc-circular-progress-svg",
 			children: [/* @__PURE__ */ p("circle", {
-				cx: f,
-				cy: f,
-				r: h,
+				cx: h,
+				cy: h,
+				r: g,
 				strokeWidth: n,
 				stroke: "currentColor",
 				fill: "none",
 				className: "wc-circular-progress-bg"
 			}), /* @__PURE__ */ p("circle", {
-				cx: f,
-				cy: f,
-				r: h,
+				cx: h,
+				cy: h,
+				r: g,
 				strokeWidth: n,
 				stroke: "currentColor",
 				fill: "none",
-				strokeDasharray: g,
-				strokeDashoffset: _,
-				className: y
+				strokeDasharray: _,
+				strokeDashoffset: v,
+				className: b
 			})]
 		}), a && /* @__PURE__ */ m("div", {
 			className: "wc-circular-progress-value",
-			children: [nt(e), "%"]
+			children: [dt(e), "%"]
 		})]
 	});
 }
 //#endregion
 //#region ../core/src/components/ColorPicker/utils.jsx
-function at(e) {
+function mt(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 ot(e, t, n) {
+function ht(e, t, n) {
 	!t && n && n(e.target.value);
 }
-function st(e) {
+function gt(e) {
 	return { backgroundColor: e };
 }
 //#endregion
 //#region src/components/ColorPicker/ColorPicker.jsx
-function ct({ value: e = "#ffffff", onChange: t, size: n = "md", shape: r = "circle", disabled: i = !1, className: a = "" }) {
-	let o = e ?? "", s = at({
+function _t({ value: e = "#ffffff", onChange: t, size: n = "md", shape: r = "circle", disabled: i = !1, className: a = "" }) {
+	let { messages: o } = q(), s = e ?? "", c = mt({
 		size: n,
 		shape: r,
 		disabled: i,
 		className: a
-	}).join(" "), c = st(o);
+	}).join(" "), l = gt(s);
 	return /* @__PURE__ */ m("label", {
-		className: s,
+		className: c,
 		children: [/* @__PURE__ */ p("input", {
 			type: "color",
-			value: o,
+			value: s,
 			onChange: (e) => {
-				ot(e, i, t);
+				ht(e, i, t);
 			},
 			disabled: i,
-			className: "wc-color-picker__input"
+			className: "wc-color-picker__input",
+			"aria-label": o.colorPicker
 		}), /* @__PURE__ */ p("span", {
 			className: "wc-color-picker__preview",
-			style: c
+			style: l
 		})]
 	});
 }
 //#endregion
 //#region ../core/src/components/Container/utils.jsx
-var lt = {
+var vt = {
 	xs: "max-w-xs",
 	sm: "max-w-sm",
 	md: "max-w-md",
@@ -1303,15 +1443,15 @@ var lt = {
 	xl: "max-w-6xl",
 	"2xl": "max-w-7xl"
 };
-function ut(e) {
+function yt(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 && lt[t] && a.push(lt[t]), i && a.push(i), a.filter(Boolean);
+	return n || r ? a.push("w-full") : t && vt[t] && a.push(vt[t]), i && a.push(i), a.filter(Boolean);
 }
 //#endregion
 //#region src/components/Container/Container.jsx
-function dt({ maxWidth: e = "lg", fluid: t = !1, fixed: n = !1, className: r = "", children: i }) {
+function bt({ maxWidth: e = "lg", fluid: t = !1, fixed: n = !1, className: r = "", children: i }) {
 	return /* @__PURE__ */ p("div", {
-		className: ut({
+		className: yt({
 			maxWidth: e,
 			fluid: t,
 			fixed: n,
@@ -1322,17 +1462,17 @@ function dt({ maxWidth: e = "lg", fluid: t = !1, fixed: n = !1, className: r = "
 }
 //#endregion
 //#region ../core/src/components/Copy/utils.jsx
-function ft(e) {
+function xt(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 pt(e, t, n, r) {
+function St(e, t, n, r) {
 	return t ? "错误" : e ? r : n;
 }
-function mt(e, t, n, r) {
+function Ct(e, t, n, r) {
 	return t ? r : e ? n : "";
 }
-async function ht(e) {
+async function wt(e) {
 	try {
 		if (navigator.clipboard?.writeText) return await navigator.clipboard.writeText(e), !0;
 		{
@@ -1345,18 +1485,18 @@ async function ht(e) {
 		return console.warn("复制失败:", e), !1;
 	}
 }
-async function gt(e, t, n, r, i, a, o, s) {
-	await ht(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 Tt(e, t, n, r, i, a, o, s) {
+	await wt(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 _t(e, t) {
+function Et(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 vt = ({ copied: e, error: t }) => e ? /* @__PURE__ */ m("svg", {
+var Dt = ({ copied: e, error: t }) => e ? /* @__PURE__ */ m("svg", {
 	viewBox: "0 0 20 20",
 	fill: "none",
 	stroke: "currentColor",
@@ -1396,15 +1536,15 @@ var vt = ({ 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 yt({ 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 = ft({
+function Ot({ 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 = xt({
 		variant: t,
 		size: n,
 		copied: v,
 		copyError: b,
 		className: h
-	}).join(" "), T = pt(v, b, a, o), E = mt(v, b, s, c), D = _t(v, b), O = async () => {
-		await gt(e, u, f, y, x, C, i, l);
+	}).join(" "), T = St(v, b, a, o), E = Ct(v, b, s, c), D = Et(v, b), O = async () => {
+		await Tt(e, u, f, y, x, C, i, l);
 	}, k = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), O());
 	};
@@ -1424,7 +1564,7 @@ function yt({ 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(vt, {
+					children: /* @__PURE__ */ p(Dt, {
 						copied: v,
 						error: b
 					})
@@ -1443,20 +1583,20 @@ function yt({ text: e, variant: t = "default", size: n = "md", showLabel: r = !0
 }
 //#endregion
 //#region ../core/src/components/DatePicker/utils.jsx
-function bt(e, t = "YYYY-MM-DD") {
+function kt(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 xt(e) {
+function At(e) {
 	if (!e) return !1;
 	let t = /* @__PURE__ */ new Date();
 	return e.toDateString() === t.toDateString();
 }
-function St(e, t) {
+function jt(e, t) {
 	return !e || !t ? !1 : e.toDateString() === t.toDateString();
 }
-function Ct(e) {
+function Mt(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 +1616,7 @@ function Ct(e) {
 	});
 	return s;
 }
-function wt(e = "md", t = "default", n = !1, r = !1, i = !1) {
+function Nt(e = "md", t = "default", n = !1, r = !1, i = !1) {
 	let a = [
 		"wc-datepicker-wrapper",
 		`wc-datepicker-wrapper--${e}`,
@@ -1484,44 +1624,48 @@ function wt(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 Tt(e, t) {
+function Pt(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 && St(e.date, t) && n.push("wc-datepicker-day--selected"), xt(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 && jt(e.date, t) && n.push("wc-datepicker-day--selected"), At(e.date) && n.push("wc-datepicker-day--today"), n.join(" ");
 }
 //#endregion
 //#region src/components/DatePicker/DatePicker.jsx
-function Et({ 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 Ft({ 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 { messages: v } = q(), y = u(null), b = u(null), x = s(), [S, C] = d(!1), [w, T] = d(() => e ? new Date(e) : /* @__PURE__ */ new Date()), [E, D] = 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 ? bt(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));
-	}, k = (e) => {
-		C((t) => {
+		D(e ? new Date(e) : null);
+	}, [e]), se({
+		open: S,
+		elementRef: b,
+		refs: [y],
+		closeOnEscape: !0,
+		closeOnPointerDownOutside: !0,
+		onEscapeKeyDown: () => C(!1),
+		onPointerDownOutside: () => C(!1),
+		zIndex: 1e3
+	});
+	let O = E ? kt(E, c) : "", k = () => {
+		r || C((e) => !e);
+	}, A = (e) => {
+		r || (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" ? (e.preventDefault(), C(!0)) : e.key === "Escape" && C(!1));
+	}, j = (e) => {
+		T((t) => {
 			let n = new Date(t);
 			return n.setMonth(n.getMonth() + e), n;
 		});
-	}, A = (e) => {
-		if (N(e)) return;
+	}, M = (e) => {
+		if (F(e)) return;
 		let n = new Date(e.date);
-		T(n), t(n), x(!1);
-	}, j = () => {
+		D(n), t(n), C(!1);
+	}, N = () => {
 		let e = /* @__PURE__ */ new Date();
-		T(e), t(e), x(!1);
-	}, M = () => {
-		T(null), t(null), x(!1);
-	}, N = (e) => {
+		D(e), t(e), C(!1);
+	}, P = () => {
+		D(null), t(null), C(!1);
+	}, F = (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 = Ct(S), F = [
+	}, I = Mt(w), L = [
 		"日",
 		"一",
 		"二",
@@ -1529,27 +1673,27 @@ function Et({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 		"四",
 		"五",
 		"六"
-	], I = `${S.getFullYear()}年${S.getMonth() + 1}月`, L = [wt(i, a, r, !1, b), g].filter(Boolean).join(" ");
+	], R = `${w.getFullYear()}年${w.getMonth() + 1}月`, z = [Nt(i, a, r, !1, S), g].filter(Boolean).join(" ");
 	return /* @__PURE__ */ m("div", {
 		className: "wc-datepicker",
-		ref: v,
+		ref: y,
 		..._,
 		children: [/* @__PURE__ */ m("div", {
-			className: L,
-			onClick: D,
+			className: z,
+			onClick: k,
 			children: [/* @__PURE__ */ p("input", {
 				type: "text",
-				id: y,
+				id: x,
 				className: "wc-datepicker-input",
-				value: E,
+				value: O,
 				placeholder: n,
 				disabled: r,
 				readOnly: !0,
 				role: "combobox",
 				"aria-haspopup": "dialog",
-				"aria-expanded": b,
-				"aria-controls": `${y}-calendar`,
-				onKeyDown: O
+				"aria-expanded": S,
+				"aria-controls": `${x}-calendar`,
+				onKeyDown: A
 			}), /* @__PURE__ */ p("span", {
 				className: "wc-datepicker-icon",
 				"aria-hidden": "true",
@@ -1567,11 +1711,12 @@ function Et({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 					}), /* @__PURE__ */ p("path", { d: "M16 3v4M8 3v4M3 10h18" })]
 				})
 			})]
-		}), b && /* @__PURE__ */ m("div", {
+		}), S && /* @__PURE__ */ m("div", {
+			ref: b,
 			className: "wc-datepicker-dropdown",
-			id: `${y}-calendar`,
+			id: `${x}-calendar`,
 			role: "dialog",
-			"aria-label": "选择日期",
+			"aria-label": v.openCalendar,
 			children: [
 				/* @__PURE__ */ m("div", {
 					className: "wc-datepicker-header",
@@ -1579,40 +1724,40 @@ function Et({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 						/* @__PURE__ */ p("button", {
 							type: "button",
 							className: "wc-datepicker-nav",
-							"aria-label": "上个月",
-							onClick: () => k(-1),
+							"aria-label": v.previousMonth,
+							onClick: () => j(-1),
 							children: "‹"
 						}),
 						/* @__PURE__ */ p("span", {
 							className: "wc-datepicker-title",
-							children: I
+							children: R
 						}),
 						/* @__PURE__ */ p("button", {
 							type: "button",
 							className: "wc-datepicker-nav",
-							"aria-label": "下个月",
-							onClick: () => k(1),
+							"aria-label": v.nextMonth,
+							onClick: () => j(1),
 							children: "›"
 						})
 					]
 				}),
 				/* @__PURE__ */ p("div", {
 					className: "wc-datepicker-weekdays",
-					children: F.map((e) => /* @__PURE__ */ p("div", {
+					children: L.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: I.map((e) => /* @__PURE__ */ p("button", {
 						type: "button",
-						className: Tt(e, w),
-						disabled: N(e),
-						"aria-label": bt(e.date, "YYYY-MM-DD"),
-						"aria-selected": St(e.date, w),
-						"aria-current": xt(e.date) ? "date" : void 0,
-						onClick: () => A(e),
+						className: Pt(e, E),
+						disabled: F(e),
+						"aria-label": kt(e.date, "YYYY-MM-DD"),
+						"aria-selected": jt(e.date, E),
+						"aria-current": At(e.date) ? "date" : void 0,
+						onClick: () => M(e),
 						children: e.day
 					}, `${e.month}-${e.day}`))
 				}),
@@ -1621,12 +1766,12 @@ function Et({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 					children: [/* @__PURE__ */ p("button", {
 						type: "button",
 						className: "wc-datepicker-today",
-						onClick: j,
+						onClick: N,
 						children: "今天"
 					}), /* @__PURE__ */ p("button", {
 						type: "button",
 						className: "wc-datepicker-clear",
-						onClick: M,
+						onClick: P,
 						children: "清除"
 					})]
 				})
@@ -1636,7 +1781,7 @@ function Et({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 }
 //#endregion
 //#region src/components/Button/Fab.jsx
-var Dt = ({ 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 It = ({ 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 +1822,10 @@ var Dt = ({ variant: e = "circular", size: t = "md", color: n = "primary", disab
 		})]
 	});
 };
-Dt.displayName = "Fab";
+It.displayName = "Fab";
 //#endregion
 //#region src/components/Feed/Feed.jsx
-var Ot = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "var(--wc-accent)", dotSize: i = 8, lineWidth: a = 1, onItemClick: o }) => {
+var Lt = ({ 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,
@@ -1689,7 +1834,6 @@ var Ot = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "va
 	return /* @__PURE__ */ m("li", {
 		className: `wc-feed-item ${n} ${s ? "has-children" : ""}`,
 		style: u,
-		role: o ? "button" : void 0,
 		tabIndex: o ? 0 : void 0,
 		onClick: (t) => {
 			t.stopPropagation(), o && o(e);
@@ -1722,7 +1866,7 @@ var Ot = ({ 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(Ot, {
+					children: e.children.map((e) => /* @__PURE__ */ p(Lt, {
 						item: e,
 						showAvatar: t,
 						variant: n,
@@ -1735,7 +1879,7 @@ var Ot = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "va
 			]
 		})]
 	});
-}, kt = ({ items: e = [], variant: t = "timeline", showAvatar: n = !0, color: r = "var(--wc-accent)", dotSize: i = 8, lineWidth: a = 1, onItemClick: o, className: s = "" }) => {
+}, Rt = ({ 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 +1887,7 @@ var Ot = ({ 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(Ot, {
+		children: e.map((e) => /* @__PURE__ */ p(Lt, {
 			item: e,
 			variant: t,
 			showAvatar: n,
@@ -1754,10 +1898,10 @@ var Ot = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "va
 		}, e.id || e.time))
 	});
 };
-kt.displayName = "Feed";
+Rt.displayName = "Feed";
 //#endregion
 //#region ../core/src/components/Feature/utils.jsx
-var At = ({ align: e, size: t, background: n, reverse: r, vertical: i, clickable: a, disabled: o, className: s }) => [
+var zt = ({ 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 +1912,29 @@ var At = ({ align: e, size: t, background: n, reverse: r, vertical: i, clickable
 	`wc-feature-card--${e}`,
 	s
 ].filter(Boolean);
-function jt(e) {
+function Bt(e) {
 	return ["wc-feature-icon", `wc-feature-icon--${e}`].filter(Boolean);
 }
-function Mt(e) {
+function Vt(e) {
 	return ["wc-feature-content", `wc-feature-content--${e}`].filter(Boolean);
 }
-function Nt(e) {
+function Ht(e) {
 	return ["wc-feature-title", `wc-feature-title--${e}`].filter(Boolean);
 }
-var Pt = (e) => ["wc-feature-description", `wc-feature-description--${e}`].filter(Boolean);
-function Ft(e, t, n) {
+var Ut = (e) => ["wc-feature-description", `wc-feature-description--${e}`].filter(Boolean);
+function Wt(e, t, n) {
 	!t && n && n(e);
 }
-function It(e, t) {
+function Gt(e, t) {
 	e.stopPropagation(), t && t(e);
 }
-function Lt(e) {
+function Kt(e) {
 	return e;
 }
 //#endregion
 //#region src/components/Feature/Feature.jsx
-var Rt = ({ 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 = At({
+var qt = ({ 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 = zt({
 		align: a,
 		size: i,
 		background: o,
@@ -1799,7 +1943,7 @@ var Rt = ({ title: e = "Awesome Feature", description: t = "Feature description
 		clickable: !!h,
 		disabled: !1,
 		className: v
-	}).join(" "), x = jt(r).join(" "), S = Mt(a).join(" "), C = Nt(i).join(" "), w = Pt(i).join(" "), T = {
+	}).join(" "), x = Bt(r).join(" "), S = Vt(a).join(" "), C = Ht(i).join(" "), w = Ut(i).join(" "), T = {
 		...c ? { background: c } : {},
 		...y
 	}, E = typeof r == "number" ? `${r}px` : r, D = h ? {
@@ -1812,7 +1956,7 @@ var Rt = ({ title: e = "Awesome Feature", description: t = "Feature description
 	return /* @__PURE__ */ m("div", {
 		className: `${b} ${s === "default" ? "" : `wc-feature-card--${s}`}`,
 		style: T,
-		onClick: (e) => Ft(e, !1, h),
+		onClick: (e) => Wt(e, !1, h),
 		...D,
 		children: [n && /* @__PURE__ */ p("div", {
 			className: x,
@@ -1823,7 +1967,7 @@ var Rt = ({ title: e = "Awesome Feature", description: t = "Feature description
 			children: typeof n == "string" ? /* @__PURE__ */ p("span", {
 				className: "wc-feature-icon__inner",
 				dangerouslySetInnerHTML: { __html: n }
-			}) : Lt(n)
+			}) : Kt(n)
 		}), /* @__PURE__ */ m("div", {
 			className: S,
 			children: [
@@ -1838,17 +1982,17 @@ var Rt = ({ title: e = "Awesome Feature", description: t = "Feature description
 				d && /* @__PURE__ */ p("a", {
 					href: f,
 					className: "wc-feature-cta",
-					onClick: (e) => It(e, g),
+					onClick: (e) => Gt(e, g),
 					children: d
 				})
 			]
 		})]
 	});
 };
-Rt.displayName = "Feature";
+qt.displayName = "Feature";
 //#endregion
 //#region src/components/FileInput/FileInput.jsx
-var zt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
+var Jt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
 	className: e,
 	"aria-hidden": "true",
 	children: /* @__PURE__ */ m("svg", {
@@ -1858,7 +2002,7 @@ var zt = ({ 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" })]
 	})
-}), Bt = ({ multiple: e = !1, variant: t = "block", accept: n = "", label: r = "选择文件", description: i = "或拖放到这里", disabled: a = !1, onChange: o, onInvalid: s, className: c = "", style: l = {} }) => {
+}), Yt = ({ 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 +2045,7 @@ var zt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
 				"aria-label": r,
 				onChange: _
 			}),
-			t === "block" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(zt, { className: "wc-file-input__upload-icon" }), /* @__PURE__ */ m("span", {
+			t === "block" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Jt, { 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 +2063,14 @@ var zt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
 					children: "＋"
 				}), r]
 			}),
-			t === "icon" && /* @__PURE__ */ p(zt, { className: "wc-file-icon" })
+			t === "icon" && /* @__PURE__ */ p(Jt, { className: "wc-file-icon" })
 		]
 	});
 };
-Bt.displayName = "FileInput";
+Yt.displayName = "FileInput";
 //#endregion
 //#region src/components/Form/FormControl.jsx
-var Vt = n(null), Ht = ({ 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 Xt = n(null), Zt = ({ 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 +2092,7 @@ var Vt = n(null), Ht = ({ disabled: e = !1, error: t = !1, required: n = !1, var
 		t && "form-control--error",
 		s
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ p(Vt.Provider, {
+	return /* @__PURE__ */ p(Xt.Provider, {
 		value: f,
 		children: /* @__PURE__ */ p("div", {
 			className: m,
@@ -1958,10 +2102,10 @@ var Vt = n(null), Ht = ({ disabled: e = !1, error: t = !1, required: n = !1, var
 		})
 	});
 };
-Ht.displayName = "FormControl";
+Zt.displayName = "FormControl";
 //#endregion
 //#region src/components/Form/FormControlLabel.jsx
-var Ut = ({ 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 Qt = ({ 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 +2144,10 @@ var Ut = ({ label: e, labelPlacement: t = "end", disabled: n = !1, required: r =
 		]
 	});
 };
-Ut.displayName = "FormControlLabel";
+Qt.displayName = "FormControlLabel";
 //#endregion
 //#region src/components/Form/FormGroup.jsx
-var Wt = ({ row: e = !1, spacing: t = "normal", className: n = "", style: r = {}, children: i, ...a }) => /* @__PURE__ */ p("div", {
+var $t = ({ 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 +2159,11 @@ var Wt = ({ row: e = !1, spacing: t = "normal", className: n = "", style: r = {}
 	...a,
 	children: i
 });
-Wt.displayName = "FormGroup";
+$t.displayName = "FormGroup";
 //#endregion
 //#region src/components/Form/FormHelperText.jsx
-var Gt = ({ 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(Vt) || {}, g = t || h.error, _ = e || h.disabled;
+var en = ({ 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(Xt) || {}, g = t || h.error, _ = e || h.disabled;
 	return /* @__PURE__ */ p("p", {
 		id: c,
 		className: [
@@ -2039,55 +2183,55 @@ var Gt = ({ disabled: e = !1, error: t = !1, filled: n = !1, focused: r = !1, ma
 		children: f
 	});
 };
-Gt.displayName = "FormHelperText";
+en.displayName = "FormHelperText";
 //#endregion
 //#region ../core/src/components/Grid/utils.jsx
-var Kt = {
+var tn = {
 	xs: "xs",
 	sm: "sm",
 	md: "md",
 	lg: "lg",
 	xl: "xl"
-}, qt = {
+}, nn = {
 	row: "wc-grid-container--row",
 	column: "wc-grid-container--column",
 	"row-reverse": "wc-grid-container--row-reverse",
 	"column-reverse": "wc-grid-container--column-reverse"
-}, Jt = {
+}, rn = {
 	"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"
-}, Yt = {
+}, an = {
 	"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"
-}, Xt = (e) => {
+}, on = (e) => {
 	let { direction: t = "row", justifyContent: n = "flex-start", alignItems: r = "stretch", spacing: i = 0 } = e, a = ["wc-grid", "wc-grid-container"];
-	return qt[t] && a.push(qt[t]), Jt[n] && a.push(Jt[n]), Yt[r] && a.push(Yt[r]), a.push(...Qt(i)), a;
-}, Zt = (e) => {
+	return nn[t] && a.push(nn[t]), rn[n] && a.push(rn[n]), an[r] && a.push(an[r]), a.push(...cn(i)), a;
+}, sn = (e) => {
 	let { xs: t, sm: n, md: r, lg: i, xl: a } = e, o = ["wc-grid", "wc-grid-item"];
-	return Object.entries(Kt).forEach(([t, n]) => {
+	return Object.entries(tn).forEach(([t, n]) => {
 		let r = e[t];
-		r !== void 0 && o.push(...$t(r, n));
+		r !== void 0 && o.push(...ln(r, n));
 	}), o;
-}, Qt = (e) => {
+}, cn = (e) => {
 	let t = Number(e);
 	return [`wc-grid-container--spacing-${Number.isFinite(t) ? Math.max(0, Math.min(12, Math.round(t))) : 0}`];
-}, $t = (e, t) => {
+}, ln = (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)}`] : [];
-}, en = (e) => {
+}, un = (e) => {
 	let { container: t = !1, item: n = !1, className: r = "" } = e, i = [];
-	return t && i.push(...Xt(e)), n && i.push(...Zt(e)), r && i.push(r), i;
-}, tn = (e) => {
+	return t && i.push(...on(e)), n && i.push(...sn(e)), r && i.push(r), i;
+}, dn = (e) => {
 	let t = { ...e };
 	return t.spacing !== void 0 && (t.spacing = Number(t.spacing) || 0), [
 		"xs",
@@ -2102,8 +2246,8 @@ var Kt = {
 			isNaN(r) || (t[e] = Math.max(1, Math.min(12, r)));
 		}
 	}), t;
-}, nn = ({ 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: en(tn({
+}, fn = ({ 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: un(dn({
 		container: e,
 		item: t,
 		xs: n,
@@ -2121,57 +2265,79 @@ var Kt = {
 	...h,
 	children: m
 });
-nn.displayName = "Grid";
+fn.displayName = "Grid";
 //#endregion
 //#region src/components/HoverCard/HoverCard.jsx
-var rn = ({ 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 pn = ({ 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 = ce({
+		open: E,
+		anchorRef: j,
+		floatingRef: A,
+		placement: a,
+		offset: 8
+	});
+	return se({
+		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(oe, { 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 +2369,20 @@ var rn = ({ 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))
 						})
 					]
 				})] })
 			})]
-		})]
+		}) })]
 	});
 };
-rn.displayName = "HoverCard";
+pn.displayName = "HoverCard";
 //#endregion
 //#region ../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
-var an = /* @__PURE__ */ L(((e) => {
+var mn = /* @__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 +2438,7 @@ var an = /* @__PURE__ */ L(((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;
-})), on = /* @__PURE__ */ L(((e) => {
+})), hn = /* @__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) {
@@ -2334,23 +2500,23 @@ var an = /* @__PURE__ */ L(((e) => {
 		function W(e) {
 			return x(e) === m;
 		}
-		function G(e) {
+		function ee(e) {
 			return x(e) === r;
 		}
-		function ee(e) {
+		function te(e) {
 			return x(e) === o;
 		}
-		function te(e) {
+		function ne(e) {
 			return x(e) === a;
 		}
-		function K(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 = G, e.isProfiler = ee, e.isStrictMode = te, e.isSuspense = K, 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;
 	})();
-})), sn = /* @__PURE__ */ L(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = an() : t.exports = on();
-})), cn = /* @__PURE__ */ L(((e, t) => {
+})), gn = /* @__PURE__ */ R(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = mn() : t.exports = hn();
+})), _n = /* @__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 +2549,14 @@ var an = /* @__PURE__ */ L(((e) => {
 		}
 		return s;
 	};
-})), ln = /* @__PURE__ */ L(((e, t) => {
+})), vn = /* @__PURE__ */ R(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), un = /* @__PURE__ */ L(((e, t) => {
+})), yn = /* @__PURE__ */ R(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), dn = /* @__PURE__ */ L(((e, t) => {
+})), bn = /* @__PURE__ */ R(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = ln(), i = {}, a = un();
+		var r = vn(), i = {}, a = yn();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -2423,8 +2589,8 @@ var an = /* @__PURE__ */ L(((e) => {
 	o.resetWarningCache = function() {
 		process.env.NODE_ENV !== "production" && (i = {});
 	}, t.exports = o;
-})), fn = /* @__PURE__ */ L(((e, t) => {
-	var n = sn(), r = cn(), i = ln(), a = un(), o = dn(), s = function() {};
+})), xn = /* @__PURE__ */ R(((e, t) => {
+	var n = gn(), r = _n(), i = vn(), a = yn(), o = bn(), s = function() {};
 	process.env.NODE_ENV !== "production" && (s = function(e) {
 		var t = "Warning: " + e;
 		typeof console < "u" && console.error(t);
@@ -2682,8 +2848,8 @@ var an = /* @__PURE__ */ L(((e) => {
 		}
 		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
 	};
-})), pn = /* @__PURE__ */ L(((e, t) => {
-	var n = ln();
+})), Sn = /* @__PURE__ */ R(((e, t) => {
+	var n = vn();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -2722,42 +2888,42 @@ var an = /* @__PURE__ */ L(((e) => {
 		};
 		return a.PropTypes = a, a;
 	};
-})), $ = /* @__PURE__ */ z((/* @__PURE__ */ L(((e, t) => {
+})), $ = /* @__PURE__ */ B((/* @__PURE__ */ R(((e, t) => {
 	if (process.env.NODE_ENV !== "production") {
-		var n = sn();
-		t.exports = fn()(n.isElement, !0);
-	} else t.exports = pn()();
-})))(), 1), mn = ({ className: e, style: t }) => /* @__PURE__ */ p("span", {
+		var n = gn();
+		t.exports = xn()(n.isElement, !0);
+	} else t.exports = Sn()();
+})))(), 1), Cn = ({ className: e, style: t }) => /* @__PURE__ */ p("span", {
 	className: e,
 	style: t
-}), hn = {
+}), wn = {
 	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")
-}, gn = (e) => {
-	let t = hn[e];
+}, Tn = (e) => {
+	let t = wn[e];
 	return t ? t() : Promise.resolve(null);
-}, _n = (e, t) => r(() => e().then((e) => ({ default: t(e || {}) })).catch((e) => (console.warn("[Icon] 动态导入失败，已回退到占位符图标。", e), { default: mn }))), vn = (e, t, n) => {
+}, En = (e, t) => r(() => e().then((e) => ({ default: t(e || {}) })).catch((e) => (console.warn("[Icon] 动态导入失败，已回退到占位符图标。", e), { default: Cn }))), Dn = (e, t, n) => {
 	switch (e) {
-		case "lucide": return _n(() => gn("lucide"), (e) => e.getIcon?.(t) || mn);
-		case "heroicons": return _n(() => gn("heroicons"), (e) => e.getIcon?.(t, n) || mn);
-		case "tabler": return _n(() => gn("tabler"), (e) => e.getIcon?.(t) || mn);
-		case "phosphor": return _n(() => gn("phosphor"), (e) => e.getIcon?.(t) || mn);
+		case "lucide": return En(() => Tn("lucide"), (e) => e.getIcon?.(t) || Cn);
+		case "heroicons": return En(() => Tn("heroicons"), (e) => e.getIcon?.(t, n) || Cn);
+		case "tabler": return En(() => Tn("tabler"), (e) => e.getIcon?.(t) || Cn);
+		case "phosphor": return En(() => Tn("phosphor"), (e) => e.getIcon?.(t) || Cn);
 		default: return null;
 	}
-}, yn = (e) => typeof e == "number" ? e : {
+}, On = (e) => typeof e == "number" ? e : {
 	xs: 16,
 	sm: 20,
 	md: 24,
 	lg: 32,
 	xl: 48
-}[e] || parseInt(e) || 24, bn = ({ 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, kn = ({ 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 vn(e, n, c);
+			return Dn(e, n, c);
 		} catch {
 			return console.warn(`Icon "${n}" not found in library "${e}"`), null;
 		}
@@ -2767,7 +2933,7 @@ var an = /* @__PURE__ */ L(((e) => {
 		c
 	]), h = l(() => e === "feather" && n ? r(async () => {
 		try {
-			let e = yn(a), { getFeatherSvg: t } = await gn("feather") || {}, r = await t(n, {
+			let e = On(a), { getFeatherSvg: t } = await Tn("feather") || {}, r = await t(n, {
 				width: e,
 				height: e,
 				strokeWidth: Number(s)
@@ -2788,13 +2954,13 @@ var an = /* @__PURE__ */ L(((e) => {
 	]), g = l(() => e === "html" && i ? i : "", [e, i]), _ = l(() => {
 		let e = {};
 		if (o && o !== "currentColor" && (e.color = o), a) {
-			let t = yn(a);
+			let t = On(a);
 			e.width = `${t}px`, e.height = `${t}px`;
 		}
 		return e;
 	}, [o, a]), v = l(() => {
 		let t = {
-			size: yn(a),
+			size: On(a),
 			color: o,
 			...f
 		};
@@ -2835,7 +3001,7 @@ var an = /* @__PURE__ */ L(((e) => {
 		children: d
 	});
 };
-bn.propTypes = {
+kn.propTypes = {
 	library: $.default.oneOf([
 		"lucide",
 		"heroicons",
@@ -2859,7 +3025,7 @@ bn.propTypes = {
 };
 //#endregion
 //#region src/components/Button/IconButton.jsx
-var xn = ({ 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 An = ({ 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,16 +3067,16 @@ var xn = ({ color: e = "default", size: t = "md", edge: n = !1, disabled: r = !1
 		})
 	});
 };
-xn.displayName = "IconButton";
+An.displayName = "IconButton";
 //#endregion
 //#region src/components/ImageGallery/ImageGallery.jsx
-var Sn = ({ 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 = {
+var jn = ({ 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), { messages: O } = q(), k = u ? Math.ceil(e.length / f) : 1, A = {
 		sm: "75%",
 		md: "66.67%",
 		lg: "56.25%",
 		xl: "50%"
-	}, A = u ? e.slice((E - 1) * f, E * f) : e, j = (t) => {
+	}, j = u ? e.slice((E - 1) * f, E * f) : e, M = (t) => {
 		let n = u ? (E - 1) * f + t : t;
 		T(n);
 		let r = e[n];
@@ -2921,16 +3087,16 @@ var Sn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 			index: n,
 			image: r
 		});
-	}, M = (e) => {
+	}, N = (e) => {
 		b?.(e);
 		let t = document.createElement("a");
 		t.href = e.src, t.download = e.title || "image", document.body.appendChild(t), t.click(), document.body.removeChild(t);
-	}, N = () => {
+	}, P = () => {
 		T(-1), S?.();
-	}, P = () => T((e) => e > 0 ? e - 1 : e), F = () => T((t) => t < e.length - 1 ? t + 1 : t);
+	}, F = () => T((e) => e > 0 ? e - 1 : e), I = () => T((t) => t < e.length - 1 ? t + 1 : t);
 	return o(() => {
 		let e = (e) => {
-			e.key === "Escape" && N(), w !== -1 && (e.key === "ArrowLeft" && P(), e.key === "ArrowRight" && F());
+			e.key === "Escape" && P(), w !== -1 && (e.key === "ArrowLeft" && F(), e.key === "ArrowRight" && I());
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [w]), /* @__PURE__ */ m("div", {
@@ -2963,15 +3129,12 @@ var Sn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 					columnCount: i,
 					columnGap: a
 				} : { gap: a },
-				children: A.map((e, t) => /* @__PURE__ */ m("div", {
+				children: j.map((e, t) => /* @__PURE__ */ m("div", {
 					className: "gallery-item",
-					onClick: () => j(t),
-					tabIndex: 0,
-					role: "button",
-					"aria-label": `查看图片 ${t + 1}`,
+					onClick: () => M(t),
 					children: [/* @__PURE__ */ m("div", {
 						className: "gallery-image-container",
-						style: { paddingBottom: k[r] },
+						style: { paddingBottom: A[r] },
 						children: [/* @__PURE__ */ p("img", {
 							src: e.thumbnail || e.src,
 							alt: e.alt || e.title,
@@ -2983,16 +3146,16 @@ var Sn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 								className: "gallery-overlay-content",
 								children: [/* @__PURE__ */ p("button", {
 									className: "gallery-action-btn gallery-view-btn",
-									"aria-label": `在灯箱中查看图片 ${t + 1}`,
+									"aria-label": O.openImageInLightbox(t + 1),
 									onClick: (e) => {
-										e.stopPropagation(), j(t);
+										e.stopPropagation(), M(t);
 									},
 									children: "👁️"
 								}), l && /* @__PURE__ */ p("button", {
 									className: "gallery-action-btn gallery-download-btn",
-									"aria-label": `下载图片 ${t + 1}`,
+									"aria-label": O.downloadImage(t + 1),
 									onClick: (t) => {
-										t.stopPropagation(), M(e);
+										t.stopPropagation(), N(e);
 									},
 									children: "📥"
 								})]
@@ -3010,12 +3173,13 @@ var Sn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 					})]
 				}, e.id || t))
 			}),
-			u && O > 1 && /* @__PURE__ */ m("div", {
+			u && k > 1 && /* @__PURE__ */ m("div", {
 				className: "gallery-pagination",
 				children: [
 					/* @__PURE__ */ p("button", {
 						className: "gallery-page-btn",
 						disabled: E === 1,
+						"aria-label": O.previousPage,
 						onClick: () => D((e) => e - 1),
 						children: "上一页"
 					}),
@@ -3025,13 +3189,14 @@ var Sn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 							"第 ",
 							E,
 							" 页，共 ",
-							O,
+							k,
 							" 页"
 						]
 					}),
 					/* @__PURE__ */ p("button", {
 						className: "gallery-page-btn",
-						disabled: E === O,
+						disabled: E === k,
+						"aria-label": O.nextPage,
 						onClick: () => D((e) => e + 1),
 						children: "下一页"
 					})
@@ -3039,7 +3204,7 @@ var Sn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 			}),
 			w !== -1 && /* @__PURE__ */ p("div", {
 				className: "gallery-lightbox",
-				onClick: N,
+				onClick: P,
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": "lightbox-title",
@@ -3049,7 +3214,8 @@ var Sn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 					children: [
 						/* @__PURE__ */ p("button", {
 							className: "gallery-lightbox-close",
-							onClick: N,
+							"aria-label": O.closeLightbox,
+							onClick: P,
 							children: "✕"
 						}),
 						/* @__PURE__ */ p("div", {
@@ -3077,8 +3243,8 @@ var Sn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 								/* @__PURE__ */ p("button", {
 									className: "gallery-lightbox-nav gallery-lightbox-prev",
 									disabled: w === 0,
-									"aria-label": "上一张图片",
-									onClick: P,
+									"aria-label": O.previousImage,
+									onClick: F,
 									children: "‹"
 								}),
 								/* @__PURE__ */ m("span", {
@@ -3092,15 +3258,15 @@ var Sn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 								/* @__PURE__ */ p("button", {
 									className: "gallery-lightbox-nav gallery-lightbox-next",
 									disabled: w === e.length - 1,
-									"aria-label": "下一张图片",
-									onClick: F,
+									"aria-label": O.nextImage,
+									onClick: I,
 									children: "›"
 								})
 							]
 						}),
 						l && /* @__PURE__ */ p("button", {
 							className: "gallery-action-btn gallery-download-btn",
-							onClick: () => M(e[w]),
+							onClick: () => N(e[w]),
 							children: "下载"
 						})
 					]
@@ -3109,10 +3275,10 @@ var Sn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 		]
 	});
 };
-Sn.displayName = "ImageGallery";
+jn.displayName = "ImageGallery";
 //#endregion
 //#region src/composition.ts
-var Cn = [
+var Mn = [
 	"none",
 	"2xs",
 	"xs",
@@ -3122,40 +3288,40 @@ var Cn = [
 	"xl",
 	"2xl",
 	"3xl"
-], wn = [
+], Nn = [
 	"stretch",
 	"start",
 	"center",
 	"end"
-], Tn = [
+], Pn = [
 	"sm",
 	"md",
 	"lg",
 	"xl",
 	"full"
-], En = [
+], Fn = [
 	"none",
 	"sm",
 	"md",
 	"lg"
-], Dn = [
+], In = [
 	"start",
 	"center",
 	"end",
 	"between",
 	"around"
-], On = [
+], Ln = [
 	"equal",
 	"sidebar",
 	"sidebar-end",
 	"wide-start",
 	"wide-end"
-], kn = [
+], Rn = [
 	"none",
 	"sm",
 	"md",
 	"lg"
-], An = ({ as: e = "div", gap: t = "md", align: n = "center", justify: r = "start", wrap: i = !0, className: a = "", children: o, ...s }) => /* @__PURE__ */ p(e, {
+], zn = ({ 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 +3330,18 @@ var Cn = [
 	...s,
 	children: o
 });
-An.displayName = "Inline", An.propTypes = {
+zn.displayName = "Inline", zn.propTypes = {
 	as: $.default.elementType,
-	gap: $.default.oneOf(Cn),
-	align: $.default.oneOf(wn),
-	justify: $.default.oneOf(Dn),
+	gap: $.default.oneOf(Mn),
+	align: $.default.oneOf(Nn),
+	justify: $.default.oneOf(In),
 	wrap: $.default.bool,
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
 //#region src/components/Input/Input.jsx
-var jn = ({ 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 Bn = ({ 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 +3412,28 @@ var jn = ({ value: e = "", onChange: t, type: n = "text", placeholder: r = "", d
 		]
 	});
 };
-jn.displayName = "Input";
+Bn.displayName = "Input";
 //#endregion
 //#region ../core/src/components/List/utils.jsx
-var Mn = (e) => {
+var Vn = (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;
-}, Nn = (e) => {
+}, Hn = (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;
-}, Pn = (e) => {
+}, Un = (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;
-}, Fn = (e) => {
+}, Wn = (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;
-}, In = n({ dense: !1 }), Ln = ({ children: e, dense: t = !1, disablePadding: n = !1, nav: r = !1, subheader: i = "", className: a = "", ...o }) => {
-	let s = Mn({
+}, Gn = n({ dense: !1 }), Kn = ({ children: e, dense: t = !1, disablePadding: n = !1, nav: r = !1, subheader: i = "", className: a = "", ...o }) => {
+	let s = Vn({
 		dense: t,
 		disablePadding: n,
 		className: a
 	}).concat(r ? "list--nav" : []).join(" ");
-	return /* @__PURE__ */ p(In.Provider, {
+	return /* @__PURE__ */ p(Gn.Provider, {
 		value: { dense: t },
 		children: /* @__PURE__ */ m("div", {
 			role: r ? "navigation" : "list",
@@ -3279,8 +3445,8 @@ var Mn = (e) => {
 			}), e]
 		})
 	});
-}, Rn = ({ 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(In) || { dense: !1 }, f = Nn({
+}, qn = ({ 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(Gn) || { dense: !1 }, f = Hn({
 		button: t,
 		disabled: n,
 		divider: r,
@@ -3297,15 +3463,15 @@ var Mn = (e) => {
 		...u,
 		children: e
 	});
-}, zn = ({ children: e, position: t = "start", className: n = "", ...r }) => /* @__PURE__ */ p("span", {
-	className: Pn({
+}, Jn = ({ children: e, position: t = "start", className: n = "", ...r }) => /* @__PURE__ */ p("span", {
+	className: Un({
 		position: t,
 		className: n
 	}).join(" "),
 	...r,
 	children: e
-}), Bn = ({ primary: e = "", secondary: t = "", inset: n = !1, className: r = "", ...i }) => /* @__PURE__ */ m("div", {
-	className: Fn({
+}), Yn = ({ primary: e = "", secondary: t = "", inset: n = !1, className: r = "", ...i }) => /* @__PURE__ */ m("div", {
+	className: Wn({
 		inset: n,
 		className: r
 	}).join(" "),
@@ -3317,64 +3483,155 @@ var Mn = (e) => {
 		className: "list-item-text-secondary",
 		children: t
 	})]
-}), Vn = ({ size: e, variant: t, disabled: n, className: r }) => {
+}), Xn = ({ 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;
-}, Hn = (e, t) => [
+}, Zn = (e, t) => [
 	"wc-menu__menu",
 	`wc-menu__menu--${e}`,
 	t
-], Un = ({ disabled: e }) => ["wc-menu__button", e ? "wc-menu__button--disabled" : ""], Wn = (e) => {
+], Qn = ({ disabled: e }) => ["wc-menu__button", e ? "wc-menu__button--disabled" : ""], $n = (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;
-}, Gn = (e) => ["wc-menu__arrow", e ? "wc-menu__arrow--open" : ""], Kn = (e, t, n, r, i) => {
+}, er = (e) => ["wc-menu__arrow", e ? "wc-menu__arrow--open" : ""], tr = (e, t, n, r, i) => {
 	t || (n(!e), e ? i && i() : r && r());
-}, qn = (e, t, n, r, i) => {
+}, nr = (e, t, n, r, i) => {
 	e.disabled || e.divider || (n && n(e, t), r(!1), i && i());
-}, Jn = (e) => {
-	let t = (t) => {
-		e(t);
-	};
-	return {
-		add: () => document.addEventListener("click", t),
-		remove: () => document.removeEventListener("click", t)
-	};
-}, Yn = ({ 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 = Vn({
+}, rr = (e) => e.startsWith("top") ? "top" : "bottom", ir = ({ 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 = Xn({
 		size: r,
 		variant: i,
 		disabled: a,
-		className: S
-	}).join(" "), k = Hn(n, i === "card" ? "wc-menu__menu--card" : "").join(" "), A = Un({ disabled: a }).join(" "), j = Gn(w).join(" "), M = i === "card" ? {
+		className: C
+	}).join(" "), M = Zn(n, i === "card" ? "wc-menu__menu--card" : "").join(" "), N = Qn({ disabled: a }).join(" "), P = er(T).join(" "), F = i === "card" ? {
 		minWidth: "320px",
 		maxWidth: "450px"
-	} : { minWidth: "120px" }, N = () => {
-		Kn(w, a, T, _, v);
-	}, P = (e, t) => {
-		qn(e, t, g, T, v);
-	}, F = Jn((e) => {
-		E.current && !E.current.contains(e.target) && (T(!1), v && v());
+	} : { minWidth: "120px" }, I = () => {
+		tr(T, a, E, v, y);
+	}, L = (e, t) => {
+		nr(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 = ce({
+		open: T,
+		anchorRef: A,
+		floatingRef: k,
+		placement: rr(n),
+		offset: 6
 	});
-	return o(() => (w ? F.add() : F.remove(), () => F.remove()), [w]), /* @__PURE__ */ m("div", {
-		className: O,
-		ref: E,
-		...C,
+	se({
+		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(oe, { 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: $n(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: $n(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 +3641,73 @@ var Mn = (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: Wn(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: Wn(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]
 	});
 };
-Yn.displayName = "Menu";
+ir.displayName = "Menu";
 //#endregion
 //#region ../core/src/components/Modal/utils.js
-function Xn({ size: e = "md", fullWidth: t = !1, fullScreen: n = !1, scroll: r = "paper", position: i = "center", className: a = "" } = {}) {
+function ar({ 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 Zn({ centered: e = !0, position: t = "center" } = {}) {
+function or({ 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 Qn(e, t, n = 0) {
+function sr(e, t, n = 0) {
 	e(!1), t && (n > 0 ? setTimeout(() => {
 		t();
 	}, n) : t());
 }
-function $n(e, t, n) {
-	e.key === "Escape" && t && n();
-}
-function er(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 tr(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 nr = ({ 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 cr = ({ 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), { messages: I } = q(), L = e || t;
 	o(() => {
-		P(R);
-	}, [R]);
-	let z = Xn({
-		size: i || r,
+		P(L);
+	}, [L]);
+	let R = ar({
+		size: a || r,
 		fullWidth: y,
 		fullScreen: b,
 		scroll: S,
 		position: x,
 		className: E
-	}), B = Zn({
+	}), z = or({
 		centered: x === "center" || v,
 		position: x
-	}), V = () => {
-		Qn(P, D);
-	}, H = () => {
-		l && f && !h && V();
-	}, U = (e) => {
-		$n(e, a && !_, V);
-	};
-	if (o(() => {
-		if (N) return I.current = document.activeElement, setTimeout(() => {
-			F.current && (er(F.current), L.current = tr(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 = "");
-		};
+	}), B = i(() => {
+		sr(P, D);
+	}, [D]), V = i(() => {
+		f && h && !g && B();
 	}, [
-		N,
-		a,
-		_,
-		C
-	]), !N) return null;
-	let W = a && c !== !1;
-	return g(/* @__PURE__ */ m("div", {
-		className: B,
+		h,
+		g,
+		B,
+		f
+	]);
+	if (se({
+		open: N,
+		elementRef: F,
+		modal: !0,
+		lockScroll: C,
+		restoreFocus: !0,
+		initialFocus: !0,
+		closeOnEscape: c && !_,
+		closeOnPointerDownOutside: !1,
+		onEscapeKeyDown: B,
+		zIndex: w
+	}), !N) return null;
+	let H = c && l !== !1;
+	return /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ m("div", {
+		className: z,
 		style: { zIndex: w },
-		onClick: H,
+		onClick: V,
 		"data-testid": "modal-overlay",
 		children: [T && /* @__PURE__ */ p("div", { className: "wc-modal__overlay" }), /* @__PURE__ */ m("div", {
 			ref: F,
-			className: z,
+			className: R,
 			onClick: (e) => e.stopPropagation(),
 			role: "dialog",
 			"aria-modal": "true",
@@ -3535,12 +3715,12 @@ var nr = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWid
 			tabIndex: -1,
 			...j,
 			children: [
-				W && /* @__PURE__ */ p(Ve, {
+				H && /* @__PURE__ */ p(Xe, {
 					variant: "text",
 					size: "sm",
 					className: "wc-modal__close",
-					onClick: V,
-					"aria-label": "关闭",
+					onClick: B,
+					"aria-label": I.closeDialog,
 					children: /* @__PURE__ */ p("svg", {
 						viewBox: "0 0 24 24",
 						"aria-hidden": "true",
@@ -3565,12 +3745,12 @@ var nr = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWid
 				})
 			]
 		})]
-	}), document.body);
+	}) });
 };
-nr.displayName = "Modal";
+cr.displayName = "Modal";
 //#endregion
 //#region src/components/NumberAnimation/NumberAnimation.jsx
-var rr = ({ 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 lr = ({ 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,21 +3796,21 @@ var rr = ({ active: e = !0, duration: t = 3e3, from: n = 0, to: r, locale: i = "
 };
 //#endregion
 //#region src/components/Pagination/Pagination.jsx
-function ir({ 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);
+function ur({ value: e = 1, onChange: t, total: n, pageSize: r = 10, siblingCount: a = 1, boundaryCount: s = 1, size: c = "md", className: u = "", ...f }) {
+	let { messages: h } = q(), [g, _] = d(e);
 	o(() => {
-		g(e);
+		_(e);
 	}, [e]);
-	let _ = l(() => Math.max(1, Math.ceil(n / r)), [n, r]), v = (e, t) => {
+	let v = l(() => Math.max(1, Math.ceil(n / r)), [n, r]), y = (e, t) => {
 		let n = [];
 		for (let r = e; r <= t; r++) n.push(r);
 		return n;
-	}, y = l(() => {
-		if (_ <= a * 2 + 3 + s * 2) return v(1, _).map((e) => ({
+	}, b = l(() => {
+		if (v <= a * 2 + 3 + s * 2) return y(1, v).map((e) => ({
 			key: e,
 			num: e
 		}));
-		let e = Math.max(h - a, s + 2), t = Math.min(h + a, _ - s - 1), n = e > s + 2, r = t < _ - s - 1, i = [];
+		let e = Math.max(g - a, s + 2), t = Math.min(g + a, v - s - 1), n = e > s + 2, r = t < v - s - 1, i = [];
 		for (let e = 1; e <= s; e++) i.push({
 			key: "b" + e,
 			num: e
@@ -3647,59 +3827,59 @@ function ir({ value: e = 1, onChange: t, total: n, pageSize: r = 10, siblingCoun
 			key: "r-ellipsis",
 			ellipsis: !0
 		});
-		for (let e = _ - s + 1; e <= _; e++) i.push({
+		for (let e = v - s + 1; e <= v; e++) i.push({
 			key: "e" + e,
 			num: e
 		});
 		return i;
 	}, [
-		h,
-		_,
+		g,
+		v,
 		a,
 		s
-	]), b = i((e) => {
-		e < 1 || e > _ || e === h || (g(e), t?.(e));
+	]), x = i((e) => {
+		e < 1 || e > v || e === g || (_(e), t?.(e));
 	}, [
-		h,
-		_,
+		g,
+		v,
 		t
 	]);
-	return _ <= 1 ? null : /* @__PURE__ */ m("nav", {
+	return v <= 1 ? null : /* @__PURE__ */ m("nav", {
 		className: [
 			"pagination",
 			"wc-pagination",
 			c === "md" ? "" : `wc-pagination--${c}`,
 			u
 		].filter(Boolean).join(" "),
-		"aria-label": "分页导航",
+		"aria-label": h.pagination,
 		...f,
 		children: [
 			/* @__PURE__ */ p("button", {
 				className: "page-btn wc-page-btn wc-page-btn--prev wc-page-btn--nav",
-				disabled: h === 1,
-				onClick: () => b(h - 1),
-				"aria-label": "上一页",
+				disabled: g === 1,
+				onClick: () => x(g - 1),
+				"aria-label": h.previousPage,
 				children: /* @__PURE__ */ p("svg", {
 					viewBox: "0 0 24 24",
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ p("path", { d: "m15 18-6-6 6-6" })
 				})
 			}),
-			y.map((e) => e.ellipsis ? /* @__PURE__ */ p("span", {
+			b.map((e) => e.ellipsis ? /* @__PURE__ */ p("span", {
 				className: "page-ellipsis",
 				children: "…"
 			}, e.key) : /* @__PURE__ */ p("button", {
-				className: `page-btn wc-page-btn${e.num === h ? " active wc-page-btn--active" : ""}`,
-				onClick: () => b(e.num),
-				"aria-current": e.num === h ? "page" : void 0,
-				"aria-label": `第 ${e.num} 页`,
+				className: `page-btn wc-page-btn${e.num === g ? " active wc-page-btn--active" : ""}`,
+				onClick: () => x(e.num),
+				"aria-current": e.num === g ? "page" : void 0,
+				"aria-label": h.page(e.num),
 				children: e.num
 			}, e.key)),
 			/* @__PURE__ */ p("button", {
 				className: "page-btn wc-page-btn wc-page-btn--next wc-page-btn--nav",
-				disabled: h === _,
-				onClick: () => b(h + 1),
-				"aria-label": "下一页",
+				disabled: g === v,
+				onClick: () => x(g + 1),
+				"aria-label": h.nextPage,
 				children: /* @__PURE__ */ p("svg", {
 					viewBox: "0 0 24 24",
 					"aria-hidden": "true",
@@ -3711,38 +3891,38 @@ function ir({ value: e = 1, onChange: t, total: n, pageSize: r = 10, siblingCoun
 }
 //#endregion
 //#region src/components/Page/Page.jsx
-var ar = ({ as: e = "div", size: t = "lg", gutter: n = "md", className: r = "", children: i, ...a }) => /* @__PURE__ */ p(e, {
+var dr = ({ 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
 });
-ar.displayName = "Page", ar.propTypes = {
+dr.displayName = "Page", dr.propTypes = {
 	as: $.default.elementType,
-	size: $.default.oneOf(Tn),
-	gutter: $.default.oneOf(En),
+	size: $.default.oneOf(Pn),
+	gutter: $.default.oneOf(Fn),
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
 //#region ../core/src/components/Paper/utils.jsx
-var or = {
+var fr = {
 	ELEVATION: "elevation",
 	OUTLINED: "outlined"
-}, sr = {
+}, pr = {
 	SQUARE: "square",
 	ROUNDED_SM: "rounded-sm",
 	ROUNDED_LG: "rounded-lg",
 	ROUNDED_XL: "rounded-xl",
 	ROUNDED_2XL: "rounded-2xl",
 	ROUNDED_FULL: "rounded-full"
-}, cr = {
+}, mr = {
 	SM: "sm",
 	MD: "md",
 	LG: "lg",
 	XL: "xl"
-}, lr = {
+}, hr = {
 	DEFAULT: "default",
 	PRIMARY: "primary",
 	SUCCESS: "success",
@@ -3750,21 +3930,21 @@ var or = {
 	ERROR: "error",
 	INFO: "info"
 };
-function ur(e = {}) {
-	let { variant: t = or.ELEVATION, elevation: n = 1, square: r = !1, shape: i = null, size: a = null, color: o = lr.DEFAULT, hoverable: s = !1, clickable: c = !1, gradient: l = !1, frosted: u = !1, textured: d = !1, className: f = "" } = e, p = ["wc-paper"];
-	if (t === or.OUTLINED) p.push("wc-paper--outlined");
+function gr(e = {}) {
+	let { variant: t = fr.ELEVATION, elevation: n = 1, square: r = !1, shape: i = null, size: a = null, color: o = hr.DEFAULT, hoverable: s = !1, clickable: c = !1, gradient: l = !1, frosted: u = !1, textured: d = !1, className: f = "" } = e, p = ["wc-paper"];
+	if (t === fr.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 && sr[i.toUpperCase()] && p.push(`wc-paper--${i}`), a && cr[a.toUpperCase()] && p.push(`wc-paper--${a}`), o !== lr.DEFAULT && lr[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 && pr[i.toUpperCase()] && p.push(`wc-paper--${i}`), a && mr[a.toUpperCase()] && p.push(`wc-paper--${a}`), o !== hr.DEFAULT && hr[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 dr({ 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 _r({ 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: ur({
+		className: gr({
 			variant: t,
 			elevation: Math.max(0, Math.min(24, Math.floor(Number(n) || 0))),
 			square: r,
@@ -3795,70 +3975,60 @@ function dr({ component: e = "div", variant: t = "elevation", elevation: n = 1,
 }
 //#endregion
 //#region src/components/Popover/Popover.jsx
-function fr({ 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 vr({ open: t, onOpenChange: n, triggerText: r = "打开弹窗", trigger: i, placement: a = "bottom", offset: o = 8, children: c, className: l = "" }) {
+	let { messages: f } = q(), h = s(), [g, _] = d(!1), v = t != null, y = u(null), b = u(null), x = v ? t : g, S = (e) => {
+		v || _(e), n?.(e);
+	}, C = () => S(!1), w = () => {
+		S(!x);
+	}, T = ce({
+		open: x,
+		anchorRef: y,
+		floatingRef: b,
+		placement: a,
+		offset: o
+	});
+	se({
+		open: x,
+		elementRef: b,
+		refs: [y],
+		closeOnEscape: !0,
+		closeOnPointerDownOutside: !0,
+		onEscapeKeyDown: C,
+		onPointerDownOutside: C,
+		zIndex: 2e3
+	});
+	let E = i ? e.cloneElement(i, {
+		ref: y,
+		onClick: w,
+		"aria-expanded": x,
 		"aria-haspopup": "dialog",
-		"aria-controls": _
+		"aria-controls": h
 	}) : /* @__PURE__ */ p("button", {
-		ref: x,
+		ref: y,
 		type: "button",
 		className: "wc-popover-trigger",
-		onClick: E,
-		"aria-expanded": C,
+		onClick: w,
+		"aria-expanded": x,
 		"aria-haspopup": "dialog",
-		"aria-controls": _,
+		"aria-controls": h,
 		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: [E, x && /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p("div", {
+			ref: b,
+			id: h,
+			className: `wc-popover-content wc-popover-content--${T}`.trim(),
 			role: "dialog",
-			"aria-label": "弹出内容",
+			"aria-label": f.closePopover,
 			tabIndex: -1,
-			onKeyDown: (e) => e.key === "Escape" && T(),
-			children: f
-		}), document.body)]
+			children: c
+		}) })]
 	});
 }
 //#endregion
 //#region src/components/PricingTable/PricingTable.jsx
-function pr({ plans: e = [], columns: t = 3, className: n = "" }) {
+function yr({ 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,8 +4058,8 @@ function pr({ plans: e = [], columns: t = 3, className: n = "" }) {
 }
 //#endregion
 //#region src/components/Progress/Progress.jsx
-var mr = ({ value: e = 0, label: t = "", showPercent: n = !1, color: r = "primary", size: i = "md", animated: a = !1, className: o = "", ...s }) => {
-	let c = [
+var br = ({ value: e = 0, label: t = "", showPercent: n = !1, color: r = "primary", size: i = "md", animated: a = !1, className: o = "", ...s }) => {
+	let { messages: c } = q(), l = [
 		"primary",
 		"success",
 		"warning",
@@ -3898,11 +4068,11 @@ var mr = ({ value: e = 0, label: t = "", showPercent: n = !1, color: r = "primar
 		"orange",
 		"cyan",
 		"pink"
-	].includes(r) ? r : "primary", l = Number(e), u = Number.isNaN(l) ? 0 : Math.max(0, Math.min(100, l)), d = ["wc-progress", `wc-progress--${i}`], f = [
+	].includes(r) ? r : "primary", u = Number(e), d = Number.isNaN(u) ? 0 : Math.max(0, Math.min(100, u)), f = ["wc-progress", `wc-progress--${i}`], h = [
 		"wc-progress__bar",
-		`wc-progress__bar--${c}`,
+		`wc-progress__bar--${l}`,
 		a && "wc-progress__bar--animated"
-	].filter(Boolean).join(" "), h = { width: `${u}%` };
+	].filter(Boolean).join(" "), g = { width: `${d}%` };
 	return /* @__PURE__ */ m("div", {
 		className: `wc-progress-wrapper ${o}`,
 		...s,
@@ -3913,27 +4083,27 @@ var mr = ({ value: e = 0, label: t = "", showPercent: n = !1, color: r = "primar
 				children: t
 			}), n && /* @__PURE__ */ m("span", {
 				className: "wc-progress-percent",
-				children: [Math.round(u), "%"]
+				children: [Math.round(d), "%"]
 			})]
 		}), /* @__PURE__ */ p("div", {
-			className: d.join(" "),
+			className: f.join(" "),
 			role: "progressbar",
-			"aria-label": t || "进度",
-			"aria-valuenow": u,
+			"aria-label": t || c.progress,
+			"aria-valuenow": d,
 			"aria-valuemin": "0",
 			"aria-valuemax": "100",
 			children: /* @__PURE__ */ p("div", {
-				className: f,
-				style: h
+				className: h,
+				style: g
 			})
 		})]
 	});
 };
-mr.displayName = "Progress";
+br.displayName = "Progress";
 //#endregion
 //#region src/components/Radio/Radio.jsx
-var hr = n(null);
-function gr({ 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 xr = n(null);
+function Sr({ 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 +4111,7 @@ function gr({ 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(hr.Provider, {
+	return /* @__PURE__ */ p(xr.Provider, {
 		value: {
 			value: b,
 			updateValue: x,
@@ -3978,8 +4148,8 @@ function gr({ value: e, onChange: t, name: n, disabled: r = !1, label: a = "", r
 		})
 	});
 }
-function _r({ 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(hr), 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 Cr({ 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(xr), 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,114 +4190,130 @@ function _r({ value: e, checked: t, onChange: n, label: r, name: i, disabled: o
 		]
 	});
 }
-_r.displayName = "Radio", gr.displayName = "RadioGroup";
+Cr.displayName = "Radio", Sr.displayName = "RadioGroup";
 //#endregion
 //#region src/components/Rating/Rating.jsx
-var vr = ({ 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) => {
+var wr = ({ value: e = 0, max: t = 5, readOnly: n = !1, onChange: r = () => {}, className: i = "", style: a = {}, ariaLabel: s, ...c }) => {
+	let [l, u] = d(0), [f, m] = d(e), { messages: h } = q();
+	o(() => m(e), [e]);
+	let g = (e) => {
 		if (n) return;
-		let t = e === u ? 0 : e;
-		f(t), r(t);
+		let t = e === f ? 0 : e;
+		m(t), r(t);
 	};
 	return /* @__PURE__ */ p("div", {
 		className: ["wc-rating", i].filter(Boolean).join(" "),
 		role: "radiogroup",
-		"aria-label": "评分组件",
+		"aria-label": s || h.rating,
 		style: a,
-		...s,
+		...c,
 		children: Array.from({ length: t }, (e, r) => {
 			let i = r + 1;
 			return /* @__PURE__ */ p("button", {
 				type: "button",
-				className: ["wc-rating-item", (i <= c || i <= u) && "wc-rating-item--active"].filter(Boolean).join(" "),
-				onMouseEnter: () => !n && l(i),
-				onMouseLeave: () => !n && l(0),
-				onClick: () => m(i),
+				className: ["wc-rating-item", (i <= l || i <= f) && "wc-rating-item--active"].filter(Boolean).join(" "),
+				onMouseEnter: () => !n && u(i),
+				onMouseLeave: () => !n && u(0),
+				onClick: () => g(i),
 				disabled: n,
-				"aria-label": `${i} / ${t}`,
-				"aria-checked": i === u,
+				"aria-label": h.ratingValue(i, t),
+				"aria-checked": i === f,
 				role: "radio",
 				children: "★"
 			}, i);
 		})
 	});
 };
-vr.displayName = "Rating";
+wr.displayName = "Rating";
 //#endregion
 //#region src/components/Select/Select.jsx
-var yr = ({ 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 Tr = ({ 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);
+	};
+	se({
+		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);
-	}, G = (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);
-	}, ee = (e) => {
-		h || (e.key === "Enter" || e.key === " " ? (e.preventDefault(), V()) : e.key === "Escape" && (P(!1), I(!1)));
-	}, te = () => 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();
+	}, G = () => 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
 	}), K = () => {
 		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(" ");
 	}, q = () => {
 		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(" ");
 	}, J = (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(" ");
-	}, Y = s(), ne = w || C || Y;
+	}, ie = s(), Y = C || S || ie;
 	return /* @__PURE__ */ m("div", {
-		className: B(),
-		style: E,
-		ref: L,
+		className: H(),
+		style: T,
+		ref: R,
 		children: [
 			i && /* @__PURE__ */ m("label", {
-				htmlFor: ne,
-				id: `${ne}-label`,
+				htmlFor: Y,
+				id: `${Y}-label`,
 				className: K(),
-				children: [i, f && /* @__PURE__ */ p("span", {
+				children: [i, l && /* @__PURE__ */ p("span", {
 					className: "wc-select__required",
 					children: "*"
 				})]
@@ -4136,40 +4322,41 @@ var yr = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Selec
 				className: q(),
 				children: [/* @__PURE__ */ m("div", {
 					className: "wc-select__control",
-					id: ne,
-					onClick: V,
-					onFocus: W,
-					onBlur: G,
-					onKeyDown: ee,
-					tabIndex: h ? -1 : 0,
+					id: Y,
+					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 ? `${ne}-label` : void 0,
-					"aria-controls": `${ne}-options`,
-					"aria-disabled": h,
-					"aria-required": f,
+					"aria-labelledby": i ? `${Y}-label` : void 0,
+					"aria-controls": `${Y}-options`,
+					"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: te()
+						children: G()
 					}), /* @__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: `${ne}-options`,
-					style: { maxHeight: S },
-					ref: R,
+					id: `${Y}-options`,
+					style: { maxHeight: x },
+					ref: z,
 					children: /* @__PURE__ */ p("div", {
 						className: "wc-select__options",
 						role: "listbox",
@@ -4177,15 +4364,17 @@ var yr = ({ 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: J(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 +4388,9 @@ var yr = ({ 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,29 +4398,29 @@ var yr = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Selec
 		]
 	});
 };
-yr.displayName = "Select";
+Tr.displayName = "Select";
 //#endregion
 //#region src/components/Skeleton/Skeleton.jsx
-var br = {
+var Er = {
 	text: "wc-skeleton--text",
 	rectangular: "wc-skeleton--rectangular",
 	rounded: "wc-skeleton--rounded",
 	circular: "wc-skeleton--circular"
-}, xr = ({ 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", br[i] || br.text];
+}, Dr = ({ animation: e = "pulse", component: t = "div", height: n, width: r, variant: i = "text", style: a = {}, className: o = "", ...s }) => {
+	let { messages: c } = q(), u = l(() => {
+		let t = ["wc-skeleton", Er[i] || Er.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, {
-		className: `${c} ${o}`,
-		style: u,
+	}, [e, i]), d = { ...a };
+	return r !== void 0 && (d.width = typeof r == "number" ? `${r}px` : r), n !== void 0 && (d.height = typeof n == "number" ? `${n}px` : n), !r && !n && (i === "circular" ? (d.width = "40px", d.height = "40px") : i === "text" ? (d.width = "100%", d.height = "16px") : (d.width = "100%", d.height = "128px")), /* @__PURE__ */ p(t, {
+		className: `${u} ${o}`,
+		style: d,
 		role: "status",
 		"aria-live": "polite",
-		"aria-label": "正在加载",
+		"aria-label": c.loading,
 		"aria-busy": "true",
 		...s
 	});
-}, Sr = ({ 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 = {}, ..._ }) => {
+}, Or = ({ 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 +4467,29 @@ var br = {
 		})]
 	});
 };
-Sr.displayName = "Slider";
+Or.displayName = "Slider";
 //#endregion
 //#region src/components/SlideOver/SlideOver.jsx
-var Cr = ({ 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 kr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width: r = 400, children: a, header: o, footer: s }) => {
+	let c = u(null), { messages: l } = q(), d = i(() => {
+		t?.();
+	}, [t]);
+	return se({
+		open: e,
+		elementRef: c,
+		modal: !0,
+		lockScroll: !0,
+		restoreFocus: !0,
+		initialFocus: !0,
+		closeOnEscape: !0,
+		closeOnPointerDownOutside: !1,
+		onEscapeKeyDown: d,
+		zIndex: 3e3
+	}), /* @__PURE__ */ p(oe, { children: e ? /* @__PURE__ */ m("div", {
 		className: "wc-slideover-wrapper",
 		children: [/* @__PURE__ */ p("div", {
 			className: "wc-slideover-overlay",
-			onClick: t
+			onClick: d
 		}), /* @__PURE__ */ m("div", {
 			ref: c,
 			className: `wc-slideover-panel wc-slideover-${n}`,
@@ -4307,13 +4498,13 @@ var Cr = ({ 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,8 +4513,8 @@ var Cr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 				/* @__PURE__ */ p("button", {
 					className: "wc-slideover-close",
 					type: "button",
-					onClick: t,
-					"aria-label": "关闭",
+					onClick: d,
+					"aria-label": l.closeDialog,
 					children: /* @__PURE__ */ p("svg", {
 						viewBox: "0 0 24 24",
 						"aria-hidden": "true",
@@ -4332,8 +4523,8 @@ var Cr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 				})
 			]
 		})]
-	}) : null, document.body);
-}, wr = ({ as: e = "div", ratio: t = "equal", gap: n = "xl", align: r = "stretch", collapse: i = "md", className: a = "", children: o, ...s }) => /* @__PURE__ */ p(e, {
+	}) : null });
+}, Ar = ({ 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 +4533,34 @@ var Cr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 	...s,
 	children: o
 });
-wr.displayName = "Split", wr.propTypes = {
+Ar.displayName = "Split", Ar.propTypes = {
 	as: $.default.elementType,
-	ratio: $.default.oneOf(On),
-	gap: $.default.oneOf(Cn),
-	align: $.default.oneOf(wn),
-	collapse: $.default.oneOf(kn),
+	ratio: $.default.oneOf(Ln),
+	gap: $.default.oneOf(Mn),
+	align: $.default.oneOf(Nn),
+	collapse: $.default.oneOf(Rn),
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
 //#region src/components/Stack/Stack.jsx
-var Tr = ({ as: e = "div", gap: t = "md", align: n = "stretch", className: r = "", children: i, ...a }) => /* @__PURE__ */ p(e, {
+var jr = ({ 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
 });
-Tr.displayName = "Stack", Tr.propTypes = {
+jr.displayName = "Stack", jr.propTypes = {
 	as: $.default.elementType,
-	gap: $.default.oneOf(Cn),
-	align: $.default.oneOf(wn),
+	gap: $.default.oneOf(Mn),
+	align: $.default.oneOf(Nn),
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
 //#region src/components/Snackbar/Snackbar.jsx
-var Er = ({ severity: e }) => {
+var Mr = ({ 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,23 +4577,23 @@ var Er = ({ severity: e }) => {
 		}), t]
 	});
 };
-function Dr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r = "", severity: i = "info", variant: a = "standard", autoHideDuration: s = 6e3, anchorOrigin: c = {
+function Nr({ 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 }) {
-	let x = t !== void 0, [S, C] = d(x ? t : e), [w, T] = d(100);
+}, action: l = "", closable: u = !0, showIcon: f = !0, showProgress: g = !1, onClose: _ = () => {}, onUpdateModelValue: v, onAction: y = () => {}, children: b }) {
+	let { messages: x } = q(), S = t !== void 0, [C, w] = d(S ? t : e), [T, E] = d(100);
 	o(() => {
-		let n = x ? t : e;
-		C(n), n && T(100);
+		let n = S ? t : e;
+		w(n), n && E(100);
 	}, [e, t]), o(() => {
-		if (!S || s <= 0) return;
+		if (!C || s <= 0) return;
 		let e = Date.now(), t = setTimeout(() => {
-			E();
+			D();
 		}, 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);
+				E(r), r <= 0 && clearInterval(n);
 			}, 50);
 			return () => {
 				clearTimeout(t), clearInterval(n);
@@ -4410,34 +4601,34 @@ function Dr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r =
 		}
 		return () => clearTimeout(t);
 	}, [
-		S,
+		C,
 		s,
-		h
+		g
 	]);
-	let E = () => {
-		x ? v?.(!1) : C(!1), _();
-	}, D = () => {
+	let D = () => {
+		S ? v?.(!1) : w(!1), _();
+	}, O = () => {
 		y();
 	};
-	if (!S) return null;
-	let O = [
+	if (!C) return null;
+	let k = [
 		"wc-snackbar",
 		`wc-snackbar--${a}`,
 		`wc-snackbar--${i}`
-	], k = {
+	], A = {
 		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", {
-		className: O.join(" "),
-		style: k,
+	}, { vertical: j, horizontal: M } = c;
+	return j === "top" ? A.top = "20px" : A.bottom = "20px", M === "left" ? A.left = "20px" : M === "right" ? A.right = "20px" : (A.left = "50%", A.transform = "translateX(-50%)"), h(/* @__PURE__ */ m("div", {
+		className: k.join(" "),
+		style: A,
 		role: "alert",
 		"aria-live": "assertive",
 		"aria-atomic": "true",
 		children: [
 			f && /* @__PURE__ */ p("div", {
 				className: "wc-snackbar__icon",
-				children: /* @__PURE__ */ p(Er, { severity: i })
+				children: /* @__PURE__ */ p(Mr, { severity: i })
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "wc-snackbar__content",
@@ -4454,15 +4645,15 @@ function Dr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r =
 				children: b?.action || /* @__PURE__ */ p("button", {
 					type: "button",
 					className: "wc-snackbar__action",
-					onClick: D,
+					onClick: O,
 					children: l
 				})
 			}),
 			u && /* @__PURE__ */ p("button", {
 				type: "button",
 				className: "wc-snackbar__close",
-				"aria-label": "关闭",
-				onClick: E,
+				"aria-label": x.close,
+				onClick: D,
 				children: /* @__PURE__ */ p("svg", {
 					viewBox: "0 0 20 20",
 					fill: "none",
@@ -4473,11 +4664,11 @@ function Dr({ 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",
-					style: { width: `${w}%` }
+					style: { width: `${T}%` }
 				})
 			})
 		]
@@ -4485,7 +4676,7 @@ function Dr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r =
 }
 //#endregion
 //#region ../core/src/components/Status/utils.js
-var Or = [
+var Pr = [
 	"default",
 	"success",
 	"error",
@@ -4494,7 +4685,7 @@ var Or = [
 	"pending",
 	"processing",
 	"cancelled"
-], kr = [
+], Fr = [
 	"auto",
 	"pulse",
 	"spin",
@@ -4504,7 +4695,7 @@ var Or = [
 	"breathe",
 	"ripple",
 	"glow"
-], Ar = {
+], Ir = {
 	default: {
 		text: "默认",
 		color: "var(--wc-text-tertiary)"
@@ -4538,29 +4729,29 @@ var Or = [
 		color: "var(--wc-text-disabled)"
 	}
 };
-function jr(e) {
-	return Or.includes(e);
+function Lr(e) {
+	return Pr.includes(e);
 }
-function Mr(e) {
-	return jr(e) ? e : "default";
+function Rr(e) {
+	return Lr(e) ? e : "default";
 }
-function Nr({ status: e, size: t, showText: n, animated: r, animationType: i = "auto", className: a }) {
-	let o = Mr(e), s = [
+function zr({ status: e, size: t, showText: n, animated: r, animationType: i = "auto", className: a }) {
+	let o = Rr(e), s = [
 		"wc-status",
 		`wc-status--${o}`,
 		`wc-status--${t}`
 	];
 	if (n && s.push("wc-status--with-text"), r) {
-		let e = Fr(o, i);
+		let e = Vr(o, i);
 		s.push("wc-status--animated", `wc-status--${e}`);
 	}
 	return a && s.push(a), s.filter(Boolean).join(" ");
 }
-function Pr(e) {
-	return Ar[e]?.text || Ar.default.text;
+function Br(e) {
+	return Ir[e]?.text || Ir.default.text;
 }
-function Fr(e, t = "auto") {
-	return t !== "auto" && kr.includes(t) ? t : {
+function Vr(e, t = "auto") {
+	return t !== "auto" && Fr.includes(t) ? t : {
 		processing: "spin",
 		pending: "pulse",
 		success: "bounce",
@@ -4573,17 +4764,18 @@ function Fr(e, t = "auto") {
 }
 //#endregion
 //#region src/components/Status/Status.jsx
-var Ir = ({ status: e = "default", size: t = "md", showText: n = !1, animated: r = !1, animationType: i = "auto", className: a = "", ...o }) => {
-	let s = Nr({
+var Hr = ({ status: e = "default", size: t = "md", showText: n = !1, animated: r = !1, animationType: i = "auto", className: a = "", ...o }) => {
+	let s = zr({
 		status: e,
 		size: t,
 		showText: n,
 		animated: r,
 		animationType: i,
 		className: a
-	}), c = Pr(e);
+	}), c = Br(e);
 	return /* @__PURE__ */ p("span", {
 		className: s,
+		role: "status",
 		title: c,
 		"aria-label": c,
 		...o,
@@ -4593,11 +4785,11 @@ var Ir = ({ status: e = "default", size: t = "md", showText: n = !1, animated: r
 		})
 	});
 };
-Ir.displayName = "Status";
+Hr.displayName = "Status";
 //#endregion
 //#region src/components/Switch/Switch.jsx
-var Lr = ({ 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 = [
+var Ur = ({ 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 { messages: d } = q(), f = s(), h = `${f}-input`, g = [
 		"primary",
 		"success",
 		"warning",
@@ -4606,24 +4798,24 @@ var Lr = ({ checked: e = !1, onChange: t, label: n = "", description: r = "", di
 		"orange",
 		"cyan",
 		"pink"
-	].includes(o) ? o : "primary", g = [
+	].includes(o) ? o : "primary", _ = [
 		"sm",
 		"md",
 		"lg"
-	].includes(c) ? c : "md", _ = [
+	].includes(c) ? c : "md", v = [
 		"wc-switch",
-		`wc-switch--${h}`,
-		g !== "md" && `wc-switch--${g}`,
+		`wc-switch--${g}`,
+		_ !== "md" && `wc-switch--${_}`,
 		i && "wc-switch--disabled",
 		l
-	].filter(Boolean).join(" "), v = (e) => {
+	].filter(Boolean).join(" "), y = (e) => {
 		i || !t || t(e.target.checked);
 	};
 	return /* @__PURE__ */ m("div", {
 		className: "wc-switch-wrapper",
 		children: [n && /* @__PURE__ */ m("label", {
-			id: d,
-			htmlFor: f,
+			id: f,
+			htmlFor: h,
 			className: "wc-switch__label",
 			children: [n, a && /* @__PURE__ */ p("span", {
 				className: "wc-switch__required",
@@ -4632,19 +4824,20 @@ var Lr = ({ checked: e = !1, onChange: t, label: n = "", description: r = "", di
 		}), /* @__PURE__ */ m("div", {
 			className: "wc-switch__container",
 			children: [/* @__PURE__ */ m("label", {
-				className: _,
+				className: v,
 				"aria-disabled": i,
 				children: [/* @__PURE__ */ p("input", {
 					type: "checkbox",
-					id: f,
+					id: h,
 					className: "wc-switch__input",
 					checked: e,
 					disabled: i,
-					"aria-labelledby": n ? d : void 0,
+					"aria-labelledby": n ? f : void 0,
+					"aria-label": n ? void 0 : d.switchControl,
 					"aria-checked": e,
 					required: a,
 					role: "switch",
-					onChange: v,
+					onChange: y,
 					...u
 				}), /* @__PURE__ */ p("span", {
 					className: "wc-switch__track",
@@ -4657,20 +4850,20 @@ var Lr = ({ checked: e = !1, onChange: t, label: n = "", description: r = "", di
 		})]
 	});
 };
-Lr.displayName = "Switch";
+Ur.displayName = "Switch";
 //#endregion
 //#region src/components/Table/Table.jsx
-var Rr = n({
+var Wr = n({
 	size: "md",
 	dense: !1,
 	hover: !1,
 	striped: !1
-}), zr = ({ size: e = "md", stickyHeader: t = !1, dense: n = !1, hover: r = !1, striped: i = !1, children: a, className: o = "", ...s }) => /* @__PURE__ */ p("div", {
+}), Gr = ({ 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(Rr.Provider, {
+		children: /* @__PURE__ */ p(Wr.Provider, {
 			value: {
 				size: e,
 				dense: n,
@@ -4682,24 +4875,24 @@ var Rr = n({
 		})
 	})
 });
-zr.displayName = "Table";
-var Br = ({ children: e, className: t = "", ...n }) => {
-	let { stickyHeader: r } = a(Rr);
+Gr.displayName = "Table";
+var Kr = ({ children: e, className: t = "", ...n }) => {
+	let { stickyHeader: r } = a(Wr);
 	return /* @__PURE__ */ p("thead", {
 		className: `wc-table-head${r ? " wc-table-head--sticky" : ""} ${t}`,
 		...n,
 		children: e
 	});
 };
-Br.displayName = "TableHead";
-var Vr = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ p("tbody", {
+Kr.displayName = "TableHead";
+var qr = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ p("tbody", {
 	className: `wc-table-body ${t}`,
 	...n,
 	children: e
 });
-Vr.displayName = "TableBody";
-var Hr = ({ hover: e, selected: t = !1, clickable: n = !1, children: r, className: i = "", onClick: o, ...s }) => {
-	let c = a(Rr);
+qr.displayName = "TableBody";
+var Jr = ({ hover: e, selected: t = !1, clickable: n = !1, children: r, className: i = "", onClick: o, ...s }) => {
+	let c = a(Wr);
 	return /* @__PURE__ */ p("tr", {
 		className: [
 			"wc-table-row",
@@ -4713,9 +4906,9 @@ var Hr = ({ hover: e, selected: t = !1, clickable: n = !1, children: r, classNam
 		children: r
 	});
 };
-Hr.displayName = "TableRow";
-var Ur = ({ 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(Rr), f = r || (d.dense ? "small" : "medium");
+Jr.displayName = "TableRow";
+var Yr = ({ 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(Wr), f = r || (d.dense ? "small" : "medium");
 	return /* @__PURE__ */ p(e, {
 		className: [
 			"wc-table-cell",
@@ -4732,29 +4925,29 @@ var Ur = ({ component: e = "td", align: t = "inherit", padding: n = "normal", si
 		children: c
 	});
 };
-Ur.displayName = "TableCell";
-var Wr = Object.assign(zr, {
-	Head: Br,
-	Body: Vr,
-	Row: Hr,
-	Cell: Ur
-}), Gr = ({ 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;
+Yr.displayName = "TableCell";
+var Xr = Object.assign(Gr, {
+	Head: Kr,
+	Body: qr,
+	Row: Jr,
+	Cell: Yr
+}), Zr = ({ tabs: e = [], activeIndex: t, onChange: n, variant: r = "default", children: i, className: a = "", ...c }) => {
+	let l = s(), { messages: u } = q(), [f, h] = d(t || 0), g = t !== void 0, _ = g ? t : f;
 	o(() => {
-		h && f(t);
-	}, [t, h]);
-	let _ = [
+		g && h(t);
+	}, [t, g]);
+	let v = [
 		"wc-tabs",
 		r === "pills" && "wc-tabs--pills",
 		r === "underline" && "wc-tabs--underline",
 		(r === "default" || !["pills", "underline"].includes(r)) && "wc-tabs--default",
 		a
-	].filter(Boolean).join(" "), v = (e, t) => {
+	].filter(Boolean).join(" "), y = (e, t) => {
 		let n = ["wc-tab"];
-		return g === e && n.push("wc-tab--active"), n.join(" ");
-	}, y = (e, t) => {
-		t.disabled || (h || f(e), n && n(e, t));
-	}, b = e[g], x = (t, n) => {
+		return _ === e && n.push("wc-tab--active"), n.join(" ");
+	}, b = (e, t) => {
+		t.disabled || (g || h(e), n && n(e, t));
+	}, x = e[_], S = (t, n) => {
 		if (![
 			"ArrowLeft",
 			"ArrowRight",
@@ -4765,25 +4958,25 @@ var Wr = Object.assign(zr, {
 		let r = e.map((e, t) => e.disabled ? -1 : t).filter((e) => e >= 0);
 		if (!r.length) return;
 		let i = r.indexOf(n), a;
-		a = t.key === "Home" ? r[0] : t.key === "End" ? r[r.length - 1] : t.key === "ArrowRight" ? r[(i + 1) % r.length] : r[(i - 1 + r.length) % r.length], y(a, e[a]), t.currentTarget.parentElement?.querySelectorAll("[role=\"tab\"]")[a]?.focus();
+		a = t.key === "Home" ? r[0] : t.key === "End" ? r[r.length - 1] : t.key === "ArrowRight" ? r[(i + 1) % r.length] : r[(i - 1 + r.length) % r.length], b(a, e[a]), t.currentTarget.parentElement?.querySelectorAll("[role=\"tab\"]")[a]?.focus();
 	};
 	return /* @__PURE__ */ m("div", {
 		className: "wc-tabs-wrapper",
 		...c,
 		children: [/* @__PURE__ */ p("div", {
-			className: _,
+			className: v,
 			role: "tablist",
-			"aria-label": "内容分组",
+			"aria-label": u.tabList,
 			children: e.map((e, t) => /* @__PURE__ */ p("button", {
-				className: v(t, e.disabled),
-				onClick: () => y(t, e),
-				onKeyDown: (e) => x(e, t),
+				className: y(t, e.disabled),
+				onClick: () => b(t, e),
+				onKeyDown: (e) => S(e, t),
 				disabled: e.disabled,
 				id: `${l}-tab-${t}`,
 				role: "tab",
-				"aria-selected": g === t,
+				"aria-selected": _ === t,
 				"aria-controls": `${l}-panel`,
-				tabIndex: g === t ? 0 : -1,
+				tabIndex: _ === t ? 0 : -1,
 				type: "button",
 				children: e.title
 			}, e.key || t))
@@ -4791,18 +4984,18 @@ var Wr = Object.assign(zr, {
 			id: `${l}-panel`,
 			className: "wc-tab-content",
 			role: "tabpanel",
-			"aria-labelledby": `${l}-tab-${g}`,
+			"aria-labelledby": `${l}-tab-${_}`,
 			children: typeof i == "function" ? i({
-				activeTab: b,
-				activeIndex: g
+				activeTab: x,
+				activeIndex: _
 			}) : i
 		})]
 	});
 };
-Gr.displayName = "Tabs";
+Zr.displayName = "Tabs";
 //#endregion
 //#region src/components/TextField/TextField.jsx
-var Kr = ({ 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 Qr = ({ 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);
@@ -4812,45 +5005,45 @@ var Kr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeho
 		H(!!n), t?.(e);
 	}, W = (e) => {
 		B(!0), N?.(e);
-	}, G = (e) => {
+	}, ee = (e) => {
 		B(!1), P?.(e);
-	}, ee = () => {
+	}, te = () => {
 		let e = ["wc-textfield"];
 		return h && e.push("wc-textfield--full-width"), g && e.push("wc-textfield--multiline"), j && e.push(j), e.filter(Boolean).join(" ");
-	}, te = () => {
+	}, 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(" ");
-	}, K = () => {
+	}, 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(" ");
-	}, q = g ? "textarea" : "input", J = A || k || `textfield-${Math.random().toString(36).substr(2, 9)}`, Y = !!s;
+	}, G = g ? "textarea" : "input", K = A || k || `textfield-${Math.random().toString(36).substr(2, 9)}`, q = !!s;
 	return /* @__PURE__ */ m("div", {
-		className: ee(),
+		className: te(),
 		style: M,
 		children: [
 			r && /* @__PURE__ */ m("label", {
-				htmlFor: J,
-				className: K(),
+				htmlFor: K,
+				className: re(),
 				children: [r, c && /* @__PURE__ */ p("span", {
 					className: "wc-textfield__required",
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ m("div", {
-				className: te(),
+				className: ne(),
 				children: [
 					C && /* @__PURE__ */ p("div", {
 						className: "wc-textfield__adornment wc-textfield__adornment--start",
 						children: C
 					}),
-					/* @__PURE__ */ p(q, {
+					/* @__PURE__ */ p(G, {
 						className: g ? "wc-textfield__input wc-textfield__textarea" : "wc-textfield__input",
-						id: J,
+						id: K,
 						type: g ? void 0 : n,
 						value: e,
 						onChange: U,
 						onFocus: W,
-						onBlur: G,
+						onBlur: ee,
 						onKeyDown: F,
 						onKeyUp: I,
 						onKeyPress: L,
@@ -4867,9 +5060,9 @@ var Kr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeho
 						name: k,
 						...R
 					}),
-					(w || Y) && /* @__PURE__ */ m("div", {
+					(w || q) && /* @__PURE__ */ m("div", {
 						className: "wc-textfield__adornment wc-textfield__adornment--end",
-						children: [Y && /* @__PURE__ */ p("svg", {
+						children: [q && /* @__PURE__ */ p("svg", {
 							className: "wc-textfield__error-icon",
 							fill: "currentColor",
 							viewBox: "0 0 20 20",
@@ -4882,68 +5075,76 @@ var Kr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeho
 					})
 				]
 			}),
-			(a || Y) && /* @__PURE__ */ p("div", {
-				className: `wc-textfield__helper-text ${Y ? "wc-textfield__helper-text--error" : ""}`,
-				children: Y ? s : a
+			(a || q) && /* @__PURE__ */ p("div", {
+				className: `wc-textfield__helper-text ${q ? "wc-textfield__helper-text--error" : ""}`,
+				children: q ? s : a
 			})
 		]
 	});
 };
-Kr.displayName = "TextField";
+Qr.displayName = "TextField";
 //#endregion
 //#region ../core/src/components/Toolbar/utils.js
-var qr = (e, t, n = "") => {
+var $r = (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(" ");
-}, Jr = ({ children: e, variant: t = "regular", disableGutters: n = !1, className: r = "", style: i = {}, ...a }) => /* @__PURE__ */ p("div", {
-	className: qr(t, n, r),
+}, ei = ({ children: e, variant: t = "regular", disableGutters: n = !1, className: r = "", style: i = {}, ...a }) => /* @__PURE__ */ p("div", {
+	className: $r(t, n, r),
 	style: i,
 	...a,
 	children: e
-}), Yr = {
+}), ti = {
 	top: "wc-tooltip--top",
 	bottom: "wc-tooltip--bottom",
 	left: "wc-tooltip--left",
 	right: "wc-tooltip--right"
-}, Xr = [
+}, ni = [
 	"top",
 	"bottom",
 	"left",
 	"right"
 ];
-function Zr(e) {
-	return Xr.includes(e);
+function ri(e) {
+	return ni.includes(e);
 }
-function Qr(e) {
-	return Yr[e] || Yr.top;
+function ii(e) {
+	return ti[e] || ti.top;
 }
 //#endregion
 //#region src/components/Tooltip/Tooltip.jsx
-function $r({ text: e, placement: t = "top", children: n, className: r = "" }) {
-	Zr(t) || console.warn(`Invalid tooltip placement: ${t}. Using 'top' as default.`);
-	let [i, a] = d(!1), o = s(), c = Qr(t), l = () => {
+function ai({ text: e, placement: t = "top", children: n, className: r = "" }) {
+	ri(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 = ii(ce({
+		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(oe, { 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 ei = {
+var oi = {
 	h1: "h1",
 	h2: "h2",
 	h3: "h3",
@@ -4957,7 +5158,7 @@ var ei = {
 	caption: "span",
 	overline: "span",
 	button: "span"
-}, ti = {
+}, si = {
 	h1: "wc-typography--h1",
 	h2: "wc-typography--h2",
 	h3: "wc-typography--h3",
@@ -4971,7 +5172,7 @@ var ei = {
 	caption: "wc-typography--caption",
 	overline: "wc-typography--overline",
 	button: "wc-typography--button"
-}, ni = {
+}, ci = {
 	inherit: "wc-typography--color-inherit",
 	primary: "wc-typography--color-primary",
 	secondary: "wc-typography--color-secondary",
@@ -4981,12 +5182,12 @@ var ei = {
 	textPrimary: "wc-typography--color-text-primary",
 	textSecondary: "wc-typography--color-text-secondary",
 	textDisabled: "wc-typography--color-text-disabled"
-}, ri = {
+}, li = {
 	left: "wc-typography--align-left",
 	center: "wc-typography--align-center",
 	right: "wc-typography--align-right",
 	justify: "wc-typography--align-justify"
-}, ii = {
+}, ui = {
 	h1: "1.2",
 	h2: "1.2",
 	h3: "1.3",
@@ -5001,15 +5202,15 @@ var ei = {
 	overline: "1.4",
 	button: "1.4"
 };
-function ai(e, t) {
-	return t || ei[e] || "p";
+function di(e, t) {
+	return t || oi[e] || "p";
 }
-function oi(e, t, n, r, i, a = "") {
+function fi(e, t, n, r, i, a = "") {
 	return [
 		"wc-typography",
-		ti[e],
-		ni[t],
-		n === "inherit" ? null : ri[n],
+		si[e],
+		ci[t],
+		n === "inherit" ? null : li[n],
 		r ? "wc-typography--gutter-bottom" : null,
 		i ? "wc-typography--no-wrap" : null,
 		a
@@ -5017,19 +5218,19 @@ function oi(e, t, n, r, i, a = "") {
 }
 //#endregion
 //#region src/components/Typography/Typography.jsx
-var si = ({ 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(ai(e, t), {
-	className: oi(e, n, r, i, a, s),
+var pi = ({ 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(di(e, t), {
+	className: fi(e, n, r, i, a, s),
 	style: {
-		lineHeight: ii[e],
+		lineHeight: ui[e],
 		...c
 	},
 	...l,
 	children: o
 });
-si.displayName = "Typography";
+pi.displayName = "Typography";
 //#endregion
 //#region ../core/src/components/TypingText/utils.jsx
-var ci = class {
+var mi = 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 +5251,9 @@ var ci = class {
 	updateText(e) {
 		this.text = e, this.reset(), this.start();
 	}
-}, li = ({ 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 }) => {
+}, hi = ({ 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 ci(e, {
+	return o(() => (g.current = new mi(e, {
 		speed: t,
 		pause: n,
 		loop: r,
@@ -5076,29 +5277,29 @@ var ci = class {
 		}), a && /* @__PURE__ */ p("span", { className: "typing-cursor" })]
 	});
 };
-li.displayName = "TypingText";
+hi.displayName = "TypingText";
 //#endregion
 //#region src/components/Input/VerificationCodeInput.jsx
-var ui = ({ length: e = 6, value: t = "", onChange: n, onComplete: r, autoFocus: i = !1, className: a = "", ...s }) => {
-	let c = u([]);
+var gi = ({ length: e = 6, value: t = "", onChange: n, onComplete: r, autoFocus: i = !1, className: a = "", ...s }) => {
+	let { messages: c } = q(), l = u([]);
 	o(() => {
 		typeof t == "string" && t.split("").forEach((e, t) => {
-			c.current[t] && (c.current[t].value = e);
+			l.current[t] && (l.current[t].value = e);
 		});
 	}, [t]), o(() => {
-		i && c.current[0] && c.current[0].focus();
+		i && l.current[0] && l.current[0].focus();
 	}, [i]);
-	let l = (e) => {
-		let t = c.current[e];
+	let d = (e) => {
+		let t = l.current[e];
 		t && t.focus();
-	}, d = () => c.current.map((e) => e ? e.value : "").join(""), f = (t) => (i) => {
+	}, f = () => l.current.map((e) => e ? e.value : "").join(""), m = (t) => (i) => {
 		let a = i.target.value.replace(/[^0-9a-zA-Z]/g, "");
 		i.target.value = a.toUpperCase();
-		let o = d();
-		n?.(o), a && t < e - 1 && l(t + 1), o.length === e && r?.(o);
-	}, m = (e) => (t) => {
-		t.key === "Backspace" && !t.target.value && e > 0 && (t.preventDefault(), l(e - 1));
-	}, h = (e) => {
+		let o = f();
+		n?.(o), a && t < e - 1 && d(t + 1), o.length === e && r?.(o);
+	}, h = (e) => (t) => {
+		t.key === "Backspace" && !t.target.value && e > 0 && (t.preventDefault(), d(e - 1));
+	}, g = (e) => {
 		e.target.select();
 	};
 	return /* @__PURE__ */ p("div", {
@@ -5107,12 +5308,12 @@ var ui = ({ length: e = 6, value: t = "", onChange: n, onComplete: r, autoFocus:
 			t.preventDefault();
 			let i = (t.clipboardData?.getData("text") || "").trim().slice(0, e);
 			i && (i.split("").forEach((e, t) => {
-				c.current[t] && (c.current[t].value = e);
+				l.current[t] && (l.current[t].value = e);
 			}), n?.(i), i.length === e && r?.(i));
 		},
 		...s,
 		children: Array.from({ length: e }).map((e, t) => /* @__PURE__ */ p("input", {
-			ref: (e) => c.current[t] = e,
+			ref: (e) => l.current[t] = e,
 			id: `wc-input-code-${t}`,
 			name: `wc-input-code-${t}`,
 			className: "wc-input-code__box",
@@ -5120,100 +5321,101 @@ var ui = ({ length: e = 6, value: t = "", onChange: n, onComplete: r, autoFocus:
 			maxLength: 1,
 			autoComplete: "one-time-code",
 			inputMode: "numeric",
-			onInput: f(t),
-			onKeyDown: m(t),
-			onFocus: h
+			"aria-label": c.verificationCodeDigit(t + 1),
+			onInput: m(t),
+			onKeyDown: h(t),
+			onFocus: g
 		}, t))
 	});
 };
-ui.displayName = "VerificationCodeInput";
+gi.displayName = "VerificationCodeInput";
 //#endregion
 //#region ../core/src/components/VideoPlayer/utils.js
-function di(e) {
+function _i(e) {
 	return `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
 }
-function fi(e, t) {
+function vi(e, t) {
 	let n = e.currentTarget.getBoundingClientRect();
 	return (e.clientX - n.left) / n.width * t;
 }
-function pi(e) {
+function yi(e) {
 	e && (document.fullscreenElement ? document.exitFullscreen?.() : e.requestFullscreen?.());
 }
 //#endregion
 //#region src/components/VideoPlayer/VideoPlayer.jsx
-var mi = ({ 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 = di(S), T = di(b), E = () => {
-		let e = s.current;
+var bi = ({ src: e, autoplay: t = !1, loop: n = !1, className: r = "", style: i = {}, ...a }) => {
+	let { messages: s } = q(), c = u(null), [l, f] = d(!1), [h, g] = d(0), [_, v] = d(.7), [y, b] = d(!1), [x, S] = d(0), [C, w] = d(0), T = _i(C), E = _i(x), D = () => {
+		let e = c.current;
 		e && (e.paused ? e.play() : e.pause());
-	}, D = () => {
-		let e = s.current;
-		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 = fi(e, b));
-	}, k = () => {
-		y((e) => {
+	}, O = () => {
+		let e = c.current;
+		e && (S(e.duration || 0), w(e.currentTime), g(e.duration ? e.currentTime / e.duration * 100 : 0), f(!e.paused));
+	}, k = (e) => {
+		let t = c.current;
+		t && (t.currentTime = vi(e, x));
+	}, A = () => {
+		b((e) => {
 			let t = !e;
-			return s.current && (s.current.muted = t), t;
+			return c.current && (c.current.muted = t), t;
 		});
-	}, A = () => {
-		pi(s.current?.parentElement);
+	}, j = () => {
+		yi(c.current?.parentElement);
 	};
 	return o(() => {
-		s.current && (s.current.volume = g);
-	}, [g]), o(() => {
-		let e = s.current;
-		e && (e.muted = v, e.loop = n, t && e.play());
+		c.current && (c.current.volume = _);
+	}, [_]), o(() => {
+		let e = c.current;
+		e && (e.muted = y, e.loop = n, t && e.play());
 	}, [
 		t,
 		n,
-		v
+		y
 	]), /* @__PURE__ */ m("div", {
 		className: `video-wrapper ${r}`,
 		style: i,
 		...a,
 		children: [/* @__PURE__ */ p("video", {
-			ref: s,
+			ref: c,
 			className: "video-el",
 			src: e,
-			onTimeUpdate: D,
-			onEnded: () => l(!1)
+			onTimeUpdate: O,
+			onEnded: () => f(!1)
 		}), /* @__PURE__ */ m("div", {
 			className: "controls",
 			children: [
 				/* @__PURE__ */ p("button", {
 					className: "ctrl-btn",
-					"aria-label": c ? "暂停" : "播放",
-					onClick: E,
-					children: c ? "❚❚" : "▶️"
+					"aria-label": l ? s.pauseVideo : s.playVideo,
+					onClick: D,
+					children: l ? "❚❚" : "▶️"
 				}),
 				/* @__PURE__ */ p("div", {
 					className: "progress",
 					role: "slider",
 					tabIndex: 0,
-					"aria-label": "播放进度",
-					"aria-valuenow": Math.round(f),
+					"aria-label": s.videoProgress,
+					"aria-valuenow": Math.round(h),
 					"aria-valuemin": 0,
 					"aria-valuemax": 100,
-					onClick: O,
+					onClick: k,
 					children: /* @__PURE__ */ p("div", {
 						className: "progress-bar",
-						style: { width: `${f}%` }
+						style: { width: `${h}%` }
 					})
 				}),
 				/* @__PURE__ */ m("span", {
 					className: "time",
 					children: [
-						w,
+						T,
 						" / ",
-						T
+						E
 					]
 				}),
 				/* @__PURE__ */ p("button", {
 					className: "ctrl-btn",
-					"aria-label": v ? "取消静音" : "静音",
-					onClick: k,
-					children: v ? "🔇" : "🔊"
+					"aria-label": y ? s.unmuteVideo : s.muteVideo,
+					onClick: A,
+					children: y ? "🔇" : "🔊"
 				}),
 				/* @__PURE__ */ p("input", {
 					className: "volume",
@@ -5221,23 +5423,24 @@ var mi = ({ src: e, autoplay: t = !1, loop: n = !1, className: r = "", style: i
 					min: "0",
 					max: "1",
 					step: "0.05",
-					value: g,
-					onChange: (e) => _(Number(e.target.value))
+					value: _,
+					"aria-label": s.volume,
+					onChange: (e) => v(Number(e.target.value))
 				}),
 				/* @__PURE__ */ p("button", {
 					className: "ctrl-btn",
-					"aria-label": "全屏",
-					onClick: A,
+					"aria-label": s.enterFullscreen,
+					onClick: j,
 					children: "⛶"
 				})
 			]
 		})]
 	});
 };
-mi.displayName = "VideoPlayer";
+bi.displayName = "VideoPlayer";
 //#endregion
 //#region ../core/src/components/Watermark/utils.js
-var hi = {
+var xi = {
 	content: "",
 	cross: !1,
 	debug: !1,
@@ -5265,14 +5468,14 @@ var hi = {
 	yOffset: 0,
 	zIndex: 10
 };
-function gi(e) {
+function Si(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 _i(e) {
+function Ci(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 +5491,14 @@ function _i(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(") ? gi(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(") ? Si(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 vi(e, t) {
+function wi(e, t) {
 	let n = {
 		position: e.fullscreen ? "fixed" : "absolute",
 		top: 0,
@@ -5314,15 +5517,15 @@ function vi(e, t) {
 }
 //#endregion
 //#region src/components/Watermark/Watermark.jsx
-var yi = (e) => {
+var Ti = (e) => {
 	let t = {
-		...hi,
+		...xi,
 		...e
 	}, [n, r] = d(""), i = !!t.content || !!t.image;
 	o(() => {
 		if (!i) return;
 		let e = !0;
-		return _i(t).then((t) => {
+		return Ci(t).then((t) => {
 			e && r(t);
 		}), () => {
 			e = !1;
@@ -5331,7 +5534,7 @@ var yi = (e) => {
 		let { children: e, ...n } = t;
 		return JSON.stringify(n);
 	}, [t]), i]);
-	let a = l(() => i ? vi(t, n) : {}, [
+	let a = l(() => i ? wi(t, n) : {}, [
 		n,
 		i,
 		t
@@ -5341,11 +5544,11 @@ var yi = (e) => {
 		style: a
 	}), t.children] }) : t.children || null;
 };
-yi.displayName = "Watermark";
+Ti.displayName = "Watermark";
 //#endregion
 //#region src/ThemeReact.tsx
-var bi = n(void 0), xi = typeof window > "u" ? o : c;
-async function Si(e, t, n, r) {
+var Ei = n(void 0), Di = typeof window > "u" ? o : c;
+async function Oi(e, t, n, r) {
 	if (typeof fetch > "u") return {
 		ok: !1,
 		url: e,
@@ -5387,9 +5590,9 @@ async function Si(e, t, n, r) {
 		} : null;
 	}
 }
-var Ci = ({ 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 }) => {
+var ki = ({ 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 ||= C({
+	y.current ||= w({
 		target: a,
 		initialMode: s ?? n,
 		initialResolvedMode: c,
@@ -5397,34 +5600,34 @@ var Ci = ({ children: e, config: t, defaultMode: n = "system", themeUrl: r, targ
 		storage: m,
 		readStorage: s === void 0
 	});
-	let b = y.current, [S, w] = d({
+	let b = y.current, [S, C] = d({
 		mode: b.mode,
 		resolvedMode: b.resolvedMode,
 		dark: b.dark
-	}), T = u(S.resolvedMode), E = u(a), O = u(0), k = u(g), A = u(_), j = u(v);
-	k.current = g, A.current = _, j.current = v, xi(() => {
+	}), 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, Di(() => {
 		let e = b.subscribe((e) => {
-			w(e), T.current !== e.resolvedMode && (T.current = e.resolvedMode, k.current?.(e.resolvedMode));
+			C(e), T.current !== e.resolvedMode && (T.current = e.resolvedMode, k.current?.(e.resolvedMode));
 		});
 		return b.start(), () => {
 			e(), b.destroy();
 		};
-	}, [b]), xi(() => {
+	}, [b]), Di(() => {
 		s !== void 0 && b.setMode(s);
 	}, [b, s]), o(() => {
-		let e = ++O.current, n = E.current, i = typeof AbortController > "u" ? null : new AbortController();
+		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 || D(n);
-		return r && Si(r, n, () => e === O.current, i?.signal).then((e) => {
+		} else r || O(n);
+		return r && Oi(r, n, () => e === D.current, i?.signal).then((e) => {
 			e && (e.ok ? A.current?.(e) : i?.signal.aborted || j.current?.(e));
 		}), () => {
 			i?.abort();
 		};
 	}, [t, r]), o(() => {
 		let e = E.current;
-		return () => D(e);
+		return () => O(e);
 	}, []);
 	let M = i((e) => {
 		s === void 0 && b.setMode(e), h?.(e);
@@ -5448,15 +5651,15 @@ var Ci = ({ children: e, config: t, defaultMode: n = "system", themeUrl: r, targ
 		M,
 		N
 	]);
-	return /* @__PURE__ */ p(bi.Provider, {
+	return /* @__PURE__ */ p(Ei.Provider, {
 		value: P,
 		children: e
 	});
 };
-function wi() {
-	let e = a(bi);
+function Ai() {
+	let e = a(Ei);
 	if (!e) throw Error("useTheme must be used within ThemeProvider");
 	return e;
 }
 //#endregion
-export { G as Accordion, K as Alert, q as AppBar, J as Autocomplete, oe as Avatar, de as Badge, ge as Banner, be as Blockquote, Oe as Box, Fe as Breadcrumb, Ve as Button, ye as Card, He as CardActions, Ue as CardContent, Ke as Checkbox, Ze as Chip, it as CircularProgress, ct as ColorPicker, dt as Container, yt as Copy, Et as DatePicker, Dt as Fab, Rt as Feature, kt as Feed, Bt as FileInput, Ht as FormControl, Ut as FormControlLabel, Wt as FormGroup, Gt as FormHelperText, nn as Grid, rn as HoverCard, bn as Icon, xn as IconButton, Sn as ImageGallery, An as Inline, jn as Input, Ln as List, Rn as ListItem, zn as ListItemIcon, Bn as ListItemText, Yn as Menu, nr as Modal, rr as NumberAnimation, ar as Page, ir as Pagination, dr as Paper, fr as Popover, pr as PricingTable, mr as Progress, _r as Radio, gr as RadioGroup, vr as Rating, yr as Select, xr as Skeleton, Cr as SlideOver, Sr as Slider, Dr as Snackbar, wr as Split, Tr as Stack, Ir as Status, Lr as Switch, _ as THEME_CONFIG_VERSION, v as THEME_MODES, y as THEME_STORAGE_KEY, Wr as Table, Vr as TableBody, Ur as TableCell, Br as TableHead, Hr as TableRow, Gr as Tabs, Kr as TextField, Ci as ThemeProvider, Jr as Toolbar, $r as Tooltip, li as TypingText, si as Typography, ui as VerificationCodeInput, mi as VideoPlayer, yi as Watermark, b as applyThemeConfig, S as createThemeController, w as createThemeInitScript, T as loadThemeConfig, E as resetThemeConfig, O as resolveThemeMode, k as serializeThemeConfig, wi as useTheme, A as validateThemeConfig };
+export { te as Accordion, ie as Alert, Y as AppBar, le as Autocomplete, he as Avatar, ye as Badge, Te as Banner, ke as Blockquote, Le as Box, We as Breadcrumb, Xe as Button, Oe as Card, Ze as CardActions, Qe as CardContent, tt as Checkbox, ot as Chip, pt as CircularProgress, _t as ColorPicker, bt as Container, Ot as Copy, Ft as DatePicker, It as Fab, qt as Feature, Rt as Feed, Yt as FileInput, Zt as FormControl, Qt as FormControlLabel, $t as FormGroup, en as FormHelperText, fn as Grid, pn as HoverCard, kn as Icon, An as IconButton, jn as ImageGallery, zn as Inline, Bn as Input, Kn as List, qn as ListItem, Jn as ListItemIcon, Yn as ListItemText, K as LocaleProvider, ir as Menu, cr as Modal, lr as NumberAnimation, dr as Page, ur as Pagination, _r as Paper, vr as Popover, yr as PricingTable, br as Progress, Cr as Radio, Sr as RadioGroup, wr as Rating, Tr as Select, Dr as Skeleton, kr as SlideOver, Or as Slider, Nr as Snackbar, Ar as Split, jr as Stack, Hr as Status, Ur as Switch, g as THEME_CONFIG_VERSION, _ as THEME_MODES, v as THEME_STORAGE_KEY, Xr as Table, qr as TableBody, Yr as TableCell, Kr as TableHead, Jr as TableRow, Zr as Tabs, Qr as TextField, ki as ThemeProvider, ei as Toolbar, ai as Tooltip, hi as TypingText, pi as Typography, gi as VerificationCodeInput, bi as VideoPlayer, Ti as Watermark, b as applyThemeConfig, C as createThemeController, T as createThemeInitScript, re as defaultLocaleMessages, E as loadThemeConfig, D as resetThemeConfig, k as resolveThemeMode, A as serializeThemeConfig, q as useLocale, Ai as useTheme, j as validateThemeConfig };