@zeturn/watercolor-react 1.2.6 → 1.2.8

package/dist/watercolor-react.es.js

@@ -1,45 +1,45 @@
 import e, { Suspense as t, createContext as n, lazy as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { createPortal as h } from "react-dom";
-import { THEME_CONFIG_VERSION as g, THEME_MODES as _, THEME_STORAGE_KEY as v, applyFloatingPosition as y, applyThemeConfig as b, applyThemeConfig as x, createOverlayLayer as S, createThemeController as C, createThemeController as w, createThemeInitScript as T, loadThemeConfig as E, resetThemeConfig as D, resetThemeConfig as O, resolveThemeMode as k, serializeThemeConfig as A, validateThemeConfig as j } from "@zeturn/watercolor-core";
+import { THEME_CONFIG_VERSION as g, THEME_MODES as _, THEME_STORAGE_KEY as v, applyFloatingPosition as y, applyThemeConfig as b, applyThemeConfig as x, createOverlayLayer as S, createThemeController as C, createThemeController as w, createThemeInitScript as T, loadProviderThemeConfig as E, loadThemeConfig as D, resetThemeConfig as O, resetThemeConfig as k, resolveThemeMode as A, serializeThemeConfig as j, validateThemeConfig as M } from "@zeturn/watercolor-core";
 //#region \0rolldown/runtime.js
-var M = Object.create, N = Object.defineProperty, P = Object.getOwnPropertyDescriptor, F = Object.getOwnPropertyNames, I = Object.getPrototypeOf, L = Object.prototype.hasOwnProperty, R = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), z = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = F(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !L.call(e, s) && s !== n && N(e, s, {
+var N = Object.create, P = Object.defineProperty, F = Object.getOwnPropertyDescriptor, I = Object.getOwnPropertyNames, L = Object.getPrototypeOf, R = Object.prototype.hasOwnProperty, z = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), B = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = I(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !R.call(e, s) && s !== n && P(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = P(t, s)) || r.enumerable
+		enumerable: !(r = F(t, s)) || r.enumerable
 	});
 	return e;
-}, B = (e, t, n) => (n = e == null ? {} : M(I(e)), z(t || !e || !e.__esModule ? N(n, "default", {
+}, V = (e, t, n) => (n = e == null ? {} : N(L(e)), B(t || !e || !e.__esModule ? P(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), V = [
+}) : n, e)), H = [
 	"default",
 	"bordered",
 	"filled"
 ];
-function H(e = "default") {
-	return V.includes(e) ? e : "default";
+function U(e = "default") {
+	return H.includes(e) ? e : "default";
 }
-function U(e) {
+function W(e) {
 	return e ? typeof e == "string" ? e : Array.isArray(e) ? e.filter(Boolean).join(" ") : typeof e == "object" ? Object.entries(e).filter(([, e]) => e).map(([e]) => e).join(" ") : "" : "";
 }
-function W(e = "default", t = "") {
-	let n = H(e), r = U(t);
+function ee(e = "default", t = "") {
+	let n = U(e), r = W(t);
 	return [
 		"wc-accordion",
 		n === "default" ? "" : `wc-accordion--${n}`,
 		r
 	].filter(Boolean).join(" ");
 }
-function ee(e = [], t, n = !1) {
+function te(e = [], t, n = !1) {
 	return n ? e.includes(t) ? e.filter((e) => e !== t) : [...e, t] : e.includes(t) ? [] : [t];
 }
 //#endregion
 //#region src/components/Accordion/Accordion.jsx
-var te = ({ items: e = [], multiple: t = !1, variant: n = "default", onToggle: r, className: i = "", style: a = {}, "aria-label": o, ...c }) => {
-	let l = s(), [u, f] = d([]), h = W(n, i), g = (n) => {
+var ne = ({ items: e = [], multiple: t = !1, variant: n = "default", onToggle: r, className: i = "", style: a = {}, "aria-label": o, ...c }) => {
+	let l = s(), [u, f] = d([]), h = ee(n, i), g = (n) => {
 		if (e[n]?.disabled) return;
-		let i = ee(u, n, t);
+		let i = te(u, n, t);
 		f(i), r?.(n, i.includes(n));
 	}, _ = (e) => u.includes(e);
 	return /* @__PURE__ */ p("div", {
@@ -84,10 +84,10 @@ var te = ({ items: e = [], multiple: t = !1, variant: n = "default", onToggle: r
 		}, t))
 	});
 };
-te.displayName = "Accordion";
+ne.displayName = "Accordion";
 //#endregion
 //#region src/components/Alert/utils.js
-function ne(e, t) {
+function re(e, t) {
 	return [
 		"wc-alert",
 		`wc-alert--${e}`,
@@ -96,7 +96,7 @@ function ne(e, t) {
 }
 //#endregion
 //#region src/LocaleReact.tsx
-var re = {
+var G = {
 	breadcrumb: "Breadcrumb",
 	close: "Close",
 	closeDialog: "Close dialog",
@@ -134,25 +134,25 @@ var re = {
 	viewImage: (e, t) => `View image ${e}${t ? `: ${t}` : ""}`,
 	volume: "Volume",
 	videoProgress: "Video progress"
-}, G = n({ messages: re }), K = ({ children: e, locale: t, messages: n }) => {
+}, K = n({ messages: G }), q = ({ children: e, locale: t, messages: n }) => {
 	let r = l(() => ({
 		locale: t,
 		messages: {
-			...re,
+			...G,
 			...n
 		}
 	}), [t, n]);
-	return /* @__PURE__ */ p(G.Provider, {
+	return /* @__PURE__ */ p(K.Provider, {
 		value: r,
 		children: e
 	});
 };
-function q() {
-	return a(G);
+function J() {
+	return a(K);
 }
 //#endregion
 //#region src/components/Alert/Alert.jsx
-var J = ({ type: e }) => {
+var ie = ({ 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",
@@ -169,19 +169,19 @@ var J = ({ type: e }) => {
 		}), t]
 	});
 };
-function ie({ type: e = "info", variant: t = "standard", title: n = "", closable: r = !1, showIcon: i = !0, className: a = "", children: o, onClose: s = () => {} }) {
-	let [c, l] = d(!0), { messages: u } = q();
+function Y({ type: e = "info", variant: t = "standard", title: n = "", closable: r = !1, showIcon: i = !0, className: a = "", children: o, onClose: s = () => {} }) {
+	let [c, l] = d(!0), { messages: u } = J();
 	if (!c) return null;
 	let f = () => {
 		l(!1), s();
 	};
 	return /* @__PURE__ */ m("div", {
-		className: [...ne(e, t), a].filter(Boolean).join(" "),
+		className: [...re(e, t), a].filter(Boolean).join(" "),
 		role: "alert",
 		children: [
 			i && /* @__PURE__ */ p("div", {
 				className: "wc-alert-icon",
-				children: /* @__PURE__ */ p(J, { type: e })
+				children: /* @__PURE__ */ p(ie, { type: e })
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "wc-alert-content",
@@ -213,16 +213,16 @@ function ie({ type: e = "info", variant: t = "standard", title: n = "", closable
 }
 //#endregion
 //#region src/components/AppBar/AppBar.jsx
-var Y = ({ children: e, position: t = "fixed", color: n = "default", elevation: r = 0, variant: i = "elevation", className: a = "", style: o = {}, ...s }) => /* @__PURE__ */ p("div", {
+var ae = ({ 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
-}), ae = typeof document > "u" ? o : c;
-function oe({ children: e, target: t }) {
+}), oe = typeof document > "u" ? o : c;
+function se({ children: e, target: t }) {
 	return typeof document > "u" ? null : h(e, (typeof t == "string" ? document.querySelector(t) : t) || document.body);
 }
-function se({ open: e, elementRef: t, refs: n = [], modal: r = !1, lockScroll: i = !1, restoreFocus: a = !0, initialFocus: s = !1, closeOnEscape: c = !0, closeOnPointerDownOutside: l = !0, onEscapeKeyDown: d, onPointerDownOutside: f, zIndex: p }) {
+function ce({ 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({
@@ -268,9 +268,9 @@ function se({ open: e, elementRef: t, refs: n = [], modal: r = !1, lockScroll: i
 		f
 	]), m;
 }
-function ce({ open: e, anchorRef: t, floatingRef: n, placement: r = "bottom", offset: i = 8, boundaryPadding: a = 8 }) {
+function le({ open: e, anchorRef: t, floatingRef: n, placement: r = "bottom", offset: i = 8, boundaryPadding: a = 8 }) {
 	let [o, s] = d(r);
-	return ae(() => {
+	return oe(() => {
 		if (!e || !t.current || !n.current || typeof window > "u") return;
 		let o = () => {
 			s(y(t.current, n.current, {
@@ -293,7 +293,7 @@ function ce({ open: e, anchorRef: t, floatingRef: n, placement: r = "bottom", of
 }
 //#endregion
 //#region src/components/Autocomplete/Autocomplete.jsx
-var le = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Type to search...", label: i = "", helperText: a = "", error: c = !1, errorMessage: l = "", required: f = !1, disabled: h = !1, readonly: g = !1, multiple: _ = !1, freeSolo: v = !1, clearable: y = !0, fullWidth: b = !1, size: x = "md", variant: S = "filled", minSearchLength: C = 0, noOptionsText: w = "No options found", name: T = "", id: E = "", className: D = "", style: O = {}, onFocus: k, onBlur: A, onInputChange: j, filterOptions: M, renderOption: N, renderInput: P, getOptionLabel: F, getOptionValue: I, ...L }) => {
+var ue = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Type to search...", label: i = "", helperText: a = "", error: c = !1, errorMessage: l = "", required: f = !1, disabled: h = !1, readonly: g = !1, multiple: _ = !1, freeSolo: v = !1, clearable: y = !0, fullWidth: b = !1, size: x = "md", variant: S = "filled", minSearchLength: C = 0, noOptionsText: w = "No options found", name: T = "", id: E = "", className: D = "", style: O = {}, onFocus: k, onBlur: A, onInputChange: j, filterOptions: M, renderOption: N, renderInput: P, getOptionLabel: F, getOptionValue: I, ...L }) => {
 	let [R, z] = d(!1), [B, V] = d(""), [H, U] = d(-1), W = u(null), ee = u(null), te = u(null), ne = (e) => e ? typeof e == "object" ? e.label || e.value || "" : String(e) : "", re = (e) => e ? typeof e == "object" ? e.value === void 0 ? e : e.value : e : null, G = F || ne, K = I || re;
 	o(() => {
 		!_ && e ? V(G(e)) : e || V("");
@@ -301,7 +301,7 @@ var le = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Typ
 	let q = () => {
 		z(!1), U(-1);
 	};
-	se({
+	ce({
 		open: R,
 		elementRef: te,
 		refs: [W],
@@ -323,7 +323,7 @@ var le = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Typ
 	}, 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) => {
+	}, se = (e, t) => {
 		let n = ["wc-autocomplete__option"];
 		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) => {
@@ -481,7 +481,7 @@ var le = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Typ
 					className: "wc-autocomplete__options",
 					children: J.map((e, t) => /* @__PURE__ */ m("div", {
 						id: `${X}-option-${t}`,
-						className: ce(e, t),
+						className: se(e, t),
 						role: "option",
 						"aria-selected": ie(e),
 						onClick: () => pe(e),
@@ -510,40 +510,40 @@ var le = ({ value: e = null, onChange: t, options: n = [], placeholder: r = "Typ
 		]
 	});
 };
-le.displayName = "Autocomplete";
+ue.displayName = "Autocomplete";
 //#endregion
 //#region src/components/Avatar/utils.js
-function ue({ size: e, variant: t, color: n, src: r, imgError: i }) {
+function de({ 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 de(e) {
+function fe(e) {
 	let t = {};
 	return typeof e == "number" && (t.width = `${e}px`, t.height = `${e}px`, t.fontSize = `${e * .4}px`), t;
 }
-function fe(e) {
+function pe(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 pe(e) {
+function me(e) {
 	e(!0);
 }
-function me(e) {
+function he(e) {
 	e(!1);
 }
 //#endregion
 //#region src/components/Avatar/Avatar.jsx
-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({
+var X = ({ src: e = "", alt: t = "", size: n = "md", variant: r = "circular", color: i = "default", children: a = "", className: o = "", ...s }) => {
+	let [c, l] = d(!1), u = de({
 		size: n,
 		variant: r,
 		color: i,
 		src: e,
 		imgError: c
-	}).concat(o).filter(Boolean).join(" "), f = de(n), m = fe(a), h = () => pe(l), g = () => me(l);
+	}).concat(o).filter(Boolean).join(" "), f = fe(n), m = pe(a), h = () => me(l), g = () => he(l);
 	return /* @__PURE__ */ p("div", {
 		className: u,
 		style: f,
@@ -560,10 +560,10 @@ var he = ({ src: e = "", alt: t = "", size: n = "md", variant: r = "circular", c
 		}) : null
 	});
 };
-he.displayName = "Avatar";
+X.displayName = "Avatar";
 //#endregion
 //#region src/components/Badge/utils.js
-var X = [
+var ge = [
 	"primary",
 	"secondary",
 	"success",
@@ -574,20 +574,20 @@ var X = [
 	"cyan",
 	"pink"
 ];
-function ge(e) {
-	return X.includes(e);
-}
 function _e(e) {
-	return ge(e) ? e : "primary";
+	return ge.includes(e);
+}
+function ve(e) {
+	return _e(e) ? e : "primary";
 }
-function ve({ variant: e, size: t, dot: n, className: r }) {
-	let i = ["wc-badge", `wc-badge--${_e(e)}`];
+function ye({ variant: e, size: t, dot: n, className: r }) {
+	let i = ["wc-badge", `wc-badge--${ve(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 ye = ({ children: e, variant: t = "primary", size: n = "md", dot: r = !1, className: i = "", ...a }) => /* @__PURE__ */ p("span", {
-	className: ve({
+var be = ({ children: e, variant: t = "primary", size: n = "md", dot: r = !1, className: i = "", ...a }) => /* @__PURE__ */ p("span", {
+	className: ye({
 		variant: t,
 		size: n,
 		dot: r,
@@ -596,10 +596,10 @@ var ye = ({ children: e, variant: t = "primary", size: n = "md", dot: r = !1, cl
 	...a,
 	children: !r && e
 });
-ye.displayName = "Badge";
+be.displayName = "Badge";
 //#endregion
 //#region src/components/Banner/utils.js
-function be(e, t, n) {
+function xe(e, t, n) {
 	let r = [
 		"wc-banner",
 		`wc-banner--${e}`,
@@ -607,18 +607,18 @@ function be(e, t, n) {
 	];
 	return n && r.push("wc-banner--sticky"), r.join(" ");
 }
-function xe(e) {
+function Se(e) {
 	return { zIndex: e };
 }
-function Se(e, t) {
+function Ce(e, t) {
 	e(!1), t && t();
 }
-function Ce(e) {
+function we(e) {
 	e && e();
 }
 //#endregion
 //#region src/components/Banner/Banner.jsx
-var we = ({ type: e }) => {
+var Te = ({ 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",
@@ -635,13 +635,13 @@ var we = ({ type: e }) => {
 		}), t]
 	});
 };
-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();
+function Ee({ 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 } = J();
 	if (!_) return null;
-	let b = be(t, n, l), x = xe(u), S = () => {
-		Se(v, f);
+	let b = xe(t, n, l), x = Se(u), S = () => {
+		Ce(v, f);
 	}, C = () => {
-		Ce(h);
+		we(h);
 	}, w = g && e.Children.count(g) > 0;
 	return /* @__PURE__ */ p("div", {
 		className: b,
@@ -653,7 +653,7 @@ function Te({ type: t = "info", position: n = "top", title: r = "", message: i =
 			children: [
 				o && /* @__PURE__ */ p("div", {
 					className: "wc-banner-icon",
-					children: /* @__PURE__ */ p(we, { type: t })
+					children: /* @__PURE__ */ p(Te, { type: t })
 				}),
 				/* @__PURE__ */ m("div", {
 					className: "wc-banner-text",
@@ -693,22 +693,22 @@ function Te({ type: t = "info", position: n = "top", title: r = "", message: i =
 }
 //#endregion
 //#region src/components/Blockquote/utils.js
-function Ee(e = "", t = "default", n = !0, r = !0, i = "medium", a = "default") {
+function De(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 src/components/Card/utils.js
-function De(e = "", t = "minimal", n = "default", r = "medium", i = !1, a = !0) {
+function Oe(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 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, ..._ }) => {
+var ke = ({ 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: De(s, n, r, i, v, o),
+		className: Oe(s, n, r, i, v, o),
 		style: u,
 		onClick: (e) => {
 			v && d && d(e);
@@ -744,11 +744,11 @@ var Oe = ({ children: e, title: t = "", variant: n = "minimal", color: r = "defa
 		]
 	});
 };
-Oe.displayName = "Card";
+ke.displayName = "Card";
 //#endregion
 //#region src/components/Blockquote/Blockquote.jsx
-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, {
+function Ae({ 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(ke, {
 		variant: "filled",
 		color: s,
 		size: o,
@@ -764,7 +764,7 @@ function ke({ cite: e = "", children: t, className: n = "", variant: r = "defaul
 			children: ["— ", e]
 		})]
 	}) : /* @__PURE__ */ m("blockquote", {
-		className: Ee(n, r, i, a, o, s),
+		className: De(n, r, i, a, o, s),
 		...c,
 		children: [/* @__PURE__ */ p("p", {
 			className: "quote-text",
@@ -791,32 +791,32 @@ var Z = {
 	16: "4rem",
 	20: "5rem",
 	24: "6rem"
-}, Ae = {
+}, je = {
 	flex: "flex",
 	block: "block",
 	inline: "inline",
 	"inline-block": "inline-block",
 	none: "hidden",
 	grid: "grid"
-}, je = {
+}, Me = {
 	row: "flex-row",
 	column: "flex-col",
 	"row-reverse": "flex-row-reverse",
 	"column-reverse": "flex-col-reverse"
-}, Me = {
+}, Ne = {
 	"flex-start": "justify-start",
 	center: "justify-center",
 	"flex-end": "justify-end",
 	"space-between": "justify-between",
 	"space-around": "justify-around",
 	"space-evenly": "justify-evenly"
-}, Ne = {
+}, Pe = {
 	"flex-start": "items-start",
 	center: "items-center",
 	"flex-end": "items-end",
 	stretch: "items-stretch",
 	baseline: "items-baseline"
-}, Pe = {
+}, Fe = {
 	wrap: "flex-wrap",
 	nowrap: "flex-nowrap",
 	"wrap-reverse": "flex-wrap-reverse"
@@ -824,9 +824,9 @@ var Z = {
 function Q(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-function Fe(e) {
+function Ie(e) {
 	let t = ["wc-box"];
-	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) {
+	if (e.display && je[e.display] && t.push(je[e.display]), e.flexDirection && Me[e.flexDirection] && t.push(Me[e.flexDirection]), e.justifyContent && Ne[e.justifyContent] && t.push(Ne[e.justifyContent]), e.alignItems && Pe[e.alignItems] && t.push(Pe[e.alignItems]), e.flexWrap && Fe[e.flexWrap] && t.push(Fe[e.flexWrap]), e.gap !== void 0) {
 		let n = e.gap.toString();
 		[
 			"0",
@@ -846,7 +846,7 @@ function Fe(e) {
 	}
 	return t;
 }
-function Ie(e) {
+function Le(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);
@@ -868,9 +868,9 @@ function Ie(e) {
 }
 //#endregion
 //#region src/components/Box/Box.jsx
-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 }) {
+function Re({ 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: Fe({
+		className: Ie({
 			display: v,
 			flexDirection: y,
 			justifyContent: b,
@@ -879,7 +879,7 @@ function Le({ component: e = "div", children: t, className: n = "", p: r, pt: i,
 			gap: C
 		}).concat(n).filter(Boolean).join(" "),
 		style: {
-			...Ie({
+			...Le({
 				p: r,
 				pt: i,
 				pr: a,
@@ -919,7 +919,7 @@ function Le({ component: e = "div", children: t, className: n = "", p: r, pt: i,
 }
 //#endregion
 //#region src/components/Breadcrumb/utils.js
-function Re(e, t, n, r) {
+function ze(e, t, n, r) {
 	let i = [...e];
 	if (t && i.length && i[0].label !== "首页" && i.unshift({
 		label: "首页",
@@ -939,45 +939,45 @@ function Re(e, t, n, r) {
 	}
 	return i;
 }
-function ze(e) {
+function Be(e) {
 	return `wc-breadcrumb wc-breadcrumb--${e}`;
 }
-function Be(e, t) {
+function Ve(e, t) {
 	let n = ["wc-breadcrumb-item"];
 	return e === t - 1 && n.push("wc-breadcrumb-item--current"), n.join(" ");
 }
-function Ve(e) {
+function He(e) {
 	let t = ["wc-breadcrumb-link"];
 	return e && t.push("wc-breadcrumb-link--disabled"), t.join(" ");
 }
-function He(e, t, n, r, i) {
+function Ue(e, t, n, r, i) {
 	return t.disabled || t.isEllipsis || n === r - 1 ? (e.preventDefault(), !1) : (i && i(e, t, n), !0);
 }
-function Ue(e, t, n, r) {
+function We(e, t, n, r) {
 	return e !== t - 1 && !n && !r;
 }
 //#endregion
 //#region src/components/Breadcrumb/Breadcrumb.jsx
-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), [
+function Ge({ items: t = [], separator: n = "/", variant: r = "default", showHome: i = !1, homeIcon: a = "🏠", maxItems: o = 0, onItemClick: s }) {
+	let { messages: c } = J(), l = e.useMemo(() => ze(t, i, a, o), [
 		t,
 		i,
 		a,
 		o
 	]), u = (e, t, n) => {
-		He(e, t, n, l.length, s);
+		Ue(e, t, n, l.length, s);
 	};
 	return /* @__PURE__ */ p("nav", {
-		className: ze(r),
+		className: Be(r),
 		"aria-label": c.breadcrumb,
 		role: "navigation",
 		children: /* @__PURE__ */ p("ol", {
 			className: "wc-breadcrumb-list",
 			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", {
+				className: Ve(t, l.length),
+				children: [We(t, l.length, e.disabled, e.isEllipsis) ? e.href ? /* @__PURE__ */ m("a", {
 					href: e.href,
-					className: Ve(e.disabled),
+					className: He(e.disabled),
 					onClick: (n) => u(n, e, t),
 					children: [e.icon && /* @__PURE__ */ p("span", {
 						className: "wc-breadcrumb-icon",
@@ -986,13 +986,13 @@ function We({ items: t = [], separator: n = "/", variant: r = "default", showHom
 				}) : /* @__PURE__ */ m("button", {
 					type: "button",
 					onClick: (n) => u(n, e, t),
-					className: Ve(e.disabled),
+					className: He(e.disabled),
 					children: [e.icon && /* @__PURE__ */ p("span", {
 						className: "wc-breadcrumb-icon",
 						dangerouslySetInnerHTML: { __html: e.icon }
 					}), e.label]
 				}) : /* @__PURE__ */ m("span", {
-					className: Ve(!0),
+					className: He(!0),
 					"aria-current": "page",
 					children: [e.icon && /* @__PURE__ */ p("span", {
 						className: "wc-breadcrumb-icon",
@@ -1008,7 +1008,7 @@ function We({ items: t = [], separator: n = "/", variant: r = "default", showHom
 }
 //#endregion
 //#region src/components/Button/utils.js
-var Ge = [
+var Ke = [
 	"primary",
 	"secondary",
 	"filled",
@@ -1023,23 +1023,23 @@ var Ge = [
 	"cyan",
 	"pink"
 ];
-function Ke(e) {
-	return Ge.includes(e);
-}
 function qe(e) {
-	return Ke(e) ? e : "primary";
+	return Ke.includes(e);
 }
 function Je(e) {
+	return qe(e) ? e : "primary";
+}
+function Ye(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--${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;
+	return l.push(`wc-btn--style-${c}`), l.push(`wc-btn--${Je(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 Ye({ event: e, disabled: t, loading: n, href: r, target: i, onClick: a }) {
+function Xe({ 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 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({
+var Ze = ({ children: e, variant: t = "primary", buttonStyle: n = "default", size: r = "md", disabled: i = !1, loading: a = !1, fullWidth: o = !1, type: s = "button", href: c = null, target: l = "_self", startIcon: u = null, endIcon: d = null, rounded: f = !0, uppercase: h = !1, ripple: g = !0, onClick: _, onMouseOver: v, onMouseOut: y, onFocus: b, onBlur: x, className: S = "", style: C = {}, ...w }) => {
+	let T = Ye({
 		variant: t,
 		buttonStyle: n,
 		size: r,
@@ -1049,7 +1049,7 @@ var Xe = ({ children: e, variant: t = "primary", buttonStyle: n = "default", siz
 		uppercase: h,
 		rounded: f
 	}).concat(S).filter(Boolean).join(" "), E = { ...C }, D = (e) => {
-		Ye({
+		Xe({
 			event: e,
 			disabled: i,
 			loading: a,
@@ -1113,10 +1113,10 @@ var Xe = ({ children: e, variant: t = "primary", buttonStyle: n = "default", siz
 		]
 	});
 };
-Xe.displayName = "Button";
+Ze.displayName = "Button";
 //#endregion
 //#region src/components/Card/CardActions.jsx
-var Ze = ({ children: e, disableSpacing: t = !1, disablePadding: n = !1, justifyContent: r = "flex-start", className: i = "", ...a }) => /* @__PURE__ */ p("div", {
+var Qe = ({ children: e, disableSpacing: t = !1, disablePadding: n = !1, justifyContent: r = "flex-start", className: i = "", ...a }) => /* @__PURE__ */ p("div", {
 	className: [
 		"wc-card-actions",
 		"wc-flex",
@@ -1135,10 +1135,10 @@ var Ze = ({ children: e, disableSpacing: t = !1, disablePadding: n = !1, justify
 	...a,
 	children: e
 });
-Ze.displayName = "CardActions";
+Qe.displayName = "CardActions";
 //#endregion
 //#region src/components/Card/CardContent.jsx
-var Qe = ({ children: e, disablePadding: t = !1, padding: n = "normal", className: r = "", ...i }) => /* @__PURE__ */ p("div", {
+var $e = ({ children: e, disablePadding: t = !1, padding: n = "normal", className: r = "", ...i }) => /* @__PURE__ */ p("div", {
 	className: [
 		"wc-card-content",
 		!t && {
@@ -1152,22 +1152,22 @@ var Qe = ({ children: e, disablePadding: t = !1, padding: n = "normal", classNam
 	...i,
 	children: e
 });
-Qe.displayName = "CardContent";
+$e.displayName = "CardContent";
 //#endregion
 //#region src/components/Checkbox/Checkbox.jsx
-var $e = [
+var et = [
 	"primary",
 	"secondary",
 	"success",
 	"warning",
 	"error",
 	"info"
-], et = [
+], tt = [
 	"sm",
 	"md",
 	"lg"
-], 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 = [
+], nt = ({ 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 = et.includes(o) ? o : "primary", x = tt.includes(a) ? a : "md", S = [
 		"wc-checkbox",
 		`wc-checkbox--${x}`,
 		(e || n) && (n ? "wc-checkbox--indeterminate" : "wc-checkbox--checked"),
@@ -1237,26 +1237,26 @@ var $e = [
 		]
 	});
 };
-tt.displayName = "Checkbox";
+nt.displayName = "Checkbox";
 //#endregion
 //#region src/components/Chip/utils.jsx
-function nt(e) {
+function rt(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 rt(e, t, n, r) {
+function it(e, t, n, r) {
 	t && !n && r && r(e);
 }
-function it(e, t, n) {
+function at(e, t, n) {
 	e.stopPropagation(), !t && n && n(e);
 }
-function at() {
+function ot() {
 	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 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({
+function st({ 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 } = J(), _ = rt({
 		size: o,
 		variant: a,
 		color: s,
@@ -1264,9 +1264,9 @@ function ot({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1
 		disabled: r,
 		className: f
 	}), v = (e) => {
-		rt(e, i, r, l);
+		it(e, i, r, l);
 	}, y = (e) => {
-		it(e, r, u);
+		at(e, r, u);
 	}, b = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v(e));
 	};
@@ -1305,7 +1305,7 @@ function ot({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ p("path", {
 						fillRule: "evenodd",
-						d: at(),
+						d: ot(),
 						clipRule: "evenodd"
 					})
 				})
@@ -1315,7 +1315,7 @@ function ot({ label: e = "", avatar: t = "", deletable: n = !1, disabled: r = !1
 }
 //#endregion
 //#region src/components/CircularProgress/utils.js
-function st(e, t) {
+function ct(e, t) {
 	let n = typeof e == "string" ? parseInt(e, 10) : e, r = n / 2, i = (n - t) / 2;
 	return {
 		sizeNumber: n,
@@ -1324,21 +1324,21 @@ function st(e, t) {
 		circumference: 2 * Math.PI * i
 	};
 }
-function ct(e, t, n) {
+function lt(e, t, n) {
 	return e === "determinate" ? n - t / 100 * n : 0;
 }
-function lt(e) {
+function ut(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 ut(e) {
+function dt(e) {
 	let t = ["wc-circular-progress-circle"];
 	return e === "indeterminate" && t.push("wc-circular-progress-circle--indeterminate"), t.filter(Boolean);
 }
-function dt(e) {
+function ft(e) {
 	return Math.round(e);
 }
-function ft(e) {
+function pt(e) {
 	let { value: t = 0, variant: n } = e, r = {
 		role: "progressbar",
 		"aria-valuemin": 0,
@@ -1348,15 +1348,15 @@ function ft(e) {
 }
 //#endregion
 //#region src/components/CircularProgress/CircularProgress.jsx
-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({
+function mt({ 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 } = J(), { sizeNumber: f, center: h, radius: g, circumference: _ } = ct(t, n), v = lt(r, e, _), y = ut({
 		color: i,
 		variant: r,
 		overlay: o,
 		centered: s,
 		inline: c,
 		className: l
-	}).join(" "), b = ut(r).join(" "), x = ft({
+	}).join(" "), b = dt(r).join(" "), x = pt({
 		value: e,
 		variant: r
 	});
@@ -1391,51 +1391,303 @@ function pt({ value: e = 0, size: t = 40, thickness: n = 3.6, variant: r = "inde
 			})]
 		}), a && /* @__PURE__ */ m("div", {
 			className: "wc-circular-progress-value",
-			children: [dt(e), "%"]
+			children: [ft(e), "%"]
 		})]
 	});
 }
 //#endregion
 //#region src/components/ColorPicker/utils.js
-function mt(e) {
+function ht(e) {
+	return /^#([0-9A-F]{3}){1,2}$/i.test(e);
+}
+function gt(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 ht(e, t, n) {
-	!t && n && n(e.target.value);
-}
-function gt(e) {
+function _t(e) {
 	return { backgroundColor: e };
 }
 //#endregion
 //#region src/components/ColorPicker/ColorPicker.jsx
-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({
+var vt = [
+	"#111827",
+	"#4b5563",
+	"#ffffff",
+	"#2563eb",
+	"#7c3aed",
+	"#db2777",
+	"#dc2626",
+	"#ea580c",
+	"#d97706",
+	"#16a34a",
+	"#0891b2",
+	"#0f766e"
+];
+function yt(e) {
+	if (!e || typeof e != "string") return "#ffffff";
+	let t = e.trim();
+	return ht(t) ? t.length === 4 ? `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`.toLowerCase() : t.toLowerCase() : "#ffffff";
+}
+function bt({ value: e = "#ffffff", onChange: t, size: n = "md", shape: r = "circle", disabled: i = !1, swatches: a = vt, className: s = "" }) {
+	let { messages: c } = J(), l = yt(e), [f, h] = d(!1), [g, _] = d(l), v = u(null), y = u(null);
+	o(() => {
+		_(l);
+	}, [l]);
+	let b = () => {
+		h(!1);
+	};
+	ce({
+		open: f,
+		elementRef: y,
+		refs: [v],
+		closeOnEscape: !0,
+		closeOnPointerDownOutside: !0,
+		onEscapeKeyDown: b,
+		onPointerDownOutside: b,
+		zIndex: 1e3
+	});
+	let x = gt({
 		size: n,
 		shape: r,
 		disabled: i,
-		className: a
-	}).join(" "), l = gt(s);
-	return /* @__PURE__ */ m("label", {
-		className: c,
-		children: [/* @__PURE__ */ p("input", {
-			type: "color",
-			value: s,
-			onChange: (e) => {
-				ht(e, i, t);
-			},
+		className: s
+	}).join(" "), S = _t(l), C = (e) => {
+		let n = yt(e);
+		_(n), t?.(n);
+	}, w = (e) => {
+		let t = e.target.value;
+		_(t), ht(t) && C(t);
+	}, T = () => {
+		i || h((e) => !e);
+	};
+	return /* @__PURE__ */ m("span", {
+		className: x,
+		ref: v,
+		children: [/* @__PURE__ */ p("button", {
+			type: "button",
 			disabled: i,
-			className: "wc-color-picker__input",
-			"aria-label": o.colorPicker
-		}), /* @__PURE__ */ p("span", {
-			className: "wc-color-picker__preview",
-			style: l
+			className: "wc-color-picker__trigger",
+			"aria-label": c.colorPicker,
+			"aria-haspopup": "dialog",
+			"aria-expanded": f,
+			onClick: T,
+			children: /* @__PURE__ */ p("span", {
+				className: "wc-color-picker__preview",
+				style: S
+			})
+		}), f && /* @__PURE__ */ m("div", {
+			className: "wc-color-picker__popover",
+			ref: y,
+			role: "dialog",
+			"aria-label": c.colorPicker,
+			children: [/* @__PURE__ */ m("div", {
+				className: "wc-color-picker__current",
+				children: [/* @__PURE__ */ p("span", {
+					className: "wc-color-picker__current-preview",
+					style: S
+				}), /* @__PURE__ */ m("label", {
+					className: "wc-color-picker__field",
+					children: [/* @__PURE__ */ p("span", {
+						className: "wc-color-picker__field-label",
+						children: "Hex"
+					}), /* @__PURE__ */ p("input", {
+						className: "wc-color-picker__hex-input",
+						value: g,
+						onChange: w,
+						onBlur: () => _(l),
+						spellCheck: !1,
+						inputMode: "text"
+					})]
+				})]
+			}), /* @__PURE__ */ p("div", {
+				className: "wc-color-picker__swatches",
+				role: "listbox",
+				"aria-label": "Color swatches",
+				children: a.map((e) => {
+					let t = yt(e), n = t === l;
+					return /* @__PURE__ */ p("button", {
+						type: "button",
+						className: `wc-color-picker__swatch ${n ? "wc-color-picker__swatch--selected" : ""}`,
+						style: _t(t),
+						"aria-label": t,
+						"aria-selected": n,
+						role: "option",
+						onClick: () => C(t)
+					}, t);
+				})
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/CodeBlock/utils.js
+var xt = {
+	javascript: /* @__PURE__ */ "await.async.break.case.catch.class.const.continue.default.else.export.extends.finally.for.from.function.if.import.let.new.return.switch.throw.try.typeof.var.while".split("."),
+	typescript: /* @__PURE__ */ "await.async.break.case.catch.class.const.continue.default.else.export.extends.finally.for.from.function.if.import.interface.let.new.return.type.switch.throw.try.typeof.var.while".split("."),
+	python: /* @__PURE__ */ "and.as.async.await.class.def.elif.else.except.False.finally.for.from.if.import.in.is.lambda.None.not.or.pass.raise.return.True.try.while.with.yield".split("."),
+	json: [
+		"true",
+		"false",
+		"null"
+	],
+	css: [
+		"important",
+		"media",
+		"supports"
+	],
+	shell: [
+		"cd",
+		"cp",
+		"curl",
+		"echo",
+		"export",
+		"git",
+		"grep",
+		"mkdir",
+		"npm",
+		"pnpm",
+		"rm",
+		"yarn"
+	]
+};
+function St(e = "") {
+	let t = String(e || "").trim().toLowerCase();
+	return t === "js" || t === "jsx" ? "javascript" : t === "ts" || t === "tsx" ? "typescript" : t === "py" ? "python" : t === "sh" || t === "bash" || t === "zsh" ? "shell" : t || "text";
+}
+function Ct(e = "") {
+	let t = St(e);
+	return {
+		javascript: "JavaScript",
+		typescript: "TypeScript",
+		python: "Python",
+		json: "JSON",
+		shell: "Shell",
+		css: "CSS",
+		html: "HTML",
+		diff: "Diff",
+		text: "Text"
+	}[t] || t.toUpperCase();
+}
+function wt(e = "", t = !1) {
+	return t ? e.startsWith("+") && !e.startsWith("+++") ? "added" : e.startsWith("-") && !e.startsWith("---") ? "removed" : "context" : "context";
+}
+function Tt(e = "", t = !1) {
+	let n = wt(e, t);
+	return n === "added" || n === "removed" ? e.slice(1) : e;
+}
+function Et(e, t) {
+	t && e.push({
+		type: "text",
+		value: t
+	});
+}
+function Dt(e = "", t = "text") {
+	let n = St(t), r = xt[n] || [], i = r.length ? r.map((e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|") : null, a = new RegExp([
+		"(?<comment>#.*$|//.*$|/\\*[\\s\\S]*?\\*/)",
+		"(?<string>`[^`]*`|\"(?:\\\\.|[^\"\\\\])*\"|'(?:\\\\.|[^'\\\\])*')",
+		"(?<number>\\b\\d+(?:\\.\\d+)?\\b)",
+		n === "json" ? "(?<key>\"(?:\\\\.|[^\"\\\\])*\"(?=\\s*:))" : null,
+		i ? `(?<keyword>\\b(?:${i})\\b)` : null,
+		"(?<operator>[{}()[\\].,;:+\\-*/%=<>!|&]+)"
+	].filter(Boolean).join("|"), "g"), o = [], s = 0;
+	for (let t of e.matchAll(a)) {
+		t.index > s && Et(o, e.slice(s, t.index));
+		let n = t.groups || {}, r = Object.entries(n).find(([, e]) => e !== void 0)?.[0] || "text";
+		o.push({
+			type: r,
+			value: t[0]
+		}), s = t.index + t[0].length;
+	}
+	return Et(o, e.slice(s)), o;
+}
+async function Ot(e) {
+	if (typeof navigator < "u" && navigator.clipboard?.writeText) return await navigator.clipboard.writeText(e), !0;
+	if (typeof document > "u") return !1;
+	let t = document.createElement("textarea");
+	t.value = e, t.setAttribute("readonly", ""), t.style.position = "fixed", t.style.opacity = "0", document.body.appendChild(t), t.select();
+	let n = document.execCommand("copy");
+	return document.body.removeChild(t), n;
+}
+//#endregion
+//#region src/components/CodeBlock/CodeBlock.jsx
+var kt = () => /* @__PURE__ */ m("svg", {
+	className: "wc-code-block__icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ p("path", { d: "M8 8h10v12H8z" }), /* @__PURE__ */ p("path", { d: "M6 16H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })]
+}), At = () => /* @__PURE__ */ p("svg", {
+	className: "wc-code-block__icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ p("path", { d: "m5 12 4 4L19 6" })
+});
+function jt({ code: e = "", language: t = "text", title: n, showLanguage: r = !0, showLineNumbers: i = !0, showCopyButton: a = !0, diff: o = !1, wrap: s = !1, maxHeight: c, className: u = "", style: f, onCopy: h, ...g }) {
+	let _ = St(o ? "diff" : t), [v, y] = d(!1), b = l(() => String(e ?? "").replace(/\n$/, "").split("\n"), [e]), x = async () => {
+		await Ot(String(e ?? "")) && (y(!0), h?.(String(e ?? "")), window.setTimeout(() => y(!1), 1400));
+	};
+	return /* @__PURE__ */ m("figure", {
+		className: [
+			"wc-code-block",
+			s && "wc-code-block--wrap",
+			o && "wc-code-block--diff",
+			u
+		].filter(Boolean).join(" "),
+		style: f,
+		...g,
+		children: [/* @__PURE__ */ m("figcaption", {
+			className: "wc-code-block__header",
+			children: [/* @__PURE__ */ p("span", {
+				className: "wc-code-block__title",
+				children: n || (r ? Ct(_) : "Code")
+			}), /* @__PURE__ */ m("div", {
+				className: "wc-code-block__actions",
+				children: [r && n && /* @__PURE__ */ p("span", {
+					className: "wc-code-block__language",
+					children: Ct(_)
+				}), a && /* @__PURE__ */ p("button", {
+					className: "wc-code-block__copy",
+					type: "button",
+					onClick: x,
+					"aria-label": v ? "Copied code" : "Copy code",
+					title: v ? "已复制" : "复制代码",
+					children: p(v ? At : kt, {})
+				})]
+			})]
+		}), /* @__PURE__ */ p("pre", {
+			className: "wc-code-block__pre",
+			style: c ? { maxHeight: c } : void 0,
+			children: /* @__PURE__ */ p("code", {
+				className: `language-${_}`,
+				children: b.map((e, t) => {
+					let n = wt(e, o), r = Tt(e, o);
+					return /* @__PURE__ */ m("span", {
+						className: `wc-code-block__line wc-code-block__line--${n}`,
+						children: [
+							i && /* @__PURE__ */ p("span", {
+								className: "wc-code-block__number",
+								children: t + 1
+							}),
+							o && /* @__PURE__ */ p("span", {
+								className: "wc-code-block__marker",
+								children: n === "added" ? "+" : n === "removed" ? "−" : " "
+							}),
+							/* @__PURE__ */ m("span", {
+								className: "wc-code-block__code",
+								children: [Dt(r, _).map((e, t) => /* @__PURE__ */ p("span", {
+									className: `wc-code-token wc-code-token--${e.type}`,
+									children: e.value
+								}, `${t}-${e.value}`)), r === "" ? "\n" : null]
+							})
+						]
+					}, `${t}-${e}`);
+				})
+			})
 		})]
 	});
 }
 //#endregion
 //#region src/components/Container/utils.js
-var vt = {
+var Mt = {
 	xs: "max-w-xs",
 	sm: "max-w-sm",
 	md: "max-w-md",
@@ -1443,15 +1695,15 @@ var vt = {
 	xl: "max-w-6xl",
 	"2xl": "max-w-7xl"
 };
-function yt(e) {
+function Nt(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 && vt[t] && a.push(vt[t]), i && a.push(i), a.filter(Boolean);
+	return n || r ? a.push("w-full") : t && Mt[t] && a.push(Mt[t]), i && a.push(i), a.filter(Boolean);
 }
 //#endregion
 //#region src/components/Container/Container.jsx
-function bt({ maxWidth: e = "lg", fluid: t = !1, fixed: n = !1, className: r = "", children: i }) {
+function Pt({ maxWidth: e = "lg", fluid: t = !1, fixed: n = !1, className: r = "", children: i }) {
 	return /* @__PURE__ */ p("div", {
-		className: yt({
+		className: Nt({
 			maxWidth: e,
 			fluid: t,
 			fixed: n,
@@ -1462,17 +1714,17 @@ function bt({ maxWidth: e = "lg", fluid: t = !1, fixed: n = !1, className: r = "
 }
 //#endregion
 //#region src/components/Copy/utils.js
-function xt(e) {
+function Ft(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 St(e, t, n, r) {
+function It(e, t, n, r) {
 	return t ? "错误" : e ? r : n;
 }
-function Ct(e, t, n, r) {
+function Lt(e, t, n, r) {
 	return t ? r : e ? n : "";
 }
-async function wt(e) {
+async function Rt(e) {
 	try {
 		if (navigator.clipboard?.writeText) return await navigator.clipboard.writeText(e), !0;
 		{
@@ -1485,18 +1737,18 @@ async function wt(e) {
 		return console.warn("复制失败:", e), !1;
 	}
 }
-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(() => {
+async function zt(e, t, n, r, i, a, o, s) {
+	await Rt(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 Et(e, t) {
+function Bt(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 Dt = ({ copied: e, error: t }) => e ? /* @__PURE__ */ m("svg", {
+var Vt = ({ copied: e, error: t }) => e ? /* @__PURE__ */ m("svg", {
 	viewBox: "0 0 20 20",
 	fill: "none",
 	stroke: "currentColor",
@@ -1536,15 +1788,15 @@ var Dt = ({ 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 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({
+function Ht({ text: e, variant: t = "default", size: n = "md", showLabel: r = !0, showTooltip: i = !0, copyLabel: a = "复制", copiedLabel: o = "已复制", tooltipSuccess: s = "复制成功!", tooltipError: c = "复制失败", resetDelay: l = 2e3, onCopy: u = () => {}, onError: f = () => {}, className: h = "", children: g, icon: _ }) {
+	let [v, y] = d(!1), [b, x] = d(!1), [S, C] = d(!1), w = Ft({
 		variant: t,
 		size: n,
 		copied: v,
 		copyError: b,
 		className: h
-	}).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);
+	}).join(" "), T = It(v, b, a, o), E = Lt(v, b, s, c), D = Bt(v, b), O = async () => {
+		await zt(e, u, f, y, x, C, i, l);
 	}, k = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), O());
 	};
@@ -1564,7 +1816,7 @@ function Ot({ 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(Dt, {
+					children: /* @__PURE__ */ p(Vt, {
 						copied: v,
 						error: b
 					})
@@ -1583,20 +1835,20 @@ function Ot({ text: e, variant: t = "default", size: n = "md", showLabel: r = !0
 }
 //#endregion
 //#region src/components/DatePicker/utils.js
-function kt(e, t = "YYYY-MM-DD") {
+function Ut(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 At(e) {
+function Wt(e) {
 	if (!e) return !1;
 	let t = /* @__PURE__ */ new Date();
 	return e.toDateString() === t.toDateString();
 }
-function jt(e, t) {
+function Gt(e, t) {
 	return !e || !t ? !1 : e.toDateString() === t.toDateString();
 }
-function Mt(e) {
+function Kt(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,
@@ -1616,7 +1868,7 @@ function Mt(e) {
 	});
 	return s;
 }
-function Nt(e = "md", t = "default", n = !1, r = !1, i = !1) {
+function qt(e = "md", t = "default", n = !1, r = !1, i = !1) {
 	let a = [
 		"wc-datepicker-wrapper",
 		`wc-datepicker-wrapper--${e}`,
@@ -1624,17 +1876,17 @@ function Nt(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 Pt(e, t) {
+function Jt(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 && jt(e.date, t) && n.push("wc-datepicker-day--selected"), At(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 && Gt(e.date, t) && n.push("wc-datepicker-day--selected"), Wt(e.date) && n.push("wc-datepicker-day--today"), n.join(" ");
 }
 //#endregion
 //#region src/components/DatePicker/DatePicker.jsx
-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);
+function Yt({ 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 } = J(), 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(() => {
 		D(e ? new Date(e) : null);
-	}, [e]), se({
+	}, [e]), ce({
 		open: S,
 		elementRef: b,
 		refs: [y],
@@ -1644,7 +1896,7 @@ function Ft({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 		onPointerDownOutside: () => C(!1),
 		zIndex: 1e3
 	});
-	let O = E ? kt(E, c) : "", k = () => {
+	let O = E ? Ut(E, c) : "", k = () => {
 		r || C((e) => !e);
 	}, A = (e) => {
 		r || (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" ? (e.preventDefault(), C(!0)) : e.key === "Escape" && C(!1));
@@ -1665,7 +1917,7 @@ function Ft({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 	}, 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)));
-	}, I = Mt(w), L = [
+	}, I = Kt(w), L = [
 		"日",
 		"一",
 		"二",
@@ -1673,7 +1925,7 @@ function Ft({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 		"四",
 		"五",
 		"六"
-	], R = `${w.getFullYear()}年${w.getMonth() + 1}月`, z = [Nt(i, a, r, !1, S), g].filter(Boolean).join(" ");
+	], R = `${w.getFullYear()}年${w.getMonth() + 1}月`, z = [qt(i, a, r, !1, S), g].filter(Boolean).join(" ");
 	return /* @__PURE__ */ m("div", {
 		className: "wc-datepicker",
 		ref: y,
@@ -1752,11 +2004,11 @@ function Ft({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 					className: "wc-datepicker-days",
 					children: I.map((e) => /* @__PURE__ */ p("button", {
 						type: "button",
-						className: Pt(e, E),
+						className: Jt(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,
+						"aria-label": Ut(e.date, "YYYY-MM-DD"),
+						"aria-selected": Gt(e.date, E),
+						"aria-current": Wt(e.date) ? "date" : void 0,
 						onClick: () => M(e),
 						children: e.day
 					}, `${e.month}-${e.day}`))
@@ -1781,7 +2033,7 @@ function Ft({ value: e = null, onChange: t = () => {}, placeholder: n = "请选
 }
 //#endregion
 //#region src/components/Button/Fab.jsx
-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 }) => {
+var Xt = ({ 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",
@@ -1822,10 +2074,10 @@ var It = ({ variant: e = "circular", size: t = "md", color: n = "primary", disab
 		})]
 	});
 };
-It.displayName = "Fab";
+Xt.displayName = "Fab";
 //#endregion
 //#region src/components/Feed/Feed.jsx
-var Lt = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "var(--wc-accent)", dotSize: i = 8, lineWidth: a = 1, onItemClick: o }) => {
+var Zt = ({ 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,
@@ -1866,7 +2118,7 @@ var Lt = ({ 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(Lt, {
+					children: e.children.map((e) => /* @__PURE__ */ p(Zt, {
 						item: e,
 						showAvatar: t,
 						variant: n,
@@ -1879,7 +2131,7 @@ var Lt = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "va
 			]
 		})]
 	});
-}, Rt = ({ items: e = [], variant: t = "timeline", showAvatar: n = !0, color: r = "var(--wc-accent)", dotSize: i = 8, lineWidth: a = 1, onItemClick: o, className: s = "" }) => {
+}, Qt = ({ 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
@@ -1887,7 +2139,7 @@ var Lt = ({ 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(Lt, {
+		children: e.map((e) => /* @__PURE__ */ p(Zt, {
 			item: e,
 			variant: t,
 			showAvatar: n,
@@ -1898,10 +2150,10 @@ var Lt = ({ item: e, showAvatar: t = !0, variant: n = "timeline", color: r = "va
 		}, e.id || e.time))
 	});
 };
-Rt.displayName = "Feed";
+Qt.displayName = "Feed";
 //#endregion
 //#region src/components/Feature/utils.js
-var zt = ({ align: e, size: t, background: n, reverse: r, vertical: i, clickable: a, disabled: o, className: s }) => [
+var $t = ({ 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",
@@ -1912,29 +2164,29 @@ var zt = ({ align: e, size: t, background: n, reverse: r, vertical: i, clickable
 	`wc-feature-card--${e}`,
 	s
 ].filter(Boolean);
-function Bt(e) {
+function en(e) {
 	return ["wc-feature-icon", `wc-feature-icon--${e}`].filter(Boolean);
 }
-function Vt(e) {
+function tn(e) {
 	return ["wc-feature-content", `wc-feature-content--${e}`].filter(Boolean);
 }
-function Ht(e) {
+function nn(e) {
 	return ["wc-feature-title", `wc-feature-title--${e}`].filter(Boolean);
 }
-var Ut = (e) => ["wc-feature-description", `wc-feature-description--${e}`].filter(Boolean);
-function Wt(e, t, n) {
+var rn = (e) => ["wc-feature-description", `wc-feature-description--${e}`].filter(Boolean);
+function an(e, t, n) {
 	!t && n && n(e);
 }
-function Gt(e, t) {
+function on(e, t) {
 	e.stopPropagation(), t && t(e);
 }
-function Kt(e) {
+function sn(e) {
 	return e;
 }
 //#endregion
 //#region src/components/Feature/Feature.jsx
-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({
+var cn = ({ 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 = $t({
 		align: a,
 		size: i,
 		background: o,
@@ -1943,7 +2195,7 @@ var qt = ({ title: e = "Awesome Feature", description: t = "Feature description
 		clickable: !!h,
 		disabled: !1,
 		className: v
-	}).join(" "), x = Bt(r).join(" "), S = Vt(a).join(" "), C = Ht(i).join(" "), w = Ut(i).join(" "), T = {
+	}).join(" "), x = en(r).join(" "), S = tn(a).join(" "), C = nn(i).join(" "), w = rn(i).join(" "), T = {
 		...c ? { background: c } : {},
 		...y
 	}, E = typeof r == "number" ? `${r}px` : r, D = h ? {
@@ -1956,7 +2208,7 @@ var qt = ({ title: e = "Awesome Feature", description: t = "Feature description
 	return /* @__PURE__ */ m("div", {
 		className: `${b} ${s === "default" ? "" : `wc-feature-card--${s}`}`,
 		style: T,
-		onClick: (e) => Wt(e, !1, h),
+		onClick: (e) => an(e, !1, h),
 		...D,
 		children: [n && /* @__PURE__ */ p("div", {
 			className: x,
@@ -1967,7 +2219,7 @@ var qt = ({ title: e = "Awesome Feature", description: t = "Feature description
 			children: typeof n == "string" ? /* @__PURE__ */ p("span", {
 				className: "wc-feature-icon__inner",
 				dangerouslySetInnerHTML: { __html: n }
-			}) : Kt(n)
+			}) : sn(n)
 		}), /* @__PURE__ */ m("div", {
 			className: S,
 			children: [
@@ -1982,17 +2234,17 @@ var qt = ({ title: e = "Awesome Feature", description: t = "Feature description
 				d && /* @__PURE__ */ p("a", {
 					href: f,
 					className: "wc-feature-cta",
-					onClick: (e) => Gt(e, g),
+					onClick: (e) => on(e, g),
 					children: d
 				})
 			]
 		})]
 	});
 };
-qt.displayName = "Feature";
+cn.displayName = "Feature";
 //#endregion
 //#region src/components/FileInput/FileInput.jsx
-var Jt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
+var ln = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
 	className: e,
 	"aria-hidden": "true",
 	children: /* @__PURE__ */ m("svg", {
@@ -2002,7 +2254,7 @@ var Jt = ({ 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" })]
 	})
-}), Yt = ({ multiple: e = !1, variant: t = "block", accept: n = "", label: r = "选择文件", description: i = "或拖放到这里", disabled: a = !1, onChange: o, onInvalid: s, className: c = "", style: l = {} }) => {
+}), un = ({ 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));
@@ -2045,7 +2297,7 @@ var Jt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
 				"aria-label": r,
 				onChange: _
 			}),
-			t === "block" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Jt, { className: "wc-file-input__upload-icon" }), /* @__PURE__ */ m("span", {
+			t === "block" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ln, { className: "wc-file-input__upload-icon" }), /* @__PURE__ */ m("span", {
 				className: "wc-file-input-content",
 				children: [/* @__PURE__ */ p("strong", {
 					className: "wc-file-input-content__title",
@@ -2063,14 +2315,14 @@ var Jt = ({ className: e = "" }) => /* @__PURE__ */ p("span", {
 					children: "＋"
 				}), r]
 			}),
-			t === "icon" && /* @__PURE__ */ p(Jt, { className: "wc-file-icon" })
+			t === "icon" && /* @__PURE__ */ p(ln, { className: "wc-file-icon" })
 		]
 	});
 };
-Yt.displayName = "FileInput";
+un.displayName = "FileInput";
 //#endregion
 //#region src/components/Form/FormControl.jsx
-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 }) => {
+var dn = n(null), fn = ({ 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,
@@ -2092,7 +2344,7 @@ var Xt = n(null), Zt = ({ disabled: e = !1, error: t = !1, required: n = !1, var
 		t && "form-control--error",
 		s
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ p(Xt.Provider, {
+	return /* @__PURE__ */ p(dn.Provider, {
 		value: f,
 		children: /* @__PURE__ */ p("div", {
 			className: m,
@@ -2102,10 +2354,10 @@ var Xt = n(null), Zt = ({ disabled: e = !1, error: t = !1, required: n = !1, var
 		})
 	});
 };
-Zt.displayName = "FormControl";
+fn.displayName = "FormControl";
 //#endregion
 //#region src/components/Form/FormControlLabel.jsx
-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 }) => {
+var pn = ({ 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 = [
@@ -2144,10 +2396,10 @@ var Qt = ({ label: e, labelPlacement: t = "end", disabled: n = !1, required: r =
 		]
 	});
 };
-Qt.displayName = "FormControlLabel";
+pn.displayName = "FormControlLabel";
 //#endregion
 //#region src/components/Form/FormGroup.jsx
-var $t = ({ row: e = !1, spacing: t = "normal", className: n = "", style: r = {}, children: i, ...a }) => /* @__PURE__ */ p("div", {
+var mn = ({ row: e = !1, spacing: t = "normal", className: n = "", style: r = {}, children: i, ...a }) => /* @__PURE__ */ p("div", {
 	className: [
 		"form-group",
 		e && "form-group--row",
@@ -2159,11 +2411,11 @@ var $t = ({ row: e = !1, spacing: t = "normal", className: n = "", style: r = {}
 	...a,
 	children: i
 });
-$t.displayName = "FormGroup";
+mn.displayName = "FormGroup";
 //#endregion
 //#region src/components/Form/FormHelperText.jsx
-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;
+var hn = ({ 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(dn) || {}, g = t || h.error, _ = e || h.disabled;
 	return /* @__PURE__ */ p("p", {
 		id: c,
 		className: [
@@ -2183,55 +2435,55 @@ var en = ({ disabled: e = !1, error: t = !1, filled: n = !1, focused: r = !1, ma
 		children: f
 	});
 };
-en.displayName = "FormHelperText";
+hn.displayName = "FormHelperText";
 //#endregion
 //#region src/components/Grid/utils.js
-var tn = {
+var gn = {
 	xs: "xs",
 	sm: "sm",
 	md: "md",
 	lg: "lg",
 	xl: "xl"
-}, nn = {
+}, _n = {
 	row: "wc-grid-container--row",
 	column: "wc-grid-container--column",
 	"row-reverse": "wc-grid-container--row-reverse",
 	"column-reverse": "wc-grid-container--column-reverse"
-}, rn = {
+}, vn = {
 	"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"
-}, an = {
+}, yn = {
 	"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"
-}, on = (e) => {
+}, bn = (e) => {
 	let { direction: t = "row", justifyContent: n = "flex-start", alignItems: r = "stretch", spacing: i = 0 } = e, a = ["wc-grid", "wc-grid-container"];
-	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) => {
+	return _n[t] && a.push(_n[t]), vn[n] && a.push(vn[n]), yn[r] && a.push(yn[r]), a.push(...Sn(i)), a;
+}, xn = (e) => {
 	let { xs: t, sm: n, md: r, lg: i, xl: a } = e, o = ["wc-grid", "wc-grid-item"];
-	return Object.entries(tn).forEach(([t, n]) => {
+	return Object.entries(gn).forEach(([t, n]) => {
 		let r = e[t];
-		r !== void 0 && o.push(...ln(r, n));
+		r !== void 0 && o.push(...Cn(r, n));
 	}), o;
-}, cn = (e) => {
+}, Sn = (e) => {
 	let t = Number(e);
 	return [`wc-grid-container--spacing-${Number.isFinite(t) ? Math.max(0, Math.min(12, Math.round(t))) : 0}`];
-}, ln = (e, t) => {
+}, Cn = (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)}`] : [];
-}, un = (e) => {
+}, wn = (e) => {
 	let { container: t = !1, item: n = !1, className: r = "" } = e, i = [];
-	return t && i.push(...on(e)), n && i.push(...sn(e)), r && i.push(r), i;
-}, dn = (e) => {
+	return t && i.push(...bn(e)), n && i.push(...xn(e)), r && i.push(r), i;
+}, Tn = (e) => {
 	let t = { ...e };
 	return t.spacing !== void 0 && (t.spacing = Number(t.spacing) || 0), [
 		"xs",
@@ -2246,8 +2498,8 @@ var tn = {
 			isNaN(r) || (t[e] = Math.max(1, Math.min(12, r)));
 		}
 	}), t;
-}, 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({
+}, En = ({ container: e = !1, item: t = !1, xs: n, sm: r, md: i, lg: a, xl: o, spacing: s = 0, direction: c = "row", justifyContent: l = "flex-start", alignItems: u = "stretch", className: d = "", style: f = {}, children: m, ...h }) => /* @__PURE__ */ p("div", {
+	className: wn(Tn({
 		container: e,
 		item: t,
 		xs: n,
@@ -2265,10 +2517,10 @@ var tn = {
 	...h,
 	children: m
 });
-fn.displayName = "Grid";
+En.displayName = "Grid";
 //#endregion
 //#region src/components/HoverCard/HoverCard.jsx
-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 }) => {
+var Dn = ({ 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 = () => {
@@ -2293,14 +2545,14 @@ var pn = ({ triggerText: e = "Hover me", cardData: t = {}, variant: n = "default
 		"hover-card-popup",
 		`hover-card-position-${a}`,
 		`hover-card-card-size-${i}`
-	].join(" "), z = ce({
+	].join(" "), z = le({
 		open: E,
 		anchorRef: j,
 		floatingRef: A,
 		placement: a,
 		offset: 8
 	});
-	return se({
+	return ce({
 		open: E,
 		elementRef: A,
 		refs: [j],
@@ -2330,7 +2582,7 @@ var pn = ({ 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(oe, { children: /* @__PURE__ */ m("div", {
+		}), E && /* @__PURE__ */ p(se, { children: /* @__PURE__ */ m("div", {
 			ref: A,
 			id: T,
 			className: `${R} hover-card-position-${z}`.trim(),
@@ -2379,10 +2631,10 @@ var pn = ({ triggerText: e = "Hover me", cardData: t = {}, variant: n = "default
 		}) })]
 	});
 };
-pn.displayName = "HoverCard";
+Dn.displayName = "HoverCard";
 //#endregion
 //#region ../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
-var mn = /* @__PURE__ */ R(((e) => {
+var On = /* @__PURE__ */ z(((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) {
@@ -2438,7 +2690,7 @@ var mn = /* @__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;
-})), hn = /* @__PURE__ */ R(((e) => {
+})), kn = /* @__PURE__ */ z(((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) {
@@ -2514,9 +2766,9 @@ var mn = /* @__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;
 	})();
-})), gn = /* @__PURE__ */ R(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = mn() : t.exports = hn();
-})), _n = /* @__PURE__ */ R(((e, t) => {
+})), An = /* @__PURE__ */ z(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = On() : t.exports = kn();
+})), jn = /* @__PURE__ */ z(((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");
@@ -2549,14 +2801,14 @@ var mn = /* @__PURE__ */ R(((e) => {
 		}
 		return s;
 	};
-})), vn = /* @__PURE__ */ R(((e, t) => {
+})), Mn = /* @__PURE__ */ z(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), yn = /* @__PURE__ */ R(((e, t) => {
+})), Nn = /* @__PURE__ */ z(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), bn = /* @__PURE__ */ R(((e, t) => {
+})), Pn = /* @__PURE__ */ z(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = vn(), i = {}, a = yn();
+		var r = Mn(), i = {}, a = Nn();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -2589,8 +2841,8 @@ var mn = /* @__PURE__ */ R(((e) => {
 	o.resetWarningCache = function() {
 		process.env.NODE_ENV !== "production" && (i = {});
 	}, t.exports = o;
-})), xn = /* @__PURE__ */ R(((e, t) => {
-	var n = gn(), r = _n(), i = vn(), a = yn(), o = bn(), s = function() {};
+})), Fn = /* @__PURE__ */ z(((e, t) => {
+	var n = An(), r = jn(), i = Mn(), a = Nn(), o = Pn(), s = function() {};
 	process.env.NODE_ENV !== "production" && (s = function(e) {
 		var t = "Warning: " + e;
 		typeof console < "u" && console.error(t);
@@ -2848,8 +3100,8 @@ var mn = /* @__PURE__ */ R(((e) => {
 		}
 		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
 	};
-})), Sn = /* @__PURE__ */ R(((e, t) => {
-	var n = vn();
+})), In = /* @__PURE__ */ z(((e, t) => {
+	var n = Mn();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -2888,42 +3140,42 @@ var mn = /* @__PURE__ */ R(((e) => {
 		};
 		return a.PropTypes = a, a;
 	};
-})), $ = /* @__PURE__ */ B((/* @__PURE__ */ R(((e, t) => {
+})), $ = /* @__PURE__ */ V((/* @__PURE__ */ z(((e, t) => {
 	if (process.env.NODE_ENV !== "production") {
-		var n = gn();
-		t.exports = xn()(n.isElement, !0);
-	} else t.exports = Sn()();
-})))(), 1), Cn = ({ className: e, style: t }) => /* @__PURE__ */ p("span", {
+		var n = An();
+		t.exports = Fn()(n.isElement, !0);
+	} else t.exports = In()();
+})))(), 1), Ln = ({ className: e, style: t }) => /* @__PURE__ */ p("span", {
 	className: e,
 	style: t
-}), wn = {
+}), Rn = {
 	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")
-}, Tn = (e) => {
-	let t = wn[e];
+}, zn = (e) => {
+	let t = Rn[e];
 	return t ? t() : Promise.resolve(null);
-}, En = (e, t) => r(() => e().then((e) => ({ default: t(e || {}) })).catch((e) => (console.warn("[Icon] 动态导入失败，已回退到占位符图标。", e), { default: Cn }))), Dn = (e, t, n) => {
+}, Bn = (e, t) => r(() => e().then((e) => ({ default: t(e || {}) })).catch((e) => (console.warn("[Icon] 动态导入失败，已回退到占位符图标。", e), { default: Ln }))), Vn = (e, t, n) => {
 	switch (e) {
-		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);
+		case "lucide": return Bn(() => zn("lucide"), (e) => e.getIcon?.(t) || Ln);
+		case "heroicons": return Bn(() => zn("heroicons"), (e) => e.getIcon?.(t, n) || Ln);
+		case "tabler": return Bn(() => zn("tabler"), (e) => e.getIcon?.(t) || Ln);
+		case "phosphor": return Bn(() => zn("phosphor"), (e) => e.getIcon?.(t) || Ln);
 		default: return null;
 	}
-}, On = (e) => typeof e == "number" ? e : {
+}, Hn = (e) => typeof e == "number" ? e : {
 	xs: 16,
 	sm: 20,
 	md: 24,
 	lg: 32,
 	xl: 48
-}[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 }) => {
+}[e] || parseInt(e) || 24, Un = ({ 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 Dn(e, n, c);
+			return Vn(e, n, c);
 		} catch {
 			return console.warn(`Icon "${n}" not found in library "${e}"`), null;
 		}
@@ -2933,7 +3185,7 @@ var mn = /* @__PURE__ */ R(((e) => {
 		c
 	]), h = l(() => e === "feather" && n ? r(async () => {
 		try {
-			let e = On(a), { getFeatherSvg: t } = await Tn("feather") || {}, r = await t(n, {
+			let e = Hn(a), { getFeatherSvg: t } = await zn("feather") || {}, r = await t(n, {
 				width: e,
 				height: e,
 				strokeWidth: Number(s)
@@ -2954,13 +3206,13 @@ var mn = /* @__PURE__ */ R(((e) => {
 	]), g = l(() => e === "html" && i ? i : "", [e, i]), _ = l(() => {
 		let e = {};
 		if (o && o !== "currentColor" && (e.color = o), a) {
-			let t = On(a);
+			let t = Hn(a);
 			e.width = `${t}px`, e.height = `${t}px`;
 		}
 		return e;
 	}, [o, a]), v = l(() => {
 		let t = {
-			size: On(a),
+			size: Hn(a),
 			color: o,
 			...f
 		};
@@ -3001,7 +3253,7 @@ var mn = /* @__PURE__ */ R(((e) => {
 		children: d
 	});
 };
-kn.propTypes = {
+Un.propTypes = {
 	library: $.default.oneOf([
 		"lucide",
 		"heroicons",
@@ -3025,7 +3277,7 @@ kn.propTypes = {
 };
 //#endregion
 //#region src/components/Button/IconButton.jsx
-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 }) => {
+var Wn = ({ 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",
@@ -3067,11 +3319,44 @@ var An = ({ color: e = "default", size: t = "md", edge: n = !1, disabled: r = !1
 		})
 	});
 };
-An.displayName = "IconButton";
+Wn.displayName = "IconButton";
 //#endregion
 //#region src/components/ImageGallery/ImageGallery.jsx
-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 = {
+var Gn = () => /* @__PURE__ */ m("svg", {
+	className: "gallery-icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ p("path", { d: "M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6Z" }), /* @__PURE__ */ p("circle", {
+		cx: "12",
+		cy: "12",
+		r: "2.75"
+	})]
+}), Kn = () => /* @__PURE__ */ m("svg", {
+	className: "gallery-icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	children: [
+		/* @__PURE__ */ p("path", { d: "M12 3v11" }),
+		/* @__PURE__ */ p("path", { d: "m7 10 5 5 5-5" }),
+		/* @__PURE__ */ p("path", { d: "M5 20h14" })
+	]
+}), qn = () => /* @__PURE__ */ m("svg", {
+	className: "gallery-icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ p("path", { d: "m6 6 12 12" }), /* @__PURE__ */ p("path", { d: "M18 6 6 18" })]
+}), Jn = () => /* @__PURE__ */ p("svg", {
+	className: "gallery-icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ p("path", { d: "m15 18-6-6 6-6" })
+}), Yn = () => /* @__PURE__ */ p("svg", {
+	className: "gallery-icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ p("path", { d: "m9 6 6 6-6 6" })
+}), Xn = ({ 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 } = J(), k = u ? Math.ceil(e.length / f) : 1, A = {
 		sm: "75%",
 		md: "66.67%",
 		lg: "56.25%",
@@ -3150,14 +3435,14 @@ var jn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 									onClick: (e) => {
 										e.stopPropagation(), M(t);
 									},
-									children: "👁️"
+									children: /* @__PURE__ */ p(Gn, {})
 								}), l && /* @__PURE__ */ p("button", {
 									className: "gallery-action-btn gallery-download-btn",
 									"aria-label": O.downloadImage(t + 1),
 									onClick: (t) => {
 										t.stopPropagation(), N(e);
 									},
-									children: "📥"
+									children: /* @__PURE__ */ p(Kn, {})
 								})]
 							})
 						})]
@@ -3216,7 +3501,7 @@ var jn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 							className: "gallery-lightbox-close",
 							"aria-label": O.closeLightbox,
 							onClick: P,
-							children: "✕"
+							children: /* @__PURE__ */ p(qn, {})
 						}),
 						/* @__PURE__ */ p("div", {
 							className: "gallery-lightbox-image-container",
@@ -3245,7 +3530,7 @@ var jn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 									disabled: w === 0,
 									"aria-label": O.previousImage,
 									onClick: F,
-									children: "‹"
+									children: /* @__PURE__ */ p(Jn, {})
 								}),
 								/* @__PURE__ */ m("span", {
 									className: "gallery-lightbox-counter",
@@ -3260,14 +3545,15 @@ var jn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 									disabled: w === e.length - 1,
 									"aria-label": O.nextImage,
 									onClick: I,
-									children: "›"
+									children: /* @__PURE__ */ p(Yn, {})
 								})
 							]
 						}),
 						l && /* @__PURE__ */ p("button", {
 							className: "gallery-action-btn gallery-download-btn",
+							"aria-label": O.downloadImage(w + 1),
 							onClick: () => N(e[w]),
-							children: "下载"
+							children: /* @__PURE__ */ p(Kn, {})
 						})
 					]
 				})
@@ -3275,10 +3561,10 @@ var jn = ({ images: e = [], title: t = "", layout: n = "grid", size: r = "md", c
 		]
 	});
 };
-jn.displayName = "ImageGallery";
+Xn.displayName = "ImageGallery";
 //#endregion
 //#region src/composition.ts
-var Mn = [
+var Zn = [
 	"none",
 	"2xs",
 	"xs",
@@ -3288,40 +3574,40 @@ var Mn = [
 	"xl",
 	"2xl",
 	"3xl"
-], Nn = [
+], Qn = [
 	"stretch",
 	"start",
 	"center",
 	"end"
-], Pn = [
+], $n = [
 	"sm",
 	"md",
 	"lg",
 	"xl",
 	"full"
-], Fn = [
+], er = [
 	"none",
 	"sm",
 	"md",
 	"lg"
-], In = [
+], tr = [
 	"start",
 	"center",
 	"end",
 	"between",
 	"around"
-], Ln = [
+], nr = [
 	"equal",
 	"sidebar",
 	"sidebar-end",
 	"wide-start",
 	"wide-end"
-], Rn = [
+], rr = [
 	"none",
 	"sm",
 	"md",
 	"lg"
-], zn = ({ as: e = "div", gap: t = "md", align: n = "center", justify: r = "start", wrap: i = !0, className: a = "", children: o, ...s }) => /* @__PURE__ */ p(e, {
+], ir = ({ 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,
@@ -3330,18 +3616,18 @@ var Mn = [
 	...s,
 	children: o
 });
-zn.displayName = "Inline", zn.propTypes = {
+ir.displayName = "Inline", ir.propTypes = {
 	as: $.default.elementType,
-	gap: $.default.oneOf(Mn),
-	align: $.default.oneOf(Nn),
-	justify: $.default.oneOf(In),
+	gap: $.default.oneOf(Zn),
+	align: $.default.oneOf(Qn),
+	justify: $.default.oneOf(tr),
 	wrap: $.default.bool,
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
 //#region src/components/Input/Input.jsx
-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 }) => {
+var ar = ({ 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);
@@ -3412,28 +3698,28 @@ var Bn = ({ value: e = "", onChange: t, type: n = "text", placeholder: r = "", d
 		]
 	});
 };
-Bn.displayName = "Input";
+ar.displayName = "Input";
 //#endregion
 //#region src/components/List/utils.js
-var Vn = (e) => {
+var or = (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;
-}, Hn = (e) => {
+}, sr = (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;
-}, Un = (e) => {
+}, cr = (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;
-}, Wn = (e) => {
+}, lr = (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;
-}, Gn = n({ dense: !1 }), Kn = ({ children: e, dense: t = !1, disablePadding: n = !1, nav: r = !1, subheader: i = "", className: a = "", ...o }) => {
-	let s = Vn({
+}, ur = n({ dense: !1 }), dr = ({ children: e, dense: t = !1, disablePadding: n = !1, nav: r = !1, subheader: i = "", className: a = "", ...o }) => {
+	let s = or({
 		dense: t,
 		disablePadding: n,
 		className: a
 	}).concat(r ? "list--nav" : []).join(" ");
-	return /* @__PURE__ */ p(Gn.Provider, {
+	return /* @__PURE__ */ p(ur.Provider, {
 		value: { dense: t },
 		children: /* @__PURE__ */ m("div", {
 			role: r ? "navigation" : "list",
@@ -3445,8 +3731,8 @@ var Vn = (e) => {
 			}), e]
 		})
 	});
-}, 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({
+}, fr = ({ 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(ur) || { dense: !1 }, f = sr({
 		button: t,
 		disabled: n,
 		divider: r,
@@ -3463,15 +3749,15 @@ var Vn = (e) => {
 		...u,
 		children: e
 	});
-}, Jn = ({ children: e, position: t = "start", className: n = "", ...r }) => /* @__PURE__ */ p("span", {
-	className: Un({
+}, pr = ({ children: e, position: t = "start", className: n = "", ...r }) => /* @__PURE__ */ p("span", {
+	className: cr({
 		position: t,
 		className: n
 	}).join(" "),
 	...r,
 	children: e
-}), Yn = ({ primary: e = "", secondary: t = "", inset: n = !1, className: r = "", ...i }) => /* @__PURE__ */ m("div", {
-	className: Wn({
+}), mr = ({ primary: e = "", secondary: t = "", inset: n = !1, className: r = "", ...i }) => /* @__PURE__ */ m("div", {
+	className: lr({
 		inset: n,
 		className: r
 	}).join(" "),
@@ -3483,37 +3769,37 @@ var Vn = (e) => {
 		className: "list-item-text-secondary",
 		children: t
 	})]
-}), Xn = ({ size: e, variant: t, disabled: n, className: r }) => {
+}), hr = ({ 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;
-}, Zn = (e, t) => [
+}, gr = (e, t) => [
 	"wc-menu__menu",
 	`wc-menu__menu--${e}`,
 	t
-], Qn = ({ disabled: e }) => ["wc-menu__button", e ? "wc-menu__button--disabled" : ""], $n = (e) => {
+], _r = ({ disabled: e }) => ["wc-menu__button", e ? "wc-menu__button--disabled" : ""], vr = (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;
-}, er = (e) => ["wc-menu__arrow", e ? "wc-menu__arrow--open" : ""], tr = (e, t, n, r, i) => {
+}, yr = (e) => ["wc-menu__arrow", e ? "wc-menu__arrow--open" : ""], br = (e, t, n, r, i) => {
 	t || (n(!e), e ? i && i() : r && r());
-}, nr = (e, t, n, r, i) => {
+}, xr = (e, t, n, r, i) => {
 	e.disabled || e.divider || (n && n(e, t), r(!1), i && i());
-}, 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({
+}, Sr = (e) => e.startsWith("top") ? "top" : "bottom", Cr = ({ 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 = hr({
 		size: r,
 		variant: i,
 		disabled: a,
 		className: C
-	}).join(" "), M = Zn(n, i === "card" ? "wc-menu__menu--card" : "").join(" "), N = Qn({ disabled: a }).join(" "), P = er(T).join(" "), F = i === "card" ? {
+	}).join(" "), M = gr(n, i === "card" ? "wc-menu__menu--card" : "").join(" "), N = _r({ disabled: a }).join(" "), P = yr(T).join(" "), F = i === "card" ? {
 		minWidth: "320px",
 		maxWidth: "450px"
 	} : { minWidth: "120px" }, I = () => {
-		tr(T, a, E, v, y);
+		br(T, a, E, v, y);
 	}, L = (e, t) => {
-		nr(e, t, _, E, y);
+		xr(e, t, _, E, y);
 	}, R = () => {
 		T && (E(!1), y?.());
 	}, z = (e = "first") => {
@@ -3525,14 +3811,14 @@ var Vn = (e) => {
 	o(() => {
 		T && queueMicrotask(() => z("first"));
 	}, [T]);
-	let B = ce({
+	let B = le({
 		open: T,
 		anchorRef: A,
 		floatingRef: k,
-		placement: rr(n),
+		placement: Sr(n),
 		offset: 6
 	});
-	se({
+	ce({
 		open: T,
 		elementRef: k,
 		refs: [A],
@@ -3546,7 +3832,7 @@ var Vn = (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(oe, { children: /* @__PURE__ */ p("div", {
+	}, H = T ? /* @__PURE__ */ p(se, { children: /* @__PURE__ */ p("div", {
 		ref: k,
 		className: `${M} wc-menu__menu--resolved-${B}`.trim(),
 		id: D,
@@ -3584,7 +3870,7 @@ var Vn = (e) => {
 				}, e.key || t) : /* @__PURE__ */ m("button", {
 					type: "button",
 					role: "menuitem",
-					className: $n(e).join(" "),
+					className: vr(e).join(" "),
 					disabled: e.disabled,
 					onClick: () => L(e, t),
 					children: [e.icon && /* @__PURE__ */ p("span", {
@@ -3602,7 +3888,7 @@ var Vn = (e) => {
 		}, e.key || t) : /* @__PURE__ */ m("button", {
 			type: "button",
 			role: "menuitem",
-			className: $n(e).join(" "),
+			className: vr(e).join(" "),
 			disabled: e.disabled,
 			onClick: () => L(e, t),
 			children: [e.icon && /* @__PURE__ */ p("span", {
@@ -3644,41 +3930,41 @@ var Vn = (e) => {
 		}), H]
 	});
 };
-ir.displayName = "Menu";
+Cr.displayName = "Menu";
 //#endregion
 //#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 = "" } = {}) {
+function wr({ 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 or({ centered: e = !0, position: t = "center" } = {}) {
+function Tr({ 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 sr(e, t, n = 0) {
+function Er(e, t, n = 0) {
 	e(!1), t && (n > 0 ? setTimeout(() => {
 		t();
 	}, n) : t());
 }
 //#endregion
 //#region src/components/Modal/Modal.jsx
-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;
+var Dr = ({ 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 } = J(), L = e || t;
 	o(() => {
 		P(L);
 	}, [L]);
-	let R = ar({
+	let R = wr({
 		size: a || r,
 		fullWidth: y,
 		fullScreen: b,
 		scroll: S,
 		position: x,
 		className: E
-	}), z = or({
+	}), z = Tr({
 		centered: x === "center" || v,
 		position: x
 	}), B = i(() => {
-		sr(P, D);
+		Er(P, D);
 	}, [D]), V = i(() => {
 		f && h && !g && B();
 	}, [
@@ -3687,7 +3973,7 @@ var cr = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWid
 		B,
 		f
 	]);
-	if (se({
+	if (ce({
 		open: N,
 		elementRef: F,
 		modal: !0,
@@ -3700,7 +3986,7 @@ var cr = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWid
 		zIndex: w
 	}), !N) return null;
 	let H = c && l !== !1;
-	return /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ p(se, { children: /* @__PURE__ */ m("div", {
 		className: z,
 		style: { zIndex: w },
 		onClick: V,
@@ -3715,7 +4001,7 @@ var cr = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWid
 			tabIndex: -1,
 			...j,
 			children: [
-				H && /* @__PURE__ */ p(Xe, {
+				H && /* @__PURE__ */ p(Ze, {
 					variant: "text",
 					size: "sm",
 					className: "wc-modal__close",
@@ -3747,10 +4033,10 @@ var cr = ({ visible: e = !1, open: t = !1, title: n = "", size: r = "md", maxWid
 		})]
 	}) });
 };
-cr.displayName = "Modal";
+Dr.displayName = "Modal";
 //#endregion
 //#region src/components/NumberAnimation/NumberAnimation.jsx
-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 }) => {
+var Or = ({ 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);
@@ -3796,8 +4082,8 @@ var lr = ({ active: e = !0, duration: t = 3e3, from: n = 0, to: r, locale: i = "
 };
 //#endregion
 //#region src/components/Pagination/Pagination.jsx
-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);
+function kr({ 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 } = J(), [g, _] = d(e);
 	o(() => {
 		_(e);
 	}, [e]);
@@ -3891,38 +4177,38 @@ function ur({ value: e = 1, onChange: t, total: n, pageSize: r = 10, siblingCoun
 }
 //#endregion
 //#region src/components/Page/Page.jsx
-var dr = ({ as: e = "div", size: t = "lg", gutter: n = "md", className: r = "", children: i, ...a }) => /* @__PURE__ */ p(e, {
+var Ar = ({ 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
 });
-dr.displayName = "Page", dr.propTypes = {
+Ar.displayName = "Page", Ar.propTypes = {
 	as: $.default.elementType,
-	size: $.default.oneOf(Pn),
-	gutter: $.default.oneOf(Fn),
+	size: $.default.oneOf($n),
+	gutter: $.default.oneOf(er),
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
 //#region src/components/Paper/utils.js
-var fr = {
+var jr = {
 	ELEVATION: "elevation",
 	OUTLINED: "outlined"
-}, pr = {
+}, Mr = {
 	SQUARE: "square",
 	ROUNDED_SM: "rounded-sm",
 	ROUNDED_LG: "rounded-lg",
 	ROUNDED_XL: "rounded-xl",
 	ROUNDED_2XL: "rounded-2xl",
 	ROUNDED_FULL: "rounded-full"
-}, mr = {
+}, Nr = {
 	SM: "sm",
 	MD: "md",
 	LG: "lg",
 	XL: "xl"
-}, hr = {
+}, Pr = {
 	DEFAULT: "default",
 	PRIMARY: "primary",
 	SUCCESS: "success",
@@ -3930,21 +4216,21 @@ var fr = {
 	ERROR: "error",
 	INFO: "info"
 };
-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");
+function Fr(e = {}) {
+	let { variant: t = jr.ELEVATION, elevation: n = 1, square: r = !1, shape: i = null, size: a = null, color: o = Pr.DEFAULT, hoverable: s = !1, clickable: c = !1, gradient: l = !1, frosted: u = !1, textured: d = !1, className: f = "" } = e, p = ["wc-paper"];
+	if (t === jr.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 && 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(" ");
+	return r ? p.push("wc-paper--square") : i && Mr[i.toUpperCase()] && p.push(`wc-paper--${i}`), a && Nr[a.toUpperCase()] && p.push(`wc-paper--${a}`), o !== Pr.DEFAULT && Pr[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 _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 }) {
+function Ir({ 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: gr({
+		className: Fr({
 			variant: t,
 			elevation: Math.max(0, Math.min(24, Math.floor(Number(n) || 0))),
 			square: r,
@@ -3975,19 +4261,19 @@ function _r({ component: e = "div", variant: t = "elevation", elevation: n = 1,
 }
 //#endregion
 //#region src/components/Popover/Popover.jsx
-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) => {
+function Lr({ open: t, onOpenChange: n, triggerText: r = "打开弹窗", trigger: i, placement: a = "bottom", offset: o = 8, children: c, className: l = "" }) {
+	let { messages: f } = J(), 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({
+	}, T = le({
 		open: x,
 		anchorRef: y,
 		floatingRef: b,
 		placement: a,
 		offset: o
 	});
-	se({
+	ce({
 		open: x,
 		elementRef: b,
 		refs: [y],
@@ -4015,7 +4301,7 @@ function vr({ open: t, onOpenChange: n, triggerText: r = "打开弹窗", trigger
 	});
 	return /* @__PURE__ */ m("div", {
 		className: `wc-popover-container ${l}`.trim(),
-		children: [E, x && /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p("div", {
+		children: [E, x && /* @__PURE__ */ p(se, { children: /* @__PURE__ */ p("div", {
 			ref: b,
 			id: h,
 			className: `wc-popover-content wc-popover-content--${T}`.trim(),
@@ -4028,7 +4314,7 @@ function vr({ open: t, onOpenChange: n, triggerText: r = "打开弹窗", trigger
 }
 //#endregion
 //#region src/components/PricingTable/PricingTable.jsx
-function yr({ plans: e = [], columns: t = 3, className: n = "" }) {
+function Rr({ plans: e = [], columns: t = 3, className: n = "" }) {
 	let r = { gridTemplateColumns: `repeat(${t}, minmax(0,1fr))` };
 	return /* @__PURE__ */ p("div", {
 		className: `pricing-grid ${n}`.trim(),
@@ -4058,8 +4344,8 @@ function yr({ plans: e = [], columns: t = 3, className: n = "" }) {
 }
 //#endregion
 //#region src/components/Progress/Progress.jsx
-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 = [
+var zr = ({ value: e = 0, label: t = "", showPercent: n = !1, color: r = "primary", size: i = "md", animated: a = !1, className: o = "", ...s }) => {
+	let { messages: c } = J(), l = [
 		"primary",
 		"success",
 		"warning",
@@ -4099,11 +4385,11 @@ var br = ({ value: e = 0, label: t = "", showPercent: n = !1, color: r = "primar
 		})]
 	});
 };
-br.displayName = "Progress";
+zr.displayName = "Progress";
 //#endregion
 //#region src/components/Radio/Radio.jsx
-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 = "" }) {
+var Br = n(null);
+function Vr({ value: e, onChange: t, name: n, disabled: r = !1, label: a = "", row: o = !1, required: s = !1, error: c = "", helperText: l = "", size: u = "md", color: f = "primary", children: h, className: g = "" }) {
 	let [_, v] = d(e), y = e !== void 0, b = y ? e : _, x = i((e) => {
 		r || (y || v(e), t?.(e));
 	}, [
@@ -4111,7 +4397,7 @@ function Sr({ 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(xr.Provider, {
+	return /* @__PURE__ */ p(Br.Provider, {
 		value: {
 			value: b,
 			updateValue: x,
@@ -4148,8 +4434,8 @@ function Sr({ value: e, onChange: t, name: n, disabled: r = !1, label: a = "", r
 		})
 	});
 }
-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 = [
+function Hr({ value: e, checked: t, onChange: n, label: r, name: i, disabled: o = !1, color: s = "primary", size: c = "md", className: l = "", children: u, ...f }) {
+	let h = a(Br), 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",
@@ -4190,11 +4476,11 @@ function Cr({ value: e, checked: t, onChange: n, label: r, name: i, disabled: o
 		]
 	});
 }
-Cr.displayName = "Radio", Sr.displayName = "RadioGroup";
+Hr.displayName = "Radio", Vr.displayName = "RadioGroup";
 //#endregion
 //#region src/components/Rating/Rating.jsx
-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();
+var Ur = ({ 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 } = J();
 	o(() => m(e), [e]);
 	let g = (e) => {
 		if (n) return;
@@ -4224,14 +4510,14 @@ var wr = ({ value: e = 0, max: t = 5, readOnly: n = !1, onChange: r = () => {},
 		})
 	});
 };
-wr.displayName = "Rating";
+Ur.displayName = "Rating";
 //#endregion
 //#region src/components/Select/Select.jsx
-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 }) => {
+var Wr = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Select an option", label: i = "", helperText: a = "", error: o = !1, errorMessage: c = "", required: l = !1, disabled: f = !1, multiple: h = !1, clearable: g = !1, fullWidth: _ = !1, size: v = "md", variant: y = "filled", color: b = "primary", maxHeight: x = 200, name: S = "", id: C = "", className: w = "", style: T = {}, onFocus: E, onBlur: D, onSearch: O, renderOption: k, renderValue: A, ...j }) => {
 	let [M, N] = d(!1), [P, F] = d(!1), [I, L] = d(-1), R = u(null), z = u(null), B = () => {
 		N(!1), F(!1), L(-1);
 	};
-	se({
+	ce({
 		open: M,
 		elementRef: z,
 		refs: [R],
@@ -4398,17 +4684,17 @@ var Tr = ({ value: e = "", onChange: t, options: n = [], placeholder: r = "Selec
 		]
 	});
 };
-Tr.displayName = "Select";
+Wr.displayName = "Select";
 //#endregion
 //#region src/components/Skeleton/Skeleton.jsx
-var Er = {
+var Gr = {
 	text: "wc-skeleton--text",
 	rectangular: "wc-skeleton--rectangular",
 	rounded: "wc-skeleton--rounded",
 	circular: "wc-skeleton--circular"
-}, 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];
+}, Kr = ({ animation: e = "pulse", component: t = "div", height: n, width: r, variant: i = "text", style: a = {}, className: o = "", ...s }) => {
+	let { messages: c } = J(), u = l(() => {
+		let t = ["wc-skeleton", Gr[i] || Gr.text];
 		return e === "pulse" && t.push("wc-skeleton--pulse"), e === "wave" && t.push("wc-skeleton--wave"), t.join(" ");
 	}, [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, {
@@ -4420,7 +4706,7 @@ var Er = {
 		"aria-busy": "true",
 		...s
 	});
-}, 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 = {}, ..._ }) => {
+}, qr = ({ 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);
@@ -4467,14 +4753,14 @@ var Er = {
 		})]
 	});
 };
-Or.displayName = "Slider";
+qr.displayName = "Slider";
 //#endregion
 //#region src/components/SlideOver/SlideOver.jsx
-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(() => {
+var Jr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width: r = 400, children: a, header: o, footer: s }) => {
+	let c = u(null), { messages: l } = J(), d = i(() => {
 		t?.();
 	}, [t]);
-	return se({
+	return ce({
 		open: e,
 		elementRef: c,
 		modal: !0,
@@ -4485,7 +4771,7 @@ var kr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 		closeOnPointerDownOutside: !1,
 		onEscapeKeyDown: d,
 		zIndex: 3e3
-	}), /* @__PURE__ */ p(oe, { children: e ? /* @__PURE__ */ m("div", {
+	}), /* @__PURE__ */ p(se, { children: e ? /* @__PURE__ */ m("div", {
 		className: "wc-slideover-wrapper",
 		children: [/* @__PURE__ */ p("div", {
 			className: "wc-slideover-overlay",
@@ -4524,7 +4810,7 @@ var kr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 			]
 		})]
 	}) : null });
-}, Ar = ({ as: e = "div", ratio: t = "equal", gap: n = "xl", align: r = "stretch", collapse: i = "md", className: a = "", children: o, ...s }) => /* @__PURE__ */ p(e, {
+}, Yr = ({ 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,
@@ -4533,34 +4819,34 @@ var kr = ({ open: e = !1, onClose: t = () => {}, placement: n = "right", width:
 	...s,
 	children: o
 });
-Ar.displayName = "Split", Ar.propTypes = {
+Yr.displayName = "Split", Yr.propTypes = {
 	as: $.default.elementType,
-	ratio: $.default.oneOf(Ln),
-	gap: $.default.oneOf(Mn),
-	align: $.default.oneOf(Nn),
-	collapse: $.default.oneOf(Rn),
+	ratio: $.default.oneOf(nr),
+	gap: $.default.oneOf(Zn),
+	align: $.default.oneOf(Qn),
+	collapse: $.default.oneOf(rr),
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
 //#region src/components/Stack/Stack.jsx
-var jr = ({ as: e = "div", gap: t = "md", align: n = "stretch", className: r = "", children: i, ...a }) => /* @__PURE__ */ p(e, {
+var Xr = ({ 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
 });
-jr.displayName = "Stack", jr.propTypes = {
+Xr.displayName = "Stack", Xr.propTypes = {
 	as: $.default.elementType,
-	gap: $.default.oneOf(Mn),
-	align: $.default.oneOf(Nn),
+	gap: $.default.oneOf(Zn),
+	align: $.default.oneOf(Qn),
 	className: $.default.string,
 	children: $.default.node
 };
 //#endregion
 //#region src/components/Snackbar/Snackbar.jsx
-var Mr = ({ severity: e }) => {
+var Zr = ({ 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",
@@ -4577,11 +4863,11 @@ var Mr = ({ severity: e }) => {
 		}), t]
 	});
 };
-function Nr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r = "", severity: i = "info", variant: a = "standard", autoHideDuration: s = 6e3, anchorOrigin: c = {
+function Qr({ 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 { messages: x } = q(), S = t !== void 0, [C, w] = d(S ? t : e), [T, E] = d(100);
+	let { messages: x } = J(), S = t !== void 0, [C, w] = d(S ? t : e), [T, E] = d(100);
 	o(() => {
 		let n = S ? t : e;
 		w(n), n && E(100);
@@ -4628,7 +4914,7 @@ function Nr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r =
 		children: [
 			f && /* @__PURE__ */ p("div", {
 				className: "wc-snackbar__icon",
-				children: /* @__PURE__ */ p(Mr, { severity: i })
+				children: /* @__PURE__ */ p(Zr, { severity: i })
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "wc-snackbar__content",
@@ -4676,7 +4962,7 @@ function Nr({ open: e = !1, modelValue: t = void 0, message: n = "", title: r =
 }
 //#endregion
 //#region src/components/Status/utils.js
-var Pr = [
+var $r = [
 	"default",
 	"success",
 	"error",
@@ -4685,7 +4971,7 @@ var Pr = [
 	"pending",
 	"processing",
 	"cancelled"
-], Fr = [
+], ei = [
 	"auto",
 	"pulse",
 	"spin",
@@ -4695,7 +4981,7 @@ var Pr = [
 	"breathe",
 	"ripple",
 	"glow"
-], Ir = {
+], ti = {
 	default: {
 		text: "默认",
 		color: "var(--wc-text-tertiary)"
@@ -4729,29 +5015,29 @@ var Pr = [
 		color: "var(--wc-text-disabled)"
 	}
 };
-function Lr(e) {
-	return Pr.includes(e);
+function ni(e) {
+	return $r.includes(e);
 }
-function Rr(e) {
-	return Lr(e) ? e : "default";
+function ri(e) {
+	return ni(e) ? e : "default";
 }
-function zr({ status: e, size: t, showText: n, animated: r, animationType: i = "auto", className: a }) {
-	let o = Rr(e), s = [
+function ii({ status: e, size: t, showText: n, animated: r, animationType: i = "auto", className: a }) {
+	let o = ri(e), s = [
 		"wc-status",
 		`wc-status--${o}`,
 		`wc-status--${t}`
 	];
 	if (n && s.push("wc-status--with-text"), r) {
-		let e = Vr(o, i);
+		let e = oi(o, i);
 		s.push("wc-status--animated", `wc-status--${e}`);
 	}
 	return a && s.push(a), s.filter(Boolean).join(" ");
 }
-function Br(e) {
-	return Ir[e]?.text || Ir.default.text;
+function ai(e) {
+	return ti[e]?.text || ti.default.text;
 }
-function Vr(e, t = "auto") {
-	return t !== "auto" && Fr.includes(t) ? t : {
+function oi(e, t = "auto") {
+	return t !== "auto" && ei.includes(t) ? t : {
 		processing: "spin",
 		pending: "pulse",
 		success: "bounce",
@@ -4764,15 +5050,15 @@ function Vr(e, t = "auto") {
 }
 //#endregion
 //#region src/components/Status/Status.jsx
-var Hr = ({ status: e = "default", size: t = "md", showText: n = !1, animated: r = !1, animationType: i = "auto", className: a = "", ...o }) => {
-	let s = zr({
+var si = ({ status: e = "default", size: t = "md", showText: n = !1, animated: r = !1, animationType: i = "auto", className: a = "", ...o }) => {
+	let s = ii({
 		status: e,
 		size: t,
 		showText: n,
 		animated: r,
 		animationType: i,
 		className: a
-	}), c = Br(e);
+	}), c = ai(e);
 	return /* @__PURE__ */ p("span", {
 		className: s,
 		role: "status",
@@ -4785,11 +5071,11 @@ var Hr = ({ status: e = "default", size: t = "md", showText: n = !1, animated: r
 		})
 	});
 };
-Hr.displayName = "Status";
+si.displayName = "Status";
 //#endregion
 //#region src/components/Switch/Switch.jsx
-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 = [
+var ci = ({ 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 } = J(), f = s(), h = `${f}-input`, g = [
 		"primary",
 		"success",
 		"warning",
@@ -4850,20 +5136,20 @@ var Ur = ({ checked: e = !1, onChange: t, label: n = "", description: r = "", di
 		})]
 	});
 };
-Ur.displayName = "Switch";
+ci.displayName = "Switch";
 //#endregion
 //#region src/components/Table/Table.jsx
-var Wr = n({
+var li = n({
 	size: "md",
 	dense: !1,
 	hover: !1,
 	striped: !1
-}), Gr = ({ size: e = "md", stickyHeader: t = !1, dense: n = !1, hover: r = !1, striped: i = !1, children: a, className: o = "", ...s }) => /* @__PURE__ */ p("div", {
+}), ui = ({ 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(Wr.Provider, {
+		children: /* @__PURE__ */ p(li.Provider, {
 			value: {
 				size: e,
 				dense: n,
@@ -4875,24 +5161,24 @@ var Wr = n({
 		})
 	})
 });
-Gr.displayName = "Table";
-var Kr = ({ children: e, className: t = "", ...n }) => {
-	let { stickyHeader: r } = a(Wr);
+ui.displayName = "Table";
+var di = ({ children: e, className: t = "", ...n }) => {
+	let { stickyHeader: r } = a(li);
 	return /* @__PURE__ */ p("thead", {
 		className: `wc-table-head${r ? " wc-table-head--sticky" : ""} ${t}`,
 		...n,
 		children: e
 	});
 };
-Kr.displayName = "TableHead";
-var qr = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ p("tbody", {
+di.displayName = "TableHead";
+var fi = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ p("tbody", {
 	className: `wc-table-body ${t}`,
 	...n,
 	children: e
 });
-qr.displayName = "TableBody";
-var Jr = ({ hover: e, selected: t = !1, clickable: n = !1, children: r, className: i = "", onClick: o, ...s }) => {
-	let c = a(Wr);
+fi.displayName = "TableBody";
+var pi = ({ hover: e, selected: t = !1, clickable: n = !1, children: r, className: i = "", onClick: o, ...s }) => {
+	let c = a(li);
 	return /* @__PURE__ */ p("tr", {
 		className: [
 			"wc-table-row",
@@ -4906,9 +5192,9 @@ var Jr = ({ hover: e, selected: t = !1, clickable: n = !1, children: r, classNam
 		children: r
 	});
 };
-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");
+pi.displayName = "TableRow";
+var mi = ({ 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(li), f = r || (d.dense ? "small" : "medium");
 	return /* @__PURE__ */ p(e, {
 		className: [
 			"wc-table-cell",
@@ -4925,14 +5211,14 @@ var Yr = ({ component: e = "td", align: t = "inherit", padding: n = "normal", si
 		children: c
 	});
 };
-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;
+mi.displayName = "TableCell";
+var hi = Object.assign(ui, {
+	Head: di,
+	Body: fi,
+	Row: pi,
+	Cell: mi
+}), gi = ({ tabs: e = [], activeIndex: t, onChange: n, variant: r = "default", children: i, className: a = "", ...c }) => {
+	let l = s(), { messages: u } = J(), [f, h] = d(t || 0), g = t !== void 0, _ = g ? t : f;
 	o(() => {
 		g && h(t);
 	}, [t, g]);
@@ -4992,10 +5278,10 @@ var Xr = Object.assign(Gr, {
 		})]
 	});
 };
-Zr.displayName = "Tabs";
+gi.displayName = "Tabs";
 //#endregion
 //#region src/components/TextField/TextField.jsx
-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 }) => {
+var _i = ({ 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);
@@ -5082,39 +5368,39 @@ var Qr = ({ value: e = "", onChange: t, type: n = "text", label: r = "", placeho
 		]
 	});
 };
-Qr.displayName = "TextField";
+_i.displayName = "TextField";
 //#endregion
 //#region src/components/Toolbar/utils.js
-var $r = (e, t, n = "") => {
+var vi = (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(" ");
-}, ei = ({ children: e, variant: t = "regular", disableGutters: n = !1, className: r = "", style: i = {}, ...a }) => /* @__PURE__ */ p("div", {
-	className: $r(t, n, r),
+}, yi = ({ children: e, variant: t = "regular", disableGutters: n = !1, className: r = "", style: i = {}, ...a }) => /* @__PURE__ */ p("div", {
+	className: vi(t, n, r),
 	style: i,
 	...a,
 	children: e
-}), ti = {
+}), bi = {
 	top: "wc-tooltip--top",
 	bottom: "wc-tooltip--bottom",
 	left: "wc-tooltip--left",
 	right: "wc-tooltip--right"
-}, ni = [
+}, xi = [
 	"top",
 	"bottom",
 	"left",
 	"right"
 ];
-function ri(e) {
-	return ni.includes(e);
+function Si(e) {
+	return xi.includes(e);
 }
-function ii(e) {
-	return ti[e] || ti.top;
+function Ci(e) {
+	return bi[e] || bi.top;
 }
 //#endregion
 //#region src/components/Tooltip/Tooltip.jsx
-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({
+function wi({ text: e, placement: t = "top", children: n, className: r = "" }) {
+	Si(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 = Ci(le({
 		open: i,
 		anchorRef: c,
 		floatingRef: l,
@@ -5133,7 +5419,7 @@ function ai({ text: e, placement: t = "top", children: n, className: r = "" }) {
 		onMouseLeave: g,
 		onFocus: h,
 		onBlur: g,
-		children: [n, i && /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p("div", {
+		children: [n, i && /* @__PURE__ */ p(se, { children: /* @__PURE__ */ p("div", {
 			ref: l,
 			id: o,
 			className: `wc-tooltip ${f}`,
@@ -5144,7 +5430,7 @@ function ai({ text: e, placement: t = "top", children: n, className: r = "" }) {
 }
 //#endregion
 //#region src/components/Typography/utils.js
-var oi = {
+var Ti = {
 	h1: "h1",
 	h2: "h2",
 	h3: "h3",
@@ -5158,7 +5444,7 @@ var oi = {
 	caption: "span",
 	overline: "span",
 	button: "span"
-}, si = {
+}, Ei = {
 	h1: "wc-typography--h1",
 	h2: "wc-typography--h2",
 	h3: "wc-typography--h3",
@@ -5172,7 +5458,7 @@ var oi = {
 	caption: "wc-typography--caption",
 	overline: "wc-typography--overline",
 	button: "wc-typography--button"
-}, ci = {
+}, Di = {
 	inherit: "wc-typography--color-inherit",
 	primary: "wc-typography--color-primary",
 	secondary: "wc-typography--color-secondary",
@@ -5182,12 +5468,12 @@ var oi = {
 	textPrimary: "wc-typography--color-text-primary",
 	textSecondary: "wc-typography--color-text-secondary",
 	textDisabled: "wc-typography--color-text-disabled"
-}, li = {
+}, Oi = {
 	left: "wc-typography--align-left",
 	center: "wc-typography--align-center",
 	right: "wc-typography--align-right",
 	justify: "wc-typography--align-justify"
-}, ui = {
+}, ki = {
 	h1: "1.2",
 	h2: "1.2",
 	h3: "1.3",
@@ -5202,15 +5488,15 @@ var oi = {
 	overline: "1.4",
 	button: "1.4"
 };
-function di(e, t) {
-	return t || oi[e] || "p";
+function Ai(e, t) {
+	return t || Ti[e] || "p";
 }
-function fi(e, t, n, r, i, a = "") {
+function ji(e, t, n, r, i, a = "") {
 	return [
 		"wc-typography",
-		si[e],
-		ci[t],
-		n === "inherit" ? null : li[n],
+		Ei[e],
+		Di[t],
+		n === "inherit" ? null : Oi[n],
 		r ? "wc-typography--gutter-bottom" : null,
 		i ? "wc-typography--no-wrap" : null,
 		a
@@ -5218,19 +5504,19 @@ function fi(e, t, n, r, i, a = "") {
 }
 //#endregion
 //#region src/components/Typography/Typography.jsx
-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),
+var Mi = ({ variant: e = "body1", component: t, color: n = "inherit", align: r = "inherit", gutterBottom: i = !1, noWrap: a = !1, children: o, className: s = "", style: c = {}, ...l }) => /* @__PURE__ */ p(Ai(e, t), {
+	className: ji(e, n, r, i, a, s),
 	style: {
-		lineHeight: ui[e],
+		lineHeight: ki[e],
 		...c
 	},
 	...l,
 	children: o
 });
-pi.displayName = "Typography";
+Mi.displayName = "Typography";
 //#endregion
 //#region src/components/TypingText/utils.js
-var mi = class {
+var Ni = 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 || (() => {});
 	}
@@ -5251,9 +5537,9 @@ var mi = class {
 	updateText(e) {
 		this.text = e, this.reset(), this.start();
 	}
-}, 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 }) => {
+}, Pi = ({ 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 mi(e, {
+	return o(() => (g.current = new Ni(e, {
 		speed: t,
 		pause: n,
 		loop: r,
@@ -5277,11 +5563,11 @@ var mi = class {
 		}), a && /* @__PURE__ */ p("span", { className: "typing-cursor" })]
 	});
 };
-hi.displayName = "TypingText";
+Pi.displayName = "TypingText";
 //#endregion
 //#region src/components/Input/VerificationCodeInput.jsx
-var gi = ({ length: e = 6, value: t = "", onChange: n, onComplete: r, autoFocus: i = !1, className: a = "", ...s }) => {
-	let { messages: c } = q(), l = u([]);
+var Fi = ({ length: e = 6, value: t = "", onChange: n, onComplete: r, autoFocus: i = !1, className: a = "", ...s }) => {
+	let { messages: c } = J(), l = u([]);
 	o(() => {
 		typeof t == "string" && t.split("").forEach((e, t) => {
 			l.current[t] && (l.current[t].value = e);
@@ -5328,23 +5614,61 @@ var gi = ({ length: e = 6, value: t = "", onChange: n, onComplete: r, autoFocus:
 		}, t))
 	});
 };
-gi.displayName = "VerificationCodeInput";
+Fi.displayName = "VerificationCodeInput";
 //#endregion
 //#region src/components/VideoPlayer/utils.js
-function _i(e) {
+function Ii(e) {
 	return `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
 }
-function vi(e, t) {
+function Li(e, t) {
 	let n = e.currentTarget.getBoundingClientRect();
 	return (e.clientX - n.left) / n.width * t;
 }
-function yi(e) {
+function Ri(e) {
 	e && (document.fullscreenElement ? document.exitFullscreen?.() : e.requestFullscreen?.());
 }
 //#endregion
 //#region src/components/VideoPlayer/VideoPlayer.jsx
-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 = () => {
+var zi = () => /* @__PURE__ */ p("svg", {
+	className: "video-icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ p("path", { d: "M8 5.5v13l10-6.5-10-6.5Z" })
+}), Bi = () => /* @__PURE__ */ m("svg", {
+	className: "video-icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ p("path", { d: "M8 6v12" }), /* @__PURE__ */ p("path", { d: "M16 6v12" })]
+}), Vi = () => /* @__PURE__ */ m("svg", {
+	className: "video-icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	children: [
+		/* @__PURE__ */ p("path", { d: "M4 10v4h4l5 4V6L8 10H4Z" }),
+		/* @__PURE__ */ p("path", { d: "M16 9.5a4 4 0 0 1 0 5" }),
+		/* @__PURE__ */ p("path", { d: "M18.5 7a7.5 7.5 0 0 1 0 10" })
+	]
+}), Hi = () => /* @__PURE__ */ m("svg", {
+	className: "video-icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	children: [
+		/* @__PURE__ */ p("path", { d: "M4 10v4h4l5 4V6L8 10H4Z" }),
+		/* @__PURE__ */ p("path", { d: "m17 10 4 4" }),
+		/* @__PURE__ */ p("path", { d: "m21 10-4 4" })
+	]
+}), Ui = () => /* @__PURE__ */ m("svg", {
+	className: "video-icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	children: [
+		/* @__PURE__ */ p("path", { d: "M8 4H4v4" }),
+		/* @__PURE__ */ p("path", { d: "M16 4h4v4" }),
+		/* @__PURE__ */ p("path", { d: "M20 16v4h-4" }),
+		/* @__PURE__ */ p("path", { d: "M4 16v4h4" })
+	]
+}), Wi = ({ src: e, autoplay: t = !1, loop: n = !1, className: r = "", style: i = {}, ...a }) => {
+	let { messages: s } = J(), 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 = Ii(C), E = Ii(x), D = () => {
 		let e = c.current;
 		e && (e.paused ? e.play() : e.pause());
 	}, O = () => {
@@ -5352,14 +5676,14 @@ var bi = ({ src: e, autoplay: t = !1, loop: n = !1, className: r = "", style: i
 		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));
+		t && (t.currentTime = Li(e, x));
 	}, A = () => {
 		b((e) => {
 			let t = !e;
 			return c.current && (c.current.muted = t), t;
 		});
 	}, j = () => {
-		yi(c.current?.parentElement);
+		Ri(c.current?.parentElement);
 	};
 	return o(() => {
 		c.current && (c.current.volume = _);
@@ -5387,7 +5711,7 @@ var bi = ({ src: e, autoplay: t = !1, loop: n = !1, className: r = "", style: i
 					className: "ctrl-btn",
 					"aria-label": l ? s.pauseVideo : s.playVideo,
 					onClick: D,
-					children: l ? "❚❚" : "▶️"
+					children: p(l ? Bi : zi, {})
 				}),
 				/* @__PURE__ */ p("div", {
 					className: "progress",
@@ -5415,7 +5739,7 @@ var bi = ({ src: e, autoplay: t = !1, loop: n = !1, className: r = "", style: i
 					className: "ctrl-btn",
 					"aria-label": y ? s.unmuteVideo : s.muteVideo,
 					onClick: A,
-					children: y ? "🔇" : "🔊"
+					children: p(y ? Hi : Vi, {})
 				}),
 				/* @__PURE__ */ p("input", {
 					className: "volume",
@@ -5431,16 +5755,16 @@ var bi = ({ src: e, autoplay: t = !1, loop: n = !1, className: r = "", style: i
 					className: "ctrl-btn",
 					"aria-label": s.enterFullscreen,
 					onClick: j,
-					children: "⛶"
+					children: /* @__PURE__ */ p(Ui, {})
 				})
 			]
 		})]
 	});
 };
-bi.displayName = "VideoPlayer";
+Wi.displayName = "VideoPlayer";
 //#endregion
 //#region src/components/Watermark/utils.js
-var xi = {
+var Gi = {
 	content: "",
 	cross: !1,
 	debug: !1,
@@ -5468,14 +5792,14 @@ var xi = {
 	yOffset: 0,
 	zIndex: 10
 };
-function Si(e) {
+function Ki(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 Ci(e) {
+function qi(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}`;
@@ -5491,14 +5815,14 @@ function Ci(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(") ? 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);
+	n.textAlign = e.textAlign || "center", n.textBaseline = "middle", n.fillStyle = e.fontColor.startsWith("var(") ? Ki(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 wi(e, t) {
+function Ji(e, t) {
 	let n = {
 		position: e.fullscreen ? "fixed" : "absolute",
 		top: 0,
@@ -5517,15 +5841,15 @@ function wi(e, t) {
 }
 //#endregion
 //#region src/components/Watermark/Watermark.jsx
-var Ti = (e) => {
+var Yi = (e) => {
 	let t = {
-		...xi,
+		...Gi,
 		...e
 	}, [n, r] = d(""), i = !!t.content || !!t.image;
 	o(() => {
 		if (!i) return;
 		let e = !0;
-		return Ci(t).then((t) => {
+		return qi(t).then((t) => {
 			e && r(t);
 		}), () => {
 			e = !1;
@@ -5534,7 +5858,7 @@ var Ti = (e) => {
 		let { children: e, ...n } = t;
 		return JSON.stringify(n);
 	}, [t]), i]);
-	let a = l(() => i ? wi(t, n) : {}, [
+	let a = l(() => i ? Ji(t, n) : {}, [
 		n,
 		i,
 		t
@@ -5544,53 +5868,10 @@ var Ti = (e) => {
 		style: a
 	}), t.children] }) : t.children || null;
 };
-Ti.displayName = "Watermark";
+Yi.displayName = "Watermark";
 //#endregion
 //#region src/ThemeReact.tsx
-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,
-		errors: [{
-			path: "$",
-			message: "Theme config URL or fetch is unavailable."
-		}],
-		warnings: []
-	};
-	try {
-		let i = await fetch(e, {
-			cache: "no-store",
-			signal: r
-		});
-		if (!n()) return null;
-		if (!i.ok) return {
-			ok: !1,
-			url: e,
-			errors: [{
-				path: "$",
-				message: `Theme request failed with ${i.status}.`
-			}],
-			warnings: []
-		};
-		let a = await i.json();
-		return n() ? {
-			...x(a, { target: t }),
-			url: e
-		} : null;
-	} catch (t) {
-		return n() ? {
-			ok: !1,
-			url: e,
-			errors: [{
-				path: "$",
-				message: t instanceof Error ? t.message : "Theme request failed."
-			}],
-			warnings: []
-		} : null;
-	}
-}
-var 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 }) => {
+var Xi = n(void 0), Zi = typeof window > "u" ? o : c, Qi = ({ 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,
@@ -5604,62 +5885,66 @@ var ki = ({ children: e, config: t, defaultMode: n = "system", themeUrl: r, targ
 		mode: b.mode,
 		resolvedMode: b.resolvedMode,
 		dark: b.dark
-	}), T = u(S.resolvedMode), E = u(a), D = u(0), k = u(g), A = u(_), j = u(v);
-	k.current = g, A.current = _, j.current = v, Di(() => {
+	}), T = u(S.resolvedMode), D = u(a), O = u(0), A = u(g), j = u(_), M = u(v);
+	A.current = g, j.current = _, M.current = v, Zi(() => {
 		let e = b.subscribe((e) => {
-			C(e), T.current !== e.resolvedMode && (T.current = e.resolvedMode, k.current?.(e.resolvedMode));
+			C(e), T.current !== e.resolvedMode && (T.current = e.resolvedMode, A.current?.(e.resolvedMode));
 		});
 		return b.start(), () => {
 			e(), b.destroy();
 		};
-	}, [b]), Di(() => {
+	}, [b]), Zi(() => {
 		s !== void 0 && b.setMode(s);
 	}, [b, s]), o(() => {
-		let e = ++D.current, n = E.current, i = typeof AbortController > "u" ? null : new AbortController();
+		let e = ++O.current, n = D.current, i = typeof AbortController > "u" ? null : new AbortController();
 		if (t !== void 0) {
 			let e = x(t, { target: n });
-			e.ok ? A.current?.(e) : j.current?.(e);
-		} else r || O(n);
-		return r && Oi(r, n, () => e === D.current, i?.signal).then((e) => {
-			e && (e.ok ? A.current?.(e) : i?.signal.aborted || j.current?.(e));
+			e.ok ? j.current?.(e) : M.current?.(e);
+		} else r || k(n);
+		return r && E(r, {
+			target: n,
+			isCurrent: () => e === O.current,
+			signal: i?.signal
+		}).then((e) => {
+			e && (e.ok ? j.current?.(e) : i?.signal.aborted || M.current?.(e));
 		}), () => {
 			i?.abort();
 		};
 	}, [t, r]), o(() => {
-		let e = E.current;
-		return () => O(e);
+		let e = D.current;
+		return () => k(e);
 	}, []);
-	let M = i((e) => {
+	let N = i((e) => {
 		s === void 0 && b.setMode(e), h?.(e);
 	}, [
 		b,
 		s,
 		h
-	]), N = i(() => {
+	]), P = i(() => {
 		let e = b.resolvedMode === "dark" ? "light" : "dark";
 		s === void 0 && b.setMode(e), h?.(e);
 	}, [
 		b,
 		s,
 		h
-	]), P = l(() => ({
+	]), F = l(() => ({
 		...S,
-		setMode: M,
-		toggleMode: N
+		setMode: N,
+		toggleMode: P
 	}), [
 		S,
-		M,
-		N
+		N,
+		P
 	]);
-	return /* @__PURE__ */ p(Ei.Provider, {
-		value: P,
+	return /* @__PURE__ */ p(Xi.Provider, {
+		value: F,
 		children: e
 	});
 };
-function Ai() {
-	let e = a(Ei);
+function $i() {
+	let e = a(Xi);
 	if (!e) throw Error("useTheme must be used within ThemeProvider");
 	return e;
 }
 //#endregion
-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 };
+export { ne as Accordion, Y as Alert, ae as AppBar, ue as Autocomplete, X as Avatar, be as Badge, Ee as Banner, Ae as Blockquote, Re as Box, Ge as Breadcrumb, Ze as Button, ke as Card, Qe as CardActions, $e as CardContent, nt as Checkbox, st as Chip, mt as CircularProgress, jt as CodeBlock, bt as ColorPicker, Pt as Container, Ht as Copy, Yt as DatePicker, Xt as Fab, cn as Feature, Qt as Feed, un as FileInput, fn as FormControl, pn as FormControlLabel, mn as FormGroup, hn as FormHelperText, En as Grid, Dn as HoverCard, Un as Icon, Wn as IconButton, Xn as ImageGallery, ir as Inline, ar as Input, dr as List, fr as ListItem, pr as ListItemIcon, mr as ListItemText, q as LocaleProvider, Cr as Menu, Dr as Modal, Or as NumberAnimation, Ar as Page, kr as Pagination, Ir as Paper, Lr as Popover, Rr as PricingTable, zr as Progress, Hr as Radio, Vr as RadioGroup, Ur as Rating, Wr as Select, Kr as Skeleton, Jr as SlideOver, qr as Slider, Qr as Snackbar, Yr as Split, Xr as Stack, si as Status, ci as Switch, g as THEME_CONFIG_VERSION, _ as THEME_MODES, v as THEME_STORAGE_KEY, hi as Table, fi as TableBody, mi as TableCell, di as TableHead, pi as TableRow, gi as Tabs, _i as TextField, Qi as ThemeProvider, yi as Toolbar, wi as Tooltip, Pi as TypingText, Mi as Typography, Fi as VerificationCodeInput, Wi as VideoPlayer, Yi as Watermark, b as applyThemeConfig, C as createThemeController, T as createThemeInitScript, G as defaultLocaleMessages, D as loadThemeConfig, O as resetThemeConfig, A as resolveThemeMode, j as serializeThemeConfig, J as useLocale, $i as useTheme, M as validateThemeConfig };