@zeturn/watercolor-react 1.2.3 → 1.2.6

package/dist/watercolor-react.es.js

@@ -86,7 +86,7 @@ var te = ({ items: e = [], multiple: t = !1, variant: n = "default", onToggle: r
 };
 te.displayName = "Accordion";
 //#endregion
-//#region ../core/src/components/Alert/utils.jsx
+//#region src/components/Alert/utils.js
 function ne(e, t) {
 	return [
 		"wc-alert",
@@ -95,8 +95,64 @@ function ne(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 re = ({ 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",
@@ -114,9 +170,9 @@ var re = ({ type: e }) => {
 	});
 };
 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);
+	let [c, l] = d(!0), { messages: u } = q();
 	if (!c) return null;
-	let u = () => {
+	let f = () => {
 		l(!1), s();
 	};
 	return /* @__PURE__ */ m("div", {
@@ -125,7 +181,7 @@ function ie({ type: e = "info", variant: t = "standard", title: n = "", closable
 		children: [
 			i && /* @__PURE__ */ p("div", {
 				className: "wc-alert-icon",
-				children: /* @__PURE__ */ p(re, { type: e })
+				children: /* @__PURE__ */ p(J, { type: e })
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "wc-alert-content",
@@ -140,8 +196,8 @@ function ie({ 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,16 +213,16 @@ function ie({ type: e = "info", variant: t = "standard", title: n = "", closable
 }
 //#endregion
 //#region src/components/AppBar/AppBar.jsx
-var G = ({ 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
-}), K = typeof document > "u" ? o : c;
-function q({ children: e, target: t }) {
+}), 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 ae({ open: e, elementRef: t, refs: n = [], modal: r = !1, lockScroll: i = !1, restoreFocus: a = !0, initialFocus: s = !1, closeOnEscape: c = !0, closeOnPointerDownOutside: l = !0, onEscapeKeyDown: d, onPointerDownOutside: f, zIndex: p }) {
+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({
@@ -212,9 +268,9 @@ function ae({ open: e, elementRef: t, refs: n = [], modal: r = !1, lockScroll: i
 		f
 	]), m;
 }
-function J({ open: e, anchorRef: t, floatingRef: n, placement: r = "bottom", offset: i = 8, boundaryPadding: a = 8 }) {
+function ce({ open: e, anchorRef: t, floatingRef: n, placement: r = "bottom", offset: i = 8, boundaryPadding: a = 8 }) {
 	let [o, s] = d(r);
-	return K(() => {
+	return ae(() => {
 		if (!e || !t.current || !n.current || typeof window > "u") return;
 		let o = () => {
 			s(y(t.current, n.current, {
@@ -237,39 +293,39 @@ function J({ open: e, anchorRef: t, floatingRef: n, placement: r = "bottom", off
 }
 //#endregion
 //#region src/components/Autocomplete/Autocomplete.jsx
-var Y = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Type to search...", label: i = "", helperText: a = "", error: c = !1, errorMessage: l = "", required: f = !1, disabled: h = !1, readonly: g = !1, multiple: _ = !1, freeSolo: v = !1, clearable: y = !0, fullWidth: b = !1, size: x = "md", variant: S = "filled", minSearchLength: C = 0, noOptionsText: w = "No options found", name: T = "", id: E = "", className: D = "", style: O = {}, onFocus: k, onBlur: A, onInputChange: j, filterOptions: M, renderOption: N, renderInput: P, getOptionLabel: F, getOptionValue: I, ...L }) => {
-	let [R, z] = d(!1), [B, V] = d(""), [H, U] = d(-1), W = u(null), ee = u(null), te = u(null), ne = (e) => e ? typeof e == "object" ? e.label || e.value || "" : String(e) : "", re = (e) => e ? typeof e == "object" ? e.value === void 0 ? e : e.value : e : null, ie = F || ne, G = I || re;
+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(ie(e)) : e || V("");
+		!_ && e ? V(G(e)) : e || V("");
 	}, [e, _]);
-	let K = () => {
+	let q = () => {
 		z(!1), U(-1);
 	};
-	ae({
+	se({
 		open: R,
 		elementRef: te,
 		refs: [W],
 		closeOnEscape: !0,
 		closeOnPointerDownOutside: !0,
-		onEscapeKeyDown: K,
-		onPointerDownOutside: K,
+		onEscapeKeyDown: q,
+		onPointerDownOutside: q,
 		zIndex: 1e3
 	});
-	let q = M ? M(n, B) : ((e, t) => !t || t.length < C ? e : e.filter((e) => ie(e).toLowerCase().includes(t.toLowerCase())))(n, B), J = (t) => {
-		let n = G(t);
-		return _ && Array.isArray(e) ? e.some((e) => G(e) === n) : G(e) === n;
+	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(" ");
-	}, oe = () => {
+	}, ae = () => {
 		let e = ["wc-autocomplete__label"];
 		return e.push(`wc-autocomplete__label--${x}`), c && e.push("wc-autocomplete__label--error"), e.join(" ");
-	}, se = () => {
+	}, 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(" ");
 	}, ce = (e, t) => {
 		let n = ["wc-autocomplete__option"];
-		return J(e) && n.push("wc-autocomplete__option--selected"), t === H && n.push("wc-autocomplete__option--highlighted"), e.disabled && n.push("wc-autocomplete__option--disabled"), n.join(" ");
+		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);
 	}, ue = (e) => {
@@ -283,17 +339,17 @@ var Y = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Type
 			value: n
 		} });
 	}, fe = (e) => {
-		e.stopPropagation(), V(""), K(), t?.({ target: {
+		e.stopPropagation(), V(""), q(), t?.({ target: {
 			name: T,
 			value: _ ? [] : null
 		} });
 	}, pe = (n) => {
 		if (n.disabled) return;
-		let r = G(n), i;
+		let r = K(n), i;
 		if (_) {
-			let t = Array.isArray(e) ? [...e] : [], a = t.findIndex((e) => G(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(ie(n)), K();
+		} else i = n, V(G(n)), q();
 		U(-1), t?.({ target: {
 			name: T,
 			value: i
@@ -303,18 +359,18 @@ var Y = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Type
 			z(!0), e.preventDefault();
 			return;
 		}
-		if (!(!R || q.length === 0)) switch (e.key) {
+		if (!(!R || J.length === 0)) switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), U((e) => Math.min(e + 1, q.length - 1));
+				e.preventDefault(), U((e) => Math.min(e + 1, J.length - 1));
 				break;
 			case "ArrowUp":
 				e.preventDefault(), U((e) => Math.max(e - 1, 0));
 				break;
 			case "Enter":
-				e.preventDefault(), H >= 0 && H < q.length && pe(q[H]);
+				e.preventDefault(), H >= 0 && H < J.length && pe(J[H]);
 				break;
 			case "Escape":
-				K(), ee.current?.blur();
+				q(), ee.current?.blur();
 				break;
 			default: break;
 		}
@@ -326,14 +382,14 @@ var Y = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Type
 		children: [
 			i && /* @__PURE__ */ m("label", {
 				htmlFor: X,
-				className: oe(),
+				className: ae(),
 				children: [i, f && /* @__PURE__ */ p("span", {
 					className: "wc-autocomplete__required",
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ m("div", {
-				className: se(),
+				className: oe(),
 				children: [P ? P({
 					id: X,
 					value: B,
@@ -402,7 +458,7 @@ var Y = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Type
 							]
 						})
 					}), /* @__PURE__ */ p("div", {
-						className: `wc-autocomplete__arrow${R && q.length > 0 ? " wc-autocomplete__arrow--open" : ""}`,
+						className: `wc-autocomplete__arrow${R && J.length > 0 ? " wc-autocomplete__arrow--open" : ""}`,
 						children: /* @__PURE__ */ p("svg", {
 							viewBox: "0 0 24 24",
 							fill: "none",
@@ -418,22 +474,22 @@ var Y = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Type
 				className: "wc-autocomplete__dropdown",
 				id: `${X}-options`,
 				role: "listbox",
-				children: q.length === 0 ? /* @__PURE__ */ p("div", {
+				children: J.length === 0 ? /* @__PURE__ */ p("div", {
 					className: "wc-autocomplete__no-options",
 					children: w
 				}) : /* @__PURE__ */ p("div", {
 					className: "wc-autocomplete__options",
-					children: q.map((e, t) => /* @__PURE__ */ m("div", {
+					children: J.map((e, t) => /* @__PURE__ */ m("div", {
 						id: `${X}-option-${t}`,
 						className: ce(e, t),
 						role: "option",
-						"aria-selected": J(e),
+						"aria-selected": ie(e),
 						onClick: () => pe(e),
 						onMouseEnter: () => U(t),
-						children: [N ? N(e, { selected: J(e) }) : /* @__PURE__ */ p("span", {
+						children: [N ? N(e, { selected: ie(e) }) : /* @__PURE__ */ p("span", {
 							className: "wc-autocomplete__option-text",
-							children: ie(e)
-						}), J(e) && /* @__PURE__ */ p("svg", {
+							children: G(e)
+						}), ie(e) && /* @__PURE__ */ p("svg", {
 							className: "wc-autocomplete__option-check",
 							viewBox: "0 0 24 24",
 							fill: "none",
@@ -441,7 +497,7 @@ var Y = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Type
 							strokeWidth: "2",
 							children: /* @__PURE__ */ p("polyline", { points: "20,6 9,17 4,12" })
 						})]
-					}, G(e) || t))
+					}, K(e) || t))
 				})
 			}),
 			(c || a) && /* @__PURE__ */ p("div", { children: c ? /* @__PURE__ */ p("p", {
@@ -454,40 +510,40 @@ var Y = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Type
 		]
 	});
 };
-Y.displayName = "Autocomplete";
+le.displayName = "Autocomplete";
 //#endregion
-//#region ../core/src/components/Avatar/utils.jsx
-function oe({ size: e, variant: t, color: n, src: r, imgError: i }) {
+//#region src/components/Avatar/utils.js
+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 se(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 ce(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 le(e) {
+function pe(e) {
 	e(!0);
 }
-function ue(e) {
+function me(e) {
 	e(!1);
 }
 //#endregion
 //#region src/components/Avatar/Avatar.jsx
-var de = ({ src: e = "", alt: t = "", size: n = "md", variant: r = "circular", color: i = "default", children: a = "", className: o = "", ...s }) => {
-	let [c, l] = d(!1), u = oe({
+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 = se(n), m = ce(a), h = () => le(l), g = () => ue(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,
@@ -504,10 +560,10 @@ var de = ({ src: e = "", alt: t = "", size: n = "md", variant: r = "circular", c
 		}) : null
 	});
 };
-de.displayName = "Avatar";
+he.displayName = "Avatar";
 //#endregion
-//#region ../core/src/components/Badge/utils.js
-var fe = [
+//#region src/components/Badge/utils.js
+var X = [
 	"primary",
 	"secondary",
 	"success",
@@ -518,20 +574,20 @@ var fe = [
 	"cyan",
 	"pink"
 ];
-function pe(e) {
-	return fe.includes(e);
+function ge(e) {
+	return X.includes(e);
 }
-function me(e) {
-	return pe(e) ? e : "primary";
+function _e(e) {
+	return ge(e) ? e : "primary";
 }
-function he({ variant: e, size: t, dot: n, className: r }) {
-	let i = ["wc-badge", `wc-badge--${me(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 X = ({ children: e, variant: t = "primary", size: n = "md", dot: r = !1, className: i = "", ...a }) => /* @__PURE__ */ p("span", {
-	className: he({
+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,
@@ -540,10 +596,10 @@ var X = ({ children: e, variant: t = "primary", size: n = "md", dot: r = !1, cla
 	...a,
 	children: !r && e
 });
-X.displayName = "Badge";
+ye.displayName = "Badge";
 //#endregion
-//#region ../core/src/components/Banner/utils.js
-function ge(e, t, n) {
+//#region src/components/Banner/utils.js
+function be(e, t, n) {
 	let r = [
 		"wc-banner",
 		`wc-banner--${e}`,
@@ -551,18 +607,18 @@ function ge(e, t, n) {
 	];
 	return n && r.push("wc-banner--sticky"), r.join(" ");
 }
-function _e(e) {
+function xe(e) {
 	return { zIndex: e };
 }
-function ve(e, t) {
+function Se(e, t) {
 	e(!1), t && t();
 }
-function ye(e) {
+function Ce(e) {
 	e && e();
 }
 //#endregion
 //#region src/components/Banner/Banner.jsx
-var be = ({ 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",
@@ -579,17 +635,17 @@ var be = ({ type: e }) => {
 		}), t]
 	});
 };
-function xe({ type: t = "info", position: n = "top", title: r = "", message: i = "", closable: a = !0, showIcon: o = !0, showDefaultAction: s = !1, actionText: c = "立即行动", sticky: l = !0, zIndex: u = 1e3, onClose: f, onAction: h, children: g }) {
-	let [_, v] = d(!0);
+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 = ge(t, n, l), b = _e(u), x = () => {
-		ve(v, f);
-	}, S = () => {
-		ye(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", {
@@ -597,7 +653,7 @@ function xe({ type: t = "info", position: n = "top", title: r = "", message: i =
 			children: [
 				o && /* @__PURE__ */ p("div", {
 					className: "wc-banner-icon",
-					children: /* @__PURE__ */ p(be, { type: t })
+					children: /* @__PURE__ */ p(we, { type: t })
 				}),
 				/* @__PURE__ */ m("div", {
 					className: "wc-banner-text",
@@ -609,18 +665,18 @@ function xe({ 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",
@@ -636,23 +692,23 @@ function xe({ type: t = "info", position: n = "top", title: r = "", message: i =
 	});
 }
 //#endregion
-//#region ../core/src/components/Blockquote/utils.js
-function Se(e = "", t = "default", n = !0, r = !0, i = "medium", a = "default") {
+//#region src/components/Blockquote/utils.js
+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 Ce(e = "", t = "minimal", n = "default", r = "medium", i = !1, a = !0) {
+//#region src/components/Card/utils.js
+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 we = ({ children: e, title: t = "", variant: n = "minimal", color: r = "default", size: i = "medium", interactive: a = !1, noBorder: o = !0, className: s = "", header: c = null, footer: l = null, style: u = {}, onClick: d, onMouseEnter: f, onMouseLeave: h, onKeyDown: g, ..._ }) => {
+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: Ce(s, n, r, i, v, o),
+		className: De(s, n, r, i, v, o),
 		style: u,
 		onClick: (e) => {
 			v && d && d(e);
@@ -688,11 +744,11 @@ var we = ({ children: e, title: t = "", variant: n = "minimal", color: r = "defa
 		]
 	});
 };
-we.displayName = "Card";
+Oe.displayName = "Card";
 //#endregion
 //#region src/components/Blockquote/Blockquote.jsx
-function Te({ cite: e = "", children: t, className: n = "", variant: r = "default", noBorder: i = !0, interactive: a = !0, size: o = "medium", color: s = "default", ...c }) {
-	return r === "card" ? /* @__PURE__ */ m(we, {
+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,
@@ -708,7 +764,7 @@ function Te({ cite: e = "", children: t, className: n = "", variant: r = "defaul
 			children: ["— ", e]
 		})]
 	}) : /* @__PURE__ */ m("blockquote", {
-		className: Se(n, r, i, a, o, s),
+		className: Ee(n, r, i, a, o, s),
 		...c,
 		children: [/* @__PURE__ */ p("p", {
 			className: "quote-text",
@@ -720,7 +776,7 @@ function Te({ cite: e = "", children: t, className: n = "", variant: r = "defaul
 	});
 }
 //#endregion
-//#region ../core/src/components/Box/utils.jsx
+//#region src/components/Box/utils.js
 var Z = {
 	0: "0",
 	1: "0.25rem",
@@ -735,32 +791,32 @@ var Z = {
 	16: "4rem",
 	20: "5rem",
 	24: "6rem"
-}, Ee = {
+}, Ae = {
 	flex: "flex",
 	block: "block",
 	inline: "inline",
 	"inline-block": "inline-block",
 	none: "hidden",
 	grid: "grid"
-}, De = {
+}, je = {
 	row: "flex-row",
 	column: "flex-col",
 	"row-reverse": "flex-row-reverse",
 	"column-reverse": "flex-col-reverse"
-}, Oe = {
+}, Me = {
 	"flex-start": "justify-start",
 	center: "justify-center",
 	"flex-end": "justify-end",
 	"space-between": "justify-between",
 	"space-around": "justify-around",
 	"space-evenly": "justify-evenly"
-}, ke = {
+}, Ne = {
 	"flex-start": "items-start",
 	center: "items-center",
 	"flex-end": "items-end",
 	stretch: "items-stretch",
 	baseline: "items-baseline"
-}, Ae = {
+}, Pe = {
 	wrap: "flex-wrap",
 	nowrap: "flex-nowrap",
 	"wrap-reverse": "flex-wrap-reverse"
@@ -768,9 +824,9 @@ var Z = {
 function Q(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-function je(e) {
+function Fe(e) {
 	let t = ["wc-box"];
-	if (e.display && Ee[e.display] && t.push(Ee[e.display]), e.flexDirection && De[e.flexDirection] && t.push(De[e.flexDirection]), e.justifyContent && Oe[e.justifyContent] && t.push(Oe[e.justifyContent]), e.alignItems && ke[e.alignItems] && t.push(ke[e.alignItems]), e.flexWrap && Ae[e.flexWrap] && t.push(Ae[e.flexWrap]), e.gap !== void 0) {
+	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",
@@ -790,7 +846,7 @@ function je(e) {
 	}
 	return t;
 }
-function Me(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);
@@ -812,9 +868,9 @@ function Me(e) {
 }
 //#endregion
 //#region src/components/Box/Box.jsx
-function Ne({ component: e = "div", children: t, className: n = "", p: r, pt: i, pr: a, pb: o, pl: s, px: c, py: l, m: u, mt: d, mr: f, mb: m, ml: h, mx: g, my: _, display: v, flexDirection: y, justifyContent: b, alignItems: x, flexWrap: S, gap: C, bgcolor: w, color: T, border: E, borderRadius: D, width: O, height: k, minWidth: A, minHeight: j, maxWidth: M, maxHeight: N, style: P = {}, ...F }) {
+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: je({
+		className: Fe({
 			display: v,
 			flexDirection: y,
 			justifyContent: b,
@@ -823,7 +879,7 @@ function Ne({ component: e = "div", children: t, className: n = "", p: r, pt: i,
 			gap: C
 		}).concat(n).filter(Boolean).join(" "),
 		style: {
-			...Me({
+			...Ie({
 				p: r,
 				pt: i,
 				pr: a,
@@ -862,8 +918,8 @@ function Ne({ component: e = "div", children: t, className: n = "", p: r, pt: i,
 	});
 }
 //#endregion
-//#region ../core/src/components/Breadcrumb/utils.js
-function Pe(e, t, n, r) {
+//#region src/components/Breadcrumb/utils.js
+function Re(e, t, n, r) {
 	let i = [...e];
 	if (t && i.length && i[0].label !== "首页" && i.unshift({
 		label: "首页",
@@ -883,66 +939,66 @@ function Pe(e, t, n, r) {
 	}
 	return i;
 }
-function Fe(e) {
+function ze(e) {
 	return `wc-breadcrumb wc-breadcrumb--${e}`;
 }
-function Ie(e, t) {
+function Be(e, t) {
 	let n = ["wc-breadcrumb-item"];
 	return e === t - 1 && n.push("wc-breadcrumb-item--current"), n.join(" ");
 }
-function Le(e) {
+function Ve(e) {
 	let t = ["wc-breadcrumb-link"];
 	return e && t.push("wc-breadcrumb-link--disabled"), t.join(" ");
 }
-function Re(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 ze(e, t, n, r) {
+function Ue(e, t, n, r) {
 	return e !== t - 1 && !n && !r;
 }
 //#endregion
 //#region src/components/Breadcrumb/Breadcrumb.jsx
-function Be({ items: t = [], separator: n = "/", variant: r = "default", showHome: i = !1, homeIcon: a = "🏠", maxItems: o = 0, onItemClick: s }) {
-	let c = e.useMemo(() => Pe(t, i, a, o), [
+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) => {
-		Re(e, t, n, c.length, s);
+	]), u = (e, t, n) => {
+		He(e, t, n, l.length, s);
 	};
 	return /* @__PURE__ */ p("nav", {
-		className: Fe(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: Ie(t, c.length),
-				children: [ze(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: Le(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: Le(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: Le(!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
 				})]
@@ -951,8 +1007,8 @@ function Be({ items: t = [], separator: n = "/", variant: r = "default", showHom
 	});
 }
 //#endregion
-//#region ../core/src/components/Button/utils.jsx
-var Ve = [
+//#region src/components/Button/utils.js
+var Ge = [
 	"primary",
 	"secondary",
 	"filled",
@@ -967,23 +1023,23 @@ var Ve = [
 	"cyan",
 	"pink"
 ];
-function He(e) {
-	return Ve.includes(e);
+function Ke(e) {
+	return Ge.includes(e);
 }
-function Ue(e) {
-	return He(e) ? e : "primary";
+function qe(e) {
+	return Ke(e) ? e : "primary";
 }
-function We(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--${Ue(t)}`), l.push(`wc-btn--${n}`), (r || i) && l.push("wc-btn--disabled"), i && l.push("wc-btn--loading"), a && l.push("wc-btn--full-width"), o && l.push("wc-btn--uppercase"), s === !1 || s === "none" ? l.push("wc-btn--rounded-none") : typeof s == "string" ? l.push(`wc-btn--rounded-${s}`) : l.push("wc-btn--rounded"), l;
+	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 Ge({ 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 Ke = ({ children: e, variant: t = "primary", buttonStyle: n = "default", size: r = "md", disabled: i = !1, loading: a = !1, fullWidth: o = !1, type: s = "button", href: c = null, target: l = "_self", startIcon: u = null, endIcon: d = null, rounded: f = !0, uppercase: h = !1, ripple: g = !0, onClick: _, onMouseOver: v, onMouseOut: y, onFocus: b, onBlur: x, className: S = "", style: C = {}, ...w }) => {
-	let T = We({
+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,
@@ -993,7 +1049,7 @@ var Ke = ({ children: e, variant: t = "primary", buttonStyle: n = "default", siz
 		uppercase: h,
 		rounded: f
 	}).concat(S).filter(Boolean).join(" "), E = { ...C }, D = (e) => {
-		Ge({
+		Ye({
 			event: e,
 			disabled: i,
 			loading: a,
@@ -1057,10 +1113,10 @@ var Ke = ({ children: e, variant: t = "primary", buttonStyle: n = "default", siz
 		]
 	});
 };
-Ke.displayName = "Button";
+Xe.displayName = "Button";
 //#endregion
 //#region src/components/Card/CardActions.jsx
-var qe = ({ 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",
@@ -1079,10 +1135,10 @@ var qe = ({ children: e, disableSpacing: t = !1, disablePadding: n = !1, justify
 	...a,
 	children: e
 });
-qe.displayName = "CardActions";
+Ze.displayName = "CardActions";
 //#endregion
 //#region src/components/Card/CardContent.jsx
-var Je = ({ 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 && {
@@ -1096,22 +1152,22 @@ var Je = ({ children: e, disablePadding: t = !1, padding: n = "normal", classNam
 	...i,
 	children: e
 });
-Je.displayName = "CardContent";
+Qe.displayName = "CardContent";
 //#endregion
 //#region src/components/Checkbox/Checkbox.jsx
-var Ye = [
+var $e = [
 	"primary",
 	"secondary",
 	"success",
 	"warning",
 	"error",
 	"info"
-], Xe = [
+], et = [
 	"sm",
 	"md",
 	"lg"
-], Ze = ({ checked: e = !1, onChange: t, indeterminate: n = !1, disabled: r = !1, required: i = !1, size: a = "md", color: o = "primary", label: c = "", labelPlacement: l = "end", value: u = !0, name: f, className: h = "", ...g }) => {
-	let _ = s(), [v, y] = d(!1), b = Ye.includes(o) ? o : "primary", x = Xe.includes(a) ? a : "md", S = [
+], 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"),
@@ -1181,46 +1237,46 @@ var Ye = [
 		]
 	});
 };
-Ze.displayName = "Checkbox";
+tt.displayName = "Checkbox";
 //#endregion
-//#region ../core/src/components/Chip/utils.jsx
-function Qe(e) {
+//#region src/components/Chip/utils.jsx
+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 $e(e, t, n, r) {
+function rt(e, t, n, r) {
 	t && !n && r && r(e);
 }
-function et(e, t, n) {
+function it(e, t, n) {
 	e.stopPropagation(), !t && n && n(e);
 }
-function tt() {
+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 nt({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1, clickable: i = !1, variant: a = "filled", size: o = "md", color: s = "default", deleteIcon: c = null, onClick: l, onDelete: u, children: d, className: f = "", ...h }) {
-	let g = Qe({
+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) => {
-		$e(e, i, r, l);
-	}, v = (e) => {
-		et(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", {
@@ -1237,9 +1293,9 @@ function nt({ 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",
@@ -1249,7 +1305,7 @@ function nt({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ p("path", {
 						fillRule: "evenodd",
-						d: tt(),
+						d: at(),
 						clipRule: "evenodd"
 					})
 				})
@@ -1258,8 +1314,8 @@ function nt({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1
 	});
 }
 //#endregion
-//#region ../core/src/components/CircularProgress/utils.jsx
-function rt(e, t) {
+//#region src/components/CircularProgress/utils.js
+function st(e, t) {
 	let n = typeof e == "string" ? parseInt(e, 10) : e, r = n / 2, i = (n - t) / 2;
 	return {
 		sizeNumber: n,
@@ -1268,21 +1324,21 @@ function rt(e, t) {
 		circumference: 2 * Math.PI * i
 	};
 }
-function it(e, t, n) {
+function ct(e, t, n) {
 	return e === "determinate" ? n - t / 100 * n : 0;
 }
-function at(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 ot(e) {
+function ut(e) {
 	let t = ["wc-circular-progress-circle"];
 	return e === "indeterminate" && t.push("wc-circular-progress-circle--indeterminate"), t.filter(Boolean);
 }
-function st(e) {
+function dt(e) {
 	return Math.round(e);
 }
-function ct(e) {
+function ft(e) {
 	let { value: t = 0, variant: n } = e, r = {
 		role: "progressbar",
 		"aria-valuemin": 0,
@@ -1292,92 +1348,94 @@ function ct(e) {
 }
 //#endregion
 //#region src/components/CircularProgress/CircularProgress.jsx
-function lt({ value: e = 0, size: t = 40, thickness: n = 3.6, variant: r = "indeterminate", color: i = "primary", showValue: a = !1, overlay: o = !1, centered: s = !1, inline: c = !1, className: l = "", ...u }) {
-	let { sizeNumber: d, center: f, radius: h, circumference: g } = rt(t, n), _ = it(r, e, g), v = at({
+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 = ot(r).join(" ");
+	}).join(" "), b = ut(r).join(" "), x = ft({
+		value: e,
+		variant: r
+	});
 	return /* @__PURE__ */ m("div", {
-		className: v,
-		...ct({
-			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: [st(e), "%"]
+			children: [dt(e), "%"]
 		})]
 	});
 }
 //#endregion
-//#region ../core/src/components/ColorPicker/utils.jsx
-function ut(e) {
+//#region src/components/ColorPicker/utils.js
+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 dt(e, t, n) {
+function ht(e, t, n) {
 	!t && n && n(e.target.value);
 }
-function ft(e) {
+function gt(e) {
 	return { backgroundColor: e };
 }
 //#endregion
 //#region src/components/ColorPicker/ColorPicker.jsx
-function pt({ value: e = "#ffffff", onChange: t, size: n = "md", shape: r = "circle", disabled: i = !1, className: a = "" }) {
-	let o = e ?? "", s = ut({
+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 = ft(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) => {
-				dt(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 mt = {
+//#region src/components/Container/utils.js
+var vt = {
 	xs: "max-w-xs",
 	sm: "max-w-sm",
 	md: "max-w-md",
@@ -1385,15 +1443,15 @@ var mt = {
 	xl: "max-w-6xl",
 	"2xl": "max-w-7xl"
 };
-function ht(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 && mt[t] && a.push(mt[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 gt({ 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: ht({
+		className: yt({
 			maxWidth: e,
 			fluid: t,
 			fixed: n,
@@ -1403,18 +1461,18 @@ function gt({ maxWidth: e = "lg", fluid: t = !1, fixed: n = !1, className: r = "
 	});
 }
 //#endregion
-//#region ../core/src/components/Copy/utils.jsx
-function _t(e) {
+//#region src/components/Copy/utils.js
+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 vt(e, t, n, r) {
+function St(e, t, n, r) {
 	return t ? "错误" : e ? r : n;
 }
-function yt(e, t, n, r) {
+function Ct(e, t, n, r) {
 	return t ? r : e ? n : "";
 }
-async function bt(e) {
+async function wt(e) {
 	try {
 		if (navigator.clipboard?.writeText) return await navigator.clipboard.writeText(e), !0;
 		{
@@ -1427,18 +1485,18 @@ async function bt(e) {
 		return console.warn("复制失败:", e), !1;
 	}
 }
-async function xt(e, t, n, r, i, a, o, s) {
-	await bt(e) ? (r(!0), i(!1), t(e)) : (r(!1), i(!0), n(/* @__PURE__ */ Error("复制失败"))), o && a && (a(!0), setTimeout(() => a(!1), 1500)), setTimeout(() => {
+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 St(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 Ct = ({ 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",
@@ -1478,15 +1536,15 @@ var Ct = ({ 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 wt({ text: e, variant: t = "default", size: n = "md", showLabel: r = !0, showTooltip: i = !0, copyLabel: a = "复制", copiedLabel: o = "已复制", tooltipSuccess: s = "复制成功!", tooltipError: c = "复制失败", resetDelay: l = 2e3, onCopy: u = () => {}, onError: f = () => {}, className: h = "", children: g, icon: _ }) {
-	let [v, y] = d(!1), [b, x] = d(!1), [S, C] = d(!1), w = _t({
+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 = vt(v, b, a, o), E = yt(v, b, s, c), D = St(v, b), O = async () => {
-		await xt(e, u, f, y, x, C, i, l);
+	}).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());
 	};
@@ -1506,7 +1564,7 @@ function wt({ 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(Ct, {
+					children: /* @__PURE__ */ p(Dt, {
 						copied: v,
 						error: b
 					})
@@ -1524,21 +1582,21 @@ function wt({ text: e, variant: t = "default", size: n = "md", showLabel: r = !0
 	});
 }
 //#endregion
-//#region ../core/src/components/DatePicker/utils.jsx
-function Tt(e, t = "YYYY-MM-DD") {
+//#region src/components/DatePicker/utils.js
+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 Et(e) {
+function At(e) {
 	if (!e) return !1;
 	let t = /* @__PURE__ */ new Date();
 	return e.toDateString() === t.toDateString();
 }
-function Dt(e, t) {
+function jt(e, t) {
 	return !e || !t ? !1 : e.toDateString() === t.toDateString();
 }
-function Ot(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,
@@ -1558,7 +1616,7 @@ function Ot(e) {
 	});
 	return s;
 }
-function kt(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}`,
@@ -1566,48 +1624,48 @@ function kt(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 At(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 && Dt(e.date, t) && n.push("wc-datepicker-day--selected"), Et(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 jt({ value: e = null, onChange: t = () => {}, placeholder: n = "请选择日期", disabled: r = !1, size: i = "md", variant: a = "default", format: c = "YYYY-MM-DD", showToday: l = !0, minDate: f = null, maxDate: h = null, className: g = "", ..._ }) {
-	let v = u(null), y = u(null), b = s(), [x, S] = d(!1), [C, w] = d(() => e ? new Date(e) : /* @__PURE__ */ new Date()), [T, E] = d(e ? new Date(e) : null);
+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(() => {
-		E(e ? new Date(e) : null);
-	}, [e]), ae({
-		open: x,
-		elementRef: y,
-		refs: [v],
+		D(e ? new Date(e) : null);
+	}, [e]), se({
+		open: S,
+		elementRef: b,
+		refs: [y],
 		closeOnEscape: !0,
 		closeOnPointerDownOutside: !0,
-		onEscapeKeyDown: () => S(!1),
-		onPointerDownOutside: () => S(!1),
+		onEscapeKeyDown: () => C(!1),
+		onPointerDownOutside: () => C(!1),
 		zIndex: 1e3
 	});
-	let D = T ? Tt(T, c) : "", O = () => {
-		r || S((e) => !e);
-	}, k = (e) => {
-		r || (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" ? (e.preventDefault(), S(!0)) : e.key === "Escape" && S(!1));
+	let O = E ? kt(E, c) : "", k = () => {
+		r || C((e) => !e);
 	}, A = (e) => {
-		w((t) => {
+		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;
 		});
-	}, j = (e) => {
-		if (P(e)) return;
+	}, M = (e) => {
+		if (F(e)) return;
 		let n = new Date(e.date);
-		E(n), t(n), S(!1);
-	}, M = () => {
-		let e = /* @__PURE__ */ new Date();
-		E(e), t(e), S(!1);
+		D(n), t(n), C(!1);
 	}, N = () => {
-		E(null), t(null), S(!1);
-	}, P = (e) => {
+		let e = /* @__PURE__ */ new Date();
+		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)));
-	}, F = Ot(C), I = [
+	}, I = Mt(w), L = [
 		"日",
 		"一",
 		"二",
@@ -1615,27 +1673,27 @@ function jt({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 		"四",
 		"五",
 		"六"
-	], L = `${C.getFullYear()}年${C.getMonth() + 1}月`, R = [kt(i, a, r, !1, x), 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: R,
-			onClick: O,
+			className: z,
+			onClick: k,
 			children: [/* @__PURE__ */ p("input", {
 				type: "text",
-				id: b,
+				id: x,
 				className: "wc-datepicker-input",
-				value: D,
+				value: O,
 				placeholder: n,
 				disabled: r,
 				readOnly: !0,
 				role: "combobox",
 				"aria-haspopup": "dialog",
-				"aria-expanded": x,
-				"aria-controls": `${b}-calendar`,
-				onKeyDown: k
+				"aria-expanded": S,
+				"aria-controls": `${x}-calendar`,
+				onKeyDown: A
 			}), /* @__PURE__ */ p("span", {
 				className: "wc-datepicker-icon",
 				"aria-hidden": "true",
@@ -1653,12 +1711,12 @@ function jt({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 					}), /* @__PURE__ */ p("path", { d: "M16 3v4M8 3v4M3 10h18" })]
 				})
 			})]
-		}), x && /* @__PURE__ */ m("div", {
-			ref: y,
+		}), S && /* @__PURE__ */ m("div", {
+			ref: b,
 			className: "wc-datepicker-dropdown",
-			id: `${b}-calendar`,
+			id: `${x}-calendar`,
 			role: "dialog",
-			"aria-label": "选择日期",
+			"aria-label": v.openCalendar,
 			children: [
 				/* @__PURE__ */ m("div", {
 					className: "wc-datepicker-header",
@@ -1666,40 +1724,40 @@ function jt({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 						/* @__PURE__ */ p("button", {
 							type: "button",
 							className: "wc-datepicker-nav",
-							"aria-label": "上个月",
-							onClick: () => A(-1),
+							"aria-label": v.previousMonth,
+							onClick: () => j(-1),
 							children: "‹"
 						}),
 						/* @__PURE__ */ p("span", {
 							className: "wc-datepicker-title",
-							children: L
+							children: R
 						}),
 						/* @__PURE__ */ p("button", {
 							type: "button",
 							className: "wc-datepicker-nav",
-							"aria-label": "下个月",
-							onClick: () => A(1),
+							"aria-label": v.nextMonth,
+							onClick: () => j(1),
 							children: "›"
 						})
 					]
 				}),
 				/* @__PURE__ */ p("div", {
 					className: "wc-datepicker-weekdays",
-					children: I.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: F.map((e) => /* @__PURE__ */ p("button", {
+					children: I.map((e) => /* @__PURE__ */ p("button", {
 						type: "button",
-						className: At(e, T),
-						disabled: P(e),
-						"aria-label": Tt(e.date, "YYYY-MM-DD"),
-						"aria-selected": Dt(e.date, T),
-						"aria-current": Et(e.date) ? "date" : void 0,
-						onClick: () => j(e),
+						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}`))
 				}),
@@ -1708,12 +1766,12 @@ function jt({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 					children: [/* @__PURE__ */ p("button", {
 						type: "button",
 						className: "wc-datepicker-today",
-						onClick: M,
+						onClick: N,
 						children: "今天"
 					}), /* @__PURE__ */ p("button", {
 						type: "button",
 						className: "wc-datepicker-clear",
-						onClick: N,
+						onClick: P,
 						children: "清除"
 					})]
 				})
@@ -1723,7 +1781,7 @@ function jt({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 }
 //#endregion
 //#region src/components/Button/Fab.jsx
-var Mt = ({ variant: e = "circular", size: t = "md", color: n = "primary", disabled: r = !1, label: i = "", icon: a = "", children: o, onClick: s, onFocus: c, onBlur: l, className: u = "", style: f = {}, ...h }) => {
+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",
@@ -1764,10 +1822,10 @@ var Mt = ({ variant: e = "circular", size: t = "md", color: n = "primary", disab
 		})]
 	});
 };
-Mt.displayName = "Fab";
+It.displayName = "Fab";
 //#endregion
 //#region src/components/Feed/Feed.jsx
-var Nt = ({ 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,
@@ -1776,7 +1834,6 @@ var Nt = ({ 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);
@@ -1809,7 +1866,7 @@ var Nt = ({ 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(Nt, {
+					children: e.children.map((e) => /* @__PURE__ */ p(Lt, {
 						item: e,
 						showAvatar: t,
 						variant: n,
@@ -1822,7 +1879,7 @@ var Nt = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "va
 			]
 		})]
 	});
-}, Pt = ({ 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
@@ -1830,7 +1887,7 @@ var Nt = ({ 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(Nt, {
+		children: e.map((e) => /* @__PURE__ */ p(Lt, {
 			item: e,
 			variant: t,
 			showAvatar: n,
@@ -1841,10 +1898,10 @@ var Nt = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "va
 		}, e.id || e.time))
 	});
 };
-Pt.displayName = "Feed";
+Rt.displayName = "Feed";
 //#endregion
-//#region ../core/src/components/Feature/utils.jsx
-var Ft = ({ align: e, size: t, background: n, reverse: r, vertical: i, clickable: a, disabled: o, className: s }) => [
+//#region src/components/Feature/utils.js
+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",
@@ -1855,29 +1912,29 @@ var Ft = ({ align: e, size: t, background: n, reverse: r, vertical: i, clickable
 	`wc-feature-card--${e}`,
 	s
 ].filter(Boolean);
-function It(e) {
+function Bt(e) {
 	return ["wc-feature-icon", `wc-feature-icon--${e}`].filter(Boolean);
 }
-function Lt(e) {
+function Vt(e) {
 	return ["wc-feature-content", `wc-feature-content--${e}`].filter(Boolean);
 }
-function Rt(e) {
+function Ht(e) {
 	return ["wc-feature-title", `wc-feature-title--${e}`].filter(Boolean);
 }
-var zt = (e) => ["wc-feature-description", `wc-feature-description--${e}`].filter(Boolean);
-function Bt(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 Vt(e, t) {
+function Gt(e, t) {
 	e.stopPropagation(), t && t(e);
 }
-function Ht(e) {
+function Kt(e) {
 	return e;
 }
 //#endregion
 //#region src/components/Feature/Feature.jsx
-var Ut = ({ title: e = "Awesome Feature", description: t = "Feature description goes here.", icon: n = "", iconSize: r = 48, size: i = "md", align: a = "left", background: o = "default", variant: s = "default", bgColor: c = "", reverse: l = !1, vertical: u = !1, ctaLabel: d = "", ctaHref: f = "#", onClick: h, onCtaClick: g, children: _, className: v = "", style: y = {} }) => {
-	let b = Ft({
+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,
@@ -1886,7 +1943,7 @@ var Ut = ({ title: e = "Awesome Feature", description: t = "Feature description
 		clickable: !!h,
 		disabled: !1,
 		className: v
-	}).join(" "), x = It(r).join(" "), S = Lt(a).join(" "), C = Rt(i).join(" "), w = zt(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 ? {
@@ -1899,7 +1956,7 @@ var Ut = ({ title: e = "Awesome Feature", description: t = "Feature description
 	return /* @__PURE__ */ m("div", {
 		className: `${b} ${s === "default" ? "" : `wc-feature-card--${s}`}`,
 		style: T,
-		onClick: (e) => Bt(e, !1, h),
+		onClick: (e) => Wt(e, !1, h),
 		...D,
 		children: [n && /* @__PURE__ */ p("div", {
 			className: x,
@@ -1910,7 +1967,7 @@ var Ut = ({ title: e = "Awesome Feature", description: t = "Feature description
 			children: typeof n == "string" ? /* @__PURE__ */ p("span", {
 				className: "wc-feature-icon__inner",
 				dangerouslySetInnerHTML: { __html: n }
-			}) : Ht(n)
+			}) : Kt(n)
 		}), /* @__PURE__ */ m("div", {
 			className: S,
 			children: [
@@ -1925,17 +1982,17 @@ var Ut = ({ title: e = "Awesome Feature", description: t = "Feature description
 				d && /* @__PURE__ */ p("a", {
 					href: f,
 					className: "wc-feature-cta",
-					onClick: (e) => Vt(e, g),
+					onClick: (e) => Gt(e, g),
 					children: d
 				})
 			]
 		})]
 	});
 };
-Ut.displayName = "Feature";
+qt.displayName = "Feature";
 //#endregion
 //#region src/components/FileInput/FileInput.jsx
-var Wt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
+var Jt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
 	className: e,
 	"aria-hidden": "true",
 	children: /* @__PURE__ */ m("svg", {
@@ -1945,7 +2002,7 @@ var Wt = ({ 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" })]
 	})
-}), Gt = ({ 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));
@@ -1988,7 +2045,7 @@ var Wt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
 				"aria-label": r,
 				onChange: _
 			}),
-			t === "block" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Wt, { 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",
@@ -2006,14 +2063,14 @@ var Wt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
 					children: "＋"
 				}), r]
 			}),
-			t === "icon" && /* @__PURE__ */ p(Wt, { className: "wc-file-icon" })
+			t === "icon" && /* @__PURE__ */ p(Jt, { className: "wc-file-icon" })
 		]
 	});
 };
-Gt.displayName = "FileInput";
+Yt.displayName = "FileInput";
 //#endregion
 //#region src/components/Form/FormControl.jsx
-var Kt = n(null), qt = ({ disabled: e = !1, error: t = !1, required: n = !1, variant: r = "filled", size: i = "md", fullWidth: a = !1, margin: o = "normal", className: s = "", style: c = {}, children: u, ...d }) => {
+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,
@@ -2035,7 +2092,7 @@ var Kt = n(null), qt = ({ disabled: e = !1, error: t = !1, required: n = !1, var
 		t && "form-control--error",
 		s
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ p(Kt.Provider, {
+	return /* @__PURE__ */ p(Xt.Provider, {
 		value: f,
 		children: /* @__PURE__ */ p("div", {
 			className: m,
@@ -2045,10 +2102,10 @@ var Kt = n(null), qt = ({ disabled: e = !1, error: t = !1, required: n = !1, var
 		})
 	});
 };
-qt.displayName = "FormControl";
+Zt.displayName = "FormControl";
 //#endregion
 //#region src/components/Form/FormControlLabel.jsx
-var Jt = ({ label: e, labelPlacement: t = "end", disabled: n = !1, required: r = !1, checked: i, value: a, control: o, className: s = "", style: c = {}, onChange: l, children: u, ...d }) => {
+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 = [
@@ -2087,10 +2144,10 @@ var Jt = ({ label: e, labelPlacement: t = "end", disabled: n = !1, required: r =
 		]
 	});
 };
-Jt.displayName = "FormControlLabel";
+Qt.displayName = "FormControlLabel";
 //#endregion
 //#region src/components/Form/FormGroup.jsx
-var Yt = ({ 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",
@@ -2102,11 +2159,11 @@ var Yt = ({ row: e = !1, spacing: t = "normal", className: n = "", style: r = {}
 	...a,
 	children: i
 });
-Yt.displayName = "FormGroup";
+$t.displayName = "FormGroup";
 //#endregion
 //#region src/components/Form/FormHelperText.jsx
-var Xt = ({ disabled: e = !1, error: t = !1, filled: n = !1, focused: r = !1, margin: i = "normal", required: o = !1, variant: s = "filled", id: c, size: l = "md", className: u = "", style: d = {}, children: f, ...m }) => {
-	let h = a(Kt) || {}, g = t || h.error, _ = e || h.disabled;
+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: [
@@ -2126,55 +2183,55 @@ var Xt = ({ disabled: e = !1, error: t = !1, filled: n = !1, focused: r = !1, ma
 		children: f
 	});
 };
-Xt.displayName = "FormHelperText";
+en.displayName = "FormHelperText";
 //#endregion
-//#region ../core/src/components/Grid/utils.jsx
-var Zt = {
+//#region src/components/Grid/utils.js
+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"
-}, $t = {
+}, 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"
-}, en = {
+}, 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"
-}, tn = (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]), $t[n] && a.push($t[n]), en[r] && a.push(en[r]), a.push(...rn(i)), a;
-}, nn = (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(Zt).forEach(([t, n]) => {
+	return Object.entries(tn).forEach(([t, n]) => {
 		let r = e[t];
-		r !== void 0 && o.push(...an(r, n));
+		r !== void 0 && o.push(...ln(r, n));
 	}), o;
-}, rn = (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}`];
-}, an = (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)}`] : [];
-}, on = (e) => {
+}, un = (e) => {
 	let { container: t = !1, item: n = !1, className: r = "" } = e, i = [];
-	return t && i.push(...tn(e)), n && i.push(...nn(e)), r && i.push(r), i;
-}, sn = (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",
@@ -2189,8 +2246,8 @@ var Zt = {
 			isNaN(r) || (t[e] = Math.max(1, Math.min(12, r)));
 		}
 	}), t;
-}, cn = ({ container: e = !1, item: t = !1, xs: n, sm: r, md: i, lg: a, xl: o, spacing: s = 0, direction: c = "row", justifyContent: l = "flex-start", alignItems: u = "stretch", className: d = "", style: f = {}, children: m, ...h }) => /* @__PURE__ */ p("div", {
-	className: on(sn({
+}, 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,
@@ -2208,10 +2265,10 @@ var Zt = {
 	...h,
 	children: m
 });
-cn.displayName = "Grid";
+fn.displayName = "Grid";
 //#endregion
 //#region src/components/HoverCard/HoverCard.jsx
-var ln = ({ triggerText: e = "Hover me", cardData: t = {}, variant: n = "default", size: r = "md", cardSize: i = "md", position: a = "top", delay: c = 300, hideDelay: l = 100, showArrow: h = !1, disabled: g = !1, onShow: _, onHide: v, onAction: y, className: b = "", style: x = {}, children: S, card: C, ...w }) => {
+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);
 	}, P = () => {
@@ -2236,14 +2293,14 @@ var ln = ({ triggerText: e = "Hover me", cardData: t = {}, variant: n = "default
 		"hover-card-popup",
 		`hover-card-position-${a}`,
 		`hover-card-card-size-${i}`
-	].join(" "), z = J({
+	].join(" "), z = ce({
 		open: E,
 		anchorRef: j,
 		floatingRef: A,
 		placement: a,
 		offset: 8
 	});
-	return ae({
+	return se({
 		open: E,
 		elementRef: A,
 		refs: [j],
@@ -2273,7 +2330,7 @@ var ln = ({ triggerText: e = "Hover me", cardData: t = {}, variant: n = "default
 			tabIndex: g ? -1 : 0,
 			"aria-describedby": E ? T : void 0,
 			children: S || e
-		}), E && /* @__PURE__ */ p(q, { children: /* @__PURE__ */ m("div", {
+		}), E && /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ m("div", {
 			ref: A,
 			id: T,
 			className: `${R} hover-card-position-${z}`.trim(),
@@ -2322,10 +2379,10 @@ var ln = ({ triggerText: e = "Hover me", cardData: t = {}, variant: n = "default
 		}) })]
 	});
 };
-ln.displayName = "HoverCard";
+pn.displayName = "HoverCard";
 //#endregion
 //#region ../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
-var un = /* @__PURE__ */ R(((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) {
@@ -2381,7 +2438,7 @@ var un = /* @__PURE__ */ R(((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;
-})), dn = /* @__PURE__ */ R(((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) {
@@ -2457,9 +2514,9 @@ var un = /* @__PURE__ */ R(((e) => {
 		}
 		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;
 	})();
-})), fn = /* @__PURE__ */ R(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = un() : t.exports = dn();
-})), pn = /* @__PURE__ */ R(((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");
@@ -2492,14 +2549,14 @@ var un = /* @__PURE__ */ R(((e) => {
 		}
 		return s;
 	};
-})), mn = /* @__PURE__ */ R(((e, t) => {
+})), vn = /* @__PURE__ */ R(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), hn = /* @__PURE__ */ R(((e, t) => {
+})), yn = /* @__PURE__ */ R(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), gn = /* @__PURE__ */ R(((e, t) => {
+})), bn = /* @__PURE__ */ R(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = mn(), i = {}, a = hn();
+		var r = vn(), i = {}, a = yn();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -2532,8 +2589,8 @@ var un = /* @__PURE__ */ R(((e) => {
 	o.resetWarningCache = function() {
 		process.env.NODE_ENV !== "production" && (i = {});
 	}, t.exports = o;
-})), _n = /* @__PURE__ */ R(((e, t) => {
-	var n = fn(), r = pn(), i = mn(), a = hn(), o = gn(), 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);
@@ -2791,8 +2848,8 @@ var un = /* @__PURE__ */ R(((e) => {
 		}
 		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
 	};
-})), vn = /* @__PURE__ */ R(((e, t) => {
-	var n = mn();
+})), Sn = /* @__PURE__ */ R(((e, t) => {
+	var n = vn();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -2833,40 +2890,40 @@ var un = /* @__PURE__ */ R(((e) => {
 	};
 })), $ = /* @__PURE__ */ B((/* @__PURE__ */ R(((e, t) => {
 	if (process.env.NODE_ENV !== "production") {
-		var n = fn();
-		t.exports = _n()(n.isElement, !0);
-	} else t.exports = vn()();
-})))(), 1), yn = ({ 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
-}), bn = {
+}), 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")
-}, xn = (e) => {
-	let t = bn[e];
+}, Tn = (e) => {
+	let t = wn[e];
 	return t ? t() : Promise.resolve(null);
-}, Sn = (e, t) => r(() => e().then((e) => ({ default: t(e || {}) })).catch((e) => (console.warn("[Icon] 动态导入失败，已回退到占位符图标。", e), { default: yn }))), Cn = (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 Sn(() => xn("lucide"), (e) => e.getIcon?.(t) || yn);
-		case "heroicons": return Sn(() => xn("heroicons"), (e) => e.getIcon?.(t, n) || yn);
-		case "tabler": return Sn(() => xn("tabler"), (e) => e.getIcon?.(t) || yn);
-		case "phosphor": return Sn(() => xn("phosphor"), (e) => e.getIcon?.(t) || yn);
+		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;
 	}
-}, wn = (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, Tn = ({ library: e = "lucide", name: n = "", html: i = "", size: a = 24, color: o = "currentColor", strokeWidth: s = 2, variant: c = "outline", className: u = "", children: d, ...f }) => {
+}[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 Cn(e, n, c);
+			return Dn(e, n, c);
 		} catch {
 			return console.warn(`Icon "${n}" not found in library "${e}"`), null;
 		}
@@ -2876,7 +2933,7 @@ var un = /* @__PURE__ */ R(((e) => {
 		c
 	]), h = l(() => e === "feather" && n ? r(async () => {
 		try {
-			let e = wn(a), { getFeatherSvg: t } = await xn("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)
@@ -2897,13 +2954,13 @@ var un = /* @__PURE__ */ R(((e) => {
 	]), g = l(() => e === "html" && i ? i : "", [e, i]), _ = l(() => {
 		let e = {};
 		if (o && o !== "currentColor" && (e.color = o), a) {
-			let t = wn(a);
+			let t = On(a);
 			e.width = `${t}px`, e.height = `${t}px`;
 		}
 		return e;
 	}, [o, a]), v = l(() => {
 		let t = {
-			size: wn(a),
+			size: On(a),
 			color: o,
 			...f
 		};
@@ -2944,7 +3001,7 @@ var un = /* @__PURE__ */ R(((e) => {
 		children: d
 	});
 };
-Tn.propTypes = {
+kn.propTypes = {
 	library: $.default.oneOf([
 		"lucide",
 		"heroicons",
@@ -2968,7 +3025,7 @@ Tn.propTypes = {
 };
 //#endregion
 //#region src/components/Button/IconButton.jsx
-var En = ({ color: e = "default", size: t = "md", edge: n = !1, disabled: r = !1, icon: i = "", children: a, onClick: o, onFocus: s, onBlur: c, className: l = "", style: u = {}, ...d }) => {
+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",
@@ -3010,16 +3067,16 @@ var En = ({ color: e = "default", size: t = "md", edge: n = !1, disabled: r = !1
 		})
 	});
 };
-En.displayName = "IconButton";
+An.displayName = "IconButton";
 //#endregion
 //#region src/components/ImageGallery/ImageGallery.jsx
-var Dn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", columns: i = 3, gap: a = 16, showInfo: s = !0, showCount: c = !0, showDownload: l = !1, showPagination: u = !1, itemsPerPage: f = 12, lazyLoad: h = !0, loading: g = !1, className: _ = "", style: v = {}, onSelect: y, onDownload: b, onLightboxOpen: x, onLightboxClose: S, ...C }) => {
-	let [w, T] = d(-1), [E, D] = d(1), O = u ? Math.ceil(e.length / f) : 1, k = {
+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];
@@ -3030,16 +3087,16 @@ var Dn = ({ 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", {
@@ -3072,15 +3129,12 @@ var Dn = ({ 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,
@@ -3092,16 +3146,16 @@ var Dn = ({ 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: "📥"
 								})]
@@ -3119,12 +3173,13 @@ var Dn = ({ 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: "上一页"
 					}),
@@ -3134,13 +3189,14 @@ var Dn = ({ 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: "下一页"
 					})
@@ -3148,7 +3204,7 @@ var Dn = ({ 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",
@@ -3158,7 +3214,8 @@ var Dn = ({ 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", {
@@ -3186,8 +3243,8 @@ var Dn = ({ 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", {
@@ -3201,15 +3258,15 @@ var Dn = ({ 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: "下载"
 						})
 					]
@@ -3218,10 +3275,10 @@ var Dn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 		]
 	});
 };
-Dn.displayName = "ImageGallery";
+jn.displayName = "ImageGallery";
 //#endregion
 //#region src/composition.ts
-var On = [
+var Mn = [
 	"none",
 	"2xs",
 	"xs",
@@ -3231,40 +3288,40 @@ var On = [
 	"xl",
 	"2xl",
 	"3xl"
-], kn = [
+], Nn = [
 	"stretch",
 	"start",
 	"center",
 	"end"
-], An = [
+], Pn = [
 	"sm",
 	"md",
 	"lg",
 	"xl",
 	"full"
-], jn = [
+], Fn = [
 	"none",
 	"sm",
 	"md",
 	"lg"
-], Mn = [
+], In = [
 	"start",
 	"center",
 	"end",
 	"between",
 	"around"
-], Nn = [
+], Ln = [
 	"equal",
 	"sidebar",
 	"sidebar-end",
 	"wide-start",
 	"wide-end"
-], Pn = [
+], Rn = [
 	"none",
 	"sm",
 	"md",
 	"lg"
-], Fn = ({ 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,
@@ -3273,18 +3330,18 @@ var On = [
 	...s,
 	children: o
 });
-Fn.displayName = "Inline", Fn.propTypes = {
+zn.displayName = "Inline", zn.propTypes = {
 	as: $.default.elementType,
-	gap: $.default.oneOf(On),
-	align: $.default.oneOf(kn),
-	justify: $.default.oneOf(Mn),
+	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 In = ({ value: e = "", onChange: t, type: n = "text", placeholder: r = "", disabled: i = !1, readonly: a = !1, required: c = !1, autoFocus: l = !1, maxLength: f, minLength: h, size: g = "md", variant: _ = "filled", color: v = "primary", error: y = !1, helperText: b = "", label: x = "", startAdornment: S = null, endAdornment: C = null, fullWidth: w = !1, multiline: T = !1, rows: E = 4, autoComplete: D = "off", name: O = "", id: k = "", className: A = "", style: j = {}, onFocus: M, onBlur: N, onKeyDown: P, onKeyUp: F, onKeyPress: I, ...L }) => {
+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);
@@ -3355,28 +3412,28 @@ var In = ({ value: e = "", onChange: t, type: n = "text", placeholder: r = "", d
 		]
 	});
 };
-In.displayName = "Input";
+Bn.displayName = "Input";
 //#endregion
-//#region ../core/src/components/List/utils.jsx
-var Ln = (e) => {
+//#region src/components/List/utils.js
+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;
-}, Rn = (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;
-}, zn = (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;
-}, Bn = (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;
-}, Vn = n({ dense: !1 }), Hn = ({ children: e, dense: t = !1, disablePadding: n = !1, nav: r = !1, subheader: i = "", className: a = "", ...o }) => {
-	let s = Ln({
+}, 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(Vn.Provider, {
+	return /* @__PURE__ */ p(Gn.Provider, {
 		value: { dense: t },
 		children: /* @__PURE__ */ m("div", {
 			role: r ? "navigation" : "list",
@@ -3388,8 +3445,8 @@ var Ln = (e) => {
 			}), e]
 		})
 	});
-}, Un = ({ children: e, button: t = !1, disabled: n = !1, divider: r = !1, selected: i = !1, disableGutters: o = !1, multiselect: s = !1, component: c, className: l = "", ...u }) => {
-	let { dense: d } = a(Vn) || { dense: !1 }, f = Rn({
+}, 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,
@@ -3406,15 +3463,15 @@ var Ln = (e) => {
 		...u,
 		children: e
 	});
-}, Wn = ({ children: e, position: t = "start", className: n = "", ...r }) => /* @__PURE__ */ p("span", {
-	className: zn({
+}, Jn = ({ children: e, position: t = "start", className: n = "", ...r }) => /* @__PURE__ */ p("span", {
+	className: Un({
 		position: t,
 		className: n
 	}).join(" "),
 	...r,
 	children: e
-}), Gn = ({ primary: e = "", secondary: t = "", inset: n = !1, className: r = "", ...i }) => /* @__PURE__ */ m("div", {
-	className: Bn({
+}), Yn = ({ primary: e = "", secondary: t = "", inset: n = !1, className: r = "", ...i }) => /* @__PURE__ */ m("div", {
+	className: Wn({
 		inset: n,
 		className: r
 	}).join(" "),
@@ -3426,37 +3483,37 @@ var Ln = (e) => {
 		className: "list-item-text-secondary",
 		children: t
 	})]
-}), Kn = ({ 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;
-}, qn = (e, t) => [
+}, Zn = (e, t) => [
 	"wc-menu__menu",
 	`wc-menu__menu--${e}`,
 	t
-], Jn = ({ disabled: e }) => ["wc-menu__button", e ? "wc-menu__button--disabled" : ""], Yn = (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;
-}, Xn = (e) => ["wc-menu__arrow", e ? "wc-menu__arrow--open" : ""], Zn = (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());
-}, $n = (e) => e.startsWith("top") ? "top" : "bottom", er = ({ items: e = [], triggerText: t = "选择选项", placement: n = "bottom-start", size: r = "md", variant: i = "default", disabled: a = !1, trigger: c = "click", illustration: l = "", illustrationAlt: f = "示意图", cardTitle: h = "", cardDescription: g = "", onSelect: _, onOpen: v, onClose: y, children: b, triggerContent: x, menuContent: S, className: C = "", ...w }) => {
-	let [T, E] = d(!1), D = s(), O = u(null), k = u(null), A = u(null), j = Kn({
+}, 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: C
-	}).join(" "), M = qn(n, i === "card" ? "wc-menu__menu--card" : "").join(" "), N = Jn({ disabled: a }).join(" "), P = Xn(T).join(" "), F = i === "card" ? {
+	}).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" }, I = () => {
-		Zn(T, a, E, v, y);
+		tr(T, a, E, v, y);
 	}, L = (e, t) => {
-		Qn(e, t, _, E, y);
+		nr(e, t, _, E, y);
 	}, R = () => {
 		T && (E(!1), y?.());
 	}, z = (e = "first") => {
@@ -3468,14 +3525,14 @@ var Ln = (e) => {
 	o(() => {
 		T && queueMicrotask(() => z("first"));
 	}, [T]);
-	let B = J({
+	let B = ce({
 		open: T,
 		anchorRef: A,
 		floatingRef: k,
-		placement: $n(n),
+		placement: rr(n),
 		offset: 6
 	});
-	ae({
+	se({
 		open: T,
 		elementRef: k,
 		refs: [A],
@@ -3489,7 +3546,7 @@ var Ln = (e) => {
 	});
 	let V = (e) => {
 		a || (e.key === "ArrowDown" || e.key === "Enter" || e.key === " " ? (e.preventDefault(), T ? z("next") : (E(!0), v?.())) : e.key === "ArrowUp" && (e.preventDefault(), T ? z("previous") : (E(!0), v?.(), queueMicrotask(() => z("last")))));
-	}, H = T ? /* @__PURE__ */ p(q, { children: /* @__PURE__ */ p("div", {
+	}, H = T ? /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p("div", {
 		ref: k,
 		className: `${M} wc-menu__menu--resolved-${B}`.trim(),
 		id: D,
@@ -3527,7 +3584,7 @@ var Ln = (e) => {
 				}, e.key || t) : /* @__PURE__ */ m("button", {
 					type: "button",
 					role: "menuitem",
-					className: Yn(e).join(" "),
+					className: $n(e).join(" "),
 					disabled: e.disabled,
 					onClick: () => L(e, t),
 					children: [e.icon && /* @__PURE__ */ p("span", {
@@ -3545,7 +3602,7 @@ var Ln = (e) => {
 		}, e.key || t) : /* @__PURE__ */ m("button", {
 			type: "button",
 			role: "menuitem",
-			className: Yn(e).join(" "),
+			className: $n(e).join(" "),
 			disabled: e.disabled,
 			onClick: () => L(e, t),
 			children: [e.icon && /* @__PURE__ */ p("span", {
@@ -3587,50 +3644,50 @@ var Ln = (e) => {
 		}), H]
 	});
 };
-er.displayName = "Menu";
+ir.displayName = "Menu";
 //#endregion
-//#region ../core/src/components/Modal/utils.js
-function tr({ size: e = "md", fullWidth: t = !1, fullScreen: n = !1, scroll: r = "paper", position: i = "center", className: a = "" } = {}) {
+//#region src/components/Modal/utils.js
+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 nr({ 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 rr(e, t, n = 0) {
+function sr(e, t, n = 0) {
 	e(!1), t && (n > 0 ? setTimeout(() => {
 		t();
 	}, n) : t());
 }
 //#endregion
 //#region src/components/Modal/Modal.jsx
-var ir = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWidth: a = null, closable: c = !0, showCloseButton: l = !0, maskClosable: f = !0, closeOnOverlay: h = !0, disableBackdropClick: g = !1, disableEscapeKeyDown: _ = !1, centered: v = !0, fullWidth: y = !1, fullScreen: b = !1, position: x = "center", scroll: S = "paper", lockScroll: C = !0, zIndex: w = 1e3, showOverlay: T = !0, className: E = "", onClose: D, children: O, header: k, footer: A, ...j }) => {
-	let M = s(), [N, P] = d(e || t), F = u(null), I = e || t;
+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(I);
-	}, [I]);
-	let L = tr({
+		P(L);
+	}, [L]);
+	let R = ar({
 		size: a || r,
 		fullWidth: y,
 		fullScreen: b,
 		scroll: S,
 		position: x,
 		className: E
-	}), R = nr({
+	}), z = or({
 		centered: x === "center" || v,
 		position: x
-	}), z = i(() => {
-		rr(P, D);
-	}, [D]), B = i(() => {
-		f && h && !g && z();
+	}), B = i(() => {
+		sr(P, D);
+	}, [D]), V = i(() => {
+		f && h && !g && B();
 	}, [
 		h,
 		g,
-		z,
+		B,
 		f
 	]);
-	if (ae({
+	if (se({
 		open: N,
 		elementRef: F,
 		modal: !0,
@@ -3639,18 +3696,18 @@ var ir = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWid
 		initialFocus: !0,
 		closeOnEscape: c && !_,
 		closeOnPointerDownOutside: !1,
-		onEscapeKeyDown: z,
+		onEscapeKeyDown: B,
 		zIndex: w
 	}), !N) return null;
-	let V = c && l !== !1;
-	return /* @__PURE__ */ p(q, { children: /* @__PURE__ */ m("div", {
-		className: R,
+	let H = c && l !== !1;
+	return /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ m("div", {
+		className: z,
 		style: { zIndex: w },
-		onClick: B,
+		onClick: V,
 		"data-testid": "modal-overlay",
 		children: [T && /* @__PURE__ */ p("div", { className: "wc-modal__overlay" }), /* @__PURE__ */ m("div", {
 			ref: F,
-			className: L,
+			className: R,
 			onClick: (e) => e.stopPropagation(),
 			role: "dialog",
 			"aria-modal": "true",
@@ -3658,12 +3715,12 @@ var ir = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWid
 			tabIndex: -1,
 			...j,
 			children: [
-				V && /* @__PURE__ */ p(Ke, {
+				H && /* @__PURE__ */ p(Xe, {
 					variant: "text",
 					size: "sm",
 					className: "wc-modal__close",
-					onClick: z,
-					"aria-label": "关闭",
+					onClick: B,
+					"aria-label": I.closeDialog,
 					children: /* @__PURE__ */ p("svg", {
 						viewBox: "0 0 24 24",
 						"aria-hidden": "true",
@@ -3690,10 +3747,10 @@ var ir = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWid
 		})]
 	}) });
 };
-ir.displayName = "Modal";
+cr.displayName = "Modal";
 //#endregion
 //#region src/components/NumberAnimation/NumberAnimation.jsx
-var ar = ({ active: e = !0, duration: t = 3e3, from: n = 0, to: r, locale: i = "", precision: a = 0, showSeparator: s = !1, prefix: c = "", suffix: l = "", separator: f = "", formatter: m = null, easing: h = "linear", onFinish: g, className: _ = "", style: v = {}, ...y }) => {
+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);
@@ -3739,21 +3796,21 @@ var ar = ({ active: e = !0, duration: t = 3e3, from: n = 0, to: r, locale: i = "
 };
 //#endregion
 //#region src/components/Pagination/Pagination.jsx
-function or({ value: e = 1, onChange: t, total: n, pageSize: r = 10, siblingCount: a = 1, boundaryCount: s = 1, size: c = "md", className: u = "", ...f }) {
-	let [h, g] = d(e);
+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
@@ -3770,59 +3827,59 @@ function or({ 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",
@@ -3834,38 +3891,38 @@ function or({ value: e = 1, onChange: t, total: n, pageSize: r = 10, siblingCoun
 }
 //#endregion
 //#region src/components/Page/Page.jsx
-var sr = ({ 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
 });
-sr.displayName = "Page", sr.propTypes = {
+dr.displayName = "Page", dr.propTypes = {
 	as: $.default.elementType,
-	size: $.default.oneOf(An),
-	gutter: $.default.oneOf(jn),
+	size: $.default.oneOf(Pn),
+	gutter: $.default.oneOf(Fn),
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
-//#region ../core/src/components/Paper/utils.jsx
-var cr = {
+//#region src/components/Paper/utils.js
+var fr = {
 	ELEVATION: "elevation",
 	OUTLINED: "outlined"
-}, lr = {
+}, pr = {
 	SQUARE: "square",
 	ROUNDED_SM: "rounded-sm",
 	ROUNDED_LG: "rounded-lg",
 	ROUNDED_XL: "rounded-xl",
 	ROUNDED_2XL: "rounded-2xl",
 	ROUNDED_FULL: "rounded-full"
-}, ur = {
+}, mr = {
 	SM: "sm",
 	MD: "md",
 	LG: "lg",
 	XL: "xl"
-}, dr = {
+}, hr = {
 	DEFAULT: "default",
 	PRIMARY: "primary",
 	SUCCESS: "success",
@@ -3873,21 +3930,21 @@ var cr = {
 	ERROR: "error",
 	INFO: "info"
 };
-function fr(e = {}) {
-	let { variant: t = cr.ELEVATION, elevation: n = 1, square: r = !1, shape: i = null, size: a = null, color: o = dr.DEFAULT, hoverable: s = !1, clickable: c = !1, gradient: l = !1, frosted: u = !1, textured: d = !1, className: f = "" } = e, p = ["wc-paper"];
-	if (t === cr.OUTLINED) p.push("wc-paper--outlined");
+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 && lr[i.toUpperCase()] && p.push(`wc-paper--${i}`), a && ur[a.toUpperCase()] && p.push(`wc-paper--${a}`), o !== dr.DEFAULT && dr[o.toUpperCase()] && p.push(`wc-paper--${o}`), s && p.push("wc-paper--hoverable"), c && p.push("wc-paper--clickable"), l && p.push("wc-paper--gradient"), u && p.push("wc-paper--frosted"), d && p.push("wc-paper--textured"), f && p.push(f), p.join(" ");
+	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 pr({ component: e = "div", variant: t = "elevation", elevation: n = 1, square: r = !1, hoverable: i = !1, clickable: a = !1, color: o = "default", size: s = null, shape: c = null, gradient: l = !1, frosted: u = !1, textured: d = !1, className: f = "", children: m, onClick: h, onMouseEnter: g, onMouseLeave: _, onKeyDown: v, style: y = {}, ...b }) {
+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: fr({
+		className: gr({
 			variant: t,
 			elevation: Math.max(0, Math.min(24, Math.floor(Number(n) || 0))),
 			square: r,
@@ -3918,52 +3975,52 @@ function pr({ component: e = "div", variant: t = "elevation", elevation: n = 1,
 }
 //#endregion
 //#region src/components/Popover/Popover.jsx
-function mr({ open: t, onOpenChange: n, triggerText: r = "打开弹窗", trigger: i, placement: a = "bottom", offset: o = 8, children: c, className: l = "" }) {
-	let f = s(), [h, g] = d(!1), _ = t != null, v = u(null), y = u(null), b = _ ? t : h, x = (e) => {
-		_ || g(e), n?.(e);
-	}, S = () => x(!1), C = () => {
-		x(!b);
-	}, w = J({
-		open: b,
-		anchorRef: v,
-		floatingRef: y,
+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
 	});
-	ae({
-		open: b,
-		elementRef: y,
-		refs: [v],
+	se({
+		open: x,
+		elementRef: b,
+		refs: [y],
 		closeOnEscape: !0,
 		closeOnPointerDownOutside: !0,
-		onEscapeKeyDown: S,
-		onPointerDownOutside: S,
+		onEscapeKeyDown: C,
+		onPointerDownOutside: C,
 		zIndex: 2e3
 	});
-	let T = i ? e.cloneElement(i, {
-		ref: v,
-		onClick: C,
-		"aria-expanded": b,
+	let E = i ? e.cloneElement(i, {
+		ref: y,
+		onClick: w,
+		"aria-expanded": x,
 		"aria-haspopup": "dialog",
-		"aria-controls": f
+		"aria-controls": h
 	}) : /* @__PURE__ */ p("button", {
-		ref: v,
+		ref: y,
 		type: "button",
 		className: "wc-popover-trigger",
-		onClick: C,
-		"aria-expanded": b,
+		onClick: w,
+		"aria-expanded": x,
 		"aria-haspopup": "dialog",
-		"aria-controls": f,
+		"aria-controls": h,
 		children: r
 	});
 	return /* @__PURE__ */ m("div", {
 		className: `wc-popover-container ${l}`.trim(),
-		children: [T, b && /* @__PURE__ */ p(q, { children: /* @__PURE__ */ p("div", {
-			ref: y,
-			id: f,
-			className: `wc-popover-content wc-popover-content--${w}`.trim(),
+		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,
 			children: c
 		}) })]
@@ -3971,7 +4028,7 @@ function mr({ open: t, onOpenChange: n, triggerText: r = "打开弹窗", trigger
 }
 //#endregion
 //#region src/components/PricingTable/PricingTable.jsx
-function hr({ 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(),
@@ -4001,8 +4058,8 @@ function hr({ plans: e = [], columns: t = 3, className: n = "" }) {
 }
 //#endregion
 //#region src/components/Progress/Progress.jsx
-var gr = ({ 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",
@@ -4011,11 +4068,11 @@ var gr = ({ 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,
@@ -4026,27 +4083,27 @@ var gr = ({ 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
 			})
 		})]
 	});
 };
-gr.displayName = "Progress";
+br.displayName = "Progress";
 //#endregion
 //#region src/components/Radio/Radio.jsx
-var _r = n(null);
-function vr({ value: e, onChange: t, name: n, disabled: r = !1, label: a = "", row: o = !1, required: s = !1, error: c = "", helperText: l = "", size: u = "md", color: f = "primary", children: h, className: g = "" }) {
+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));
 	}, [
@@ -4054,7 +4111,7 @@ function vr({ 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(_r.Provider, {
+	return /* @__PURE__ */ p(xr.Provider, {
 		value: {
 			value: b,
 			updateValue: x,
@@ -4091,8 +4148,8 @@ function vr({ value: e, onChange: t, name: n, disabled: r = !1, label: a = "", r
 		})
 	});
 }
-function yr({ value: e, checked: t, onChange: n, label: r, name: i, disabled: o = !1, color: s = "primary", size: c = "md", className: l = "", children: u, ...f }) {
-	let h = a(_r), g = h ? h.value === e : t === void 0 ? void 0 : t, _ = h ? h.name : i, v = h && h.disabled || o, y = c || h && h.size || "md", b = s || h && h.color || "primary", [x, S] = d(!1), C = [
+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",
@@ -4133,48 +4190,48 @@ function yr({ value: e, checked: t, onChange: n, label: r, name: i, disabled: o
 		]
 	});
 }
-yr.displayName = "Radio", vr.displayName = "RadioGroup";
+Cr.displayName = "Radio", Sr.displayName = "RadioGroup";
 //#endregion
 //#region src/components/Rating/Rating.jsx
-var br = ({ value: e = 0, max: t = 5, readOnly: n = !1, onChange: r = () => {}, className: i = "", style: a = {}, ...s }) => {
-	let [c, l] = d(0), [u, f] = d(e);
-	o(() => f(e), [e]);
-	let m = (e) => {
+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);
 		})
 	});
 };
-br.displayName = "Rating";
+wr.displayName = "Rating";
 //#endregion
 //#region src/components/Select/Select.jsx
-var xr = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Select an option", label: i = "", helperText: a = "", error: o = !1, errorMessage: c = "", required: l = !1, disabled: f = !1, multiple: h = !1, clearable: g = !1, fullWidth: _ = !1, size: v = "md", variant: y = "filled", color: b = "primary", maxHeight: x = 200, name: S = "", id: C = "", className: w = "", style: T = {}, onFocus: E, onBlur: D, onSearch: O, renderOption: k, renderValue: A, ...j }) => {
+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);
 	};
-	ae({
+	se({
 		open: M,
 		elementRef: z,
 		refs: [R],
@@ -4225,7 +4282,7 @@ var xr = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Selec
 			L(t[n < 0 ? 0 : (n + e + t.length) % t.length].index);
 		};
 		e.key === "Enter" || e.key === " " ? (e.preventDefault(), M && I >= 0 ? W(n[I]) : U()) : e.key === "ArrowDown" ? (e.preventDefault(), M ? r(1) : (N(!0), F(!0), L(t[0]?.index ?? -1))) : e.key === "ArrowUp" ? (e.preventDefault(), M ? r(-1) : (N(!0), F(!0), L(t[t.length - 1]?.index ?? -1))) : e.key === "Home" ? (e.preventDefault(), L(t[0]?.index ?? -1)) : e.key === "End" ? (e.preventDefault(), L(t[t.length - 1]?.index ?? -1)) : e.key === "Escape" && B();
-	}, ie = () => h && Array.isArray(V) ? V.length === 0 ? /* @__PURE__ */ p("span", {
+	}, G = () => h && Array.isArray(V) ? V.length === 0 ? /* @__PURE__ */ p("span", {
 		className: "wc-select__placeholder",
 		children: r
 	}) : /* @__PURE__ */ p("div", {
@@ -4237,16 +4294,16 @@ var xr = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Selec
 	}) : V ? A ? A(V) : V.label || V.value : /* @__PURE__ */ p("span", {
 		className: "wc-select__placeholder",
 		children: r
-	}), G = () => {
+	}), K = () => {
 		let e = ["wc-select__label"];
 		return e.push(`wc-select__label--${v}`), o && e.push("wc-select__label--error"), (P || V) && e.push("wc-select__label--active"), e.join(" ");
-	}, K = () => {
+	}, q = () => {
 		let e = ["wc-select__container"];
 		return e.push(`wc-select__container--${y}`), e.push(`wc-select__container--${v}`), f && e.push("wc-select__container--disabled"), o && e.push("wc-select__container--error"), P && e.push("wc-select__container--focused"), M && e.push("wc-select__container--open"), e.join(" ");
-	}, q = (e, t) => {
+	}, 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(" ");
-	}, J = s(), Y = C || S || J;
+	}, ie = s(), Y = C || S || ie;
 	return /* @__PURE__ */ m("div", {
 		className: H(),
 		style: T,
@@ -4255,14 +4312,14 @@ var xr = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Selec
 			i && /* @__PURE__ */ m("label", {
 				htmlFor: Y,
 				id: `${Y}-label`,
-				className: G(),
+				className: K(),
 				children: [i, l && /* @__PURE__ */ p("span", {
 					className: "wc-select__required",
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ m("div", {
-				className: K(),
+				className: q(),
 				children: [/* @__PURE__ */ m("div", {
 					className: "wc-select__control",
 					id: Y,
@@ -4281,7 +4338,7 @@ var xr = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Selec
 					"aria-required": l,
 					children: [/* @__PURE__ */ p("div", {
 						className: "wc-select__value",
-						children: ie()
+						children: G()
 					}), /* @__PURE__ */ m("div", {
 						className: "wc-select__indicators",
 						children: [g && (V || h && e?.length > 0) && /* @__PURE__ */ p("button", {
@@ -4310,7 +4367,7 @@ var xr = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Selec
 							let r = h ? Array.isArray(e) && e.includes(t.value) : e === t.value;
 							return /* @__PURE__ */ m("div", {
 								id: `${Y}-option-${n}`,
-								className: q(t, r),
+								className: J(t, r),
 								onClick: () => W(t),
 								role: "option",
 								"aria-selected": r,
@@ -4341,29 +4398,29 @@ var xr = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Selec
 		]
 	});
 };
-xr.displayName = "Select";
+Tr.displayName = "Select";
 //#endregion
 //#region src/components/Skeleton/Skeleton.jsx
-var Sr = {
+var Er = {
 	text: "wc-skeleton--text",
 	rectangular: "wc-skeleton--rectangular",
 	rounded: "wc-skeleton--rounded",
 	circular: "wc-skeleton--circular"
-}, Cr = ({ animation: e = "pulse", component: t = "div", height: n, width: r, variant: i = "text", style: a = {}, className: o = "", ...s }) => {
-	let c = l(() => {
-		let t = ["wc-skeleton", Sr[i] || Sr.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
 	});
-}, wr = ({ value: e, defaultValue: t = 0, min: n = 0, max: r = 100, step: i = 1, disabled: a = !1, label: c = "", valueLabelDisplay: u = "off", onChange: f = () => {}, className: h = "", style: g = {}, ..._ }) => {
+}, 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);
@@ -4410,14 +4467,14 @@ var Sr = {
 		})]
 	});
 };
-wr.displayName = "Slider";
+Or.displayName = "Slider";
 //#endregion
 //#region src/components/SlideOver/SlideOver.jsx
-var Tr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width: r = 400, children: a, header: o, footer: s }) => {
-	let c = u(null), l = i(() => {
+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 ae({
+	return se({
 		open: e,
 		elementRef: c,
 		modal: !0,
@@ -4426,13 +4483,13 @@ var Tr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 		initialFocus: !0,
 		closeOnEscape: !0,
 		closeOnPointerDownOutside: !1,
-		onEscapeKeyDown: l,
+		onEscapeKeyDown: d,
 		zIndex: 3e3
-	}), /* @__PURE__ */ p(q, { children: e ? /* @__PURE__ */ m("div", {
+	}), /* @__PURE__ */ p(oe, { children: e ? /* @__PURE__ */ m("div", {
 		className: "wc-slideover-wrapper",
 		children: [/* @__PURE__ */ p("div", {
 			className: "wc-slideover-overlay",
-			onClick: l
+			onClick: d
 		}), /* @__PURE__ */ m("div", {
 			ref: c,
 			className: `wc-slideover-panel wc-slideover-${n}`,
@@ -4456,8 +4513,8 @@ var Tr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 				/* @__PURE__ */ p("button", {
 					className: "wc-slideover-close",
 					type: "button",
-					onClick: l,
-					"aria-label": "关闭",
+					onClick: d,
+					"aria-label": l.closeDialog,
 					children: /* @__PURE__ */ p("svg", {
 						viewBox: "0 0 24 24",
 						"aria-hidden": "true",
@@ -4467,7 +4524,7 @@ var Tr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 			]
 		})]
 	}) : null });
-}, Er = ({ as: e = "div", ratio: t = "equal", gap: n = "xl", align: r = "stretch", collapse: i = "md", className: a = "", children: o, ...s }) => /* @__PURE__ */ p(e, {
+}, 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,
@@ -4476,34 +4533,34 @@ var Tr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 	...s,
 	children: o
 });
-Er.displayName = "Split", Er.propTypes = {
+Ar.displayName = "Split", Ar.propTypes = {
 	as: $.default.elementType,
-	ratio: $.default.oneOf(Nn),
-	gap: $.default.oneOf(On),
-	align: $.default.oneOf(kn),
-	collapse: $.default.oneOf(Pn),
+	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 Dr = ({ 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
 });
-Dr.displayName = "Stack", Dr.propTypes = {
+jr.displayName = "Stack", jr.propTypes = {
 	as: $.default.elementType,
-	gap: $.default.oneOf(On),
-	align: $.default.oneOf(kn),
+	gap: $.default.oneOf(Mn),
+	align: $.default.oneOf(Nn),
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
 //#region src/components/Snackbar/Snackbar.jsx
-var Or = ({ 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",
@@ -4520,23 +4577,23 @@ var Or = ({ severity: e }) => {
 		}), t]
 	});
 };
-function kr({ 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: g = !1, onClose: _ = () => {}, onUpdateModelValue: v, onAction: y = () => {}, children: b }) {
-	let x = t !== void 0, [S, C] = d(x ? t : e), [w, T] = d(100);
+	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 (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);
@@ -4544,34 +4601,34 @@ function kr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r =
 		}
 		return () => clearTimeout(t);
 	}, [
-		S,
+		C,
 		s,
 		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%)"), h(/* @__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(Or, { severity: i })
+				children: /* @__PURE__ */ p(Mr, { severity: i })
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "wc-snackbar__content",
@@ -4588,15 +4645,15 @@ function kr({ 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",
@@ -4611,15 +4668,15 @@ function kr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r =
 				className: "wc-snackbar__progress",
 				children: /* @__PURE__ */ p("div", {
 					className: "wc-snackbar__progress-bar",
-					style: { width: `${w}%` }
+					style: { width: `${T}%` }
 				})
 			})
 		]
 	}), document.body);
 }
 //#endregion
-//#region ../core/src/components/Status/utils.js
-var Ar = [
+//#region src/components/Status/utils.js
+var Pr = [
 	"default",
 	"success",
 	"error",
@@ -4628,7 +4685,7 @@ var Ar = [
 	"pending",
 	"processing",
 	"cancelled"
-], jr = [
+], Fr = [
 	"auto",
 	"pulse",
 	"spin",
@@ -4638,7 +4695,7 @@ var Ar = [
 	"breathe",
 	"ripple",
 	"glow"
-], Mr = {
+], Ir = {
 	default: {
 		text: "默认",
 		color: "var(--wc-text-tertiary)"
@@ -4672,29 +4729,29 @@ var Ar = [
 		color: "var(--wc-text-disabled)"
 	}
 };
-function Nr(e) {
-	return Ar.includes(e);
+function Lr(e) {
+	return Pr.includes(e);
 }
-function Pr(e) {
-	return Nr(e) ? e : "default";
+function Rr(e) {
+	return Lr(e) ? e : "default";
 }
-function Fr({ status: e, size: t, showText: n, animated: r, animationType: i = "auto", className: a }) {
-	let o = Pr(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 = Lr(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 Ir(e) {
-	return Mr[e]?.text || Mr.default.text;
+function Br(e) {
+	return Ir[e]?.text || Ir.default.text;
 }
-function Lr(e, t = "auto") {
-	return t !== "auto" && jr.includes(t) ? t : {
+function Vr(e, t = "auto") {
+	return t !== "auto" && Fr.includes(t) ? t : {
 		processing: "spin",
 		pending: "pulse",
 		success: "bounce",
@@ -4707,17 +4764,18 @@ function Lr(e, t = "auto") {
 }
 //#endregion
 //#region src/components/Status/Status.jsx
-var Rr = ({ status: e = "default", size: t = "md", showText: n = !1, animated: r = !1, animationType: i = "auto", className: a = "", ...o }) => {
-	let s = Fr({
+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 = Ir(e);
+	}), c = Br(e);
 	return /* @__PURE__ */ p("span", {
 		className: s,
+		role: "status",
 		title: c,
 		"aria-label": c,
 		...o,
@@ -4727,11 +4785,11 @@ var Rr = ({ status: e = "default", size: t = "md", showText: n = !1, animated: r
 		})
 	});
 };
-Rr.displayName = "Status";
+Hr.displayName = "Status";
 //#endregion
 //#region src/components/Switch/Switch.jsx
-var zr = ({ checked: e = !1, onChange: t, label: n = "", description: r = "", disabled: i = !1, required: a = !1, color: o = "primary", size: c = "md", className: l = "", ...u }) => {
-	let d = s(), f = `${d}-input`, h = [
+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",
@@ -4740,24 +4798,24 @@ var zr = ({ 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",
@@ -4766,19 +4824,20 @@ var zr = ({ 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",
@@ -4791,20 +4850,20 @@ var zr = ({ checked: e = !1, onChange: t, label: n = "", description: r = "", di
 		})]
 	});
 };
-zr.displayName = "Switch";
+Ur.displayName = "Switch";
 //#endregion
 //#region src/components/Table/Table.jsx
-var Br = n({
+var Wr = n({
 	size: "md",
 	dense: !1,
 	hover: !1,
 	striped: !1
-}), Vr = ({ 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(Br.Provider, {
+		children: /* @__PURE__ */ p(Wr.Provider, {
 			value: {
 				size: e,
 				dense: n,
@@ -4816,24 +4875,24 @@ var Br = n({
 		})
 	})
 });
-Vr.displayName = "Table";
-var Hr = ({ children: e, className: t = "", ...n }) => {
-	let { stickyHeader: r } = a(Br);
+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
 	});
 };
-Hr.displayName = "TableHead";
-var Ur = ({ 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
 });
-Ur.displayName = "TableBody";
-var Wr = ({ hover: e, selected: t = !1, clickable: n = !1, children: r, className: i = "", onClick: o, ...s }) => {
-	let c = a(Br);
+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",
@@ -4847,9 +4906,9 @@ var Wr = ({ hover: e, selected: t = !1, clickable: n = !1, children: r, classNam
 		children: r
 	});
 };
-Wr.displayName = "TableRow";
-var Gr = ({ component: e = "td", align: t = "inherit", padding: n = "normal", size: r, sortDirection: i = !1, variant: o = "body", scope: s, children: c, className: l = "", ...u }) => {
-	let d = a(Br), f = r || (d.dense ? "small" : "medium");
+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",
@@ -4866,29 +4925,29 @@ var Gr = ({ component: e = "td", align: t = "inherit", padding: n = "normal", si
 		children: c
 	});
 };
-Gr.displayName = "TableCell";
-var Kr = Object.assign(Vr, {
-	Head: Hr,
-	Body: Ur,
-	Row: Wr,
-	Cell: Gr
-}), qr = ({ tabs: e = [], activeIndex: t, onChange: n, variant: r = "default", children: i, className: a = "", ...c }) => {
-	let l = s(), [u, f] = d(t || 0), h = t !== void 0, g = h ? t : u;
+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",
@@ -4899,25 +4958,25 @@ var Kr = Object.assign(Vr, {
 		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))
@@ -4925,18 +4984,18 @@ var Kr = Object.assign(Vr, {
 			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
 		})]
 	});
 };
-qr.displayName = "Tabs";
+Zr.displayName = "Tabs";
 //#endregion
 //#region src/components/TextField/TextField.jsx
-var Jr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeholder: i = "", helperText: a = "", error: s = "", required: c = !1, disabled: l = !1, readonly: u = !1, autoFocus: f = !1, fullWidth: h = !1, multiline: g = !1, rows: _ = 4, maxRows: v, minRows: y, variant: b = "filled", size: x = "md", color: S = "primary", startAdornment: C = null, endAdornment: w = null, maxLength: T, minLength: E, pattern: D, autoComplete: O = "off", name: k = "", id: A = "", className: j = "", style: M = {}, onFocus: N, onBlur: P, onKeyDown: F, onKeyUp: I, onKeyPress: L, ...R }) => {
+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);
@@ -4957,13 +5016,13 @@ var Jr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeho
 	}, 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(" ");
-	}, ie = g ? "textarea" : "input", G = A || k || `textfield-${Math.random().toString(36).substr(2, 9)}`, K = !!s;
+	}, G = g ? "textarea" : "input", K = A || k || `textfield-${Math.random().toString(36).substr(2, 9)}`, q = !!s;
 	return /* @__PURE__ */ m("div", {
 		className: te(),
 		style: M,
 		children: [
 			r && /* @__PURE__ */ m("label", {
-				htmlFor: G,
+				htmlFor: K,
 				className: re(),
 				children: [r, c && /* @__PURE__ */ p("span", {
 					className: "wc-textfield__required",
@@ -4977,9 +5036,9 @@ var Jr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeho
 						className: "wc-textfield__adornment wc-textfield__adornment--start",
 						children: C
 					}),
-					/* @__PURE__ */ p(ie, {
+					/* @__PURE__ */ p(G, {
 						className: g ? "wc-textfield__input wc-textfield__textarea" : "wc-textfield__input",
-						id: G,
+						id: K,
 						type: g ? void 0 : n,
 						value: e,
 						onChange: U,
@@ -5001,9 +5060,9 @@ var Jr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeho
 						name: k,
 						...R
 					}),
-					(w || K) && /* @__PURE__ */ m("div", {
+					(w || q) && /* @__PURE__ */ m("div", {
 						className: "wc-textfield__adornment wc-textfield__adornment--end",
-						children: [K && /* @__PURE__ */ p("svg", {
+						children: [q && /* @__PURE__ */ p("svg", {
 							className: "wc-textfield__error-icon",
 							fill: "currentColor",
 							viewBox: "0 0 20 20",
@@ -5016,46 +5075,46 @@ var Jr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeho
 					})
 				]
 			}),
-			(a || K) && /* @__PURE__ */ p("div", {
-				className: `wc-textfield__helper-text ${K ? "wc-textfield__helper-text--error" : ""}`,
-				children: K ? s : a
+			(a || q) && /* @__PURE__ */ p("div", {
+				className: `wc-textfield__helper-text ${q ? "wc-textfield__helper-text--error" : ""}`,
+				children: q ? s : a
 			})
 		]
 	});
 };
-Jr.displayName = "TextField";
+Qr.displayName = "TextField";
 //#endregion
-//#region ../core/src/components/Toolbar/utils.js
-var Yr = (e, t, n = "") => {
+//#region src/components/Toolbar/utils.js
+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(" ");
-}, Xr = ({ children: e, variant: t = "regular", disableGutters: n = !1, className: r = "", style: i = {}, ...a }) => /* @__PURE__ */ p("div", {
-	className: Yr(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
-}), Zr = {
+}), ti = {
 	top: "wc-tooltip--top",
 	bottom: "wc-tooltip--bottom",
 	left: "wc-tooltip--left",
 	right: "wc-tooltip--right"
-}, Qr = [
+}, ni = [
 	"top",
 	"bottom",
 	"left",
 	"right"
 ];
-function $r(e) {
-	return Qr.includes(e);
+function ri(e) {
+	return ni.includes(e);
 }
-function ei(e) {
-	return Zr[e] || Zr.top;
+function ii(e) {
+	return ti[e] || ti.top;
 }
 //#endregion
 //#region src/components/Tooltip/Tooltip.jsx
-function ti({ text: e, placement: t = "top", children: n, className: r = "" }) {
-	$r(t) || console.warn(`Invalid tooltip placement: ${t}. Using 'top' as default.`);
-	let [i, a] = d(!1), o = s(), c = u(null), l = u(null), f = ei(J({
+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,
@@ -5074,7 +5133,7 @@ function ti({ text: e, placement: t = "top", children: n, className: r = "" }) {
 		onMouseLeave: g,
 		onFocus: h,
 		onBlur: g,
-		children: [n, i && /* @__PURE__ */ p(q, { children: /* @__PURE__ */ p("div", {
+		children: [n, i && /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p("div", {
 			ref: l,
 			id: o,
 			className: `wc-tooltip ${f}`,
@@ -5084,8 +5143,8 @@ function ti({ text: e, placement: t = "top", children: n, className: r = "" }) {
 	});
 }
 //#endregion
-//#region ../core/src/components/Typography/utils.js
-var ni = {
+//#region src/components/Typography/utils.js
+var oi = {
 	h1: "h1",
 	h2: "h2",
 	h3: "h3",
@@ -5099,7 +5158,7 @@ var ni = {
 	caption: "span",
 	overline: "span",
 	button: "span"
-}, ri = {
+}, si = {
 	h1: "wc-typography--h1",
 	h2: "wc-typography--h2",
 	h3: "wc-typography--h3",
@@ -5113,7 +5172,7 @@ var ni = {
 	caption: "wc-typography--caption",
 	overline: "wc-typography--overline",
 	button: "wc-typography--button"
-}, ii = {
+}, ci = {
 	inherit: "wc-typography--color-inherit",
 	primary: "wc-typography--color-primary",
 	secondary: "wc-typography--color-secondary",
@@ -5123,12 +5182,12 @@ var ni = {
 	textPrimary: "wc-typography--color-text-primary",
 	textSecondary: "wc-typography--color-text-secondary",
 	textDisabled: "wc-typography--color-text-disabled"
-}, ai = {
+}, li = {
 	left: "wc-typography--align-left",
 	center: "wc-typography--align-center",
 	right: "wc-typography--align-right",
 	justify: "wc-typography--align-justify"
-}, oi = {
+}, ui = {
 	h1: "1.2",
 	h2: "1.2",
 	h3: "1.3",
@@ -5143,15 +5202,15 @@ var ni = {
 	overline: "1.4",
 	button: "1.4"
 };
-function si(e, t) {
-	return t || ni[e] || "p";
+function di(e, t) {
+	return t || oi[e] || "p";
 }
-function ci(e, t, n, r, i, a = "") {
+function fi(e, t, n, r, i, a = "") {
 	return [
 		"wc-typography",
-		ri[e],
-		ii[t],
-		n === "inherit" ? null : ai[n],
+		si[e],
+		ci[t],
+		n === "inherit" ? null : li[n],
 		r ? "wc-typography--gutter-bottom" : null,
 		i ? "wc-typography--no-wrap" : null,
 		a
@@ -5159,19 +5218,19 @@ function ci(e, t, n, r, i, a = "") {
 }
 //#endregion
 //#region src/components/Typography/Typography.jsx
-var li = ({ variant: e = "body1", component: t, color: n = "inherit", align: r = "inherit", gutterBottom: i = !1, noWrap: a = !1, children: o, className: s = "", style: c = {}, ...l }) => /* @__PURE__ */ p(si(e, t), {
-	className: ci(e, n, r, i, a, s),
+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: oi[e],
+		lineHeight: ui[e],
 		...c
 	},
 	...l,
 	children: o
 });
-li.displayName = "Typography";
+pi.displayName = "Typography";
 //#endregion
-//#region ../core/src/components/TypingText/utils.jsx
-var ui = class {
+//#region src/components/TypingText/utils.js
+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 || (() => {});
 	}
@@ -5192,9 +5251,9 @@ var ui = class {
 	updateText(e) {
 		this.text = e, this.reset(), this.start();
 	}
-}, di = ({ text: e = "Hello, Watercolor UI!", speed: t = 100, pause: n = 1500, loop: r = !1, erase: i = !1, showCursor: a = !0, className: s = "", style: c = {}, ...l }) => {
+}, 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 ui(e, {
+	return o(() => (g.current = new mi(e, {
 		speed: t,
 		pause: n,
 		loop: r,
@@ -5218,29 +5277,29 @@ var ui = class {
 		}), a && /* @__PURE__ */ p("span", { className: "typing-cursor" })]
 	});
 };
-di.displayName = "TypingText";
+hi.displayName = "TypingText";
 //#endregion
 //#region src/components/Input/VerificationCodeInput.jsx
-var fi = ({ 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", {
@@ -5249,12 +5308,12 @@ var fi = ({ 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",
@@ -5262,100 +5321,101 @@ var fi = ({ 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))
 	});
 };
-fi.displayName = "VerificationCodeInput";
+gi.displayName = "VerificationCodeInput";
 //#endregion
-//#region ../core/src/components/VideoPlayer/utils.js
-function pi(e) {
+//#region src/components/VideoPlayer/utils.js
+function _i(e) {
 	return `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
 }
-function mi(e, t) {
+function vi(e, t) {
 	let n = e.currentTarget.getBoundingClientRect();
 	return (e.clientX - n.left) / n.width * t;
 }
-function hi(e) {
+function yi(e) {
 	e && (document.fullscreenElement ? document.exitFullscreen?.() : e.requestFullscreen?.());
 }
 //#endregion
 //#region src/components/VideoPlayer/VideoPlayer.jsx
-var gi = ({ src: e, autoplay: t = !1, loop: n = !1, className: r = "", style: i = {}, ...a }) => {
-	let s = u(null), [c, l] = d(!1), [f, h] = d(0), [g, _] = d(.7), [v, y] = d(!1), [b, x] = d(0), [S, C] = d(0), w = pi(S), T = pi(b), E = () => {
-		let e = s.current;
+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 = mi(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 = () => {
-		hi(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",
@@ -5363,23 +5423,24 @@ var gi = ({ 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: "⛶"
 				})
 			]
 		})]
 	});
 };
-gi.displayName = "VideoPlayer";
+bi.displayName = "VideoPlayer";
 //#endregion
-//#region ../core/src/components/Watermark/utils.js
-var _i = {
+//#region src/components/Watermark/utils.js
+var xi = {
 	content: "",
 	cross: !1,
 	debug: !1,
@@ -5407,14 +5468,14 @@ var _i = {
 	yOffset: 0,
 	zIndex: 10
 };
-function vi(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 yi(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}`;
@@ -5430,14 +5491,14 @@ function yi(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(") ? vi(e.fontColor) : e.fontColor, n.font = `${e.fontStyle} ${e.fontVariant} ${e.fontWeight} ${e.fontSize}px ${e.fontFamily}`, n.translate(r / 2, i / 2), n.rotate(e.rotate * Math.PI / 180);
+	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 bi(e, t) {
+function wi(e, t) {
 	let n = {
 		position: e.fullscreen ? "fixed" : "absolute",
 		top: 0,
@@ -5456,15 +5517,15 @@ function bi(e, t) {
 }
 //#endregion
 //#region src/components/Watermark/Watermark.jsx
-var xi = (e) => {
+var Ti = (e) => {
 	let t = {
-		..._i,
+		...xi,
 		...e
 	}, [n, r] = d(""), i = !!t.content || !!t.image;
 	o(() => {
 		if (!i) return;
 		let e = !0;
-		return yi(t).then((t) => {
+		return Ci(t).then((t) => {
 			e && r(t);
 		}), () => {
 			e = !1;
@@ -5473,7 +5534,7 @@ var xi = (e) => {
 		let { children: e, ...n } = t;
 		return JSON.stringify(n);
 	}, [t]), i]);
-	let a = l(() => i ? bi(t, n) : {}, [
+	let a = l(() => i ? wi(t, n) : {}, [
 		n,
 		i,
 		t
@@ -5483,11 +5544,11 @@ var xi = (e) => {
 		style: a
 	}), t.children] }) : t.children || null;
 };
-xi.displayName = "Watermark";
+Ti.displayName = "Watermark";
 //#endregion
 //#region src/ThemeReact.tsx
-var Si = n(void 0), Ci = typeof window > "u" ? o : c;
-async function wi(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,
@@ -5529,7 +5590,7 @@ async function wi(e, t, n, r) {
 		} : null;
 	}
 }
-var Ti = ({ children: e, config: t, defaultMode: n = "system", themeUrl: r, target: a, mode: s, initialResolvedMode: c, storageKey: f, storage: m, onModeChange: h, onResolvedModeChange: g, onThemeLoad: _, onThemeError: v }) => {
+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 ||= w({
 		target: a,
@@ -5544,14 +5605,14 @@ var Ti = ({ children: e, config: t, defaultMode: n = "system", themeUrl: r, targ
 		resolvedMode: b.resolvedMode,
 		dark: b.dark
 	}), T = u(S.resolvedMode), E = u(a), D = u(0), k = u(g), A = u(_), j = u(v);
-	k.current = g, A.current = _, j.current = v, Ci(() => {
+	k.current = g, A.current = _, j.current = v, Di(() => {
 		let e = b.subscribe((e) => {
 			C(e), T.current !== e.resolvedMode && (T.current = e.resolvedMode, k.current?.(e.resolvedMode));
 		});
 		return b.start(), () => {
 			e(), b.destroy();
 		};
-	}, [b]), Ci(() => {
+	}, [b]), Di(() => {
 		s !== void 0 && b.setMode(s);
 	}, [b, s]), o(() => {
 		let e = ++D.current, n = E.current, i = typeof AbortController > "u" ? null : new AbortController();
@@ -5559,7 +5620,7 @@ var Ti = ({ children: e, config: t, defaultMode: n = "system", themeUrl: r, targ
 			let e = x(t, { target: n });
 			e.ok ? A.current?.(e) : j.current?.(e);
 		} else r || O(n);
-		return r && wi(r, n, () => e === D.current, i?.signal).then((e) => {
+		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();
@@ -5590,15 +5651,15 @@ var Ti = ({ children: e, config: t, defaultMode: n = "system", themeUrl: r, targ
 		M,
 		N
 	]);
-	return /* @__PURE__ */ p(Si.Provider, {
+	return /* @__PURE__ */ p(Ei.Provider, {
 		value: P,
 		children: e
 	});
 };
-function Ei() {
-	let e = a(Si);
+function Ai() {
+	let e = a(Ei);
 	if (!e) throw Error("useTheme must be used within ThemeProvider");
 	return e;
 }
 //#endregion
-export { te as Accordion, ie as Alert, G as AppBar, Y as Autocomplete, de as Avatar, X as Badge, xe as Banner, Te as Blockquote, Ne as Box, Be as Breadcrumb, Ke as Button, we as Card, qe as CardActions, Je as CardContent, Ze as Checkbox, nt as Chip, lt as CircularProgress, pt as ColorPicker, gt as Container, wt as Copy, jt as DatePicker, Mt as Fab, Ut as Feature, Pt as Feed, Gt as FileInput, qt as FormControl, Jt as FormControlLabel, Yt as FormGroup, Xt as FormHelperText, cn as Grid, ln as HoverCard, Tn as Icon, En as IconButton, Dn as ImageGallery, Fn as Inline, In as Input, Hn as List, Un as ListItem, Wn as ListItemIcon, Gn as ListItemText, er as Menu, ir as Modal, ar as NumberAnimation, sr as Page, or as Pagination, pr as Paper, mr as Popover, hr as PricingTable, gr as Progress, yr as Radio, vr as RadioGroup, br as Rating, xr as Select, Cr as Skeleton, Tr as SlideOver, wr as Slider, kr as Snackbar, Er as Split, Dr as Stack, Rr as Status, zr as Switch, g as THEME_CONFIG_VERSION, _ as THEME_MODES, v as THEME_STORAGE_KEY, Kr as Table, Ur as TableBody, Gr as TableCell, Hr as TableHead, Wr as TableRow, qr as Tabs, Jr as TextField, Ti as ThemeProvider, Xr as Toolbar, ti as Tooltip, di as TypingText, li as Typography, fi as VerificationCodeInput, gi as VideoPlayer, xi as Watermark, b as applyThemeConfig, C as createThemeController, T as createThemeInitScript, E as loadThemeConfig, D as resetThemeConfig, k as resolveThemeMode, A as serializeThemeConfig, Ei as useTheme, j as validateThemeConfig };
+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 };