tango-ui-cw 1.0.4 → 1.0.6

package/dist/index.js

@@ -1,17 +1,17 @@
 'use client';
-import { jsx as s, jsxs as L, Fragment as Ne } from "react/jsx-runtime";
-import te, { useState as Z, useRef as $e, useEffect as ae, useContext as Ue, createContext as He, forwardRef as kt, useCallback as oe, useMemo as Se, useId as Kt } from "react";
+import { jsx as s, jsxs as P, Fragment as Ne } from "react/jsx-runtime";
+import te, { useState as Z, useRef as ke, useEffect as se, useContext as Ue, createContext as He, forwardRef as Lt, useCallback as oe, useMemo as Se, useId as Wt } from "react";
 import { createPortal as Ut } from "react-dom";
 import t from "prop-types";
 import { twMerge as Ht } from "tailwind-merge";
-const Qe = "tango:theme", et = "tango:themeTokens", Wt = "light", Zt = [
+const et = "tango:theme", tt = "tango:themeTokens", De = "light", Zt = [
   "primary",
   "input-accent",
   "modal-ok-bg",
   "drawer-ok-bg",
   "datepicker-confirm-bg"
-], Lt = He(null), Pt = () => typeof window < "u", tt = (e, o) => {
-  if (!Pt())
+], Pt = He(null), Ot = () => typeof window < "u", ot = (e, o) => {
+  if (!Ot())
     return o;
   try {
     const r = window.localStorage.getItem(e);
@@ -19,69 +19,74 @@ const Qe = "tango:theme", et = "tango:themeTokens", Wt = "light", Zt = [
   } catch {
     return o;
   }
-}, ot = (e, o) => {
-  if (Pt())
+}, rt = (e, o) => {
+  if (Ot())
     try {
       window.localStorage.setItem(e, JSON.stringify(o));
     } catch {
     }
 };
 function Jr({ children: e }) {
-  const [o, r] = Z(() => tt(Qe, Wt) === "dark" ? "dark" : "light"), [n, c] = Z(
-    () => tt(et, {})
-  ), l = $e(/* @__PURE__ */ new Set());
-  ae(() => {
+  const [o, r] = Z(De), n = ke(!1);
+  se(() => {
+    const d = ot(et, De);
+    d !== De && r(d === "dark" ? "dark" : "light"), n.current = !0;
+  }, []);
+  const [c, l] = Z(
+    () => ot(tt, {})
+  ), a = ke(/* @__PURE__ */ new Set());
+  se(() => {
     typeof document > "u" || (document.documentElement.dataset.theme = o);
-  }, [o]), ae(() => {
-    ot(Qe, o);
-  }, [o]), ae(() => {
+  }, [o]), se(() => {
+    n.current && rt(et, o);
+  }, [o]), se(() => {
     if (typeof document > "u")
       return;
-    const d = document.documentElement, p = new Set(Object.keys(n));
-    l.current.forEach((f) => {
-      p.has(f) || d.style.removeProperty(`--${f}`);
-    }), Object.entries(n).forEach(([f, w]) => {
-      w == null || w === "" ? d.style.removeProperty(`--${f}`) : d.style.setProperty(`--${f}`, String(w));
-    }), l.current = p, ot(et, n);
-  }, [n]);
-  const a = (d) => {
-    c((p) => {
-      const f = typeof d == "function" ? d(p) : d;
+    const d = document.documentElement, g = new Set(Object.keys(c));
+    a.current.forEach((v) => {
+      g.has(v) || d.style.removeProperty(`--${v}`);
+    }), Object.entries(c).forEach(([v, w]) => {
+      w == null || w === "" ? d.style.removeProperty(`--${v}`) : d.style.setProperty(`--${v}`, String(w));
+    }), a.current = g, rt(tt, c);
+  }, [c]);
+  const i = (d) => {
+    l((g) => {
+      const v = typeof d == "function" ? d(g) : d;
       return {
-        ...p,
-        ...f || {}
+        ...g,
+        ...v || {}
       };
     });
-  }, i = (d, p = Zt) => {
-    a((f) => {
-      const w = { ...f };
-      return p.forEach((P) => {
-        w[P] = d;
+  }, u = (d, g = Zt) => {
+    i((v) => {
+      const w = { ...v };
+      return g.forEach((C) => {
+        w[C] = d;
       }), w;
     });
-  }, u = () => {
-    c({});
   }, h = () => {
+    l({});
+  }, m = () => {
     r((d) => d === "dark" ? "light" : "dark");
   };
   return /* @__PURE__ */ s(
-    Lt.Provider,
+    Pt.Provider,
     {
       value: {
         theme: o,
         setTheme: r,
-        toggleTheme: h,
-        themeTokens: n,
-        setThemeTokens: a,
-        setThemeColor: i,
-        resetThemeTokens: u
+        toggleTheme: m,
+        themeTokens: c,
+        setThemeTokens: i,
+        setThemeColor: u,
+        resetThemeTokens: h
       },
       children: e
     }
   );
 }
 function Qr() {
-  return Ue(Lt);
+  return Ue(Pt);
 }
 const Gt = /* @__PURE__ */ new Set([
   "root",
@@ -90,7 +95,7 @@ const Gt = /* @__PURE__ */ new Set([
   "className",
   "css",
   "style"
-]), Ee = {
+]), $e = {
   tw: "",
   css: {}
 }, ye = (e) => typeof e == "object" && e !== null && !Array.isArray(e), Y = (e, o = "px") => typeof e == "number" ? `${e}${o}` : e, he = (e) => typeof e == "string" && e.startsWith("$") ? `var(--${e.slice(1)})` : e, Xt = (e) => e.includes("-") ? e.replace(/-([a-z])/g, (o, r) => r.toUpperCase()) : e, qt = (e) => /(color|background|border|fill|stroke|shadow)$/i.test(e), Jt = {
@@ -364,7 +369,7 @@ const Gt = /* @__PURE__ */ new Set([
   shown: (e) => {
     e.visibility = "visible";
   }
-}, Me = (e = {}) => ye(e) ? Object.entries(e).reduce((o, [r, n]) => {
+}, ze = (e = {}) => ye(e) ? Object.entries(e).reduce((o, [r, n]) => {
   if (Gt.has(r))
     return o;
   const c = Jt[r];
@@ -372,20 +377,20 @@ const Gt = /* @__PURE__ */ new Set([
     return c(o, n), o;
   const l = Xt(r), a = typeof n == "string" && (n.startsWith("$") || qt(l)) ? he(n) : n;
   return o[l] = a, o;
-}, {}) : {}, E = (...e) => {
+}, {}) : {}, I = (...e) => {
   const o = e.filter(Boolean).join(" ").trim();
   return o ? Ht(o) : "";
-}, Pe = (e) => {
+}, Oe = (e) => {
   if (typeof e == "string")
     return { tw: e, css: {} };
   if (!ye(e))
-    return { ...Ee };
+    return { ...$e };
   if (!("tw" in e || "className" in e || "css" in e || "style" in e))
     return {
       tw: "",
-      css: Me(e)
+      css: ze(e)
     };
-  const r = [e.className, e.tw].filter(Boolean).join(" "), n = ye(e.css) ? Me(e.css) : {}, c = ye(e.style) ? Me(e.style) : {};
+  const r = [e.className, e.tw].filter(Boolean).join(" "), n = ye(e.css) ? ze(e.css) : {}, c = ye(e.style) ? ze(e.style) : {};
   return {
     tw: r,
     css: {
@@ -396,23 +401,23 @@ const Gt = /* @__PURE__ */ new Set([
 }, Qt = (e, o) => ye(e) ? "root" in e || "slots" in e || "tw" in e || "className" in e || "css" in e || "style" in e ? !0 : o.some((r) => r !== "root" && r in e) : !1, eo = (e) => {
   const o = {};
   return e.forEach((r) => {
-    o[r] = { ...Ee };
-  }), o.root || (o.root = { ...Ee }), o;
-}, W = (e, o = ["root"]) => {
+    o[r] = { ...$e };
+  }), o.root || (o.root = { ...$e }), o;
+}, H = (e, o = ["root"]) => {
   const r = eo(o);
   if (typeof e == "string")
     return r.root.tw = e, r;
   if (!ye(e))
     return r;
   if (!Qt(e, o))
-    return r.root.css = Me(e), r;
-  const n = Pe({
+    return r.root.css = ze(e), r;
+  const n = Oe({
     tw: [e.className, e.tw].filter(Boolean).join(" "),
     css: e.css,
     style: e.style
-  }), c = Pe(e.root);
+  }), c = Oe(e.root);
   r.root = {
-    tw: E(n.tw, c.tw),
+    tw: I(n.tw, c.tw),
     css: {
       ...n.css,
       ...c.css
@@ -422,9 +427,9 @@ const Gt = /* @__PURE__ */ new Set([
   return Object.keys(r).forEach((a) => {
     if (a === "root")
       return;
-    const i = Pe(e[a]), u = Pe(l[a]);
+    const i = Oe(e[a]), u = Oe(l[a]);
     r[a] = {
-      tw: E(i.tw, u.tw),
+      tw: I(i.tw, u.tw),
       css: {
         ...i.css,
         ...u.css
@@ -436,19 +441,19 @@ const Gt = /* @__PURE__ */ new Set([
   className: o = "",
   baseStyle: r = {},
   style: n = {},
-  sxSlot: c = Ee
+  sxSlot: c = $e
 } = {}) => ({
-  className: E(e, o, c.tw),
+  className: I(e, o, c.tw),
   style: {
     ...r || {},
     ...c.css || {},
     ...n || {}
   }
-}), to = ["root", "icon", "content"], rt = {
+}), to = ["root", "icon", "content"], st = {
   success: "text-[var(--notice-success-text)]",
   fail: "text-[var(--notice-fail-text)]",
   caution: "text-[var(--notice-caution-text)]"
-}, st = {
+}, at = {
   default: {
     base: "fixed top-5 left-1/2 -translate-x-1/2",
     enter: "animate-[noticeSlideDown_0.3s_cubic-bezier(0.22,1,0.36,1)_forwards]"
@@ -468,47 +473,47 @@ function oo(e, o) {
     onClose: i,
     sx: u = {},
     style: h = {},
-    className: d = "",
-    ...p
-  } = e, [f, w] = Z(!1), P = rt[r] ? r : "success", O = st[l] ? l : "default", D = W(u, to), S = oe(() => {
-    w(!0);
-    const z = setTimeout(() => i == null ? void 0 : i(), 300);
-    return () => clearTimeout(z);
+    className: m = "",
+    ...d
+  } = e, [g, v] = Z(!1), w = st[r] ? r : "success", C = at[l] ? l : "default", F = H(u, to), O = oe(() => {
+    v(!0);
+    const _ = setTimeout(() => i == null ? void 0 : i(), 300);
+    return () => clearTimeout(_);
   }, [i]);
-  ae(() => {
+  se(() => {
     if (!i || a <= 0) return;
-    const z = setTimeout(S, a);
-    return () => clearTimeout(z);
-  }, [i, a, S]);
-  const v = st[O], x = O === "default" ? "animate-[noticeSlideUpFade_0.3s_ease-in_forwards]" : "animate-[noticeSlideToBottom_0.3s_ease-in_forwards]", C = b({
-    baseClassName: E(
+    const _ = setTimeout(O, a);
+    return () => clearTimeout(_);
+  }, [i, a, O]);
+  const y = at[C], x = C === "default" ? "animate-[noticeSlideUpFade_0.3s_ease-in_forwards]" : "animate-[noticeSlideToBottom_0.3s_ease-in_forwards]", T = b({
+    baseClassName: I(
       "inline-flex items-center gap-2 px-3 py-2 text-sm z-[999]",
       "rounded-[var(--notice-radius)]",
       "bg-[var(--notice-bg)] text-[var(--notice-foreground)]",
       "shadow-[var(--notice-shadow)]",
-      v.base,
-      f ? x : v.enter,
-      O === "md" && rt[P]
+      y.base,
+      g ? x : y.enter,
+      C === "md" && st[w]
     ),
-    className: d,
-    sxSlot: D.root,
+    className: m,
+    sxSlot: F.root,
     baseStyle: { borderRadius: "var(--notice-radius)" },
     style: h
-  }), m = b({
+  }), p = b({
     baseClassName: "flex-shrink-0 text-[var(--notice-foreground)]",
-    sxSlot: D.icon
-  }), y = b({
+    sxSlot: F.icon
+  }), S = b({
     baseClassName: "inline-block",
-    sxSlot: D.content
+    sxSlot: F.content
   });
-  return /* @__PURE__ */ L("div", { ref: o, role: "alert", className: C.className, style: C.style, ...p, children: [
-    O !== "md" && n && /* @__PURE__ */ s("span", { className: m.className, style: m.style, children: n }),
-    /* @__PURE__ */ s("span", { className: y.className, style: y.style, children: c })
+  return /* @__PURE__ */ P("div", { ref: o, role: "alert", className: T.className, style: T.style, ...d, children: [
+    C !== "md" && n && /* @__PURE__ */ s("span", { className: p.className, style: p.style, children: n }),
+    /* @__PURE__ */ s("span", { className: S.className, style: S.style, children: c })
   ] });
 }
-const We = kt(oo);
-We.displayName = "Notice";
-We.propTypes = {
+const Ze = Lt(oo);
+Ze.displayName = "Notice";
+Ze.propTypes = {
   type: t.oneOf(["success", "fail", "caution"]),
   icon: t.node,
   message: t.node,
@@ -519,7 +524,7 @@ We.propTypes = {
   style: t.object,
   className: t.string
 };
-const Ot = He(null), ro = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: /* @__PURE__ */ s(
+const _t = He(null), ro = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: /* @__PURE__ */ s(
   "path",
   {
     d: "M874.119618 149.859922A510.816461 510.816461 0 0 0 511.997 0.00208a509.910462 509.910462 0 0 0-362.119618 149.857842c-199.817789 199.679789-199.817789 524.581447 0 724.260236a509.969462 509.969462 0 0 0 362.119618 149.857842A508.872463 508.872463 0 0 0 874.119618 874.120158c199.836789-199.679789 199.836789-524.581447 0-724.260236zM814.94268 378.210681L470.999043 744.132295a15.359984 15.359984 0 0 1-5.887994 4.095996c-1.751998 1.180999-2.913997 2.362998-5.276994 2.913997a34.499964 34.499964 0 0 1-13.469986 2.914997 45.547952 45.547952 0 0 1-12.897986-2.303998l-4.095996-2.363997a45.291952 45.291952 0 0 1-7.009992-4.095996l-196.902793-193.789796a34.126964 34.126964 0 0 1-10.555989-25.186973c0-9.37399 3.583996-18.74698 9.98399-25.186974a36.429962 36.429962 0 0 1 50.372947 0l169.98382 167.423824L763.389735 330.220732a37.059961 37.059961 0 0 1 50.371947-1.732998 33.647965 33.647965 0 0 1 11.165988 25.186973 35.544963 35.544963 0 0 1-9.98399 24.575974v-0.04z m0 0",
@@ -531,7 +536,7 @@ const Ot = He(null), ro = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", w
     d: "M549.044706 512l166.189176-166.249412a26.383059 26.383059 0 0 0 0-36.98447 26.383059 26.383059 0 0 0-37.044706 0L512 475.015529l-166.249412-166.249411a26.383059 26.383059 0 0 0-36.98447 0 26.383059 26.383059 0 0 0 0 37.044706L475.015529 512l-166.249411 166.249412a26.383059 26.383059 0 0 0 0 36.98447 26.383059 26.383059 0 0 0 37.044706 0L512 548.984471l166.249412 166.249411a26.383059 26.383059 0 0 0 36.98447 0 26.383059 26.383059 0 0 0 0-37.044706L548.984471 512zM512 1024a512 512 0 1 1 0-1024 512 512 0 0 1 0 1024z",
     fill: "var(--notice-fail-text)"
   }
-) }), ao = /* @__PURE__ */ L("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: [
+) }), ao = /* @__PURE__ */ P("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: [
   /* @__PURE__ */ s(
     "path",
     {
@@ -556,28 +561,28 @@ const Ot = He(null), ro = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", w
 ] }), no = { success: ro, fail: so, caution: ao };
 function es({ children: e }) {
   const [o, r] = Z([]), [n, c] = Z(!1);
-  ae(() => {
+  se(() => {
     c(!0);
   }, []);
   const l = oe((i) => {
     r((u) => u.filter((h) => h.id !== i));
   }, []), a = oe((i, u, h = "default") => {
-    const d = Date.now() + Math.random();
-    r((p) => [
-      ...p,
-      { id: d, type: i, message: u, variant: h, icon: no[i] }
+    const m = Date.now() + Math.random();
+    r((d) => [
+      ...d,
+      { id: m, type: i, message: u, variant: h, icon: no[i] }
     ]);
   }, []);
-  return /* @__PURE__ */ L(Ot.Provider, { value: { add: a, remove: l }, children: [
+  return /* @__PURE__ */ P(_t.Provider, { value: { add: a, remove: l }, children: [
     e,
     n && Ut(
-      /* @__PURE__ */ s("div", { id: "notification-container", className: "flex flex-col items-center gap-2", children: o.map((i) => /* @__PURE__ */ s(We, { ...i, onClose: () => l(i.id) }, i.id)) }),
+      /* @__PURE__ */ s("div", { id: "notification-container", className: "flex flex-col items-center gap-2", children: o.map((i) => /* @__PURE__ */ s(Ze, { ...i, onClose: () => l(i.id) }, i.id)) }),
       document.body
     )
   ] });
 }
 function lo() {
-  const e = Ue(Ot);
+  const e = Ue(_t);
   if (!e)
     throw new Error("useNotice must be used inside <NoticeProvider />");
   return e;
@@ -595,7 +600,7 @@ function ts() {
     }
   };
 }
-const _t = "tango:locale", xe = "zh-CN", co = {
+const At = "tango:locale", xe = "zh-CN", co = {
   zh: "zh-CN",
   ZH: "zh-CN",
   "zh-CN": "zh-CN",
@@ -608,7 +613,7 @@ const _t = "tango:locale", xe = "zh-CN", co = {
   "en-us": "en-US",
   us: "en-US",
   US: "en-US"
-}, At = {
+}, Mt = {
   "zh-CN": {
     button: {
       default: "按钮",
@@ -775,27 +780,27 @@ const _t = "tango:locale", xe = "zh-CN", co = {
       perPage: "/ page"
     }
   }
-}, Ke = () => {
-}, Mt = He({
+}, We = () => {
+}, zt = He({
   locale: xe,
-  setLocale: Ke,
-  toggleLocale: Ke,
-  messages: At,
+  setLocale: We,
+  toggleLocale: We,
+  messages: Mt,
   t: (e, o = "") => o
-}), at = (e) => typeof e == "object" && e !== null && !Array.isArray(e), zt = (e, o) => {
+}), nt = (e) => typeof e == "object" && e !== null && !Array.isArray(e), Et = (e, o) => {
   const r = { ...e };
   return Object.entries(o || {}).forEach(([n, c]) => {
-    at(c) && at(r[n]) ? r[n] = zt(r[n], c) : r[n] = c;
+    nt(c) && nt(r[n]) ? r[n] = Et(r[n], c) : r[n] = c;
   }), r;
 }, io = (e, o) => o.split(".").reduce((r, n) => {
   if (r && Object.prototype.hasOwnProperty.call(r, n))
     return r[n];
-}, e), ze = (e) => typeof e != "string" || !e.trim() ? xe : co[e] || e, uo = () => {
+}, e), Ee = (e) => typeof e != "string" || !e.trim() ? xe : co[e] || e, uo = () => {
   if (typeof window > "u")
     return xe;
   try {
-    const e = window.localStorage.getItem(_t);
-    return ze(e || xe);
+    const e = window.localStorage.getItem(At);
+    return Ee(e || xe);
   } catch {
     return xe;
   }
@@ -804,49 +809,49 @@ function os({
   children: e,
   locale: o,
   defaultLocale: r = xe,
-  onLocaleChange: n = Ke,
+  onLocaleChange: n = We,
   messages: c = {}
 }) {
-  const l = ze(r), a = o == null ? null : ze(o), [i, u] = Z(
+  const l = Ee(r), a = o == null ? null : Ee(o), [i, u] = Z(
     () => uo() || l
-  ), h = a || i, d = (P) => {
-    const O = ze(P);
-    a == null && u(O), n(O);
+  ), h = a || i, m = (w) => {
+    const C = Ee(w);
+    a == null && u(C), n(C);
   };
-  ae(() => {
+  se(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem(_t, h);
+        window.localStorage.setItem(At, h);
       } catch {
       }
   }, [h]);
-  const p = Se(
-    () => zt(At, c),
+  const d = Se(
+    () => Et(Mt, c),
     [c]
-  ), f = () => {
-    d(h === "zh-CN" ? "en-US" : "zh-CN");
-  }, w = (P, O = "") => {
-    const D = p[h] || p[xe] || {}, S = io(D, P);
-    return S == null || S === "" ? O : String(S);
+  ), g = () => {
+    m(h === "zh-CN" ? "en-US" : "zh-CN");
+  }, v = (w, C = "") => {
+    const F = d[h] || d[xe] || {}, O = io(F, w);
+    return O == null || O === "" ? C : String(O);
   };
   return /* @__PURE__ */ s(
-    Mt.Provider,
+    zt.Provider,
     {
       value: {
         locale: h,
-        setLocale: d,
-        toggleLocale: f,
-        messages: p,
-        t: w
+        setLocale: m,
+        toggleLocale: g,
+        messages: d,
+        t: v
       },
       children: e
     }
   );
 }
 function de() {
-  return Ue(Mt);
+  return Ue(zt);
 }
-const po = "_materialBtn_wlueu_4", mo = "_materialBtnSmall_wlueu_26", bo = "_materialBtnMedium_wlueu_32", go = "_materialBtnLarge_wlueu_38", fo = "_materialBtnHuge_wlueu_44", ho = "_materialBtnDisabled_wlueu_51", yo = "_ripple_wlueu_59", Ce = {
+const po = "_materialBtn_y97j8_8", mo = "_materialBtnSmall_y97j8_27", bo = "_materialBtnMedium_y97j8_33", go = "_materialBtnLarge_y97j8_39", fo = "_materialBtnHuge_y97j8_45", ho = "_materialBtnDisabled_y97j8_52", yo = "_ripple_y97j8_60", Ce = {
   materialBtn: po,
   materialBtnSmall: mo,
   materialBtnMedium: bo,
@@ -854,59 +859,77 @@ const po = "_materialBtn_wlueu_4", mo = "_materialBtnSmall_wlueu_26", bo = "_mat
   materialBtnHuge: fo,
   materialBtnDisabled: ho,
   ripple: yo
-}, nt = ["root", "content", "icon", "loading"], xo = { small: "small", medium: "medium", large: "large", huge: "huge" }, vo = { small: 12, medium: 14, large: 16, huge: 20 }, lt = {
+}, lt = ["root", "content", "icon", "loading"], xo = { small: "small", medium: "medium", large: "large", huge: "huge" }, vo = { small: 12, medium: 14, large: 16, huge: 20 }, ct = {
   default: {
     backgroundColor: "var(--primary)",
     color: "var(--primary-foreground)",
-    borderColor: "var(--border)"
+    borderColor: "var(--border)",
+    borderWidth: "1px",
+    borderStyle: "solid"
   },
   transparent: {
     backgroundColor: "var(--transparent)",
     color: "var(--primary-foreground)",
-    borderColor: "var(--button-transparent-border)"
+    borderColor: "var(--button-transparent-border)",
+    borderWidth: "1px",
+    borderStyle: "solid"
   },
   danger: {
     backgroundColor: "var(--destructive)",
     color: "var(--destructive-foreground)",
-    borderColor: "transparent"
+    borderColor: "transparent",
+    borderWidth: "1px",
+    borderStyle: "solid"
   },
   success: {
     backgroundColor: "var(--success)",
     color: "var(--success-foreground)",
-    borderColor: "transparent"
+    borderColor: "transparent",
+    borderWidth: "1px",
+    borderStyle: "solid"
   }
 }, So = {
   default: {
     backgroundColor: "var(--transparent)",
     color: "var(--button-outline-foreground)",
-    borderColor: "var(--border)"
+    borderColor: "var(--border)",
+    borderWidth: "1px",
+    borderStyle: "solid"
   },
   transparent: {
     backgroundColor: "var(--transparent)",
     color: "var(--button-outline-foreground)",
-    borderColor: "var(--button-transparent-border)"
+    borderColor: "var(--button-transparent-border)",
+    borderWidth: "1px",
+    borderStyle: "solid"
   },
   danger: {
     backgroundColor: "var(--transparent)",
     color: "var(--destructive)",
-    borderColor: "var(--destructive)"
+    borderColor: "var(--destructive)",
+    borderWidth: "1px",
+    borderStyle: "solid"
   },
   success: {
     backgroundColor: "var(--transparent)",
     color: "var(--success)",
-    borderColor: "var(--success)"
+    borderColor: "var(--success)",
+    borderWidth: "1px",
+    borderStyle: "solid"
   }
 }, No = {
   backgroundColor: "var(--muted)",
   color: "var(--muted-foreground)",
   borderColor: "transparent",
+  borderWidth: "1px",
+  borderStyle: "solid",
   cursor: "not-allowed"
-}, De = {
+}, Re = {
   default: "按钮",
   loading: "加载中",
   iconAlt: "图标"
-}, wo = (e) => e.charAt(0).toUpperCase() + e.slice(1), Co = (e) => e === !0 || e === "light" || e === "dark" ? !0 : Array.isArray(e) && e.length > 0 ? e[0] === !0 || e[0] === "light" || e[0] === "dark" : !1, To = (e) => e === "light" ? "light" : e === "dark" || e === !0 || Array.isArray(e) && e.length >= 2 && e[1] === "dark" ? "dark" : "light", ct = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
-function Ze(e) {
+}, wo = (e) => e.charAt(0).toUpperCase() + e.slice(1), Co = (e) => e === !0 || e === "light" || e === "dark" ? !0 : Array.isArray(e) && e.length > 0 ? e[0] === !0 || e[0] === "light" || e[0] === "dark" : !1, To = (e) => e === "light" ? "light" : e === "dark" || e === !0 || Array.isArray(e) && e.length >= 2 && e[1] === "dark" ? "dark" : "light", it = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
+function Ge(e) {
   const {
     type: o = "default",
     size: r = "medium",
@@ -918,83 +941,83 @@ function Ze(e) {
     children: i,
     disabled: u = !1,
     outline: h = !1,
-    icon: d = null,
-    iconPosition: p = null,
-    loading: f = !1,
-    i18nKey: w = null,
-    localeText: P = {},
-    rippleColor: O,
-    "aria-label": D,
-    ...S
-  } = e, { t: v } = de(), x = $e(null), C = ct(r, "medium", xo), m = ct(o, "default", lt), y = Co(f), z = To(f), A = u || y, $ = vo[C], _ = p === "right" ? "right" : d || y ? "left" : null, T = O ?? "var(--material-button-ripple)", N = {
-    default: v("materialButton.default", De.default),
-    loading: v("materialButton.loading", De.loading),
-    iconAlt: v("materialButton.iconAlt", De.iconAlt),
-    ...P
-  }, U = (w && typeof N[w] == "string" ? N[w] : null) || (w ? v(`materialButton.${w}`, N.default) : N.default), j = y ? N.loading : U, B = i ?? j, M = D || (i == null ? String(B || N.default) : void 0), F = W(n, nt), H = A ? No : h ? So[m] : lt[m], K = Ce[`materialBtn${wo(C)}`], G = F.root.css || {}, R = typeof n == "string" ? n : "", Q = /* @__PURE__ */ new Set([...nt, "root", "slots", "tw", "className", "css", "style"]), ue = typeof n == "object" ? Object.fromEntries(Object.entries(n).filter(([re]) => !Q.has(re))) : {}, be = [
+    icon: m = null,
+    iconPosition: d = null,
+    loading: g = !1,
+    i18nKey: v = null,
+    localeText: w = {},
+    rippleColor: C,
+    "aria-label": F,
+    ...O
+  } = e, { t: y } = de(), x = ke(null), T = it(r, "medium", xo), p = it(o, "default", ct), S = Co(g), _ = To(g), M = u || S, B = vo[T], A = d === "right" ? "right" : m || S ? "left" : null, k = C ?? "var(--material-button-ripple)", N = {
+    default: y("materialButton.default", Re.default),
+    loading: y("materialButton.loading", Re.loading),
+    iconAlt: y("materialButton.iconAlt", Re.iconAlt),
+    ...w
+  }, W = (v && typeof N[v] == "string" ? N[v] : null) || (v ? y(`materialButton.${v}`, N.default) : N.default), D = S ? N.loading : W, E = i ?? D, $ = F || (i == null ? String(E || N.default) : void 0), z = H(n, lt), U = M ? No : h ? So[p] : ct[p], K = Ce[`materialBtn${wo(T)}`], G = z.root.css || {}, R = typeof n == "string" ? n : "", Q = /* @__PURE__ */ new Set([...lt, "root", "slots", "tw", "className", "css", "style"]), ue = typeof n == "object" ? Object.fromEntries(Object.entries(n).filter(([re]) => !Q.has(re))) : {}, be = [
     Ce.materialBtn,
     K,
-    A && Ce.materialBtnDisabled,
-    F.root.tw,
+    M && Ce.materialBtnDisabled,
+    z.root.tw,
     R,
     l
   ].filter(Boolean).join(" "), ge = {
-    ...H,
+    ...U,
     ...ue,
     ...G,
     ...c
   }, fe = b({
     baseClassName: "inline-flex items-center relative z-[1]",
-    sxSlot: F.content
+    sxSlot: z.content
   }), X = b({
     baseClassName: "inline-flex items-center justify-center shrink-0 transition-all duration-300 relative z-[1]",
-    baseStyle: { width: `${$}px`, height: `${$}px` },
-    sxSlot: F.icon
+    baseStyle: { width: `${B}px`, height: `${B}px` },
+    sxSlot: z.icon
   }), J = b({
     baseClassName: "inline-flex items-center justify-center shrink-0 animate-spin relative z-[1]",
     baseStyle: {
-      width: `${$}px`,
-      height: `${$}px`,
-      color: z === "light" ? "var(--button-loading-light)" : "var(--button-loading-dark)"
+      width: `${B}px`,
+      height: `${B}px`,
+      color: _ === "light" ? "var(--button-loading-light)" : "var(--button-loading-dark)"
     },
-    sxSlot: F.loading
-  }), I = oe(
+    sxSlot: z.loading
+  }), j = oe(
     (re) => {
-      if (A) return;
-      const se = x.current;
-      if (!se) return;
-      const g = document.createElement("span"), V = Math.max(se.clientWidth, se.clientHeight), ee = V / 2;
-      Object.assign(g.style, {
+      if (M) return;
+      const ae = x.current;
+      if (!ae) return;
+      const f = document.createElement("span"), V = Math.max(ae.clientWidth, ae.clientHeight), ee = V / 2;
+      Object.assign(f.style, {
         width: `${V}px`,
         height: `${V}px`,
-        left: `${re.clientX - se.getBoundingClientRect().left - ee}px`,
-        top: `${re.clientY - se.getBoundingClientRect().top - ee}px`
-      }), g.className = Ce.ripple, g.style.background = T;
-      const ce = se.querySelector(`.${Ce.ripple}`);
-      ce && ce.remove(), se.appendChild(g);
+        left: `${re.clientX - ae.getBoundingClientRect().left - ee}px`,
+        top: `${re.clientY - ae.getBoundingClientRect().top - ee}px`
+      }), f.className = Ce.ripple, f.style.background = k;
+      const ce = ae.querySelector(`.${Ce.ripple}`);
+      ce && ce.remove(), ae.appendChild(f);
     },
-    [A, T]
-  ), q = () => d ? typeof d == "string" ? /* @__PURE__ */ s(
+    [M, k]
+  ), q = () => m ? typeof m == "string" ? /* @__PURE__ */ s(
     "img",
     {
-      src: d,
+      src: m,
       alt: N.iconAlt,
       className: X.className,
       style: X.style,
       "aria-hidden": "true"
     }
-  ) : te.isValidElement(d) ? te.cloneElement(d, {
-    className: E(X.className, d.props.className),
-    style: { ...X.style, ...d.props.style },
+  ) : te.isValidElement(m) ? te.cloneElement(m, {
+    className: I(X.className, m.props.className),
+    style: { ...X.style, ...m.props.style },
     "aria-hidden": !0
-  }) : typeof d == "function" ? /* @__PURE__ */ s(
-    d,
+  }) : typeof m == "function" ? /* @__PURE__ */ s(
+    m,
     {
       className: X.className,
       style: X.style,
       "aria-hidden": "true"
     }
-  ) : /* @__PURE__ */ s("span", { className: X.className, style: X.style, "aria-hidden": "true", children: d }) : null, le = () => /* @__PURE__ */ s(
+  ) : /* @__PURE__ */ s("span", { className: X.className, style: X.style, "aria-hidden": "true", children: m }) : null, le = () => /* @__PURE__ */ s(
     "svg",
     {
       viewBox: "0 0 1024 1024",
@@ -1011,36 +1034,36 @@ function Ze(e) {
       )
     }
   );
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ P(
     "button",
     {
       ref: x,
       className: be,
       style: ge,
       onClick: (re) => {
-        I(re), a == null || a(re);
+        j(re), a == null || a(re);
       },
-      disabled: A,
-      "aria-label": M,
-      "data-variant": m,
-      "data-size": C,
-      "data-icon-position": _ || void 0,
-      ...S,
+      disabled: M,
+      "aria-label": $,
+      "data-variant": p,
+      "data-size": T,
+      "data-icon-position": A || void 0,
+      ...O,
       children: [
-        _ === "left" && /* @__PURE__ */ L(Ne, { children: [
-          y && le(),
-          !y && d && q()
+        A === "left" && /* @__PURE__ */ P(Ne, { children: [
+          S && le(),
+          !S && m && q()
         ] }),
-        /* @__PURE__ */ s("span", { className: fe.className, style: fe.style, children: B }),
-        _ === "right" && /* @__PURE__ */ L(Ne, { children: [
-          y && le(),
-          !y && d && q()
+        /* @__PURE__ */ s("span", { className: fe.className, style: fe.style, children: E }),
+        A === "right" && /* @__PURE__ */ P(Ne, { children: [
+          S && le(),
+          !S && m && q()
         ] })
       ]
     }
   );
 }
-Ze.propTypes = {
+Ge.propTypes = {
   type: t.oneOf(["default", "transparent", "danger", "success"]),
   size: t.oneOf(["small", "medium", "large", "huge"]),
   sx: t.oneOfType([t.object, t.string]),
@@ -1065,11 +1088,11 @@ Ze.propTypes = {
   localeText: t.object,
   rippleColor: t.string
 };
-const ko = ["root", "content", "icon", "loading"], Re = {
+const ko = ["root", "content", "icon", "loading"], Ve = {
   default: "按钮",
   loading: "加载中",
   iconAlt: "图标"
-}, Lo = "inline-flex select-none items-center justify-center whitespace-nowrap rounded-[var(--radius)] border align-middle font-medium tracking-[0.5px] transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--input-accent)] focus-visible:ring-offset-2", Ve = {
+}, Lo = "inline-flex select-none items-center justify-center whitespace-nowrap rounded-[var(--radius)] border align-middle font-medium tracking-[0.5px] transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--input-accent)] focus-visible:ring-offset-2", Ye = {
   small: {
     iconSize: 12,
     className: "text-xs px-2 py-1 gap-1"
@@ -1086,7 +1109,7 @@ const ko = ["root", "content", "icon", "loading"], Re = {
     iconSize: 20,
     className: "text-[25px] px-[45px] py-[18px] gap-3"
   }
-}, it = {
+}, dt = {
   default: "bg-[var(--primary)] text-[var(--primary-foreground)] border-[var(--border)] hover:shadow-[0_0_0.4em_0_var(--button-shadow-default)]",
   transparent: "bg-[var(--transparent)] text-[var(--primary-foreground)] border-[var(--button-transparent-border)] hover:shadow-[0_0_0.4em_0_var(--button-shadow-default)]",
   danger: "bg-[var(--destructive)] text-[var(--destructive-foreground)] border-transparent hover:shadow-[0_0_0.4em_0_var(--destructive)]",
@@ -1101,7 +1124,7 @@ const ko = ["root", "content", "icon", "loading"], Re = {
   transparent: "bg-[var(--transparent)] text-[var(--button-enu-fg)] border-[var(--button-transparent-border)]",
   danger: "bg-[var(--destructive)] text-[var(--destructive-foreground)] border-transparent",
   success: "bg-[var(--success)] text-[var(--success-foreground)] border-transparent"
-}, Mo = "bg-[var(--muted)] text-[var(--muted-foreground)] border-transparent cursor-not-allowed shadow-none hover:shadow-none", zo = (e) => e === !0 || e === "light" || e === "dark" ? !0 : Array.isArray(e) && e.length > 0 ? e[0] === !0 || e[0] === "light" || e[0] === "dark" : !1, Eo = (e) => e === "light" ? "light" : e === "dark" || e === !0 || Array.isArray(e) && e.length >= 2 && e[1] === "dark" ? "dark" : "light", dt = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
+}, Mo = "bg-[var(--muted)] text-[var(--muted-foreground)] border-transparent cursor-not-allowed shadow-none hover:shadow-none", zo = (e) => e === !0 || e === "light" || e === "dark" ? !0 : Array.isArray(e) && e.length > 0 ? e[0] === !0 || e[0] === "light" || e[0] === "dark" : !1, Eo = (e) => e === "light" ? "light" : e === "dark" || e === !0 || Array.isArray(e) && e.length >= 2 && e[1] === "dark" ? "dark" : "light", ut = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
 function ie(e) {
   const {
     type: o = "default",
@@ -1114,84 +1137,84 @@ function ie(e) {
     children: i,
     disabled: u = !1,
     outline: h = !1,
-    enu: d = !1,
-    icon: p = null,
-    iconPosition: f = null,
-    loading: w = !1,
-    i18nKey: P = null,
-    localeText: O = {},
-    "aria-label": D,
-    ...S
-  } = e, { t: v } = de(), x = dt(r, "medium", Ve), C = dt(o, "default", it), m = zo(w), y = Eo(w), z = u || m, A = Ve[x].iconSize, $ = f === "right" ? "right" : p || m ? "left" : null, _ = W(n, ko), T = {
-    default: v("button.default", Re.default),
-    loading: v("button.loading", Re.loading),
-    iconAlt: v("button.iconAlt", Re.iconAlt),
+    enu: m = !1,
+    icon: d = null,
+    iconPosition: g = null,
+    loading: v = !1,
+    i18nKey: w = null,
+    localeText: C = {},
+    "aria-label": F,
     ...O
-  }, k = (P && typeof T[P] == "string" ? T[P] : null) || (P ? v(`button.${P}`, T.default) : T.default), U = m ? T.loading : k, j = i ?? U, B = D || (i == null ? String(j || T.default) : void 0);
-  let M = it[C];
-  h && (M = E(
-    M,
+  } = e, { t: y } = de(), x = ut(r, "medium", Ye), T = ut(o, "default", dt), p = zo(v), S = Eo(v), _ = u || p, M = Ye[x].iconSize, B = g === "right" ? "right" : d || p ? "left" : null, A = H(n, ko), k = {
+    default: y("button.default", Ve.default),
+    loading: y("button.loading", Ve.loading),
+    iconAlt: y("button.iconAlt", Ve.iconAlt),
+    ...C
+  }, L = (w && typeof k[w] == "string" ? k[w] : null) || (w ? y(`button.${w}`, k.default) : k.default), W = p ? k.loading : L, D = i ?? W, E = F || (i == null ? String(D || k.default) : void 0);
+  let $ = dt[T];
+  h && ($ = I(
+    $,
     Po,
-    Oo[C]
-  )), d && (M = E(
-    M,
+    Oo[T]
+  )), m && ($ = I(
+    $,
     _o,
-    Ao[C]
+    Ao[T]
   ));
-  const F = b({
+  const z = b({
     // 顺序固定为：baseTw -> className -> sx.tw，sx 能稳定覆盖普通 Tailwind。
-    baseClassName: E(
+    baseClassName: I(
       Lo,
-      Ve[x].className,
-      M,
-      z && Mo,
-      m && "cursor-wait"
+      Ye[x].className,
+      $,
+      _ && Mo,
+      p && "cursor-wait"
     ),
     className: l,
     style: c,
-    sxSlot: _.root
-  }), H = b({
+    sxSlot: A.root
+  }), U = b({
     baseClassName: "inline-flex items-center",
-    sxSlot: _.content
+    sxSlot: A.content
   }), K = b({
     baseClassName: "inline-flex items-center justify-center shrink-0 transition-all duration-300",
     baseStyle: {
-      width: `${A}px`,
-      height: `${A}px`
+      width: `${M}px`,
+      height: `${M}px`
     },
-    sxSlot: _.icon
+    sxSlot: A.icon
   }), G = b({
     baseClassName: "inline-flex items-center justify-center shrink-0 animate-spin",
     baseStyle: {
-      width: `${A}px`,
-      height: `${A}px`,
-      color: y === "light" ? "var(--button-loading-light)" : "var(--button-loading-dark)"
+      width: `${M}px`,
+      height: `${M}px`,
+      color: S === "light" ? "var(--button-loading-light)" : "var(--button-loading-dark)"
     },
-    sxSlot: _.loading
-  }), R = () => p ? typeof p == "string" ? /* @__PURE__ */ s(
+    sxSlot: A.loading
+  }), R = () => d ? typeof d == "string" ? /* @__PURE__ */ s(
     "img",
     {
-      src: p,
-      alt: T.iconAlt,
+      src: d,
+      alt: k.iconAlt,
       className: K.className,
       style: K.style,
       "aria-hidden": "true"
     }
-  ) : te.isValidElement(p) ? te.cloneElement(p, {
-    className: E(K.className, p.props.className),
+  ) : te.isValidElement(d) ? te.cloneElement(d, {
+    className: I(K.className, d.props.className),
     style: {
       ...K.style,
-      ...p.props.style
+      ...d.props.style
     },
     "aria-hidden": !0
-  }) : typeof p == "function" ? /* @__PURE__ */ s(
-    p,
+  }) : typeof d == "function" ? /* @__PURE__ */ s(
+    d,
     {
       className: K.className,
       style: K.style,
       "aria-hidden": "true"
     }
-  ) : /* @__PURE__ */ s("span", { className: K.className, style: K.style, "aria-hidden": "true", children: p }) : null, Q = () => /* @__PURE__ */ s(
+  ) : /* @__PURE__ */ s("span", { className: K.className, style: K.style, "aria-hidden": "true", children: d }) : null, Q = () => /* @__PURE__ */ s(
     "svg",
     {
       viewBox: "0 0 1024 1024",
@@ -1208,27 +1231,27 @@ function ie(e) {
       )
     }
   );
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ P(
     "button",
     {
-      className: F.className,
-      style: F.style,
+      className: z.className,
+      style: z.style,
       onClick: a,
-      disabled: z,
-      "aria-label": B,
-      "data-variant": C,
+      disabled: _,
+      "aria-label": E,
+      "data-variant": T,
       "data-size": x,
-      "data-icon-position": $ || void 0,
-      ...S,
+      "data-icon-position": B || void 0,
+      ...O,
       children: [
-        $ === "left" && /* @__PURE__ */ L(Ne, { children: [
-          m && Q(),
-          !m && p && R()
+        B === "left" && /* @__PURE__ */ P(Ne, { children: [
+          p && Q(),
+          !p && d && R()
         ] }),
-        /* @__PURE__ */ s("span", { className: H.className, style: H.style, children: j }),
-        $ === "right" && /* @__PURE__ */ L(Ne, { children: [
-          m && Q(),
-          !m && p && R()
+        /* @__PURE__ */ s("span", { className: U.className, style: U.style, children: D }),
+        B === "right" && /* @__PURE__ */ P(Ne, { children: [
+          p && Q(),
+          !p && d && R()
         ] })
       ]
     }
@@ -1259,7 +1282,7 @@ ie.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-ie.MaterialButton = Ze;
+ie.MaterialButton = Ge;
 const $o = ["root", "input", "label"], Bo = {
   small: "small",
   medium: "medium",
@@ -1273,7 +1296,7 @@ const $o = ["root", "input", "label"], Bo = {
 }, jo = {
   label: ""
 }, Fo = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
-function Ge(e) {
+function Xe(e) {
   const {
     size: o = "medium",
     sx: r = {},
@@ -1284,64 +1307,64 @@ function Ge(e) {
     defaultValue: i,
     disabled: u = !1,
     label: h,
-    localeText: d,
-    type: p = "text",
-    ...f
-  } = e, { t: w } = de(), P = Fo(o, "medium", Bo), O = a !== void 0, [D, S] = Z(i ?? ""), [v, x] = Z(!1), C = O ? a : D, m = v || String(C).length > 0, y = h ?? (d == null ? void 0 : d.label) ?? w("materialInput.label", jo.label), z = W(r, $o), A = {
-    tw: E(z.root.tw, z.input.tw),
-    css: { ...z.root.css, ...z.input.css }
-  }, $ = E("relative inline-flex", z.root.tw), _ = Io[P], T = E(
+    localeText: m,
+    type: d = "text",
+    ...g
+  } = e, { t: v } = de(), w = Fo(o, "medium", Bo), C = a !== void 0, [F, O] = Z(i ?? ""), [y, x] = Z(!1), T = C ? a : F, p = y || String(T).length > 0, S = h ?? (m == null ? void 0 : m.label) ?? v("materialInput.label", jo.label), _ = H(r, $o), M = {
+    tw: I(_.root.tw, _.input.tw),
+    css: { ..._.root.css, ..._.input.css }
+  }, B = I("relative inline-flex", _.root.tw), A = Io[w], k = I(
     "w-[300px] bg-transparent text-[var(--foreground)] outline-none transition-all duration-200 ease-in-out",
     "border-b border-b-[var(--border)]",
     "hover:border-b-[var(--input-accent)]",
     "focus:border-b-[var(--input-accent)]",
     u && "text-[var(--muted-foreground)] border-b-[var(--muted)] cursor-not-allowed hover:border-b-[var(--muted)]",
-    _.wrapper,
-    _.pt
+    A.wrapper,
+    A.pt
   ), N = b({
-    baseClassName: T,
+    baseClassName: k,
     className: c,
     style: n,
-    sxSlot: A
-  }), k = E(
+    sxSlot: M
+  }), L = I(
     "absolute left-0 transition-all duration-200 ease-in-out pointer-events-none",
-    m ? `top-1 ${_.labelFloat} text-[var(--input-accent)]` : `top-1/2 -translate-y-1/2 ${_.label} text-[var(--muted-foreground)]`,
-    v && m && "text-[var(--input-accent)]",
+    p ? `top-1 ${A.labelFloat} text-[var(--input-accent)]` : `top-1/2 -translate-y-1/2 ${A.label} text-[var(--muted-foreground)]`,
+    y && p && "text-[var(--input-accent)]",
     u && "text-[var(--muted-foreground)]",
-    z.label.tw
-  ), U = b({
-    baseClassName: k,
-    sxSlot: { tw: "", css: z.label.css }
-  }), j = oe((G) => {
+    _.label.tw
+  ), W = b({
+    baseClassName: L,
+    sxSlot: { tw: "", css: _.label.css }
+  }), D = oe((G) => {
     const R = G.target.value;
-    O || S(R), l == null || l(R);
-  }, [O, l]), B = oe((G) => {
+    C || O(R), l == null || l(R);
+  }, [C, l]), E = oe((G) => {
     var R;
-    x(!0), (R = f.onFocus) == null || R.call(f, G);
-  }, [f.onFocus]), M = oe((G) => {
+    x(!0), (R = g.onFocus) == null || R.call(g, G);
+  }, [g.onFocus]), $ = oe((G) => {
     var R;
-    x(!1), (R = f.onBlur) == null || R.call(f, G);
-  }, [f.onBlur]), { onFocus: F, onBlur: H, ...K } = f;
-  return /* @__PURE__ */ L("div", { className: $, children: [
+    x(!1), (R = g.onBlur) == null || R.call(g, G);
+  }, [g.onBlur]), { onFocus: z, onBlur: U, ...K } = g;
+  return /* @__PURE__ */ P("div", { className: B, children: [
     /* @__PURE__ */ s(
       "input",
       {
         ...K,
-        type: p,
+        type: d,
         className: N.className,
         style: N.style,
-        value: C,
+        value: T,
         disabled: u || void 0,
-        onChange: j,
-        onFocus: B,
-        onBlur: M,
-        "aria-label": y || void 0
+        onChange: D,
+        onFocus: E,
+        onBlur: $,
+        "aria-label": S || void 0
       }
     ),
-    y && /* @__PURE__ */ s("label", { className: U.className, style: U.style, children: y })
+    S && /* @__PURE__ */ s("label", { className: W.className, style: W.style, children: S })
   ] });
 }
-Ge.propTypes = {
+Xe.propTypes = {
   size: t.oneOf(["small", "medium", "large", "huge"]),
   sx: t.oneOfType([t.object, t.string]),
   style: t.object,
@@ -1367,7 +1390,7 @@ const Do = ["root", "input"], Ro = {
   large: "h-12 text-base px-3.5",
   huge: "h-14 text-lg px-4"
 }, Yo = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
-function Xe(e) {
+function qe(e) {
   const {
     type: o = "default",
     size: r = "medium",
@@ -1378,60 +1401,75 @@ function Xe(e) {
     onChange: i,
     value: u,
     defaultValue: h,
-    disabled: d = !1,
-    placeholder: p = "",
-    maxlength: f = 524288,
-    status: w,
-    ...P
-  } = e, O = Yo(r, "medium", Ro), D = o === "textarea", S = o === "password", v = w === "error", x = W(n, Do), C = {
-    tw: E(x.root.tw, x.input.tw),
+    disabled: m = !1,
+    placeholder: d = "",
+    maxlength: g = 524288,
+    status: v,
+    ...w
+  } = e, C = Yo(r, "medium", Ro), F = o === "textarea", O = o === "password", y = v === "error", x = H(n, Do), T = {
+    tw: I(x.root.tw, x.input.tw),
     css: { ...x.root.css, ...x.input.css }
-  }, m = E("inline-flex", x.root.tw), y = E(
+  }, p = I("inline-flex", x.root.tw), S = I(
     "w-[300px] rounded-[var(--radius)] border bg-[var(--input-bg)] text-[var(--foreground)] outline-none transition-all duration-200 ease-in-out",
     "border-[var(--border)] shadow-[var(--input-shadow)]",
     "hover:border-[var(--input-accent)]",
     "focus:border-[var(--input-accent)] focus:shadow-[var(--input-focus-shadow)]",
-    v && "border-[var(--input-error-border)] bg-[var(--input-error-bg)] text-[var(--input-error-fg)] hover:border-[var(--input-error-border)] focus:shadow-[var(--input-error-focus-shadow)]",
-    d && "bg-[var(--muted)] text-[var(--muted-foreground)] border-[var(--muted)] cursor-not-allowed shadow-none hover:border-[var(--muted)] focus:shadow-none",
-    Vo[O]
-  ), z = b({
-    baseClassName: y,
+    y && "border-[var(--input-error-border)] bg-[var(--input-error-bg)] text-[var(--input-error-fg)] hover:border-[var(--input-error-border)] focus:shadow-[var(--input-error-focus-shadow)]",
+    m && "bg-[var(--muted)] text-[var(--muted-foreground)] border-[var(--muted)] cursor-not-allowed shadow-none hover:border-[var(--muted)] focus:shadow-none",
+    Vo[C]
+  ), _ = b({
+    baseClassName: S,
     className: l,
     style: c,
-    sxSlot: C
-  }), A = u !== void 0, $ = {
-    className: z.className,
-    style: z.style,
+    sxSlot: T
+  }), M = u !== void 0, B = {
+    className: _.className,
+    style: _.style,
     onClick: a,
-    onChange: i ? (_) => i(_.target.value) : void 0,
-    value: A ? u : void 0,
-    defaultValue: A ? void 0 : h ?? "",
-    disabled: d || void 0,
-    placeholder: p,
-    maxLength: f,
-    "aria-invalid": v || void 0,
+    onChange: i ? (A) => i(A.target.value) : void 0,
+    value: M ? u : void 0,
+    defaultValue: M ? void 0 : h ?? "",
+    disabled: m || void 0,
+    placeholder: d,
+    maxLength: g,
+    "aria-invalid": y || void 0,
+    ...w
+  };
+  return (
     // 原因：password input 不在 form 内，浏览器会发出 [DOM] Password field is not contained in a form 警告
-    // 导致的问题：控制台持续出现 DOM 警告
-    // 解决办法：为 password 类型添加 autoComplete 属性抑制浏览器警告
+    // 导致的问题：控制台持续出现 DOM 警告，autoComplete 属性无法完全抑制
+    // 解决办法：password 类型用 <form> 包裹 input，阻止默认提交行为，满足浏览器规范
     // fixed by clayw on 20260523 night
-    ...S ? { autoComplete: "current-password" } : {},
-    ...P
-  };
-  return /* @__PURE__ */ s("div", { className: m, children: D ? /* @__PURE__ */ s(
-    "textarea",
-    {
-      ...$,
-      className: `${$.className} min-h-[80px] py-2 resize-y`
-    }
-  ) : /* @__PURE__ */ s(
-    "input",
-    {
-      ...$,
-      type: S ? "password" : "text"
-    }
-  ) });
+    /* @__PURE__ */ s("div", { className: p, children: O ? /* @__PURE__ */ s(
+      "form",
+      {
+        onSubmit: (A) => A.preventDefault(),
+        style: { display: "inline-flex" },
+        autoComplete: "off",
+        children: /* @__PURE__ */ s(
+          "input",
+          {
+            ...B,
+            type: "password"
+          }
+        )
+      }
+    ) : F ? /* @__PURE__ */ s(
+      "textarea",
+      {
+        ...B,
+        className: `${B.className} min-h-[80px] py-2 resize-y`
+      }
+    ) : /* @__PURE__ */ s(
+      "input",
+      {
+        ...B,
+        type: "text"
+      }
+    ) })
+  );
 }
-Xe.propTypes = {
+qe.propTypes = {
   type: t.oneOf(["default", "textarea", "password"]),
   size: t.oneOf(["small", "medium", "large", "huge"]),
   sx: t.oneOfType([t.object, t.string]),
@@ -1446,7 +1484,7 @@ Xe.propTypes = {
   maxlength: t.number,
   status: t.oneOf(["default", "error"])
 };
-Xe.MaterialInput = Ge;
+qe.MaterialInput = Xe;
 const we = ["root"];
 function Ko(e, o) {
   const {
@@ -1455,7 +1493,7 @@ function Ko(e, o) {
     className: c = "",
     children: l,
     ...a
-  } = e, i = W(r, we), u = b({
+  } = e, i = H(r, we), u = b({
     baseClassName: "flex items-center px-4 bg-[var(--layout-header-bg)] text-[var(--layout-header-color)]",
     className: c,
     sxSlot: i.root,
@@ -1484,14 +1522,14 @@ Be.propTypes = {
   className: t.string,
   children: t.node
 };
-function Uo(e, o) {
+function Wo(e, o) {
   const {
     sx: r = {},
     style: n = {},
     className: c = "",
     children: l,
     ...a
-  } = e, i = W(r, we), u = b({
+  } = e, i = H(r, we), u = b({
     baseClassName: "flex items-center px-4 bg-[var(--layout-footer-bg)] text-[var(--layout-footer-color)]",
     className: c,
     sxSlot: i.root,
@@ -1512,7 +1550,7 @@ function Uo(e, o) {
     }
   );
 }
-const Ie = te.forwardRef(Uo);
+const Ie = te.forwardRef(Wo);
 Ie.displayName = "LayoutFooter";
 Ie.propTypes = {
   sx: t.oneOfType([t.string, t.object]),
@@ -1520,7 +1558,7 @@ Ie.propTypes = {
   className: t.string,
   children: t.node
 };
-function Ho(e, o) {
+function Uo(e, o) {
   const {
     sx: r = {},
     style: n = {},
@@ -1528,7 +1566,7 @@ function Ho(e, o) {
     width: l,
     children: a,
     ...i
-  } = e, u = W(r, we), h = l ?? "var(--layout-sider-width)", d = b({
+  } = e, u = H(r, we), h = l ?? "var(--layout-sider-width)", m = b({
     baseClassName: "overflow-auto flex flex-col bg-[var(--layout-sider-bg)] text-[var(--layout-sider-color)]",
     className: c,
     sxSlot: u.root,
@@ -1544,23 +1582,23 @@ function Ho(e, o) {
     "aside",
     {
       ref: o,
-      className: d.className,
-      style: d.style,
+      className: m.className,
+      style: m.style,
       ...i,
       children: a
     }
   );
 }
-const ke = te.forwardRef(Ho);
-ke.displayName = "LayoutSider";
-ke.propTypes = {
+const Le = te.forwardRef(Uo);
+Le.displayName = "LayoutSider";
+Le.propTypes = {
   width: t.oneOfType([t.string, t.number]),
   sx: t.oneOfType([t.string, t.object]),
   style: t.object,
   className: t.string,
   children: t.node
 };
-function Wo(e, o) {
+function Ho(e, o) {
   const {
     sx: r = {},
     style: n = {},
@@ -1568,7 +1606,7 @@ function Wo(e, o) {
     width: l,
     children: a,
     ...i
-  } = e, u = W(r, we), h = l ?? "var(--layout-toc-width)", d = b({
+  } = e, u = H(r, we), h = l ?? "var(--layout-toc-width)", m = b({
     baseClassName: "overflow-auto flex flex-col bg-[var(--layout-toc-bg)] text-[var(--layout-toc-color)]",
     className: c,
     sxSlot: u.root,
@@ -1584,16 +1622,16 @@ function Wo(e, o) {
     "nav",
     {
       ref: o,
-      className: d.className,
-      style: d.style,
+      className: m.className,
+      style: m.style,
       ...i,
       children: a
     }
   );
 }
-const Le = te.forwardRef(Wo);
-Le.displayName = "LayoutToc";
-Le.propTypes = {
+const Pe = te.forwardRef(Ho);
+Pe.displayName = "LayoutToc";
+Pe.propTypes = {
   width: t.oneOfType([t.string, t.number]),
   sx: t.oneOfType([t.string, t.object]),
   style: t.object,
@@ -1607,7 +1645,7 @@ function Zo(e, o) {
     className: c = "",
     children: l,
     ...a
-  } = e, i = W(r, we), u = b({
+  } = e, i = H(r, we), u = b({
     /**
      * 
      * 这里记录了一次问题：backgroundColor、color 等写在 baseStyle（inline style）里，
@@ -1660,13 +1698,13 @@ function Go(e, o) {
     hasSider: l,
     children: a,
     ...i
-  } = e, u = W(r, we), h = l ?? te.Children.toArray(a).some(
-    (p) => {
-      var f, w;
-      return te.isValidElement(p) && (p.type === ke || p.type === Le || ((f = p.type) == null ? void 0 : f.displayName) === "LayoutSider" || ((w = p.type) == null ? void 0 : w.displayName) === "LayoutToc");
+  } = e, u = H(r, we), h = l ?? te.Children.toArray(a).some(
+    (d) => {
+      var g, v;
+      return te.isValidElement(d) && (d.type === Le || d.type === Pe || ((g = d.type) == null ? void 0 : g.displayName) === "LayoutSider" || ((v = d.type) == null ? void 0 : v.displayName) === "LayoutToc");
     }
-  ), d = b({
-    baseClassName: E(
+  ), m = b({
+    baseClassName: I(
       "flex flex-1 flex-col min-h-0",
       h ? "md:flex-row" : ""
     ),
@@ -1678,8 +1716,8 @@ function Go(e, o) {
     "section",
     {
       ref: o,
-      className: d.className,
-      style: d.style,
+      className: m.className,
+      style: m.style,
       ...i,
       children: a
     }
@@ -1689,9 +1727,9 @@ const ne = te.forwardRef(Go);
 ne.displayName = "Layout";
 ne.Header = Be;
 ne.Footer = Ie;
-ne.Sider = ke;
+ne.Sider = Le;
 ne.Content = je;
-ne.Toc = Le;
+ne.Toc = Pe;
 ne.propTypes = {
   hasSider: t.bool,
   sx: t.oneOfType([t.string, t.object]),
@@ -1699,10 +1737,10 @@ ne.propTypes = {
   className: t.string,
   children: t.node
 };
-const Xo = Be, qo = Ie, Jo = ke, Qo = je, er = Le, tr = ["root", "button", "list", "item"], Et = Symbol("LIST_IGNORE"), ut = /* @__PURE__ */ L("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+const Xo = Be, qo = Ie, Jo = Le, Qo = je, er = Pe, tr = ["root", "button", "list", "item"], $t = Symbol("LIST_IGNORE"), pt = /* @__PURE__ */ P("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
   /* @__PURE__ */ s("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
   /* @__PURE__ */ s("path", { d: "M14 2v6h6" })
-] }), pt = /* @__PURE__ */ s("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ s("path", { d: "M18 6 6 18M6 6l12 12" }) });
+] }), mt = /* @__PURE__ */ s("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ s("path", { d: "M18 6 6 18M6 6l12 12" }) });
 function or(e, o) {
   const {
     sx: r = {},
@@ -1715,77 +1753,77 @@ function or(e, o) {
     beforeUpload: u = () => {
     },
     files: h = [],
-    showUploadList: d = !0,
-    maxCount: p = 20,
-    maxSize: f = 100,
-    btnText: w = "选择文件",
-    btnStyle: P,
-    showSize: O = !0,
-    disabled: D = !1,
-    ...S
-  } = e, v = Kt(), x = h || [], C = W(r, tr), m = oe(async (T, N) => {
+    showUploadList: m = !0,
+    maxCount: d = 20,
+    maxSize: g = 100,
+    btnText: v = "选择文件",
+    btnStyle: w,
+    showSize: C = !0,
+    disabled: F = !1,
+    ...O
+  } = e, y = Wt(), x = h || [], T = H(r, tr), p = oe(async (k, N) => {
     if (!u) return !0;
     try {
-      const k = await u(T, N);
-      return k === void 0 ? !0 : k;
+      const L = await u(k, N);
+      return L === void 0 ? !0 : L;
     } catch {
       return !1;
     }
-  }, [u]), y = oe(async (T) => {
-    const k = Array.from(T.target.files || []).filter((B) => B.size / 1024 / 1024 > f ? (console.warn(`[Tango Upload] ${B.name} 超过 ${f}MB，已被过滤`), !1) : !0), U = a ? k.slice(0, p) : k.slice(0, 1), j = [];
-    for (const B of U) {
-      const M = await m(B, U);
-      if (M === !1) {
-        console.warn(`[Tango Upload] ${B.name} 被 beforeUpload 拦截`);
+  }, [u]), S = oe(async (k) => {
+    const L = Array.from(k.target.files || []).filter((E) => E.size / 1024 / 1024 > g ? (console.warn(`[Tango Upload] ${E.name} 超过 ${g}MB，已被过滤`), !1) : !0), W = a ? L.slice(0, d) : L.slice(0, 1), D = [];
+    for (const E of W) {
+      const $ = await p(E, W);
+      if ($ === !1) {
+        console.warn(`[Tango Upload] ${E.name} 被 beforeUpload 拦截`);
         continue;
       }
-      if (M === Et) {
-        console.warn(`[Tango Upload] ${B.name} 被 LIST_IGNORE 忽略`);
+      if ($ === $t) {
+        console.warn(`[Tango Upload] ${E.name} 被 LIST_IGNORE 忽略`);
         continue;
       }
-      if (M instanceof Blob) {
-        const F = M instanceof File ? M : new File([M], B.name, { type: B.type });
-        j.push(F);
+      if ($ instanceof Blob) {
+        const z = $ instanceof File ? $ : new File([$], E.name, { type: E.type });
+        D.push(z);
       } else
-        j.push(B);
+        D.push(E);
     }
-    T.target.value = "", i(j);
-  }, [a, p, f, m, i]), z = oe((T, N) => {
-    const k = x.filter((U, j) => j !== N);
-    i(k);
-  }, [x, i]), A = b({
+    k.target.value = "", i(D);
+  }, [a, d, g, p, i]), _ = oe((k, N) => {
+    const L = x.filter((W, D) => D !== N);
+    i(L);
+  }, [x, i]), M = b({
     baseClassName: "inline-flex flex-col gap-3",
     className: c,
-    sxSlot: C.root,
+    sxSlot: T.root,
     style: n
-  }), $ = b({
-    baseClassName: E(
+  }), B = b({
+    baseClassName: I(
       "list-none p-0 m-0 max-h-[150px] max-w-[400px] overflow-y-auto",
       "border border-[var(--upload-border)] rounded-[var(--upload-radius)]",
       "bg-[var(--upload-list-bg)]",
       x.length === 0 && "border-transparent"
     ),
     baseStyle: { borderRadius: "var(--upload-radius)" },
-    sxSlot: C.list
-  }), _ = b({
-    baseClassName: E(
+    sxSlot: T.list
+  }), A = b({
+    baseClassName: I(
       "flex items-center gap-2 px-3 py-1.5 text-sm",
       "text-[var(--upload-item-text)] hover:bg-[var(--upload-item-hover-bg)]",
       "transition-colors"
     ),
-    sxSlot: C.item
+    sxSlot: T.item
   });
-  return /* @__PURE__ */ L("div", { ref: o, className: A.className, style: A.style, ...S, children: [
+  return /* @__PURE__ */ P("div", { ref: o, className: M.className, style: M.style, ...O, children: [
     /* @__PURE__ */ s(
       "input",
       {
-        id: v,
+        id: y,
         type: "file",
         accept: l,
         multiple: a,
         className: "hidden",
-        onChange: y,
-        disabled: D,
+        onChange: S,
+        disabled: F,
         "aria-hidden": "true",
         tabIndex: -1
       }
@@ -1793,23 +1831,23 @@ function or(e, o) {
     /* @__PURE__ */ s(
       ie,
       {
-        disabled: D,
-        style: P,
-        sx: C.button,
+        disabled: F,
+        style: w,
+        sx: T.button,
         onClick: () => {
-          var T;
-          return (T = document.getElementById(v)) == null ? void 0 : T.click();
+          var k;
+          return (k = document.getElementById(y)) == null ? void 0 : k.click();
         },
-        children: w
+        children: v
       }
     ),
-    d && x.length > 0 && /* @__PURE__ */ s("ul", { className: $.className, style: $.style, children: a ? x.map((T, N) => /* @__PURE__ */ L("li", { className: _.className, style: _.style, children: [
-      /* @__PURE__ */ s("span", { className: "flex-shrink-0 text-[var(--upload-icon-color)]", children: ut }),
-      /* @__PURE__ */ L("span", { className: "flex-1 truncate", children: [
-        T.name,
-        O && /* @__PURE__ */ L("span", { className: "ml-1 text-xs text-[var(--muted-foreground)]", children: [
+    m && x.length > 0 && /* @__PURE__ */ s("ul", { className: B.className, style: B.style, children: a ? x.map((k, N) => /* @__PURE__ */ P("li", { className: A.className, style: A.style, children: [
+      /* @__PURE__ */ s("span", { className: "flex-shrink-0 text-[var(--upload-icon-color)]", children: pt }),
+      /* @__PURE__ */ P("span", { className: "flex-1 truncate", children: [
+        k.name,
+        C && /* @__PURE__ */ P("span", { className: "ml-1 text-xs text-[var(--muted-foreground)]", children: [
           "(",
-          (T.size / 1024).toFixed(2),
+          (k.size / 1024).toFixed(2),
           " KB)"
         ] })
       ] }),
@@ -1818,16 +1856,16 @@ function or(e, o) {
         {
           type: "button",
           className: "flex-shrink-0 p-0.5 rounded hover:bg-[var(--upload-del-hover-bg)] text-[var(--upload-del-color)] transition-colors",
-          onClick: () => z(T, N),
-          "aria-label": `删除 ${T.name}`,
-          children: pt
+          onClick: () => _(k, N),
+          "aria-label": `删除 ${k.name}`,
+          children: mt
         }
       )
-    ] }, N)) : /* @__PURE__ */ L("li", { className: _.className, style: _.style, children: [
-      /* @__PURE__ */ s("span", { className: "flex-shrink-0 text-[var(--upload-icon-color)]", children: ut }),
-      /* @__PURE__ */ L("span", { className: "flex-1 truncate", children: [
+    ] }, N)) : /* @__PURE__ */ P("li", { className: A.className, style: A.style, children: [
+      /* @__PURE__ */ s("span", { className: "flex-shrink-0 text-[var(--upload-icon-color)]", children: pt }),
+      /* @__PURE__ */ P("span", { className: "flex-1 truncate", children: [
         x[0].name,
-        O && /* @__PURE__ */ L("span", { className: "ml-1 text-xs text-[var(--muted-foreground)]", children: [
+        C && /* @__PURE__ */ P("span", { className: "ml-1 text-xs text-[var(--muted-foreground)]", children: [
           "(",
           (x[0].size / 1024).toFixed(2),
           " KB)"
@@ -1838,18 +1876,18 @@ function or(e, o) {
         {
           type: "button",
           className: "flex-shrink-0 p-0.5 rounded hover:bg-[var(--upload-del-hover-bg)] text-[var(--upload-del-color)] transition-colors",
-          onClick: () => z(x[0], 0),
+          onClick: () => _(x[0], 0),
           "aria-label": `删除 ${x[0].name}`,
-          children: pt
+          children: mt
         }
       )
     ] }) })
   ] });
 }
-const qe = kt(or);
-qe.displayName = "Upload";
-qe.LIST_IGNORE = Et;
-qe.propTypes = {
+const Je = Lt(or);
+Je.displayName = "Upload";
+Je.LIST_IGNORE = $t;
+Je.propTypes = {
   sx: t.oneOfType([t.string, t.object]),
   style: t.object,
   className: t.string,
@@ -1866,10 +1904,10 @@ qe.propTypes = {
   showSize: t.bool,
   disabled: t.bool
 };
-const rr = ["root", "icon", "content", "actions", "closeIcon"], mt = {
+const rr = ["root", "icon", "content", "actions", "closeIcon"], bt = {
   cancel: "取消",
   action: "操作"
-}, bt = {
+}, gt = {
   small: {
     rootClass: "px-[15px] py-[8px] h-[45px] rounded-[6px] gap-[8px] border",
     iconSize: 20,
@@ -1897,7 +1935,7 @@ const rr = ["root", "icon", "content", "actions", "closeIcon"], mt = {
     buttonGap: "12px",
     buttonFontSize: "15px"
   }
-}, gt = {
+}, ft = {
   info: {
     bgVar: "--banner-info-bg",
     borderVar: "--banner-info-border",
@@ -1922,7 +1960,7 @@ const rr = ["root", "icon", "content", "actions", "closeIcon"], mt = {
     iconVar: "--banner-error-icon",
     textVar: "--banner-error-text"
   }
-}, ft = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
+}, ht = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
 function sr(e) {
   const {
     children: o,
@@ -1936,68 +1974,68 @@ function sr(e) {
     level: i = "info",
     transparent: u = !1,
     bannerBgColor: h,
-    bannerBorderColor: d,
-    bannerIconColor: p,
-    sx: f = {},
-    style: w = {},
-    className: P = "",
-    i18nKey: O,
-    localeText: D = {},
-    ...S
-  } = e, { t: v } = de(), x = ft(c, "normal", bt), C = ft(i, "info", gt), m = bt[x], y = gt[C], z = W(f, rr), A = {
-    cancel: v("banner.cancel", mt.cancel),
-    action: v("banner.action", mt.action),
-    ...D
-  }, $ = l ?? (O === "cancel" ? v("banner.cancel", A.cancel) : A.cancel), _ = a ?? (O === "action" ? v("banner.action", A.action) : A.action), T = o ?? $, N = h || (u === !0 ? "transparent" : `var(${y.bgVar})`), k = d || `var(${y.borderVar})`, U = p || `var(${y.iconVar})`, j = `var(${y.textVar})`, B = b({
-    baseClassName: E(
+    bannerBorderColor: m,
+    bannerIconColor: d,
+    sx: g = {},
+    style: v = {},
+    className: w = "",
+    i18nKey: C,
+    localeText: F = {},
+    ...O
+  } = e, { t: y } = de(), x = ht(c, "normal", gt), T = ht(i, "info", ft), p = gt[x], S = ft[T], _ = H(g, rr), M = {
+    cancel: y("banner.cancel", bt.cancel),
+    action: y("banner.action", bt.action),
+    ...F
+  }, B = l ?? (C === "cancel" ? y("banner.cancel", M.cancel) : M.cancel), A = a ?? (C === "action" ? y("banner.action", M.action) : M.action), k = o ?? B, N = h || (u === !0 ? "transparent" : `var(${S.bgVar})`), L = m || `var(${S.borderVar})`, W = d || `var(${S.iconVar})`, D = `var(${S.textVar})`, E = b({
+    baseClassName: I(
       "flex w-full items-center justify-start transition-colors duration-200",
-      m.rootClass
+      p.rootClass
     ),
-    className: P,
+    className: w,
     style: {
       backgroundColor: N,
-      borderColor: k,
-      color: u === !0 ? "var(--muted-foreground)" : j,
-      ...w
+      borderColor: L,
+      color: u === !0 ? "var(--muted-foreground)" : D,
+      ...v
     },
-    sxSlot: z.root
-  }), M = b({
+    sxSlot: _.root
+  }), $ = b({
     baseClassName: "shrink-0",
     baseStyle: {
-      width: `${m.iconSize}px`,
-      height: `${m.iconSize}px`,
-      color: U
+      width: `${p.iconSize}px`,
+      height: `${p.iconSize}px`,
+      color: W
     },
-    sxSlot: z.icon
-  }), F = b({
-    baseClassName: E(
+    sxSlot: _.icon
+  }), z = b({
+    baseClassName: I(
       "flex-grow text-left",
-      m.contentClass
+      p.contentClass
     ),
-    sxSlot: z.content
-  }), H = b({
+    sxSlot: _.content
+  }), U = b({
     baseClassName: "flex items-center justify-end flex-1",
     baseStyle: {
-      gap: m.buttonGap
+      gap: p.buttonGap
     },
-    sxSlot: z.actions
+    sxSlot: _.actions
   }), K = b({
     baseClassName: "shrink-0 cursor-pointer",
     baseStyle: {
-      width: `${m.closeIconSize}px`,
-      height: `${m.closeIconSize}px`,
+      width: `${p.closeIconSize}px`,
+      height: `${p.closeIconSize}px`,
       color: "var(--banner-close-icon)"
     },
-    sxSlot: z.closeIcon
-  }), G = /* @__PURE__ */ L("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
+    sxSlot: _.closeIcon
+  }), G = /* @__PURE__ */ P("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
     /* @__PURE__ */ s("path", { d: "M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z" }),
     /* @__PURE__ */ s("path", { d: "M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z" }),
     /* @__PURE__ */ s("path", { d: "M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z" })
-  ] }), R = /* @__PURE__ */ L("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
+  ] }), R = /* @__PURE__ */ P("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
     /* @__PURE__ */ s("path", { d: "M869.472578 920.128281 154.906046 920.128281c-31.943526 0-60.545958-16.517185-76.514651-44.181245-15.968693-27.666106-15.96153-60.696384 0.016373-88.355327l357.283266-618.47194c15.971763-27.647687 44.568055-44.152593 76.496232-44.152593 31.930223-0.001023 60.527538 16.504906 76.499301 44.151569l357.283266 618.472963c15.977903 27.659967 15.984043 60.689221 0.017396 88.355327C930.018535 903.611096 901.416104 920.128281 869.472578 920.128281zM512.187265 169.139212c-15.962553 0-30.261211 8.251941-38.247092 22.075785l0 0L116.65793 809.686936c-7.989975 13.829983-7.993045 30.345122-0.008186 44.179199 7.983835 13.83203 22.285562 22.090111 38.257326 22.090111l714.566532 0c15.971763 0 30.273491-8.258081 38.256302-22.090111 7.984858-13.83203 7.980765-30.349215-0.008186-44.179199L550.437427 191.213973C542.452569 177.391153 528.152888 169.138188 512.187265 169.139212z" }),
     /* @__PURE__ */ s("path", { d: "M513.732457 621.119233c-18.296715 0-33.257451-14.832823-33.257451-33.129538L480.475006 331.789639c0-18.296715 14.960737-33.129538 33.257451-33.129538 18.296715 0 33.257451 14.832823 33.257451 33.129538l0 256.200056C546.989909 606.28641 532.029172 621.119233 513.732457 621.119233z" }),
     /* @__PURE__ */ s("path", { d: "M513.686409 737.619574m-49.991578 0a48.853 48.853 0 1 0 99.983155 0 48.853 48.853 0 1 0-99.983155 0Z" })
-  ] }), Q = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M85.333333 512C85.333333 276.352 276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512z m683.093334-256.426667a358.954667 358.954667 0 0 0-122.922667-80.768A359.466667 359.466667 0 0 0 512 149.333333c-46.08 0-90.624 8.490667-133.504 25.472A358.954667 358.954667 0 0 0 255.573333 255.573333c-35.413333 35.413333-62.336 76.373333-80.768 122.922667A359.466667 359.466667 0 0 0 149.333333 512c0 46.08 8.490667 90.624 25.472 133.504A358.954667 358.954667 0 0 0 255.573333 768.426667c35.413333 35.413333 76.373333 62.336 122.922667 80.768A359.466667 359.466667 0 0 0 512 874.666667c46.08 0 90.624-8.490667 133.504-25.472a358.954667 358.954667 0 0 0 122.922667-80.768c35.413333-35.413333 62.336-76.373333 80.768-122.922667A359.466667 359.466667 0 0 0 874.666667 512c0-46.08-8.490667-90.624-25.472-133.504A358.912 358.912 0 0 0 768.426667 255.573333zM338.517333 640.213333L466.773333 512 338.517333 383.786667l45.226667-45.226667L512 466.688l128.213333-128.213333 45.226667 45.226666L557.312 512l128.213333 128.213333-45.226666 45.226667L512 557.312l-128.213333 128.213333-45.226667-45.226666z" }) }), ue = /* @__PURE__ */ L("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
+  ] }), Q = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M85.333333 512C85.333333 276.352 276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512z m683.093334-256.426667a358.954667 358.954667 0 0 0-122.922667-80.768A359.466667 359.466667 0 0 0 512 149.333333c-46.08 0-90.624 8.490667-133.504 25.472A358.954667 358.954667 0 0 0 255.573333 255.573333c-35.413333 35.413333-62.336 76.373333-80.768 122.922667A359.466667 359.466667 0 0 0 149.333333 512c0 46.08 8.490667 90.624 25.472 133.504A358.954667 358.954667 0 0 0 255.573333 768.426667c35.413333 35.413333 76.373333 62.336 122.922667 80.768A359.466667 359.466667 0 0 0 512 874.666667c46.08 0 90.624-8.490667 133.504-25.472a358.954667 358.954667 0 0 0 122.922667-80.768c35.413333-35.413333 62.336-76.373333 80.768-122.922667A359.466667 359.466667 0 0 0 874.666667 512c0-46.08-8.490667-90.624-25.472-133.504A358.912 358.912 0 0 0 768.426667 255.573333zM338.517333 640.213333L466.773333 512 338.517333 383.786667l45.226667-45.226667L512 466.688l128.213333-128.213333 45.226667 45.226666L557.312 512l128.213333 128.213333-45.226666 45.226667L512 557.312l-128.213333 128.213333-45.226667-45.226666z" }) }), ue = /* @__PURE__ */ P("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
     /* @__PURE__ */ s("path", { d: "M512.3 961.3c-247.1 0-448.1-201-448.1-448.1s201-448.1 448.1-448.1 448.1 201 448.1 448.1-201 448.1-448.1 448.1z m0-849.7c-221.4 0-401.6 180.2-401.6 401.6s180.2 401.6 401.6 401.6 401.6-180.2 401.6-401.6-180.2-401.6-401.6-401.6z" }),
     /* @__PURE__ */ s("path", { d: "M441.2 676c-16.4 0-32.7-5.8-45.5-17.4l-151.3-138c-9.5-8.6-10.2-23.3-1.5-32.8 8.6-9.5 23.3-10.2 32.8-1.5L427 624.2c7.6 6.9 20.8 6.9 28.4 0l293.5-267.5c9.5-8.6 24.2-8 32.8 1.5 8.6 9.5 8 24.2-1.5 32.8L486.7 658.5c-12.8 11.7-29.1 17.5-45.5 17.5z" })
   ] }), be = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M558.8 509.2l302.8-302.8c3.1-3.1 3.1-8.1 0-11.2l-30.8-30.8c-3.1-3.1-8.1-3.1-11.2 0L516.8 467.2c-1.5 1.5-4.1 1.5-5.6 0L208.3 164.3c-3.1-3.1-8.1-3.1-11.2 0l-30.8 30.8c-3.1 3.1-3.1 8.1 0 11.2l302.8 302.8c1.5 1.5 1.5 4.1 0 5.6l-302.8 303c-3.1 3.1-3.1 8.1 0 11.2l30.8 30.8c3.1 3.1 8.1 3.1 11.2 0l302.8-302.8c1.5-1.5 4.1-1.5 5.6 0l302.8 302.8c3.1 3.1 8.1 3.1 11.2 0l30.8-30.8c3.1-3.1 3.1-8.1 0-11.2L558.8 514.8c-1.5-1.5-1.5-4.1 0-5.6z" }) }), ge = {
@@ -2006,31 +2044,31 @@ function sr(e) {
     error: Q,
     info: G
   };
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ P(
     "div",
     {
-      className: B.className,
-      style: B.style,
-      "data-level": C,
+      className: E.className,
+      style: E.style,
+      "data-level": T,
       "data-size": x,
-      ...S,
+      ...O,
       children: [
-        /* @__PURE__ */ s("div", { className: M.className, style: M.style, children: ge[C] }),
-        /* @__PURE__ */ s("div", { className: F.className, style: F.style, children: T }),
-        /* @__PURE__ */ L("div", { className: H.className, style: H.style, children: [
+        /* @__PURE__ */ s("div", { className: $.className, style: $.style, children: ge[T] }),
+        /* @__PURE__ */ s("div", { className: z.className, style: z.style, children: k }),
+        /* @__PURE__ */ P("div", { className: U.className, style: U.style, children: [
           /* @__PURE__ */ s(
             ie,
             {
               type: "transparent",
               sx: {
                 c: "var(--banner-btn-text)",
-                br: m.buttonBorderRadius,
+                br: p.buttonBorderRadius,
                 bColor: "transparent",
-                s: m.buttonFontSize
+                s: p.buttonFontSize
               },
               onClick: r,
               size: x === "normal" ? "medium" : x,
-              children: $
+              children: B
             }
           ),
           /* @__PURE__ */ s(
@@ -2039,14 +2077,14 @@ function sr(e) {
               type: "transparent",
               sx: {
                 c: "var(--banner-btn-text)",
-                br: m.buttonBorderRadius,
+                br: p.buttonBorderRadius,
                 b: 1,
                 bColor: "var(--banner-btn-border)",
-                s: m.buttonFontSize
+                s: p.buttonFontSize
               },
               onClick: n,
               size: x === "normal" ? "medium" : x,
-              children: _
+              children: A
             }
           ),
           /* @__PURE__ */ s(
@@ -2081,11 +2119,11 @@ sr.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-const ar = ["root", "input", "text"], Ye = {
+const ar = ["root", "input", "text"], Ke = {
   hex: "HEX",
   rgb: "RGB",
   hsl: "HSL"
-}, ht = {
+}, yt = {
   small: { inputSize: 20, fontSize: "11px", gap: "6px" },
   medium: { inputSize: 28, fontSize: "12px", gap: "10px" },
   large: { inputSize: 36, fontSize: "14px", gap: "14px" }
@@ -2093,7 +2131,7 @@ const ar = ["root", "input", "text"], Ye = {
   hex: "hex",
   rgb: "rgb",
   hsl: "hsl"
-}, yt = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o, lr = (e) => {
+}, xt = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o, lr = (e) => {
   const o = parseInt(e.slice(1, 3), 16), r = parseInt(e.slice(3, 5), 16), n = parseInt(e.slice(5, 7), 16);
   return `rgb(${o}, ${r}, ${n})`;
 }, cr = (e) => {
@@ -2127,75 +2165,75 @@ function dr(e) {
     size: i = "medium",
     sx: u = {},
     style: h = {},
-    className: d = "",
-    i18nKey: p,
-    localeText: f = {},
-    ...w
-  } = e, { t: P } = de(), O = yt(i, "medium", ht), D = yt(a, "hex", nr), S = ht[O], [v, x] = Z(r), C = o ?? v, m = W(u, ar), y = {
-    hex: P("colorpicker.hex", Ye.hex),
-    rgb: P("colorpicker.rgb", Ye.rgb),
-    hsl: P("colorpicker.hsl", Ye.hsl),
-    ...f
-  }, z = (k) => {
-    const U = k.target.value;
-    o === void 0 && x(U), n(U);
-  }, A = [];
+    className: m = "",
+    i18nKey: d,
+    localeText: g = {},
+    ...v
+  } = e, { t: w } = de(), C = xt(i, "medium", yt), F = xt(a, "hex", nr), O = yt[C], [y, x] = Z(r), T = o ?? y, p = H(u, ar), S = {
+    hex: w("colorpicker.hex", Ke.hex),
+    rgb: w("colorpicker.rgb", Ke.rgb),
+    hsl: w("colorpicker.hsl", Ke.hsl),
+    ...g
+  }, _ = (L) => {
+    const W = L.target.value;
+    o === void 0 && x(W), n(W);
+  }, M = [];
   if (l) {
-    const k = p || (typeof l == "string" ? l : null) || D;
-    A.push({
-      label: y[k],
-      value: ir(C, k)
+    const L = d || (typeof l == "string" ? l : null) || F;
+    M.push({
+      label: S[L],
+      value: ir(T, L)
     });
   }
-  const $ = b({
-    baseClassName: E(
+  const B = b({
+    baseClassName: I(
       "inline-flex items-center",
       c && "cursor-not-allowed opacity-60"
     ),
-    className: d,
-    baseStyle: { gap: S.gap },
+    className: m,
+    baseStyle: { gap: O.gap },
     style: h,
-    sxSlot: m.root
-  }), _ = b({
-    baseClassName: E(
+    sxSlot: p.root
+  }), A = b({
+    baseClassName: I(
       "shrink-0 cursor-pointer border-2 border-[var(--border)] rounded-full bg-transparent overflow-hidden transition-colors duration-200",
       c && "cursor-not-allowed"
     ),
     baseStyle: {
-      width: `${S.inputSize}px`,
-      height: `${S.inputSize}px`,
+      width: `${O.inputSize}px`,
+      height: `${O.inputSize}px`,
       padding: 0
     },
-    sxSlot: m.input
-  }), T = b({
+    sxSlot: p.input
+  }), k = b({
     baseClassName: "flex flex-col text-[var(--muted-foreground)]",
-    baseStyle: { fontSize: S.fontSize },
-    sxSlot: m.text
+    baseStyle: { fontSize: O.fontSize },
+    sxSlot: p.text
   });
-  return /* @__PURE__ */ L(Ne, { children: [
+  return /* @__PURE__ */ P(Ne, { children: [
     /* @__PURE__ */ s("style", { children: `
     .tango-cp-input::-webkit-color-swatch-wrapper { padding: 0; }
     .tango-cp-input::-webkit-color-swatch { border: 0; border-radius: 9999px; }
     .tango-cp-input::-moz-color-swatch { border: 0; border-radius: 9999px; }
   ` }),
-    /* @__PURE__ */ L("div", { className: $.className, style: $.style, ...w, children: [
+    /* @__PURE__ */ P("div", { className: B.className, style: B.style, ...v, children: [
       /* @__PURE__ */ s(
         "input",
         {
           type: "color",
-          value: C,
-          onChange: z,
+          value: T,
+          onChange: _,
           disabled: c,
-          className: `tango-cp-input ${_.className}`,
-          style: _.style,
-          "aria-label": w["aria-label"] || `颜色选择器: ${C}`
+          className: `tango-cp-input ${A.className}`,
+          style: A.style,
+          "aria-label": v["aria-label"] || `颜色选择器: ${T}`
         }
       ),
-      l && A.length > 0 && /* @__PURE__ */ s("div", { className: T.className, style: T.style, children: A.map(({ label: k, value: U }) => /* @__PURE__ */ L("span", { children: [
-        k,
+      l && M.length > 0 && /* @__PURE__ */ s("div", { className: k.className, style: k.style, children: M.map(({ label: L, value: W }) => /* @__PURE__ */ P("span", { children: [
+        L,
         ": ",
-        U
-      ] }, k)) })
+        W
+      ] }, L)) })
     ] })
   ] });
 }
@@ -2213,10 +2251,10 @@ dr.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-const ur = ["root", "date", "weekday", "time"], xt = {
+const ur = ["root", "date", "weekday", "time"], vt = {
   weekdayPrefix: "星期",
   weekdayShortPrefix: "周"
-}, vt = {
+}, St = {
   default: "default",
   line: "line",
   full: "full",
@@ -2297,47 +2335,47 @@ function fr(e) {
     i18nKey: a,
     localeText: i = {},
     ...u
-  } = e || {}, { t: h, locale: d } = de(), [p, f] = Z(!1);
-  ae(() => {
-    f(!0);
+  } = e || {}, { t: h, locale: m } = de(), [d, g] = Z(!1);
+  se(() => {
+    g(!0);
   }, []);
-  const w = pr(o, "default", vt), P = d === "en-US" ? "en-US" : "zh-CN";
+  const v = pr(o, "default", St), w = m === "en-US" ? "en-US" : "zh-CN";
   ({
-    weekdayPrefix: h("date.weekdayPrefix", xt.weekdayPrefix),
-    weekdayShortPrefix: h("date.weekdayShortPrefix", xt.weekdayShortPrefix),
+    weekdayPrefix: h("date.weekdayPrefix", vt.weekdayPrefix),
+    weekdayShortPrefix: h("date.weekdayShortPrefix", vt.weekdayShortPrefix),
     ...i
   });
-  const O = W(n, ur), D = a && vt[a] ? a : w, S = p ? gr(D, P, r) : [], v = b({
-    baseClassName: E("inline-flex items-center gap-1 text-[var(--foreground)]"),
+  const C = H(n, ur), F = a && St[a] ? a : v, O = d ? gr(F, w, r) : [], y = b({
+    baseClassName: I("inline-flex items-center gap-1 text-[var(--foreground)]"),
     className: l,
     baseStyle: {},
     style: c,
-    sxSlot: O.root
+    sxSlot: C.root
   }), x = {
     date: b({
       baseClassName: "",
-      sxSlot: O.date
+      sxSlot: C.date
     }),
     weekday: b({
       baseClassName: "text-[var(--muted-foreground)]",
-      sxSlot: O.weekday
+      sxSlot: C.weekday
     }),
     time: b({
       baseClassName: "",
-      sxSlot: O.time
+      sxSlot: C.time
     })
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: v.className,
-      style: v.style,
+      className: y.className,
+      style: y.style,
       role: "timer",
       "aria-live": "polite",
       ...u,
-      children: S.map((C) => {
-        const m = x[C.key] || { className: "", style: {} };
-        return /* @__PURE__ */ s("span", { className: m.className, style: m.style, children: C.text }, C.key);
+      children: O.map((T) => {
+        const p = x[T.key] || { className: "", style: {} };
+        return /* @__PURE__ */ s("span", { className: p.className, style: p.style, children: T.text }, T.key);
       })
     }
   );
@@ -2371,7 +2409,7 @@ const hr = ["root", "input", "panel", "header", "body", "footer"], me = {
   nextMonth: "下一月",
   weekDays: ["日", "一", "二", "三", "四", "五", "六"],
   monthFormat: "${year} 年 ${month} 月"
-}, St = {
+}, Nt = {
   small: { inputPx: "px-2 py-1", textSm: "text-xs", minW: "min-w-[140px]", panelW: "w-[260px]" },
   medium: { inputPx: "px-3 py-2", textSm: "text-sm", minW: "min-w-[180px]", panelW: "w-[300px]" },
   large: { inputPx: "px-4 py-3", textSm: "text-base", minW: "min-w-[220px]", panelW: "w-[340px]" }
@@ -2388,91 +2426,91 @@ function xr(e) {
     sx: i = {},
     style: u = {},
     className: h = "",
-    i18nKey: d,
-    localeText: p = {},
-    placeholder: f,
-    ...w
-  } = e, { t: P, locale: O } = de(), D = yr(a, "medium", St), S = St[D], v = O === "en-US", [x, C] = Z(r || ""), m = o !== void 0 ? o : x, [y, z] = Z("00"), [A, $] = Z("00"), [_, T] = Z(!1), [N, k] = Z(() => {
-    const g = /* @__PURE__ */ new Date();
-    return new Date(g.getFullYear(), g.getMonth(), 1);
-  }), U = $e(null), j = {
-    placeholder: P("datepicker.placeholder", me.placeholder),
-    placeholderTime: P("datepicker.placeholderTime", me.placeholderTime),
-    timeLabel: P("datepicker.timeLabel", me.timeLabel),
-    confirm: P("datepicker.confirm", me.confirm),
-    cancel: P("datepicker.cancel", me.cancel),
-    prevMonth: P("datepicker.prevMonth", me.prevMonth),
-    nextMonth: P("datepicker.nextMonth", me.nextMonth),
-    weekDays: v ? ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] : me.weekDays,
-    monthFormat: v ? "${month}/${year}" : me.monthFormat,
-    ...p
+    i18nKey: m,
+    localeText: d = {},
+    placeholder: g,
+    ...v
+  } = e, { t: w, locale: C } = de(), F = yr(a, "medium", Nt), O = Nt[F], y = C === "en-US", [x, T] = Z(r || ""), p = o !== void 0 ? o : x, [S, _] = Z("00"), [M, B] = Z("00"), [A, k] = Z(!1), [N, L] = Z(() => {
+    const f = /* @__PURE__ */ new Date();
+    return new Date(f.getFullYear(), f.getMonth(), 1);
+  }), W = ke(null), D = {
+    placeholder: w("datepicker.placeholder", me.placeholder),
+    placeholderTime: w("datepicker.placeholderTime", me.placeholderTime),
+    timeLabel: w("datepicker.timeLabel", me.timeLabel),
+    confirm: w("datepicker.confirm", me.confirm),
+    cancel: w("datepicker.cancel", me.cancel),
+    prevMonth: w("datepicker.prevMonth", me.prevMonth),
+    nextMonth: w("datepicker.nextMonth", me.nextMonth),
+    weekDays: y ? ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] : me.weekDays,
+    monthFormat: y ? "${month}/${year}" : me.monthFormat,
+    ...d
   };
-  ae(() => {
-    const g = (V) => {
-      U.current && !U.current.contains(V.target) && T(!1);
+  se(() => {
+    const f = (V) => {
+      W.current && !W.current.contains(V.target) && k(!1);
     };
-    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
+    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
   }, []);
-  const B = (g) => {
-    const V = g.getFullYear(), ee = (g.getMonth() + 1).toString().padStart(2, "0"), ce = g.getDate().toString().padStart(2, "0");
+  const E = (f) => {
+    const V = f.getFullYear(), ee = (f.getMonth() + 1).toString().padStart(2, "0"), ce = f.getDate().toString().padStart(2, "0");
     return `${V}-${ee}-${ce}`;
-  }, M = Se(() => {
-    const g = N.getFullYear(), V = N.getMonth() + 1;
-    return j.monthFormat.replace("${year}", String(g)).replace("${month}", String(V));
-  }, [N, j.monthFormat]), F = Se(() => {
-    const g = N.getFullYear(), V = N.getMonth(), ee = new Date(g, V, 1).getDay(), ce = new Date(g, V + 1, 0).getDate(), pe = Array.from({ length: ce }, (Je, Fe) => Fe + 1);
+  }, $ = Se(() => {
+    const f = N.getFullYear(), V = N.getMonth() + 1;
+    return D.monthFormat.replace("${year}", String(f)).replace("${month}", String(V));
+  }, [N, D.monthFormat]), z = Se(() => {
+    const f = N.getFullYear(), V = N.getMonth(), ee = new Date(f, V, 1).getDay(), ce = new Date(f, V + 1, 0).getDate(), pe = Array.from({ length: ce }, (Qe, Fe) => Fe + 1);
     return [...Array(ee).fill(null), ...pe];
-  }, [N]), H = Se(() => m ? l ? `${m} ${y}:${A}` : m : "", [m, y, A, l]), K = (g) => {
-    const V = new Date(N.getFullYear(), N.getMonth(), g);
-    return m === B(V);
-  }, G = (g, V, ee) => {
-    if (g) {
+  }, [N]), U = Se(() => p ? l ? `${p} ${S}:${M}` : p : "", [p, S, M, l]), K = (f) => {
+    const V = new Date(N.getFullYear(), N.getMonth(), f);
+    return p === E(V);
+  }, G = (f, V, ee) => {
+    if (f) {
       if (l) {
-        const ce = `${g}T${V}:${ee}`, pe = new Date(ce), Je = pe.getFullYear(), Fe = (pe.getMonth() + 1).toString().padStart(2, "0"), Rt = pe.getDate().toString().padStart(2, "0"), Vt = pe.getHours().toString().padStart(2, "0"), Yt = pe.getMinutes().toString().padStart(2, "0");
-        n(`${Je}-${Fe}-${Rt} ${Vt}:${Yt}`, ce);
+        const ce = `${f}T${V}:${ee}`, pe = new Date(ce), Qe = pe.getFullYear(), Fe = (pe.getMonth() + 1).toString().padStart(2, "0"), Vt = pe.getDate().toString().padStart(2, "0"), Yt = pe.getHours().toString().padStart(2, "0"), Kt = pe.getMinutes().toString().padStart(2, "0");
+        n(`${Qe}-${Fe}-${Vt} ${Yt}:${Kt}`, ce);
         return;
       }
-      n(g, g);
+      n(f, f);
     }
-  }, R = (g) => {
-    const V = new Date(N.getFullYear(), N.getMonth(), g), ee = B(V);
-    o === void 0 && C(ee), G(ee, y, A), l || T(!1);
-  }, Q = (g) => {
-    const V = g.target.value;
-    z(V), G(m, V, A);
-  }, ue = (g) => {
-    const V = g.target.value;
-    $(V), G(m, y, V);
+  }, R = (f) => {
+    const V = new Date(N.getFullYear(), N.getMonth(), f), ee = E(V);
+    o === void 0 && T(ee), G(ee, S, M), l || k(!1);
+  }, Q = (f) => {
+    const V = f.target.value;
+    _(V), G(p, V, M);
+  }, ue = (f) => {
+    const V = f.target.value;
+    B(V), G(p, S, V);
   }, be = () => {
     if (!c) {
-      if (m) {
-        const [g, V] = m.split("-").map(Number);
-        k(new Date(g, V - 1, 1));
+      if (p) {
+        const [f, V] = p.split("-").map(Number);
+        L(new Date(f, V - 1, 1));
       }
-      T(!0);
+      k(!0);
     }
-  }, ge = Array.from({ length: 24 }, (g, V) => String(V).padStart(2, "0")), fe = Array.from({ length: 60 }, (g, V) => String(V).padStart(2, "0")), X = W(i, hr);
-  typeof i == "string" && (X.input.tw = E(X.input.tw, X.root.tw), X.root.tw = "");
+  }, ge = Array.from({ length: 24 }, (f, V) => String(V).padStart(2, "0")), fe = Array.from({ length: 60 }, (f, V) => String(V).padStart(2, "0")), X = H(i, hr);
+  typeof i == "string" && (X.input.tw = I(X.input.tw, X.root.tw), X.root.tw = "");
   const J = b({
     baseClassName: "relative inline-block",
     sxSlot: X.root
-  }), I = b({
-    baseClassName: E(
+  }), j = b({
+    baseClassName: I(
       "border border-[var(--border)] rounded-[var(--radius)] bg-[var(--card)] text-[var(--foreground)] placeholder:text-[var(--muted-foreground)] outline-none transition-all duration-200 cursor-pointer",
       "focus:border-[var(--primary)] focus:shadow-[0_0_0_2px_color-mix(in_srgb,var(--primary)_18%,transparent)]",
       "hover:border-[var(--primary)]",
-      S.inputPx,
-      S.textSm,
-      S.minW,
+      O.inputPx,
+      O.textSm,
+      O.minW,
       c && "bg-[var(--muted)] text-[var(--muted-foreground)] cursor-not-allowed"
     ),
     className: h,
     style: u,
     sxSlot: X.input
   }), q = b({
-    baseClassName: E(
+    baseClassName: I(
       "absolute top-[calc(100%+8px)] left-0 z-20 p-3 border border-[var(--border)] bg-[var(--card)] rounded-xl shadow-[0_8px_28px_rgba(0,0,0,0.12)]",
-      S.panelW
+      O.panelW
     ),
     sxSlot: X.panel
   }), le = b({
@@ -2481,84 +2519,84 @@ function xr(e) {
   }), re = b({
     baseClassName: "flex flex-wrap",
     sxSlot: X.body
-  }), se = b({
+  }), ae = b({
     baseClassName: "mt-2.5 pt-2.5 border-t border-[var(--border)]",
     sxSlot: X.footer
   });
-  return /* @__PURE__ */ L("div", { className: J.className, style: J.style, ref: U, ...w, children: [
+  return /* @__PURE__ */ P("div", { className: J.className, style: J.style, ref: W, ...v, children: [
     /* @__PURE__ */ s(
       "input",
       {
         type: "text",
-        value: H,
+        value: U,
         readOnly: !0,
         onClick: be,
-        className: I.className,
-        style: I.style,
+        className: j.className,
+        style: j.style,
         disabled: c,
-        placeholder: f || (l ? j.placeholderTime : j.placeholder),
-        "aria-label": w["aria-label"] || f || (l ? j.placeholderTime : j.placeholder),
+        placeholder: g || (l ? D.placeholderTime : D.placeholder),
+        "aria-label": v["aria-label"] || g || (l ? D.placeholderTime : D.placeholder),
         "aria-haspopup": "dialog",
-        "aria-expanded": _
+        "aria-expanded": A
       }
     ),
-    _ && !c && /* @__PURE__ */ L("div", { className: q.className, style: q.style, role: "dialog", "aria-label": "日期选择面板", children: [
-      /* @__PURE__ */ L("div", { className: le.className, style: le.style, children: [
+    A && !c && /* @__PURE__ */ P("div", { className: q.className, style: q.style, role: "dialog", "aria-label": "日期选择面板", children: [
+      /* @__PURE__ */ P("div", { className: le.className, style: le.style, children: [
         /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             className: "w-7 h-7 border border-[var(--border)] bg-[var(--card)] text-sm cursor-pointer rounded hover:border-[var(--primary)] hover:bg-[color-mix(in_srgb,var(--primary)_14%,var(--card))]",
-            onClick: () => k(new Date(N.getFullYear(), N.getMonth() - 1, 1)),
-            "aria-label": j.prevMonth,
+            onClick: () => L(new Date(N.getFullYear(), N.getMonth() - 1, 1)),
+            "aria-label": D.prevMonth,
             children: "<"
           }
         ),
-        /* @__PURE__ */ s("div", { className: "text-sm font-semibold text-[var(--foreground)]", children: M }),
+        /* @__PURE__ */ s("div", { className: "text-sm font-semibold text-[var(--foreground)]", children: $ }),
         /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             className: "w-7 h-7 border border-[var(--border)] bg-[var(--card)] text-sm cursor-pointer rounded hover:border-[var(--primary)] hover:bg-[color-mix(in_srgb,var(--primary)_14%,var(--card))]",
-            onClick: () => k(new Date(N.getFullYear(), N.getMonth() + 1, 1)),
-            "aria-label": j.nextMonth,
+            onClick: () => L(new Date(N.getFullYear(), N.getMonth() + 1, 1)),
+            "aria-label": D.nextMonth,
             children: ">"
           }
         )
       ] }),
-      /* @__PURE__ */ L("div", { className: re.className, style: re.style, children: [
-        j.weekDays.map((g) => /* @__PURE__ */ s("div", { className: "w-[calc(100%/7)] text-center leading-[30px] text-xs text-[var(--muted-foreground)]", children: g }, g)),
-        F.map((g, V) => {
-          if (!g)
+      /* @__PURE__ */ P("div", { className: re.className, style: re.style, children: [
+        D.weekDays.map((f) => /* @__PURE__ */ s("div", { className: "w-[calc(100%/7)] text-center leading-[30px] text-xs text-[var(--muted-foreground)]", children: f }, f)),
+        z.map((f, V) => {
+          if (!f)
             return /* @__PURE__ */ s("div", { className: "w-[calc(100%/7)] text-center leading-[30px]" }, `empty-${V}`);
-          const ee = K(g);
+          const ee = K(f);
           return /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              className: E(
+              className: I(
                 "w-[calc(100%/7)] text-center leading-[30px] border-none bg-transparent cursor-pointer rounded-md text-[13px] text-[var(--foreground)] hover:bg-[var(--muted)]",
                 ee && "bg-[var(--primary)] text-[var(--primary-foreground)] hover:bg-[var(--primary)]"
               ),
-              onClick: () => R(g),
-              "aria-label": `${N.getFullYear()}-${(N.getMonth() + 1).toString().padStart(2, "0")}-${g.toString().padStart(2, "0")}`,
-              children: g
+              onClick: () => R(f),
+              "aria-label": `${N.getFullYear()}-${(N.getMonth() + 1).toString().padStart(2, "0")}-${f.toString().padStart(2, "0")}`,
+              children: f
             },
-            `${N.getFullYear()}-${N.getMonth()}-${g}`
+            `${N.getFullYear()}-${N.getMonth()}-${f}`
           );
         })
       ] }),
-      l && /* @__PURE__ */ L("div", { className: se.className, style: se.style, children: [
-        /* @__PURE__ */ s("div", { className: "text-xs text-[var(--muted-foreground)] mb-2", children: j.timeLabel }),
-        /* @__PURE__ */ L("div", { className: "flex items-center gap-2", children: [
+      l && /* @__PURE__ */ P("div", { className: ae.className, style: ae.style, children: [
+        /* @__PURE__ */ s("div", { className: "text-xs text-[var(--muted-foreground)] mb-2", children: D.timeLabel }),
+        /* @__PURE__ */ P("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ s(
             "select",
             {
               className: "w-20 h-8 border border-[var(--border)] rounded-md px-2 text-[13px] outline-none bg-[var(--card)] text-[var(--foreground)] focus:border-[var(--primary)]",
-              value: y,
+              value: S,
               onChange: Q,
               "aria-label": "小时",
-              children: ge.map((g) => /* @__PURE__ */ s("option", { value: g, children: g }, g))
+              children: ge.map((f) => /* @__PURE__ */ s("option", { value: f, children: f }, f))
             }
           ),
           /* @__PURE__ */ s("span", { className: "font-semibold text-[var(--muted-foreground)]", children: ":" }),
@@ -2566,18 +2604,18 @@ function xr(e) {
             "select",
             {
               className: "w-20 h-8 border border-[var(--border)] rounded-md px-2 text-[13px] outline-none bg-[var(--card)] text-[var(--foreground)] focus:border-[var(--primary)]",
-              value: A,
+              value: M,
               onChange: ue,
               "aria-label": "分钟",
-              children: fe.map((g) => /* @__PURE__ */ s("option", { value: g, children: g }, g))
+              children: fe.map((f) => /* @__PURE__ */ s("option", { value: f, children: f }, f))
             }
           )
         ] }),
-        /* @__PURE__ */ L("div", { className: "mt-2.5 flex justify-end gap-2", children: [
+        /* @__PURE__ */ P("div", { className: "mt-2.5 flex justify-end gap-2", children: [
           /* @__PURE__ */ s(
             ie,
             {
-              onClick: () => T(!1),
+              onClick: () => k(!1),
               size: "small",
               type: "transparent",
               outline: !0,
@@ -2585,20 +2623,20 @@ function xr(e) {
                 backgroundColor: "var(--datepicker-cancel-bg)",
                 color: "var(--datepicker-cancel-fg)"
               },
-              children: j.cancel
+              children: D.cancel
             }
           ),
           /* @__PURE__ */ s(
             ie,
             {
-              onClick: () => T(!1),
+              onClick: () => k(!1),
               size: "small",
               style: {
                 backgroundColor: "var(--datepicker-confirm-bg)",
                 color: "var(--datepicker-confirm-fg)",
                 borderColor: "var(--datepicker-confirm-bg)"
               },
-              children: j.confirm
+              children: D.confirm
             }
           )
         ] })
@@ -2619,7 +2657,7 @@ xr.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-const vr = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], Oe = {
+const vr = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], _e = {
   title: "基础标题",
   okText: "确定",
   cancelText: "取消",
@@ -2647,109 +2685,109 @@ function Tr(e) {
     onOk: i,
     type: u = "right",
     width: h,
-    height: d,
-    sx: p = {},
-    style: f = {},
-    className: w = "",
-    maskClosable: P = !0,
-    footerButtons: O,
-    localeText: D = {},
-    ...S
-  } = e, { t: v } = de(), x = Cr(u, "right", Sr), [C, m] = Z(!1), [y, z] = Z(!1);
-  ae(() => {
+    height: m,
+    sx: d = {},
+    style: g = {},
+    className: v = "",
+    maskClosable: w = !0,
+    footerButtons: C,
+    localeText: F = {},
+    ...O
+  } = e, { t: y } = de(), x = Cr(u, "right", Sr), [T, p] = Z(!1), [S, _] = Z(!1);
+  se(() => {
     if (l) {
-      m(!0);
-      const R = setTimeout(() => z(!0), 30);
+      p(!0);
+      const R = setTimeout(() => _(!0), 30);
       return () => clearTimeout(R);
     }
-    if (C) {
-      z(!1);
-      const R = setTimeout(() => m(!1), 300);
+    if (T) {
+      _(!1);
+      const R = setTimeout(() => p(!1), 300);
       return () => clearTimeout(R);
     }
-  }, [l]), ae(() => {
-    if (C) {
+  }, [l]), se(() => {
+    if (T) {
       const R = parseInt(document.body.dataset.tangoScrollLock || "0", 10);
       return R === 0 && (document.body.dataset.tangoOriginalOverflow = document.body.style.overflow), document.body.dataset.tangoScrollLock = String(R + 1), document.body.style.overflow = "hidden", () => {
         const Q = parseInt(document.body.dataset.tangoScrollLock || "0", 10);
         Q <= 1 ? (document.body.style.overflow = document.body.dataset.tangoOriginalOverflow || "", delete document.body.dataset.tangoOriginalOverflow, delete document.body.dataset.tangoScrollLock) : document.body.dataset.tangoScrollLock = String(Q - 1);
       };
     }
-  }, [C]);
-  const A = {};
-  x === "left" || x === "right" ? A.width = h || "320px" : A.height = d || "300px";
-  const $ = {
-    title: r ?? v("drawer.title", Oe.title),
-    okText: n ?? v("drawer.okText", Oe.okText),
-    cancelText: c ?? v("drawer.cancelText", Oe.cancelText),
-    closeAriaLabel: v("drawer.closeAriaLabel", Oe.closeAriaLabel),
-    ...D
-  }, _ = W(p, vr), T = b({
+  }, [T]);
+  const M = {};
+  x === "left" || x === "right" ? M.width = h || "320px" : M.height = m || "300px";
+  const B = {
+    title: r ?? y("drawer.title", _e.title),
+    okText: n ?? y("drawer.okText", _e.okText),
+    cancelText: c ?? y("drawer.cancelText", _e.cancelText),
+    closeAriaLabel: y("drawer.closeAriaLabel", _e.closeAriaLabel),
+    ...F
+  }, A = H(d, vr), k = b({
     baseClassName: "fixed inset-0 z-[999] flex",
-    sxSlot: _.overlay
+    sxSlot: A.overlay
   }), N = {
-    tw: E(_.root.tw, _.container.tw),
-    css: { ..._.root.css, ..._.container.css }
-  }, k = b({
-    baseClassName: E(
+    tw: I(A.root.tw, A.container.tw),
+    css: { ...A.root.css, ...A.container.css }
+  }, L = b({
+    baseClassName: I(
       "fixed bg-[var(--card)] text-[var(--foreground)] flex flex-col transition-all duration-300 ease-in-out",
       Nr[x]
     ),
-    className: w,
+    className: v,
     style: {
-      ...A,
-      transform: y ? "translate(0, 0)" : wr[x],
-      ...f
+      ...M,
+      transform: S ? "translate(0, 0)" : wr[x],
+      ...g
     },
     sxSlot: N
-  }), U = b({
+  }), W = b({
     baseClassName: "flex items-center justify-between px-5 pt-5 pb-3 shrink-0",
-    sxSlot: _.header
-  }), j = b({
+    sxSlot: A.header
+  }), D = b({
     baseClassName: "text-lg font-bold text-[var(--foreground)]",
-    sxSlot: _.title
-  }), B = b({
+    sxSlot: A.title
+  }), E = b({
     baseClassName: "cursor-pointer p-1 rounded-md hover:bg-[var(--muted)] transition-colors text-[var(--muted-foreground)]",
-    sxSlot: _.closeBtn
-  }), M = b({
+    sxSlot: A.closeBtn
+  }), $ = b({
     baseClassName: "flex-1 overflow-auto overscroll-contain px-5 py-2 text-[var(--foreground)]",
-    sxSlot: _.content
-  }), F = b({
+    sxSlot: A.content
+  }), z = b({
     baseClassName: "flex justify-end gap-2 px-5 py-4 border-t border-[var(--border)] shrink-0",
-    sxSlot: _.footer
-  }), H = (R) => {
-    P && R.target === R.currentTarget && a();
-  }, K = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ s("path", { d: "M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z" }) }), G = O != null && O.length ? O : [
-    { key: "cancel", text: $.cancelText, onClick: a },
-    { key: "ok", text: $.okText, onClick: i || a }
+    sxSlot: A.footer
+  }), U = (R) => {
+    w && R.target === R.currentTarget && a();
+  }, K = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ s("path", { d: "M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z" }) }), G = C != null && C.length ? C : [
+    { key: "cancel", text: B.cancelText, onClick: a },
+    { key: "ok", text: B.okText, onClick: i || a }
   ];
-  return C ? /* @__PURE__ */ s(
+  return T ? /* @__PURE__ */ s(
     "div",
     {
-      className: T.className,
+      className: k.className,
       style: {
-        ...T.style,
+        ...k.style,
         backgroundColor: "rgba(0, 0, 0, 0.5)",
-        opacity: y ? 1 : 0,
+        opacity: S ? 1 : 0,
         transition: "opacity 300ms ease-in-out"
       },
-      onClick: H,
+      onClick: U,
       role: "dialog",
       "aria-modal": "true",
-      "aria-label": $.title,
-      ...S,
-      children: /* @__PURE__ */ L("div", { className: k.className, style: k.style, children: [
-        /* @__PURE__ */ L("div", { className: U.className, style: U.style, children: [
-          /* @__PURE__ */ s("h3", { className: j.className, style: j.style, children: $.title }),
+      "aria-label": B.title,
+      ...O,
+      children: /* @__PURE__ */ P("div", { className: L.className, style: L.style, children: [
+        /* @__PURE__ */ P("div", { className: W.className, style: W.style, children: [
+          /* @__PURE__ */ s("h3", { className: D.className, style: D.style, children: B.title }),
           /* @__PURE__ */ s(
             "div",
             {
-              className: B.className,
-              style: B.style,
+              className: E.className,
+              style: E.style,
               onClick: a,
               role: "button",
               tabIndex: 0,
-              "aria-label": $.closeAriaLabel,
+              "aria-label": B.closeAriaLabel,
               onKeyDown: (R) => {
                 (R.key === "Enter" || R.key === " ") && a();
               },
@@ -2757,8 +2795,8 @@ function Tr(e) {
             }
           )
         ] }),
-        /* @__PURE__ */ s("div", { className: M.className, style: M.style, children: o }),
-        /* @__PURE__ */ s("div", { className: F.className, style: F.style, children: G.map((R) => {
+        /* @__PURE__ */ s("div", { className: $.className, style: $.style, children: o }),
+        /* @__PURE__ */ s("div", { className: z.className, style: z.style, children: G.map((R) => {
           const Q = R.key === "ok";
           return /* @__PURE__ */ s(
             ie,
@@ -2808,7 +2846,7 @@ Tr.propTypes = {
   ),
   localeText: t.object
 };
-const kr = ["root", "text"], Nt = {
+const kr = ["root", "text"], wt = {
   small: "my-0.5",
   medium: "my-1.5",
   large: "my-2.5",
@@ -2822,8 +2860,8 @@ function Lr(e, o) {
     size: l = "medium",
     children: a,
     ...i
-  } = e, u = W(r, kr), h = Nt[l] || Nt.medium, d = !!a, p = b({
-    baseClassName: E(
+  } = e, u = H(r, kr), h = wt[l] || wt.medium, m = !!a, d = b({
+    baseClassName: I(
       "flex items-center justify-center relative w-full",
       h
     ),
@@ -2831,7 +2869,7 @@ function Lr(e, o) {
     sxSlot: u.root,
     baseStyle: {},
     style: n
-  }), f = b({
+  }), g = b({
     baseClassName: "px-2 whitespace-nowrap z-[1]",
     sxSlot: u.text
   });
@@ -2840,25 +2878,25 @@ function Lr(e, o) {
     // 导致的问题：universal 页面出现 "<p> 标签内部不能嵌套 <div> 标签" 的 HTML 嵌套错误
     // 解决办法：将外层容器从 <div> 改为 <span>（phrasing content），内部用 flex 布局保持视觉效果
     // fixed by clayw on 20260523 night
-    /* @__PURE__ */ L(
+    /* @__PURE__ */ P(
       "span",
       {
         ref: o,
-        className: p.className,
-        style: { ...p.style, display: "flex", alignItems: "center", justifyContent: "center" },
+        className: d.className,
+        style: { ...d.style, display: "flex", alignItems: "center", justifyContent: "center" },
         ...i,
         children: [
           /* @__PURE__ */ s(
             "span",
             {
-              className: `flex-1 h-px bg-[var(--line-color)] ${d ? "mr-2.5" : ""}`
+              className: `flex-1 h-px bg-[var(--line-color)] ${m ? "mr-2.5" : ""}`
             }
           ),
-          d && /* @__PURE__ */ s("span", { className: f.className, style: f.style, children: a }),
+          m && /* @__PURE__ */ s("span", { className: g.className, style: g.style, children: a }),
           /* @__PURE__ */ s(
             "span",
             {
-              className: `flex-1 h-px bg-[var(--line-color)] ${d ? "ml-2.5" : ""}`
+              className: `flex-1 h-px bg-[var(--line-color)] ${m ? "ml-2.5" : ""}`
             }
           )
         ]
@@ -2866,16 +2904,16 @@ function Lr(e, o) {
     )
   );
 }
-const $t = te.forwardRef(Lr);
-$t.displayName = "Line";
-$t.propTypes = {
+const Bt = te.forwardRef(Lr);
+Bt.displayName = "Line";
+Bt.propTypes = {
   size: t.oneOf(["small", "medium", "large", "huge"]),
   sx: t.oneOfType([t.string, t.object]),
   style: t.object,
   className: t.string,
   children: t.node
 };
-const Pr = ["root"], wt = {
+const Pr = ["root"], Ct = {
   default: "bg-[var(--mark-default-bg)]",
   primary: "bg-[var(--mark-primary-bg)]",
   success: "bg-[var(--mark-success-bg)]",
@@ -2891,10 +2929,10 @@ function Or(e, o) {
     beauty: a = !1,
     children: i,
     ...u
-  } = e, h = W(r, Pr), d = wt[l] || wt.default, p = b({
-    baseClassName: E(
+  } = e, h = H(r, Pr), m = Ct[l] || Ct.default, d = b({
+    baseClassName: I(
       "inline-block",
-      d,
+      m,
       a ? "px-2 py-1 rounded" : ""
     ),
     className: c,
@@ -2906,16 +2944,16 @@ function Or(e, o) {
     "mark",
     {
       ref: o,
-      className: p.className,
-      style: p.style,
+      className: d.className,
+      style: d.style,
       ...u,
       children: i
     }
   );
 }
-const Bt = te.forwardRef(Or);
-Bt.displayName = "Mark";
-Bt.propTypes = {
+const It = te.forwardRef(Or);
+It.displayName = "Mark";
+It.propTypes = {
   color: t.oneOf(["default", "primary", "success", "warning", "danger"]),
   beauty: t.bool,
   sx: t.oneOfType([t.string, t.object]),
@@ -2923,7 +2961,7 @@ Bt.propTypes = {
   className: t.string,
   children: t.node
 };
-const _r = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], _e = {
+const _r = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], Ae = {
   title: "基础标题",
   okText: "确定",
   cancelText: "取消",
@@ -2941,48 +2979,48 @@ function Ar(e) {
     onOk: i,
     width: u,
     sx: h = {},
-    style: d = {},
-    className: p = "",
-    maskClosable: f = !0,
-    footerButtons: w,
-    localeText: P = {},
-    ...O
-  } = e, { t: D } = de(), [S, v] = Z(!1), [x, C] = Z(!1);
-  ae(() => {
+    style: m = {},
+    className: d = "",
+    maskClosable: g = !0,
+    footerButtons: v,
+    localeText: w = {},
+    ...C
+  } = e, { t: F } = de(), [O, y] = Z(!1), [x, T] = Z(!1);
+  se(() => {
     if (l) {
-      v(!0);
-      const F = setTimeout(() => C(!0), 30);
-      return () => clearTimeout(F);
+      y(!0);
+      const z = setTimeout(() => T(!0), 30);
+      return () => clearTimeout(z);
     }
-    if (S) {
-      C(!1);
-      const F = setTimeout(() => v(!1), 300);
-      return () => clearTimeout(F);
+    if (O) {
+      T(!1);
+      const z = setTimeout(() => y(!1), 300);
+      return () => clearTimeout(z);
     }
-  }, [l]), ae(() => {
-    if (S) {
-      const F = parseInt(document.body.dataset.tangoScrollLock || "0", 10);
-      return F === 0 && (document.body.dataset.tangoOriginalOverflow = document.body.style.overflow), document.body.dataset.tangoScrollLock = String(F + 1), document.body.style.overflow = "hidden", () => {
-        const H = parseInt(document.body.dataset.tangoScrollLock || "0", 10);
-        H <= 1 ? (document.body.style.overflow = document.body.dataset.tangoOriginalOverflow || "", delete document.body.dataset.tangoOriginalOverflow, delete document.body.dataset.tangoScrollLock) : document.body.dataset.tangoScrollLock = String(H - 1);
+  }, [l]), se(() => {
+    if (O) {
+      const z = parseInt(document.body.dataset.tangoScrollLock || "0", 10);
+      return z === 0 && (document.body.dataset.tangoOriginalOverflow = document.body.style.overflow), document.body.dataset.tangoScrollLock = String(z + 1), document.body.style.overflow = "hidden", () => {
+        const U = parseInt(document.body.dataset.tangoScrollLock || "0", 10);
+        U <= 1 ? (document.body.style.overflow = document.body.dataset.tangoOriginalOverflow || "", delete document.body.dataset.tangoOriginalOverflow, delete document.body.dataset.tangoScrollLock) : document.body.dataset.tangoScrollLock = String(U - 1);
       };
     }
-  }, [S]);
-  const m = {
-    title: r ?? D("modal.title", _e.title),
-    okText: n ?? D("modal.okText", _e.okText),
-    cancelText: c ?? D("modal.cancelText", _e.cancelText),
-    closeAriaLabel: D("modal.closeAriaLabel", _e.closeAriaLabel),
-    ...P
-  }, y = W(h, _r), z = b({
+  }, [O]);
+  const p = {
+    title: r ?? F("modal.title", Ae.title),
+    okText: n ?? F("modal.okText", Ae.okText),
+    cancelText: c ?? F("modal.cancelText", Ae.cancelText),
+    closeAriaLabel: F("modal.closeAriaLabel", Ae.closeAriaLabel),
+    ...w
+  }, S = H(h, _r), _ = b({
     baseClassName: "fixed inset-0 z-[999] flex justify-center items-center",
-    sxSlot: y.overlay
-  }), A = {
-    tw: E(y.root.tw, y.container.tw),
-    css: { ...y.root.css, ...y.container.css }
-  }, $ = b({
+    sxSlot: S.overlay
+  }), M = {
+    tw: I(S.root.tw, S.container.tw),
+    css: { ...S.root.css, ...S.container.css }
+  }, B = b({
     baseClassName: "bg-[var(--modal-bg)] text-[var(--foreground)] flex flex-col rounded-[var(--radius)] shadow-[var(--modal-shadow)] transition-all duration-300 ease-in-out",
-    className: p,
+    className: d,
     style: {
       width: u || "520px",
       maxWidth: "90vw",
@@ -2990,48 +3028,48 @@ function Ar(e) {
       maxHeight: "80vh",
       transform: x ? "scale(1)" : "scale(0.8)",
       opacity: x ? 1 : 0,
-      ...d
+      ...m
     },
-    sxSlot: A
-  }), _ = b({
+    sxSlot: M
+  }), A = b({
     baseClassName: "flex items-center justify-between px-5 pt-5 pb-3 shrink-0",
-    sxSlot: y.header
-  }), T = b({
+    sxSlot: S.header
+  }), k = b({
     baseClassName: "text-lg font-bold text-[var(--foreground)]",
-    sxSlot: y.title
+    sxSlot: S.title
   }), N = b({
     baseClassName: "cursor-pointer p-1 rounded-md hover:bg-[var(--muted)] transition-colors text-[var(--muted-foreground)]",
-    sxSlot: y.closeBtn
-  }), k = b({
+    sxSlot: S.closeBtn
+  }), L = b({
     baseClassName: "flex-1 overflow-auto overscroll-contain px-6 py-5 text-[var(--foreground)]",
-    sxSlot: y.content
-  }), U = b({
+    sxSlot: S.content
+  }), W = b({
     baseClassName: "flex justify-end gap-2 px-5 py-4 border-t border-[var(--border)] shrink-0",
-    sxSlot: y.footer
-  }), j = (F) => {
-    f && F.target === F.currentTarget && a();
-  }, B = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ s("path", { d: "M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z" }) }), M = w != null && w.length ? w : [
-    { key: "cancel", text: m.cancelText, onClick: a },
-    { key: "ok", text: m.okText, onClick: i || a }
+    sxSlot: S.footer
+  }), D = (z) => {
+    g && z.target === z.currentTarget && a();
+  }, E = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ s("path", { d: "M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z" }) }), $ = v != null && v.length ? v : [
+    { key: "cancel", text: p.cancelText, onClick: a },
+    { key: "ok", text: p.okText, onClick: i || a }
   ];
-  return S ? /* @__PURE__ */ s(
+  return O ? /* @__PURE__ */ s(
     "div",
     {
-      className: z.className,
+      className: _.className,
       style: {
-        ...z.style,
+        ..._.style,
         backgroundColor: "rgba(0, 0, 0, 0.5)",
         opacity: x ? 1 : 0,
         transition: "opacity 300ms ease-in-out"
       },
-      onClick: j,
+      onClick: D,
       role: "dialog",
       "aria-modal": "true",
-      "aria-label": m.title,
-      ...O,
-      children: /* @__PURE__ */ L("div", { className: $.className, style: $.style, children: [
-        /* @__PURE__ */ L("div", { className: _.className, style: _.style, children: [
-          /* @__PURE__ */ s("h3", { className: T.className, style: T.style, children: m.title }),
+      "aria-label": p.title,
+      ...C,
+      children: /* @__PURE__ */ P("div", { className: B.className, style: B.style, children: [
+        /* @__PURE__ */ P("div", { className: A.className, style: A.style, children: [
+          /* @__PURE__ */ s("h3", { className: k.className, style: k.style, children: p.title }),
           /* @__PURE__ */ s(
             "div",
             {
@@ -3040,25 +3078,25 @@ function Ar(e) {
               onClick: a,
               role: "button",
               tabIndex: 0,
-              "aria-label": m.closeAriaLabel,
-              onKeyDown: (F) => {
-                (F.key === "Enter" || F.key === " ") && a();
+              "aria-label": p.closeAriaLabel,
+              onKeyDown: (z) => {
+                (z.key === "Enter" || z.key === " ") && a();
               },
-              children: B
+              children: E
             }
           )
         ] }),
-        /* @__PURE__ */ s("div", { className: k.className, style: k.style, children: o }),
-        /* @__PURE__ */ s("div", { className: U.className, style: U.style, children: M.map((F) => {
-          const H = F.key === "ok";
+        /* @__PURE__ */ s("div", { className: L.className, style: L.style, children: o }),
+        /* @__PURE__ */ s("div", { className: W.className, style: W.style, children: $.map((z) => {
+          const U = z.key === "ok";
           return /* @__PURE__ */ s(
             ie,
             {
-              onClick: F.onClick,
+              onClick: z.onClick,
               type: "default",
-              outline: !H,
+              outline: !U,
               size: "medium",
-              style: H ? {
+              style: U ? {
                 backgroundColor: "var(--modal-ok-bg)",
                 color: "var(--modal-ok-fg)",
                 borderColor: "var(--modal-ok-bg)"
@@ -3066,9 +3104,9 @@ function Ar(e) {
                 backgroundColor: "var(--modal-cancel-bg)",
                 color: "var(--modal-cancel-fg)"
               },
-              children: F.text
+              children: z.text
             },
-            F.key
+            z.key
           );
         }) })
       ] })
@@ -3112,7 +3150,7 @@ const Mr = ["root", "input", "button"], zr = {
   medium: "small",
   large: "medium",
   huge: "medium"
-}, Ct = {
+}, Tt = {
   placeholder: "请输入内容",
   btnText: "搜索"
 }, Br = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
@@ -3123,79 +3161,81 @@ function Ir(e) {
     style: n = {},
     className: c = "",
     onSearch: l,
-    value: a,
-    defaultValue: i,
-    disabled: u = !1,
-    placeholder: h,
+    onChange: a,
+    value: i,
+    defaultValue: u,
+    disabled: h = !1,
+    placeholder: m,
     btnText: d,
-    localeText: p,
-    path: f = "",
+    localeText: g,
+    path: v = "",
     ...w
-  } = e, { t: P } = de(), O = $e(null), D = Br(o, "medium", zr), S = a !== void 0, v = P("search.placeholder", Ct.placeholder), x = P("search.btnText", Ct.btnText), C = h ?? (p == null ? void 0 : p.placeholder) ?? v, m = d ?? (p == null ? void 0 : p.btnText) ?? x, y = W(r, Mr), z = {
-    tw: E(y.root.tw, y.input.tw),
-    css: { ...y.root.css, ...y.input.css }
-  }, A = E("relative inline-flex", y.root.tw), $ = E(
+  } = e, { t: C } = de(), F = ke(null), O = Br(o, "medium", zr), y = i !== void 0, x = C("search.placeholder", Tt.placeholder), T = C("search.btnText", Tt.btnText), p = m ?? (g == null ? void 0 : g.placeholder) ?? x, S = d ?? (g == null ? void 0 : g.btnText) ?? T, _ = H(r, Mr), M = {
+    tw: I(_.root.tw, _.input.tw),
+    css: { ..._.root.css, ..._.input.css }
+  }, B = I("relative inline-flex", _.root.tw), A = I(
     "w-[300px] rounded-[var(--radius)] border bg-[var(--input-bg)] text-[var(--foreground)] outline-none transition-all duration-200 ease-in-out",
     "border-[var(--border)] shadow-[var(--input-shadow)]",
     "hover:border-[var(--input-accent)]",
     "focus:border-[var(--input-accent)] focus:shadow-[var(--input-focus-shadow)]",
-    u && "bg-[var(--muted)] text-[var(--muted-foreground)] border-[var(--muted)] cursor-not-allowed shadow-none hover:border-[var(--muted)] focus:shadow-none",
-    Er[D]
-  ), _ = b({
-    baseClassName: $,
+    h && "bg-[var(--muted)] text-[var(--muted-foreground)] border-[var(--muted)] cursor-not-allowed shadow-none hover:border-[var(--muted)] focus:shadow-none",
+    Er[O]
+  ), k = b({
+    baseClassName: A,
     className: c,
     style: n,
-    sxSlot: z
-  }), T = b({
+    sxSlot: M
+  }), N = b({
     baseClassName: "absolute top-1/2 -translate-y-1/2",
-    sxSlot: y.button,
+    sxSlot: _.button,
     style: { right: "calc(var(--spacing) * 2)" }
-  }), N = {
-    right: T.style.right
-  }, k = { ...T.style };
-  delete k.right;
-  const U = oe(() => {
-    var M;
-    return S ? a : ((M = O.current) == null ? void 0 : M.value) ?? "";
-  }, [S, a]), j = oe(() => {
-    l == null || l(U());
-  }, [l, U]), B = oe((M) => {
-    M.key === "Enter" && j();
-  }, [j]);
-  return /* @__PURE__ */ L("div", { className: A, children: [
+  }), L = {
+    right: N.style.right
+  }, W = { ...N.style };
+  delete W.right;
+  const D = oe(() => {
+    var z;
+    return y ? i : ((z = F.current) == null ? void 0 : z.value) ?? "";
+  }, [y, i]), E = oe(() => {
+    l == null || l(D());
+  }, [l, D]), $ = oe((z) => {
+    z.key === "Enter" && E();
+  }, [E]);
+  return /* @__PURE__ */ P("div", { className: B, children: [
     /* @__PURE__ */ s(
       "input",
       {
-        ref: S ? void 0 : O,
-        className: _.className,
-        style: _.style,
-        onKeyDown: B,
-        value: S ? a : void 0,
-        defaultValue: S ? void 0 : i ?? "",
-        disabled: u || void 0,
-        placeholder: C,
+        ref: y ? void 0 : F,
+        className: k.className,
+        style: k.style,
+        onKeyDown: $,
+        onChange: a,
+        value: y ? i : void 0,
+        defaultValue: y ? void 0 : u ?? "",
+        disabled: h || void 0,
+        placeholder: p,
         type: "text",
         role: "searchbox",
-        "aria-label": C,
+        "aria-label": p,
         ...w
       }
     ),
-    /* @__PURE__ */ s("div", { className: T.className, style: N, children: /* @__PURE__ */ s(
+    /* @__PURE__ */ s("div", { className: N.className, style: L, children: /* @__PURE__ */ s(
       ie,
       {
-        onClick: j,
-        size: $r[D],
-        disabled: u,
-        "aria-label": m,
-        style: k,
-        children: f ? /* @__PURE__ */ s(
+        onClick: E,
+        size: $r[O],
+        disabled: h,
+        "aria-label": S,
+        style: W,
+        children: v ? /* @__PURE__ */ s(
           "img",
           {
-            src: f,
+            src: v,
             alt: "search-icon",
             style: { width: 16, height: 16, marginTop: 2, marginBottom: -3 }
           }
-        ) : m
+        ) : S
       }
     ) })
   ] });
@@ -3206,6 +3246,7 @@ Ir.propTypes = {
   style: t.object,
   className: t.string,
   onSearch: t.func,
+  onChange: t.func,
   value: t.string,
   defaultValue: t.string,
   disabled: t.bool,
@@ -3217,7 +3258,7 @@ Ir.propTypes = {
   }),
   path: t.string
 };
-const It = {
+const jt = {
   default: "",
   inline: "inline-block",
   circle: "rounded-full",
@@ -3226,7 +3267,7 @@ const It = {
   fixed: "fixed",
   absolute: "absolute",
   relative: "relative"
-}, jt = Object.keys(It), jr = ["root"];
+}, Ft = Object.keys(jt), jr = ["root"];
 function Fr(e, o) {
   const {
     sx: r = {},
@@ -3245,34 +3286,34 @@ function Fr(e, o) {
      * 
      */
     ...i
-  } = e, u = jt.includes(l) ? l : "default", h = W(r, jr), d = b({
-    baseClassName: It[u],
+  } = e, u = Ft.includes(l) ? l : "default", h = H(r, jr), m = b({
+    baseClassName: jt[u],
     className: c,
     sxSlot: h.root
-  }), p = u === "halfCircle" ? { width: "var(--space-half-circle-w)", height: "var(--space-half-circle-h)", background: "var(--space-half-circle-color)" } : {};
+  }), d = u === "halfCircle" ? { width: "var(--space-half-circle-w)", height: "var(--space-half-circle-h)", background: "var(--space-half-circle-color)" } : {};
   return (
     // 这里直接透传给原生div，用户用起来就像使用普通 div 一样，dom也是div
     /* @__PURE__ */ s(
       "div",
       {
         ref: o,
-        className: d.className,
-        style: { ...p, ...d.style, ...n },
+        className: m.className,
+        style: { ...d, ...m.style, ...n },
         ...i,
         children: a
       }
     )
   );
 }
-const Ft = te.forwardRef(Fr);
-Ft.propTypes = {
-  type: t.oneOf(jt),
+const Dt = te.forwardRef(Fr);
+Dt.propTypes = {
+  type: t.oneOf(Ft),
   sx: t.oneOfType([t.string, t.object]),
   style: t.object,
   className: t.string,
   children: t.node
 };
-Ft.displayName = "Space";
+Dt.displayName = "Space";
 const Dr = ["root", "wrapper", "thead", "headerCell", "body", "row", "cell", "empty", "pagination"], ve = {
   empty: "暂无数据",
   prev: "上一页",
@@ -3280,7 +3321,7 @@ const Dr = ["root", "wrapper", "thead", "headerCell", "body", "row", "cell", "em
   page: "页",
   total: "共 {total} 条",
   perPage: "条/页"
-}, Rr = 10, Vr = [10, 20, 50, 100], Ae = (e, ...o) => typeof e == "function" ? e(...o) : e ?? {};
+}, Rr = 10, Vr = [10, 20, 50, 100], Me = (e, ...o) => typeof e == "function" ? e(...o) : e ?? {};
 function Yr(e) {
   const {
     dataSource: o = [],
@@ -3297,45 +3338,45 @@ function Yr(e) {
     rowClassName: u,
     rowStyle: h,
     /* 单元格回调 */
-    cellClassName: d,
-    cellStyle: p,
+    cellClassName: m,
+    cellStyle: d,
     /* hover */
-    hoverColor: f = "",
+    hoverColor: g = "",
     /* i18n */
-    i18nKey: w = null,
-    localeText: P = {},
+    i18nKey: v = null,
+    localeText: w = {},
     /* 无障碍 */
-    "aria-label": O,
-    ...D
-  } = e, { t: S } = de();
+    "aria-label": C,
+    ...F
+  } = e, { t: O } = de();
   o.length === 0 && r.length === 0 && console.warn("[Tango Table] dataSource 和 columns 不能同时为空，请至少提供一项。");
-  const v = {
-    empty: S("table.empty", ve.empty),
-    prev: S("table.prev", ve.prev),
-    next: S("table.next", ve.next),
-    page: S("table.page", ve.page),
-    total: S("table.total", ve.total),
-    perPage: S("table.perPage", ve.perPage),
-    ...P
-  }, x = Array.isArray(i) ? i : typeof i == "string" ? [i] : [], C = Se(
+  const y = {
+    empty: O("table.empty", ve.empty),
+    prev: O("table.prev", ve.prev),
+    next: O("table.next", ve.next),
+    page: O("table.page", ve.page),
+    total: O("table.total", ve.total),
+    perPage: O("table.perPage", ve.perPage),
+    ...w
+  }, x = Array.isArray(i) ? i : typeof i == "string" ? [i] : [], T = Se(
     () => r.filter((J) => !J.hide && !x.includes(J.dataIndex)),
     [r, x]
-  ), m = a !== null && a !== !1, y = a && a.placement || "bottom", z = a && a.pageSize || Rr, A = a && a.pageSizeOptions || Vr, $ = (a == null ? void 0 : a.showTotal) !== !1, _ = (a == null ? void 0 : a.showSizeChanger) !== !1, [T, N] = Z(1), [k, U] = Z(z), j = o.length, B = Math.max(1, Math.ceil(j / k)), M = Math.min(T, B), F = Se(() => {
-    if (!m) return o;
-    const J = (M - 1) * k;
-    return o.slice(J, J + k);
-  }, [o, M, k, m]), H = oe(
-    (J) => N(Math.max(1, Math.min(J, B))),
-    [B]
-  ), K = W(n, Dr), G = b({
-    baseClassName: E(
+  ), p = a !== null && a !== !1, S = a && a.placement || "bottom", _ = a && a.pageSize || Rr, M = a && a.pageSizeOptions || Vr, B = (a == null ? void 0 : a.showTotal) !== !1, A = (a == null ? void 0 : a.showSizeChanger) !== !1, [k, N] = Z(1), [L, W] = Z(_), D = o.length, E = Math.max(1, Math.ceil(D / L)), $ = Math.min(k, E), z = Se(() => {
+    if (!p) return o;
+    const J = ($ - 1) * L;
+    return o.slice(J, J + L);
+  }, [o, $, L, p]), U = oe(
+    (J) => N(Math.max(1, Math.min(J, E))),
+    [E]
+  ), K = H(n, Dr), G = b({
+    baseClassName: I(
       "w-full overflow-x-auto rounded-xl border border-[var(--border)]",
       "shadow-[0_0_20px_color-mix(in_oklch,var(--foreground)_8%,transparent)]"
     ),
     className: l,
     style: c,
     sxSlot: {
-      tw: E(K.root.tw, K.wrapper.tw),
+      tw: I(K.root.tw, K.wrapper.tw),
       css: { ...K.root.css, ...K.wrapper.css }
     }
   }), R = b({
@@ -3350,88 +3391,88 @@ function Yr(e) {
   }), be = b({
     baseClassName: "flex items-center justify-between px-4 py-3 text-sm text-[var(--muted-foreground)] border-t border-[var(--border)]",
     sxSlot: K.pagination
-  }), ge = f ? /* @__PURE__ */ s("style", { children: `
+  }), ge = g ? /* @__PURE__ */ s("style", { children: `
       [data-tango-table-body] tr:hover {
-        background-color: ${f} !important;
+        background-color: ${g} !important;
         transform: translateY(-1px);
         box-shadow: 0 2px 8px color-mix(in oklch, var(--foreground) 5%, transparent);
       }
     ` }) : null, fe = () => {
-    if (!m) return null;
-    const J = Array.from({ length: B }, (I, q) => q + 1);
-    return /* @__PURE__ */ L("div", { className: be.className, style: be.style, children: [
-      /* @__PURE__ */ L("div", { className: "flex items-center gap-3", children: [
-        $ && /* @__PURE__ */ s("span", { children: v.total.replace("{total}", String(j)) }),
-        _ && /* @__PURE__ */ s(
+    if (!p) return null;
+    const J = Array.from({ length: E }, (j, q) => q + 1);
+    return /* @__PURE__ */ P("div", { className: be.className, style: be.style, children: [
+      /* @__PURE__ */ P("div", { className: "flex items-center gap-3", children: [
+        B && /* @__PURE__ */ s("span", { children: y.total.replace("{total}", String(D)) }),
+        A && /* @__PURE__ */ s(
           "select",
           {
-            value: k,
-            onChange: (I) => {
-              U(Number(I.target.value)), N(1);
+            value: L,
+            onChange: (j) => {
+              W(Number(j.target.value)), N(1);
             },
             className: "rounded border border-[var(--border)] bg-[var(--background)] px-2 py-1 text-sm cursor-pointer",
-            "aria-label": v.perPage,
-            children: A.map((I) => /* @__PURE__ */ L("option", { value: I, children: [
-              I,
+            "aria-label": y.perPage,
+            children: M.map((j) => /* @__PURE__ */ P("option", { value: j, children: [
+              j,
               " ",
-              v.perPage
-            ] }, I))
+              y.perPage
+            ] }, j))
           }
         )
       ] }),
-      /* @__PURE__ */ L("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ P("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            onClick: () => H(M - 1),
-            disabled: M <= 1,
+            onClick: () => U($ - 1),
+            disabled: $ <= 1,
             className: "px-2 py-1 rounded border border-[var(--border)] text-xs disabled:opacity-40 disabled:cursor-not-allowed hover:bg-[var(--accent)] transition-colors",
-            "aria-label": v.prev,
-            children: v.prev
+            "aria-label": y.prev,
+            children: y.prev
           }
         ),
-        J.length <= 7 ? J.map((I) => /* @__PURE__ */ s(
+        J.length <= 7 ? J.map((j) => /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            onClick: () => H(I),
-            className: `min-w-[28px] px-2 py-1 rounded text-xs transition-colors ${I === M ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"}`,
-            children: I
+            onClick: () => U(j),
+            className: `min-w-[28px] px-2 py-1 rounded text-xs transition-colors ${j === $ ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"}`,
+            children: j
           },
-          I
-        )) : /* @__PURE__ */ L(Ne, { children: [
+          j
+        )) : /* @__PURE__ */ P(Ne, { children: [
           /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              onClick: () => H(1),
-              className: `min-w-[28px] px-2 py-1 rounded text-xs ${M === 1 ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
+              onClick: () => U(1),
+              className: `min-w-[28px] px-2 py-1 rounded text-xs ${$ === 1 ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
               children: "1"
             }
           ),
-          M > 3 && /* @__PURE__ */ s("span", { className: "px-1 text-xs", children: "…" }),
+          $ > 3 && /* @__PURE__ */ s("span", { className: "px-1 text-xs", children: "…" }),
           Array.from(
-            { length: B },
-            (I, q) => q + 1
-          ).filter((I) => I > 1 && I < B && Math.abs(I - M) <= 1).map((I) => /* @__PURE__ */ s(
+            { length: E },
+            (j, q) => q + 1
+          ).filter((j) => j > 1 && j < E && Math.abs(j - $) <= 1).map((j) => /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              onClick: () => H(I),
-              className: `min-w-[28px] px-2 py-1 rounded text-xs ${I === M ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
-              children: I
+              onClick: () => U(j),
+              className: `min-w-[28px] px-2 py-1 rounded text-xs ${j === $ ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
+              children: j
             },
-            I
+            j
           )),
-          M < B - 2 && /* @__PURE__ */ s("span", { className: "px-1 text-xs", children: "…" }),
+          $ < E - 2 && /* @__PURE__ */ s("span", { className: "px-1 text-xs", children: "…" }),
           /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              onClick: () => H(B),
-              className: `min-w-[28px] px-2 py-1 rounded text-xs ${M === B ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
-              children: B
+              onClick: () => U(E),
+              className: `min-w-[28px] px-2 py-1 rounded text-xs ${$ === E ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
+              children: E
             }
           )
         ] }),
@@ -3439,66 +3480,66 @@ function Yr(e) {
           "button",
           {
             type: "button",
-            onClick: () => H(M + 1),
-            disabled: M >= B,
+            onClick: () => U($ + 1),
+            disabled: $ >= E,
             className: "px-2 py-1 rounded border border-[var(--border)] text-xs disabled:opacity-40 disabled:cursor-not-allowed hover:bg-[var(--accent)] transition-colors",
-            "aria-label": v.next,
-            children: v.next
+            "aria-label": y.next,
+            children: y.next
           }
         )
       ] })
     ] });
-  }, X = (J) => /* @__PURE__ */ L("div", { className: G.className, style: G.style, children: [
+  }, X = (J) => /* @__PURE__ */ P("div", { className: G.className, style: G.style, children: [
     ge,
-    /* @__PURE__ */ L("table", { className: "w-full border-collapse separate border-spacing-0 text-sm", role: "table", children: [
-      /* @__PURE__ */ s("thead", { className: R.className, style: R.style, children: /* @__PURE__ */ s("tr", { children: C.map((I) => {
+    /* @__PURE__ */ P("table", { className: "w-full border-collapse separate border-spacing-0 text-sm", role: "table", children: [
+      /* @__PURE__ */ s("thead", { className: R.className, style: R.style, children: /* @__PURE__ */ s("tr", { children: T.map((j) => {
         const q = b({
-          baseClassName: E(
+          baseClassName: I(
             "px-5 py-4 text-left font-semibold tracking-wide relative",
             K.headerCell.tw
           ),
-          baseStyle: I.width ? { width: I.width } : {},
+          baseStyle: j.width ? { width: j.width } : {},
           sxSlot: { tw: "", css: K.headerCell.css }
         });
-        return /* @__PURE__ */ L("th", { className: q.className, style: q.style, children: [
-          I.title,
+        return /* @__PURE__ */ P("th", { className: q.className, style: q.style, children: [
+          j.title,
           /* @__PURE__ */ s("span", { className: "absolute right-0 top-[20%] h-[60%] w-px bg-[var(--primary-foreground)]/15 last:hidden" })
-        ] }, I.key || I.dataIndex);
+        ] }, j.key || j.dataIndex);
       }) }) }),
-      /* @__PURE__ */ s("tbody", { className: Q.className, style: Q.style, "data-tango-table-body": !0, children: J.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: C.length, className: ue.className, style: ue.style, children: v.empty }) }) : J.map((I, q) => {
-        const le = q % 2 === 0 ? "even" : "odd", re = E(
+      /* @__PURE__ */ s("tbody", { className: Q.className, style: Q.style, "data-tango-table-body": !0, children: J.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: T.length, className: ue.className, style: ue.style, children: y.empty }) }) : J.map((j, q) => {
+        const le = q % 2 === 0 ? "even" : "odd", re = I(
           "transition-all duration-200",
           le === "even" ? "bg-[color-mix(in_oklch,var(--table-hover)_6%,transparent)]" : "",
           "hover:bg-[color-mix(in_oklch,var(--table-hover)_20%,transparent)]",
           K.row.tw,
-          Ae(u, I, q, le)
-        ), se = {
-          ...Ae(h, I, q, le),
+          Me(u, j, q, le)
+        ), ae = {
+          ...Me(h, j, q, le),
           ...K.row.css
         };
-        return /* @__PURE__ */ s("tr", { className: re, style: se, children: C.map((g, V) => {
-          const ee = V % 2 === 0 ? "even" : "odd", ce = E(
+        return /* @__PURE__ */ s("tr", { className: re, style: ae, children: T.map((f, V) => {
+          const ee = V % 2 === 0 ? "even" : "odd", ce = I(
             "px-5 py-3.5 text-left relative",
             "border-b border-[color-mix(in_oklch,var(--foreground)_5%,transparent)]",
             K.cell.tw,
-            Ae(d, I, g, q, V, le, ee)
+            Me(m, j, f, q, V, le, ee)
           ), pe = {
-            ...g.width ? { width: g.width } : {},
-            ...Ae(p, I, g, q, V, le, ee),
+            ...f.width ? { width: f.width } : {},
+            ...Me(d, j, f, q, V, le, ee),
             ...K.cell.css
           };
-          return /* @__PURE__ */ L("td", { className: ce, style: pe, children: [
-            /* @__PURE__ */ s("div", { className: "flex items-center min-h-5", children: g.render ? g.render(I[g.dataIndex], I, q) : I[g.dataIndex] }),
+          return /* @__PURE__ */ P("td", { className: ce, style: pe, children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center min-h-5", children: f.render ? f.render(j[f.dataIndex], j, q) : j[f.dataIndex] }),
             /* @__PURE__ */ s("span", { className: "absolute right-0 top-[20%] h-[60%] w-px bg-[color-mix(in_oklch,var(--foreground)_4%,transparent)] last:hidden" })
-          ] }, g.key || g.dataIndex || V);
-        }) }, I.key || q);
+          ] }, f.key || f.dataIndex || V);
+        }) }, j.key || q);
       }) })
     ] })
   ] });
-  return /* @__PURE__ */ L("div", { role: "region", "aria-label": O || "Table", ...D, children: [
-    m && y === "top" && fe(),
-    X(F),
-    m && y === "bottom" && fe()
+  return /* @__PURE__ */ P("div", { role: "region", "aria-label": C || "Table", ...F, children: [
+    p && S === "top" && fe(),
+    X(z),
+    p && S === "bottom" && fe()
   ] });
 }
 Yr.propTypes = {
@@ -3538,18 +3579,18 @@ Yr.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-const Kr = ["root", "tooltip"], Tt = {
+const Kr = ["root", "tooltip"], kt = {
   top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
   bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
   left: "right-full top-1/2 -translate-y-1/2 mr-2",
   right: "left-full top-1/2 -translate-y-1/2 ml-2"
-}, Ur = {
+}, Wr = {
   top: { bottom: "-5px", left: "50%", marginLeft: "-5px", transform: "rotate(45deg)" },
   bottom: { top: "-5px", left: "50%", marginLeft: "-5px", transform: "rotate(45deg)" },
   left: { right: "-5px", top: "50%", marginTop: "-5px", transform: "rotate(45deg)" },
   right: { left: "-5px", top: "50%", marginTop: "-5px", transform: "rotate(45deg)" }
 };
-function Hr(e, o) {
+function Ur(e, o) {
   const {
     children: r,
     title: n,
@@ -3559,68 +3600,68 @@ function Hr(e, o) {
     onOpenChange: i,
     disabled: u = !1,
     sx: h = {},
-    style: d = {},
-    className: p = "",
-    onMouseEnter: f,
-    onMouseLeave: w,
-    onFocus: P,
-    onBlur: O,
-    ...D
-  } = e, [S, v] = Z(a), x = l !== void 0, C = x ? l : S, m = oe((k) => {
-    x || v(k), i == null || i(k);
-  }, [x, i]), y = Tt[c] ? c : "top", z = W(h, Kr), A = b({
+    style: m = {},
+    className: d = "",
+    onMouseEnter: g,
+    onMouseLeave: v,
+    onFocus: w,
+    onBlur: C,
+    ...F
+  } = e, [O, y] = Z(a), x = l !== void 0, T = x ? l : O, p = oe((L) => {
+    x || y(L), i == null || i(L);
+  }, [x, i]), S = kt[c] ? c : "top", _ = H(h, Kr), M = b({
     baseClassName: "relative inline-flex",
-    sxSlot: z.root
-  }), $ = b({
-    baseClassName: E(
+    sxSlot: _.root
+  }), B = b({
+    baseClassName: I(
       "absolute z-50 whitespace-nowrap px-3 py-1.5 text-sm",
       "bg-[var(--tooltip-background)] text-[var(--tooltip-foreground)]",
       "shadow-[var(--tooltip-shadow)]",
-      Tt[y]
+      kt[S]
     ),
-    className: p,
+    className: d,
     baseStyle: { borderRadius: "var(--tooltip-radius)" },
-    sxSlot: z.tooltip,
-    style: d
-  }), _ = {
+    sxSlot: _.tooltip,
+    style: m
+  }), A = {
     position: "absolute",
     width: "10px",
     height: "10px",
     backgroundColor: "inherit",
-    ...Ur[y]
-  }, T = () => !u && m(!0), N = () => !u && m(!1);
-  return /* @__PURE__ */ L(
+    ...Wr[S]
+  }, k = () => !u && p(!0), N = () => !u && p(!1);
+  return /* @__PURE__ */ P(
     "div",
     {
       ref: o,
-      className: A.className,
-      style: A.style,
-      onMouseEnter: (k) => {
-        T(), f == null || f(k);
+      className: M.className,
+      style: M.style,
+      onMouseEnter: (L) => {
+        k(), g == null || g(L);
       },
-      onMouseLeave: (k) => {
-        N(), w == null || w(k);
+      onMouseLeave: (L) => {
+        N(), v == null || v(L);
       },
-      onFocus: (k) => {
-        T(), P == null || P(k);
+      onFocus: (L) => {
+        k(), w == null || w(L);
       },
-      onBlur: (k) => {
-        N(), O == null || O(k);
+      onBlur: (L) => {
+        N(), C == null || C(L);
       },
-      ...D,
+      ...F,
       children: [
         r,
-        C && n && /* @__PURE__ */ L("div", { role: "tooltip", className: $.className, style: $.style, children: [
+        T && n && /* @__PURE__ */ P("div", { role: "tooltip", className: B.className, style: B.style, children: [
           /* @__PURE__ */ s("span", { style: { position: "relative", zIndex: 1 }, children: n }),
-          /* @__PURE__ */ s("span", { style: _ })
+          /* @__PURE__ */ s("span", { style: A })
         ] })
       ]
     }
   );
 }
-const Dt = te.forwardRef(Hr);
-Dt.displayName = "Tooltip";
-Dt.propTypes = {
+const Rt = te.forwardRef(Ur);
+Rt.displayName = "Tooltip";
+Rt.propTypes = {
   children: t.node,
   title: t.node,
   placement: t.oneOf(["top", "bottom", "left", "right"]),
@@ -3636,8 +3677,8 @@ Dt.propTypes = {
   onFocus: t.func,
   onBlur: t.func
 };
-ie.MaterialButton = Ze;
-Xe.MaterialInput = Ge;
+ie.MaterialButton = Ge;
+qe.MaterialInput = Xe;
 ne.Header = Xo;
 ne.Footer = qo;
 ne.Sider = Jo;
@@ -3653,18 +3694,18 @@ export {
   Tr as Drawer,
   qo as Footer,
   Xo as Header,
-  Xe as Input,
+  qe as Input,
   ne as Layout,
-  $t as Line,
-  Bt as Mark,
-  Ze as MaterialButton,
-  Ge as MaterialInput,
+  Bt as Line,
+  It as Mark,
+  Ge as MaterialButton,
+  Xe as MaterialInput,
   Ar as Modal,
-  We as Notice,
+  Ze as Notice,
   es as NoticeProvider,
   Ir as Search,
   Jo as Sider,
-  Ft as Space,
+  Dt as Space,
   Yr as Table,
   sr as TangoBanner,
   dr as TangoColorPicker,
@@ -3673,19 +3714,19 @@ export {
   Tr as TangoDrawer,
   os as TangoI18nProvider,
   Ar as TangoModal,
-  We as TangoNotice,
+  Ze as TangoNotice,
   Ir as TangoSearch,
-  Dt as TangoTooltip,
+  Rt as TangoTooltip,
   Jr as ThemeProvider,
   er as Toc,
-  Dt as Tooltip,
-  qe as Upload,
+  Rt as Tooltip,
+  Je as Upload,
   b as createSlotProps,
-  E as mergeTwClassNames,
-  W as normalizeSxSlots,
-  ze as normalizeTangoLocale,
+  I as mergeTwClassNames,
+  H as normalizeSxSlots,
+  Ee as normalizeTangoLocale,
   ts as useNotice,
   de as useTangoI18n,
-  Me as useTangoStyle,
+  ze as useTangoStyle,
   Qr as useTheme
 };