tango-ui-cw 1.0.1 → 1.0.3

package/dist/index.js

@@ -1,17 +1,17 @@
 'use client';
-import { jsx as s, jsxs as k, Fragment as Ne } from "react/jsx-runtime";
-import Q, { useState as G, useRef as $e, useEffect as le, useContext as Ue, createContext as He, forwardRef as Tt, useCallback as oe, useMemo as Se, useId as Yt } from "react";
-import { createPortal as Kt } from "react-dom";
+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 { createPortal as Ut } from "react-dom";
 import t from "prop-types";
-import { twMerge as Ut } from "tailwind-merge";
-const Qe = "tango:theme", et = "tango:themeTokens", Ht = "light", Wt = [
+import { twMerge as Ht } from "tailwind-merge";
+const Qe = "tango:theme", et = "tango:themeTokens", Wt = "light", Zt = [
   "primary",
   "input-accent",
   "modal-ok-bg",
   "drawer-ok-bg",
   "datepicker-confirm-bg"
-], kt = He(null), Lt = () => typeof window < "u", tt = (e, o) => {
-  if (!Lt())
+], Lt = He(null), Pt = () => typeof window < "u", tt = (e, o) => {
+  if (!Pt())
     return o;
   try {
     const r = window.localStorage.getItem(e);
@@ -20,44 +20,44 @@ const Qe = "tango:theme", et = "tango:themeTokens", Ht = "light", Wt = [
     return o;
   }
 }, ot = (e, o) => {
-  if (Lt())
+  if (Pt())
     try {
       window.localStorage.setItem(e, JSON.stringify(o));
     } catch {
     }
 };
 function Jr({ children: e }) {
-  const [o, r] = G(() => tt(Qe, Ht) === "dark" ? "dark" : "light"), [n, c] = G(
+  const [o, r] = Z(() => tt(Qe, Wt) === "dark" ? "dark" : "light"), [n, c] = Z(
     () => tt(et, {})
   ), l = $e(/* @__PURE__ */ new Set());
-  le(() => {
+  ae(() => {
     typeof document > "u" || (document.documentElement.dataset.theme = o);
-  }, [o]), le(() => {
+  }, [o]), ae(() => {
     ot(Qe, o);
-  }, [o]), le(() => {
+  }, [o]), ae(() => {
     if (typeof document > "u")
       return;
     const d = document.documentElement, p = new Set(Object.keys(n));
-    l.current.forEach((g) => {
-      p.has(g) || d.style.removeProperty(`--${g}`);
-    }), Object.entries(n).forEach(([g, v]) => {
-      v == null || v === "" ? d.style.removeProperty(`--${g}`) : d.style.setProperty(`--${g}`, String(v));
+    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 g = typeof d == "function" ? d(p) : d;
+      const f = typeof d == "function" ? d(p) : d;
       return {
         ...p,
-        ...g || {}
+        ...f || {}
       };
     });
-  }, i = (d, p = Wt) => {
-    a((g) => {
-      const v = { ...g };
-      return p.forEach((L) => {
-        v[L] = d;
-      }), v;
+  }, i = (d, p = Zt) => {
+    a((f) => {
+      const w = { ...f };
+      return p.forEach((P) => {
+        w[P] = d;
+      }), w;
     });
   }, u = () => {
     c({});
@@ -65,7 +65,7 @@ function Jr({ children: e }) {
     r((d) => d === "dark" ? "light" : "dark");
   };
   return /* @__PURE__ */ s(
-    kt.Provider,
+    Lt.Provider,
     {
       value: {
         theme: o,
@@ -81,9 +81,9 @@ function Jr({ children: e }) {
   );
 }
 function Qr() {
-  return Ue(kt);
+  return Ue(Lt);
 }
-const Zt = /* @__PURE__ */ new Set([
+const Gt = /* @__PURE__ */ new Set([
   "root",
   "slots",
   "tw",
@@ -93,75 +93,75 @@ const Zt = /* @__PURE__ */ new Set([
 ]), Ee = {
   tw: "",
   css: {}
-}, ye = (e) => typeof e == "object" && e !== null && !Array.isArray(e), V = (e, o = "px") => typeof e == "number" ? `${e}${o}` : e, he = (e) => typeof e == "string" && e.startsWith("$") ? `var(--${e.slice(1)})` : e, Gt = (e) => e.includes("-") ? e.replace(/-([a-z])/g, (o, r) => r.toUpperCase()) : e, Xt = (e) => /(color|background|border|fill|stroke|shadow)$/i.test(e), qt = {
+}, 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 = {
   mt: (e, o) => {
-    e.marginTop = V(o);
+    e.marginTop = Y(o);
   },
   mr: (e, o) => {
-    e.marginRight = V(o);
+    e.marginRight = Y(o);
   },
   mb: (e, o) => {
-    e.marginBottom = V(o);
+    e.marginBottom = Y(o);
   },
   ml: (e, o) => {
-    e.marginLeft = V(o);
+    e.marginLeft = Y(o);
   },
   mx: (e, o) => {
-    e.marginLeft = V(o), e.marginRight = V(o);
+    e.marginLeft = Y(o), e.marginRight = Y(o);
   },
   my: (e, o) => {
-    e.marginTop = V(o), e.marginBottom = V(o);
+    e.marginTop = Y(o), e.marginBottom = Y(o);
   },
   m: (e, o) => {
-    e.margin = V(o);
+    e.margin = Y(o);
   },
   pt: (e, o) => {
-    e.paddingTop = V(o);
+    e.paddingTop = Y(o);
   },
   pr: (e, o) => {
-    e.paddingRight = V(o);
+    e.paddingRight = Y(o);
   },
   pb: (e, o) => {
-    e.paddingBottom = V(o);
+    e.paddingBottom = Y(o);
   },
   pl: (e, o) => {
-    e.paddingLeft = V(o);
+    e.paddingLeft = Y(o);
   },
   px: (e, o) => {
-    e.paddingLeft = V(o), e.paddingRight = V(o);
+    e.paddingLeft = Y(o), e.paddingRight = Y(o);
   },
   py: (e, o) => {
-    e.paddingTop = V(o), e.paddingBottom = V(o);
+    e.paddingTop = Y(o), e.paddingBottom = Y(o);
   },
   p: (e, o) => {
-    e.padding = V(o);
+    e.padding = Y(o);
   },
   g: (e, o) => {
-    e.gap = V(o);
+    e.gap = Y(o);
   },
   rg: (e, o) => {
-    e.rowGap = V(o);
+    e.rowGap = Y(o);
   },
   cg: (e, o) => {
-    e.columnGap = V(o);
+    e.columnGap = Y(o);
   },
   w: (e, o) => {
-    e.width = V(o);
+    e.width = Y(o);
   },
   h: (e, o) => {
-    e.height = V(o);
+    e.height = Y(o);
   },
   mw: (e, o) => {
-    e.minWidth = V(o);
+    e.minWidth = Y(o);
   },
   mh: (e, o) => {
-    e.minHeight = V(o);
+    e.minHeight = Y(o);
   },
   maxw: (e, o) => {
-    e.maxWidth = V(o);
+    e.maxWidth = Y(o);
   },
   maxh: (e, o) => {
-    e.maxHeight = V(o);
+    e.maxHeight = Y(o);
   },
   vw: (e, o) => {
     e.width = typeof o == "number" ? `${o}vw` : o;
@@ -176,7 +176,7 @@ const Zt = /* @__PURE__ */ new Set([
     e.height = typeof o == "number" ? `${o}%` : o;
   },
   size: (e, o) => {
-    e.fontSize = V(o);
+    e.fontSize = Y(o);
   },
   fw: (e, o) => {
     e.fontWeight = o;
@@ -197,10 +197,10 @@ const Zt = /* @__PURE__ */ new Set([
     e.textAlign = "left";
   },
   lh: (e, o) => {
-    e.lineHeight = V(o);
+    e.lineHeight = Y(o);
   },
   ls: (e, o) => {
-    e.letterSpacing = V(o);
+    e.letterSpacing = Y(o);
   },
   c: (e, o) => {
     e.color = he(o);
@@ -215,10 +215,10 @@ const Zt = /* @__PURE__ */ new Set([
     e.border = o === 1 ? "1px solid var(--border)" : he(o);
   },
   br: (e, o) => {
-    e.borderRadius = V(o);
+    e.borderRadius = Y(o);
   },
   bw: (e, o) => {
-    e.borderWidth = V(o);
+    e.borderWidth = Y(o);
   },
   bs: (e, o) => {
     e.borderStyle = o;
@@ -254,19 +254,19 @@ const Zt = /* @__PURE__ */ new Set([
     e.position = "absolute", e.inset = 0, e.margin = "auto";
   },
   inset: (e, o) => {
-    e.inset = V(o);
+    e.inset = Y(o);
   },
   top: (e, o) => {
-    e.top = V(o);
+    e.top = Y(o);
   },
   right: (e, o) => {
-    e.right = V(o);
+    e.right = Y(o);
   },
   bottom: (e, o) => {
-    e.bottom = V(o);
+    e.bottom = Y(o);
   },
   left: (e, o) => {
-    e.left = V(o);
+    e.left = Y(o);
   },
   z: (e, o) => {
     e.zIndex = o;
@@ -365,16 +365,16 @@ const Zt = /* @__PURE__ */ new Set([
     e.visibility = "visible";
   }
 }, Me = (e = {}) => ye(e) ? Object.entries(e).reduce((o, [r, n]) => {
-  if (Zt.has(r))
+  if (Gt.has(r))
     return o;
-  const c = qt[r];
+  const c = Jt[r];
   if (c)
     return c(o, n), o;
-  const l = Gt(r), a = typeof n == "string" && (n.startsWith("$") || Xt(l)) ? he(n) : n;
+  const l = Xt(r), a = typeof n == "string" && (n.startsWith("$") || qt(l)) ? he(n) : n;
   return o[l] = a, o;
 }, {}) : {}, E = (...e) => {
   const o = e.filter(Boolean).join(" ").trim();
-  return o ? Ut(o) : "";
+  return o ? Ht(o) : "";
 }, Pe = (e) => {
   if (typeof e == "string")
     return { tw: e, css: {} };
@@ -393,18 +393,18 @@ const Zt = /* @__PURE__ */ new Set([
       ...c
     }
   };
-}, Jt = (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, Qt = (e) => {
+}, 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;
-}, H = (e, o = ["root"]) => {
-  const r = Qt(o);
+}, W = (e, o = ["root"]) => {
+  const r = eo(o);
   if (typeof e == "string")
     return r.root.tw = e, r;
   if (!ye(e))
     return r;
-  if (!Jt(e, o))
+  if (!Qt(e, o))
     return r.root.css = Me(e), r;
   const n = Pe({
     tw: [e.className, e.tw].filter(Boolean).join(" "),
@@ -444,7 +444,7 @@ const Zt = /* @__PURE__ */ new Set([
     ...c.css || {},
     ...n || {}
   }
-}), eo = ["root", "icon", "content"], rt = {
+}), to = ["root", "icon", "content"], rt = {
   success: "text-[var(--notice-success-text)]",
   fail: "text-[var(--notice-fail-text)]",
   caution: "text-[var(--notice-caution-text)]"
@@ -458,7 +458,7 @@ const Zt = /* @__PURE__ */ new Set([
     enter: "animate-[noticeSlideFromBottom_0.3s_ease-out_forwards]"
   }
 };
-function to(e, o) {
+function oo(e, o) {
   const {
     type: r = "success",
     icon: n,
@@ -470,43 +470,43 @@ function to(e, o) {
     style: h = {},
     className: d = "",
     ...p
-  } = e, [g, v] = G(!1), L = rt[r] ? r : "success", O = st[l] ? l : "default", j = H(u, eo), w = oe(() => {
-    v(!0);
-    const M = setTimeout(() => i == null ? void 0 : i(), 300);
-    return () => clearTimeout(M);
+  } = 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);
   }, [i]);
-  le(() => {
+  ae(() => {
     if (!i || a <= 0) return;
-    const M = setTimeout(w, a);
-    return () => clearTimeout(M);
-  }, [i, a, w]);
-  const S = st[O], x = O === "default" ? "animate-[noticeSlideUpFade_0.3s_ease-in_forwards]" : "animate-[noticeSlideToBottom_0.3s_ease-in_forwards]", _ = b({
+    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(
       "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)]",
-      S.base,
-      g ? x : S.enter,
-      O === "md" && rt[L]
+      v.base,
+      f ? x : v.enter,
+      O === "md" && rt[P]
     ),
     className: d,
-    sxSlot: j.root,
+    sxSlot: D.root,
     baseStyle: { borderRadius: "var(--notice-radius)" },
     style: h
   }), m = b({
     baseClassName: "flex-shrink-0 text-[var(--notice-foreground)]",
-    sxSlot: j.icon
+    sxSlot: D.icon
   }), y = b({
     baseClassName: "inline-block",
-    sxSlot: j.content
+    sxSlot: D.content
   });
-  return /* @__PURE__ */ k("div", { ref: o, role: "alert", className: _.className, style: _.style, ...p, children: [
+  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 })
   ] });
 }
-const We = Tt(to);
+const We = kt(oo);
 We.displayName = "Notice";
 We.propTypes = {
   type: t.oneOf(["success", "fail", "caution"]),
@@ -519,19 +519,19 @@ We.propTypes = {
   style: t.object,
   className: t.string
 };
-const Pt = He(null), oo = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: /* @__PURE__ */ s(
+const Ot = 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",
     fill: "var(--notice-success-text)"
   }
-) }), ro = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: /* @__PURE__ */ s(
+) }), so = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: /* @__PURE__ */ s(
   "path",
   {
     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)"
   }
-) }), so = /* @__PURE__ */ k("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: [
+) }), ao = /* @__PURE__ */ L("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: [
   /* @__PURE__ */ s(
     "path",
     {
@@ -553,10 +553,10 @@ const Pt = He(null), oo = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", w
       fill: "var(--notice-fail-text)"
     }
   )
-] }), ao = { success: oo, fail: ro, caution: so };
+] }), no = { success: ro, fail: so, caution: ao };
 function es({ children: e }) {
-  const [o, r] = G([]), [n, c] = G(!1);
-  le(() => {
+  const [o, r] = Z([]), [n, c] = Z(!1);
+  ae(() => {
     c(!0);
   }, []);
   const l = oe((i) => {
@@ -565,25 +565,25 @@ function es({ children: e }) {
     const d = Date.now() + Math.random();
     r((p) => [
       ...p,
-      { id: d, type: i, message: u, variant: h, icon: ao[i] }
+      { id: d, type: i, message: u, variant: h, icon: no[i] }
     ]);
   }, []);
-  return /* @__PURE__ */ k(Pt.Provider, { value: { add: a, remove: l }, children: [
+  return /* @__PURE__ */ L(Ot.Provider, { value: { add: a, remove: l }, children: [
     e,
-    n && Kt(
+    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)) }),
       document.body
     )
   ] });
 }
-function no() {
-  const e = Ue(Pt);
+function lo() {
+  const e = Ue(Ot);
   if (!e)
     throw new Error("useNotice must be used inside <NoticeProvider />");
   return e;
 }
 function ts() {
-  const { add: e } = no();
+  const { add: e } = lo();
   return {
     success: (o) => e("success", o),
     fail: (o) => e("fail", o),
@@ -595,7 +595,7 @@ function ts() {
     }
   };
 }
-const _t = "tango:locale", xe = "zh-CN", lo = {
+const _t = "tango:locale", xe = "zh-CN", co = {
   zh: "zh-CN",
   ZH: "zh-CN",
   "zh-CN": "zh-CN",
@@ -608,7 +608,7 @@ const _t = "tango:locale", xe = "zh-CN", lo = {
   "en-us": "en-US",
   us: "en-US",
   US: "en-US"
-}, Ot = {
+}, At = {
   "zh-CN": {
     button: {
       default: "按钮",
@@ -776,21 +776,21 @@ const _t = "tango:locale", xe = "zh-CN", lo = {
     }
   }
 }, Ke = () => {
-}, At = He({
+}, Mt = He({
   locale: xe,
   setLocale: Ke,
   toggleLocale: Ke,
-  messages: Ot,
+  messages: At,
   t: (e, o = "") => o
-}), at = (e) => typeof e == "object" && e !== null && !Array.isArray(e), Mt = (e, o) => {
+}), at = (e) => typeof e == "object" && e !== null && !Array.isArray(e), zt = (e, o) => {
   const r = { ...e };
   return Object.entries(o || {}).forEach(([n, c]) => {
-    at(c) && at(r[n]) ? r[n] = Mt(r[n], c) : r[n] = c;
+    at(c) && at(r[n]) ? r[n] = zt(r[n], c) : r[n] = c;
   }), r;
-}, co = (e, o) => o.split(".").reduce((r, n) => {
+}, 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 : lo[e] || e, io = () => {
+}, e), ze = (e) => typeof e != "string" || !e.trim() ? xe : co[e] || e, uo = () => {
   if (typeof window > "u")
     return xe;
   try {
@@ -807,13 +807,13 @@ function os({
   onLocaleChange: n = Ke,
   messages: c = {}
 }) {
-  const l = ze(r), a = o == null ? null : ze(o), [i, u] = G(
-    () => io() || l
-  ), h = a || i, d = (L) => {
-    const O = ze(L);
+  const l = ze(r), a = o == null ? null : ze(o), [i, u] = Z(
+    () => uo() || l
+  ), h = a || i, d = (P) => {
+    const O = ze(P);
     a == null && u(O), n(O);
   };
-  le(() => {
+  ae(() => {
     if (!(typeof window > "u"))
       try {
         window.localStorage.setItem(_t, h);
@@ -821,40 +821,40 @@ function os({
       }
   }, [h]);
   const p = Se(
-    () => Mt(Ot, c),
+    () => zt(At, c),
     [c]
-  ), g = () => {
+  ), f = () => {
     d(h === "zh-CN" ? "en-US" : "zh-CN");
-  }, v = (L, O = "") => {
-    const j = p[h] || p[xe] || {}, w = co(j, L);
-    return w == null || w === "" ? O : String(w);
+  }, w = (P, O = "") => {
+    const D = p[h] || p[xe] || {}, S = io(D, P);
+    return S == null || S === "" ? O : String(S);
   };
   return /* @__PURE__ */ s(
-    At.Provider,
+    Mt.Provider,
     {
       value: {
         locale: h,
         setLocale: d,
-        toggleLocale: g,
+        toggleLocale: f,
         messages: p,
-        t: v
+        t: w
       },
       children: e
     }
   );
 }
-function ie() {
-  return Ue(At);
+function de() {
+  return Ue(Mt);
 }
-const uo = "_materialBtn_wlueu_4", po = "_materialBtnSmall_wlueu_26", mo = "_materialBtnMedium_wlueu_32", bo = "_materialBtnLarge_wlueu_38", fo = "_materialBtnHuge_wlueu_44", go = "_materialBtnDisabled_wlueu_51", ho = "_ripple_wlueu_59", Ce = {
-  materialBtn: uo,
-  materialBtnSmall: po,
-  materialBtnMedium: mo,
-  materialBtnLarge: bo,
+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 = {
+  materialBtn: po,
+  materialBtnSmall: mo,
+  materialBtnMedium: bo,
+  materialBtnLarge: go,
   materialBtnHuge: fo,
-  materialBtnDisabled: go,
-  ripple: ho
-}, yo = ["root", "content", "icon", "loading"], xo = { small: "small", medium: "medium", large: "large", huge: "huge" }, vo = { small: 12, medium: 14, large: 16, huge: 20 }, nt = {
+  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 = {
   default: {
     backgroundColor: "var(--primary)",
     color: "var(--primary-foreground)",
@@ -905,7 +905,7 @@ const uo = "_materialBtn_wlueu_4", po = "_materialBtnSmall_wlueu_26", mo = "_mat
   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", lt = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
+}, 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) {
   const {
     type: o = "default",
@@ -920,87 +920,87 @@ function Ze(e) {
     outline: h = !1,
     icon: d = null,
     iconPosition: p = null,
-    loading: g = !1,
-    i18nKey: v = null,
-    localeText: L = {},
+    loading: f = !1,
+    i18nKey: w = null,
+    localeText: P = {},
     rippleColor: O,
-    "aria-label": j,
-    ...w
-  } = e, { t: S } = ie(), x = $e(null), _ = lt(r, "medium", xo), m = lt(o, "default", nt), y = Co(g), M = To(g), A = u || y, $ = vo[_], P = p === "right" ? "right" : d || y ? "left" : null, T = O ?? "var(--material-button-ripple)", N = {
-    default: S("materialButton.default", De.default),
-    loading: S("materialButton.loading", De.loading),
-    iconAlt: S("materialButton.iconAlt", De.iconAlt),
-    ...L
-  }, U = (v && typeof N[v] == "string" ? N[v] : null) || (v ? S(`materialButton.${v}`, N.default) : N.default), I = y ? N.loading : U, F = i ?? I, B = j || (i == null ? String(F || N.default) : void 0), D = H(n, yo), W = A ? No : h ? So[m] : nt[m], K = Ce[`materialBtn${wo(_)}`], Z = typeof n == "object" ? n : {}, R = D.root.css || {}, re = typeof n == "string" ? n : "", de = [
+    "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 = [
     Ce.materialBtn,
     K,
     A && Ce.materialBtnDisabled,
-    D.root.tw,
-    re,
+    F.root.tw,
+    R,
     l
-  ].filter(Boolean).join(" "), be = {
-    ...W,
-    ...Z,
-    ...R,
+  ].filter(Boolean).join(" "), ge = {
+    ...H,
+    ...ue,
+    ...G,
     ...c
   }, fe = b({
     baseClassName: "inline-flex items-center relative z-[1]",
-    sxSlot: D.content
-  }), se = b({
+    sxSlot: F.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: D.icon
-  }), ee = b({
+    sxSlot: F.icon
+  }), J = b({
     baseClassName: "inline-flex items-center justify-center shrink-0 animate-spin relative z-[1]",
     baseStyle: {
       width: `${$}px`,
       height: `${$}px`,
-      color: M === "light" ? "var(--button-loading-light)" : "var(--button-loading-dark)"
+      color: z === "light" ? "var(--button-loading-light)" : "var(--button-loading-dark)"
     },
-    sxSlot: D.loading
-  }), q = oe(
-    (te) => {
+    sxSlot: F.loading
+  }), I = oe(
+    (re) => {
       if (A) return;
-      const ae = x.current;
-      if (!ae) return;
-      const ue = document.createElement("span"), f = Math.max(ae.clientWidth, ae.clientHeight), Y = f / 2;
-      Object.assign(ue.style, {
-        width: `${f}px`,
-        height: `${f}px`,
-        left: `${te.clientX - ae.getBoundingClientRect().left - Y}px`,
-        top: `${te.clientY - ae.getBoundingClientRect().top - Y}px`
-      }), ue.className = Ce.ripple, ue.style.background = T;
-      const J = ae.querySelector(`.${Ce.ripple}`);
-      J && J.remove(), ae.appendChild(ue);
+      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, {
+        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);
     },
     [A, T]
-  ), z = () => d ? typeof d == "string" ? /* @__PURE__ */ s(
+  ), q = () => d ? typeof d == "string" ? /* @__PURE__ */ s(
     "img",
     {
       src: d,
       alt: N.iconAlt,
-      className: se.className,
-      style: se.style,
+      className: X.className,
+      style: X.style,
       "aria-hidden": "true"
     }
-  ) : Q.isValidElement(d) ? Q.cloneElement(d, {
-    className: E(se.className, d.props.className),
-    style: { ...se.style, ...d.props.style },
+  ) : te.isValidElement(d) ? te.cloneElement(d, {
+    className: E(X.className, d.props.className),
+    style: { ...X.style, ...d.props.style },
     "aria-hidden": !0
   }) : typeof d == "function" ? /* @__PURE__ */ s(
     d,
     {
-      className: se.className,
-      style: se.style,
+      className: X.className,
+      style: X.style,
       "aria-hidden": "true"
     }
-  ) : /* @__PURE__ */ s("span", { className: se.className, style: se.style, "aria-hidden": "true", children: d }) : null, X = () => /* @__PURE__ */ s(
+  ) : /* @__PURE__ */ s("span", { className: X.className, style: X.style, "aria-hidden": "true", children: d }) : null, le = () => /* @__PURE__ */ s(
     "svg",
     {
       viewBox: "0 0 1024 1024",
       role: "presentation",
-      className: ee.className,
-      style: ee.style,
+      className: J.className,
+      style: J.style,
       "aria-hidden": "true",
       children: /* @__PURE__ */ s(
         "path",
@@ -1011,30 +1011,30 @@ function Ze(e) {
       )
     }
   );
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ L(
     "button",
     {
       ref: x,
-      className: de,
-      style: be,
-      onClick: (te) => {
-        q(te), a == null || a(te);
+      className: be,
+      style: ge,
+      onClick: (re) => {
+        I(re), a == null || a(re);
       },
       disabled: A,
-      "aria-label": B,
+      "aria-label": M,
       "data-variant": m,
-      "data-size": _,
-      "data-icon-position": P || void 0,
-      ...w,
+      "data-size": C,
+      "data-icon-position": _ || void 0,
+      ...S,
       children: [
-        P === "left" && /* @__PURE__ */ k(Ne, { children: [
-          y && X(),
-          !y && d && z()
+        _ === "left" && /* @__PURE__ */ L(Ne, { children: [
+          y && le(),
+          !y && d && q()
         ] }),
-        /* @__PURE__ */ s("span", { className: fe.className, style: fe.style, children: F }),
-        P === "right" && /* @__PURE__ */ k(Ne, { children: [
-          y && X(),
-          !y && d && z()
+        /* @__PURE__ */ s("span", { className: fe.className, style: fe.style, children: B }),
+        _ === "right" && /* @__PURE__ */ L(Ne, { children: [
+          y && le(),
+          !y && d && q()
         ] })
       ]
     }
@@ -1086,23 +1086,23 @@ const ko = ["root", "content", "icon", "loading"], Re = {
     iconSize: 20,
     className: "text-[25px] px-[45px] py-[18px] gap-3"
   }
-}, ct = {
+}, it = {
   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)]",
   success: "bg-[var(--success)] text-[var(--success-foreground)] border-transparent hover:shadow-[0_0_0.4em_0_var(--success)]"
-}, Po = "bg-[var(--transparent)]", _o = {
+}, Po = "bg-[var(--transparent)]", Oo = {
   default: "text-[var(--button-outline-foreground)] border-[var(--border)]",
   transparent: "text-[var(--button-outline-foreground)] border-[var(--button-transparent-border)]",
   danger: "text-[var(--destructive)] border-[var(--destructive)]",
   success: "text-[var(--success)] border-[var(--success)]"
-}, Oo = "shadow-[var(--button-enu-shadow)] hover:shadow-[var(--button-enu-hover-shadow)] active:translate-y-px active:shadow-[var(--button-enu-active-shadow)]", Ao = {
+}, _o = "shadow-[var(--button-enu-shadow)] hover:shadow-[var(--button-enu-hover-shadow)] active:translate-y-px active:shadow-[var(--button-enu-active-shadow)]", Ao = {
   default: "bg-[var(--button-enu-bg)] text-[var(--button-enu-fg)] border-transparent",
   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", it = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
-function ce(e) {
+}, 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;
+function ie(e) {
   const {
     type: o = "default",
     size: r = "medium",
@@ -1116,58 +1116,58 @@ function ce(e) {
     outline: h = !1,
     enu: d = !1,
     icon: p = null,
-    iconPosition: g = null,
-    loading: v = !1,
-    i18nKey: L = null,
+    iconPosition: f = null,
+    loading: w = !1,
+    i18nKey: P = null,
     localeText: O = {},
-    "aria-label": j,
-    ...w
-  } = e, { t: S } = ie(), x = it(r, "medium", Ve), _ = it(o, "default", ct), m = zo(v), y = Eo(v), M = u || m, A = Ve[x].iconSize, $ = g === "right" ? "right" : p || m ? "left" : null, P = H(n, ko), T = {
-    default: S("button.default", Re.default),
-    loading: S("button.loading", Re.loading),
-    iconAlt: S("button.iconAlt", Re.iconAlt),
+    "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),
     ...O
-  }, C = (L && typeof T[L] == "string" ? T[L] : null) || (L ? S(`button.${L}`, T.default) : T.default), U = m ? T.loading : C, I = i ?? U, F = j || (i == null ? String(I || T.default) : void 0);
-  let B = ct[_];
-  h && (B = E(
-    B,
+  }, 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,
     Po,
-    _o[_]
-  )), d && (B = E(
-    B,
-    Oo,
-    Ao[_]
+    Oo[C]
+  )), d && (M = E(
+    M,
+    _o,
+    Ao[C]
   ));
-  const D = b({
+  const F = b({
     // 顺序固定为：baseTw -> className -> sx.tw，sx 能稳定覆盖普通 Tailwind。
     baseClassName: E(
       Lo,
       Ve[x].className,
-      B,
-      M && Mo,
+      M,
+      z && Mo,
       m && "cursor-wait"
     ),
     className: l,
     style: c,
-    sxSlot: P.root
-  }), W = b({
+    sxSlot: _.root
+  }), H = b({
     baseClassName: "inline-flex items-center",
-    sxSlot: P.content
+    sxSlot: _.content
   }), K = b({
     baseClassName: "inline-flex items-center justify-center shrink-0 transition-all duration-300",
     baseStyle: {
       width: `${A}px`,
       height: `${A}px`
     },
-    sxSlot: P.icon
-  }), Z = b({
+    sxSlot: _.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)"
     },
-    sxSlot: P.loading
+    sxSlot: _.loading
   }), R = () => p ? typeof p == "string" ? /* @__PURE__ */ s(
     "img",
     {
@@ -1177,7 +1177,7 @@ function ce(e) {
       style: K.style,
       "aria-hidden": "true"
     }
-  ) : Q.isValidElement(p) ? Q.cloneElement(p, {
+  ) : te.isValidElement(p) ? te.cloneElement(p, {
     className: E(K.className, p.props.className),
     style: {
       ...K.style,
@@ -1191,13 +1191,13 @@ function ce(e) {
       style: K.style,
       "aria-hidden": "true"
     }
-  ) : /* @__PURE__ */ s("span", { className: K.className, style: K.style, "aria-hidden": "true", children: p }) : null, re = () => /* @__PURE__ */ s(
+  ) : /* @__PURE__ */ s("span", { className: K.className, style: K.style, "aria-hidden": "true", children: p }) : null, Q = () => /* @__PURE__ */ s(
     "svg",
     {
       viewBox: "0 0 1024 1024",
       role: "presentation",
-      className: Z.className,
-      style: Z.style,
+      className: G.className,
+      style: G.style,
       "aria-hidden": "true",
       children: /* @__PURE__ */ s(
         "path",
@@ -1208,33 +1208,33 @@ function ce(e) {
       )
     }
   );
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ L(
     "button",
     {
-      className: D.className,
-      style: D.style,
+      className: F.className,
+      style: F.style,
       onClick: a,
-      disabled: M,
-      "aria-label": F,
-      "data-variant": _,
+      disabled: z,
+      "aria-label": B,
+      "data-variant": C,
       "data-size": x,
       "data-icon-position": $ || void 0,
-      ...w,
+      ...S,
       children: [
-        $ === "left" && /* @__PURE__ */ k(Ne, { children: [
-          m && re(),
+        $ === "left" && /* @__PURE__ */ L(Ne, { children: [
+          m && Q(),
           !m && p && R()
         ] }),
-        /* @__PURE__ */ s("span", { className: W.className, style: W.style, children: I }),
-        $ === "right" && /* @__PURE__ */ k(Ne, { children: [
-          m && re(),
+        /* @__PURE__ */ s("span", { className: H.className, style: H.style, children: j }),
+        $ === "right" && /* @__PURE__ */ L(Ne, { children: [
+          m && Q(),
           !m && p && R()
         ] })
       ]
     }
   );
 }
-ce.propTypes = {
+ie.propTypes = {
   type: t.oneOf(["default", "transparent", "danger", "success"]),
   size: t.oneOf(["small", "medium", "large", "huge"]),
   sx: t.oneOfType([t.object, t.string]),
@@ -1259,7 +1259,7 @@ ce.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-ce.MaterialButton = Ze;
+ie.MaterialButton = Ze;
 const $o = ["root", "input", "label"], Bo = {
   small: "small",
   medium: "medium",
@@ -1286,43 +1286,43 @@ function Ge(e) {
     label: h,
     localeText: d,
     type: p = "text",
-    ...g
-  } = e, { t: v } = ie(), L = Fo(o, "medium", Bo), O = a !== void 0, [j, w] = G(i ?? ""), [S, x] = G(!1), _ = O ? a : j, m = S || String(_).length > 0, y = h ?? (d == null ? void 0 : d.label) ?? v("materialInput.label", jo.label), M = H(r, $o), A = {
-    tw: E(M.root.tw, M.input.tw),
-    css: { ...M.root.css, ...M.input.css }
-  }, $ = E("relative inline-flex", M.root.tw), P = Io[L], T = E(
+    ...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(
     "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)]",
-    P.wrapper,
-    P.pt
+    _.wrapper,
+    _.pt
   ), N = b({
     baseClassName: T,
     className: c,
     style: n,
     sxSlot: A
-  }), C = E(
+  }), k = E(
     "absolute left-0 transition-all duration-200 ease-in-out pointer-events-none",
-    m ? `top-1 ${P.labelFloat} text-[var(--input-accent)]` : `top-1/2 -translate-y-1/2 ${P.label} text-[var(--muted-foreground)]`,
-    S && m && "text-[var(--input-accent)]",
+    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)]",
     u && "text-[var(--muted-foreground)]",
-    M.label.tw
+    z.label.tw
   ), U = b({
-    baseClassName: C,
-    sxSlot: { tw: "", css: M.label.css }
-  }), I = oe((Z) => {
-    const R = Z.target.value;
-    O || w(R), l == null || l(R);
-  }, [O, l]), F = oe((Z) => {
+    baseClassName: k,
+    sxSlot: { tw: "", css: z.label.css }
+  }), j = oe((G) => {
+    const R = G.target.value;
+    O || S(R), l == null || l(R);
+  }, [O, l]), B = oe((G) => {
     var R;
-    x(!0), (R = g.onFocus) == null || R.call(g, Z);
-  }, [g.onFocus]), B = oe((Z) => {
+    x(!0), (R = f.onFocus) == null || R.call(f, G);
+  }, [f.onFocus]), M = oe((G) => {
     var R;
-    x(!1), (R = g.onBlur) == null || R.call(g, Z);
-  }, [g.onBlur]), { onFocus: D, onBlur: W, ...K } = g;
-  return /* @__PURE__ */ k("div", { className: $, children: [
+    x(!1), (R = f.onBlur) == null || R.call(f, G);
+  }, [f.onBlur]), { onFocus: F, onBlur: H, ...K } = f;
+  return /* @__PURE__ */ L("div", { className: $, children: [
     /* @__PURE__ */ s(
       "input",
       {
@@ -1330,11 +1330,11 @@ function Ge(e) {
         type: p,
         className: N.className,
         style: N.style,
-        value: _,
+        value: C,
         disabled: u || void 0,
-        onChange: I,
-        onFocus: F,
-        onBlur: B,
+        onChange: j,
+        onFocus: B,
+        onBlur: M,
         "aria-label": y || void 0
       }
     ),
@@ -1380,10 +1380,10 @@ function Xe(e) {
     defaultValue: h,
     disabled: d = !1,
     placeholder: p = "",
-    maxlength: g = 524288,
-    status: v,
-    ...L
-  } = e, O = Yo(r, "medium", Ro), j = o === "textarea", w = o === "password", S = v === "error", x = H(n, Do), _ = {
+    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),
     css: { ...x.root.css, ...x.input.css }
   }, m = E("inline-flex", x.root.tw), y = E(
@@ -1391,28 +1391,33 @@ function Xe(e) {
     "border-[var(--border)] shadow-[var(--input-shadow)]",
     "hover:border-[var(--input-accent)]",
     "focus:border-[var(--input-accent)] focus:shadow-[var(--input-focus-shadow)]",
-    S && "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)]",
+    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]
-  ), M = b({
+  ), z = b({
     baseClassName: y,
     className: l,
     style: c,
-    sxSlot: _
+    sxSlot: C
   }), A = u !== void 0, $ = {
-    className: M.className,
-    style: M.style,
+    className: z.className,
+    style: z.style,
     onClick: a,
-    onChange: i ? (P) => i(P.target.value) : void 0,
+    onChange: i ? (_) => i(_.target.value) : void 0,
     value: A ? u : void 0,
     defaultValue: A ? void 0 : h ?? "",
     disabled: d || void 0,
     placeholder: p,
-    maxLength: g,
-    "aria-invalid": S || void 0,
-    ...L
+    maxLength: f,
+    "aria-invalid": v || void 0,
+    // 原因：password input 不在 form 内，浏览器会发出 [DOM] Password field is not contained in a form 警告
+    // 导致的问题：控制台持续出现 DOM 警告
+    // 解决办法：为 password 类型添加 autoComplete 属性抑制浏览器警告
+    // fixed by clayw on 20260523 night
+    ...S ? { autoComplete: "current-password" } : {},
+    ...P
   };
-  return /* @__PURE__ */ s("div", { className: m, children: j ? /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { className: m, children: D ? /* @__PURE__ */ s(
     "textarea",
     {
       ...$,
@@ -1422,7 +1427,7 @@ function Xe(e) {
     "input",
     {
       ...$,
-      type: w ? "password" : "text"
+      type: S ? "password" : "text"
     }
   ) });
 }
@@ -1450,8 +1455,8 @@ function Ko(e, o) {
     className: c = "",
     children: l,
     ...a
-  } = e, i = H(r, we), u = b({
-    baseClassName: "flex items-center justify-center px-4 bg-[var(--layout-header-bg)] text-[var(--layout-header-color)]",
+  } = e, i = W(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,
     baseStyle: {
@@ -1471,7 +1476,7 @@ function Ko(e, o) {
     }
   );
 }
-const Be = Q.forwardRef(Ko);
+const Be = te.forwardRef(Ko);
 Be.displayName = "LayoutHeader";
 Be.propTypes = {
   sx: t.oneOfType([t.string, t.object]),
@@ -1486,8 +1491,8 @@ function Uo(e, o) {
     className: c = "",
     children: l,
     ...a
-  } = e, i = H(r, we), u = b({
-    baseClassName: "flex items-center justify-center px-4 bg-[var(--layout-footer-bg)] text-[var(--layout-footer-color)]",
+  } = e, i = W(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,
     baseStyle: {
@@ -1507,7 +1512,7 @@ function Uo(e, o) {
     }
   );
 }
-const Ie = Q.forwardRef(Uo);
+const Ie = te.forwardRef(Uo);
 Ie.displayName = "LayoutFooter";
 Ie.propTypes = {
   sx: t.oneOfType([t.string, t.object]),
@@ -1523,13 +1528,13 @@ function Ho(e, o) {
     width: l,
     children: a,
     ...i
-  } = e, u = H(r, we), h = l ?? "var(--layout-sider-width)", d = b({
-    baseClassName: "overflow-auto flex items-center justify-center bg-[var(--layout-sider-bg)] text-[var(--layout-sider-color)]",
+  } = e, u = W(r, we), h = b({
+    baseClassName: "overflow-auto flex flex-col bg-[var(--layout-sider-bg)] text-[var(--layout-sider-color)]",
     className: c,
     sxSlot: u.root,
     baseStyle: {
-      width: h,
-      minWidth: h,
+      width: siderWidth,
+      minWidth: siderWidth,
       maxWidth: "100%",
       borderRight: "1px solid var(--layout-border)"
     },
@@ -1539,14 +1544,14 @@ function Ho(e, o) {
     "aside",
     {
       ref: o,
-      className: d.className,
-      style: d.style,
+      className: h.className,
+      style: h.style,
       ...i,
       children: a
     }
   );
 }
-const ke = Q.forwardRef(Ho);
+const ke = te.forwardRef(Ho);
 ke.displayName = "LayoutSider";
 ke.propTypes = {
   width: t.oneOfType([t.string, t.number]),
@@ -1563,8 +1568,8 @@ function Wo(e, o) {
     width: l,
     children: a,
     ...i
-  } = e, u = H(r, we), h = l ?? "var(--layout-toc-width)", d = b({
-    baseClassName: "overflow-auto flex items-center justify-center bg-[var(--layout-toc-bg)] text-[var(--layout-toc-color)]",
+  } = e, u = W(r, we), h = l ?? "var(--layout-toc-width)", d = b({
+    baseClassName: "overflow-auto flex flex-col bg-[var(--layout-toc-bg)] text-[var(--layout-toc-color)]",
     className: c,
     sxSlot: u.root,
     baseStyle: {
@@ -1586,7 +1591,7 @@ function Wo(e, o) {
     }
   );
 }
-const Le = Q.forwardRef(Wo);
+const Le = te.forwardRef(Wo);
 Le.displayName = "LayoutToc";
 Le.propTypes = {
   width: t.oneOfType([t.string, t.number]),
@@ -1602,7 +1607,7 @@ function Zo(e, o) {
     className: c = "",
     children: l,
     ...a
-  } = e, i = H(r, we), u = b({
+  } = e, i = W(r, we), u = b({
     /**
      * 
      * 这里记录了一次问题：backgroundColor、color 等写在 baseStyle（inline style）里，
@@ -1616,7 +1621,13 @@ function Zo(e, o) {
      * noted by clayw on 20260523 night
      * 
      */
-    baseClassName: "flex-1 flex items-center justify-center bg-[var(--layout-content-bg)] text-[var(--layout-content-color)]",
+    baseClassName: (
+      // 原因：Content 默认 items-center justify-center 会导致内容垂直+水平居中，长页面内容显示异常
+      // 导致的问题：Content 区域内容始终居中，而非自然流动布局；窄屏时表格文字出现竖排
+      // 解决办法：移除 items-center justify-center，改为 flex-col 让内容自然从上往下流动
+      // fixed by clayw on 20260523 night
+      "flex-1 flex flex-col bg-[var(--layout-content-bg)] text-[var(--layout-content-color)]"
+    ),
     className: c,
     sxSlot: i.root,
     baseStyle: {},
@@ -1633,7 +1644,7 @@ function Zo(e, o) {
     }
   );
 }
-const je = Q.forwardRef(Zo);
+const je = te.forwardRef(Zo);
 je.displayName = "LayoutContent";
 je.propTypes = {
   sx: t.oneOfType([t.string, t.object]),
@@ -1649,10 +1660,10 @@ function Go(e, o) {
     hasSider: l,
     children: a,
     ...i
-  } = e, u = H(r, we), h = l ?? Q.Children.toArray(a).some(
+  } = e, u = W(r, we), h = l ?? te.Children.toArray(a).some(
     (p) => {
-      var g, v;
-      return Q.isValidElement(p) && (p.type === ke || p.type === Le || ((g = p.type) == null ? void 0 : g.displayName) === "LayoutSider" || ((v = p.type) == null ? void 0 : v.displayName) === "LayoutToc");
+      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");
     }
   ), d = b({
     baseClassName: E(
@@ -1674,7 +1685,7 @@ function Go(e, o) {
     }
   );
 }
-const ne = Q.forwardRef(Go);
+const ne = te.forwardRef(Go);
 ne.displayName = "Layout";
 ne.Header = Be;
 ne.Footer = Ie;
@@ -1688,10 +1699,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"], zt = Symbol("LIST_IGNORE"), dt = /* @__PURE__ */ k("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+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: [
   /* @__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" })
-] }), ut = /* @__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" }) });
+] }), 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" }) });
 function or(e, o) {
   const {
     sx: r = {},
@@ -1706,46 +1717,46 @@ function or(e, o) {
     files: h = [],
     showUploadList: d = !0,
     maxCount: p = 20,
-    maxSize: g = 100,
-    btnText: v = "选择文件",
-    btnStyle: L,
+    maxSize: f = 100,
+    btnText: w = "选择文件",
+    btnStyle: P,
     showSize: O = !0,
-    disabled: j = !1,
-    ...w
-  } = e, S = Yt(), x = h || [], _ = H(r, tr), m = oe(async (T, N) => {
+    disabled: D = !1,
+    ...S
+  } = e, v = Kt(), x = h || [], C = W(r, tr), m = oe(async (T, N) => {
     if (!u) return !0;
     try {
-      const C = await u(T, N);
-      return C === void 0 ? !0 : C;
+      const k = await u(T, N);
+      return k === void 0 ? !0 : k;
     } catch {
       return !1;
     }
   }, [u]), y = oe(async (T) => {
-    const C = Array.from(T.target.files || []).filter((F) => F.size / 1024 / 1024 > g ? (console.warn(`[Tango Upload] ${F.name} 超过 ${g}MB，已被过滤`), !1) : !0), U = a ? C.slice(0, p) : C.slice(0, 1), I = [];
-    for (const F of U) {
-      const B = await m(F, U);
-      if (B === !1) {
-        console.warn(`[Tango Upload] ${F.name} 被 beforeUpload 拦截`);
+    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 拦截`);
         continue;
       }
-      if (B === zt) {
-        console.warn(`[Tango Upload] ${F.name} 被 LIST_IGNORE 忽略`);
+      if (M === Et) {
+        console.warn(`[Tango Upload] ${B.name} 被 LIST_IGNORE 忽略`);
         continue;
       }
-      if (B instanceof Blob) {
-        const D = B instanceof File ? B : new File([B], F.name, { type: F.type });
-        I.push(D);
+      if (M instanceof Blob) {
+        const F = M instanceof File ? M : new File([M], B.name, { type: B.type });
+        j.push(F);
       } else
-        I.push(F);
+        j.push(B);
     }
-    T.target.value = "", i(I);
-  }, [a, p, g, m, i]), M = oe((T, N) => {
-    const C = x.filter((U, I) => I !== N);
-    i(C);
+    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({
     baseClassName: "inline-flex flex-col gap-3",
     className: c,
-    sxSlot: _.root,
+    sxSlot: C.root,
     style: n
   }), $ = b({
     baseClassName: E(
@@ -1755,48 +1766,48 @@ function or(e, o) {
       x.length === 0 && "border-transparent"
     ),
     baseStyle: { borderRadius: "var(--upload-radius)" },
-    sxSlot: _.list
-  }), P = b({
+    sxSlot: C.list
+  }), _ = b({
     baseClassName: E(
       "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: _.item
+    sxSlot: C.item
   });
-  return /* @__PURE__ */ k("div", { ref: o, className: A.className, style: A.style, ...w, children: [
+  return /* @__PURE__ */ L("div", { ref: o, className: A.className, style: A.style, ...S, children: [
     /* @__PURE__ */ s(
       "input",
       {
-        id: S,
+        id: v,
         type: "file",
         accept: l,
         multiple: a,
         className: "hidden",
         onChange: y,
-        disabled: j,
+        disabled: D,
         "aria-hidden": "true",
         tabIndex: -1
       }
     ),
     /* @__PURE__ */ s(
-      ce,
+      ie,
       {
-        disabled: j,
-        style: L,
-        sx: _.button,
+        disabled: D,
+        style: P,
+        sx: C.button,
         onClick: () => {
           var T;
-          return (T = document.getElementById(S)) == null ? void 0 : T.click();
+          return (T = document.getElementById(v)) == null ? void 0 : T.click();
         },
-        children: v
+        children: w
       }
     ),
-    d && x.length > 0 && /* @__PURE__ */ s("ul", { className: $.className, style: $.style, children: a ? x.map((T, N) => /* @__PURE__ */ k("li", { className: P.className, style: P.style, children: [
-      /* @__PURE__ */ s("span", { className: "flex-shrink-0 text-[var(--upload-icon-color)]", children: dt }),
-      /* @__PURE__ */ k("span", { className: "flex-1 truncate", children: [
+    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__ */ k("span", { className: "ml-1 text-xs text-[var(--muted-foreground)]", children: [
+        O && /* @__PURE__ */ L("span", { className: "ml-1 text-xs text-[var(--muted-foreground)]", children: [
           "(",
           (T.size / 1024).toFixed(2),
           " KB)"
@@ -1807,16 +1818,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: () => M(T, N),
+          onClick: () => z(T, N),
           "aria-label": `删除 ${T.name}`,
-          children: ut
+          children: pt
         }
       )
-    ] }, N)) : /* @__PURE__ */ k("li", { className: P.className, style: P.style, children: [
-      /* @__PURE__ */ s("span", { className: "flex-shrink-0 text-[var(--upload-icon-color)]", children: dt }),
-      /* @__PURE__ */ k("span", { className: "flex-1 truncate", children: [
+    ] }, 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: [
         x[0].name,
-        O && /* @__PURE__ */ k("span", { className: "ml-1 text-xs text-[var(--muted-foreground)]", children: [
+        O && /* @__PURE__ */ L("span", { className: "ml-1 text-xs text-[var(--muted-foreground)]", children: [
           "(",
           (x[0].size / 1024).toFixed(2),
           " KB)"
@@ -1827,17 +1838,17 @@ 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: () => M(x[0], 0),
+          onClick: () => z(x[0], 0),
           "aria-label": `删除 ${x[0].name}`,
-          children: ut
+          children: pt
         }
       )
     ] }) })
   ] });
 }
-const qe = Tt(or);
+const qe = kt(or);
 qe.displayName = "Upload";
-qe.LIST_IGNORE = zt;
+qe.LIST_IGNORE = Et;
 qe.propTypes = {
   sx: t.oneOfType([t.string, t.object]),
   style: t.object,
@@ -1855,10 +1866,10 @@ qe.propTypes = {
   showSize: t.bool,
   disabled: t.bool
 };
-const rr = ["root", "icon", "content", "actions", "closeIcon"], pt = {
+const rr = ["root", "icon", "content", "actions", "closeIcon"], mt = {
   cancel: "取消",
   action: "操作"
-}, mt = {
+}, bt = {
   small: {
     rootClass: "px-[15px] py-[8px] h-[45px] rounded-[6px] gap-[8px] border",
     iconSize: 20,
@@ -1886,7 +1897,7 @@ const rr = ["root", "icon", "content", "actions", "closeIcon"], pt = {
     buttonGap: "12px",
     buttonFontSize: "15px"
   }
-}, bt = {
+}, gt = {
   info: {
     bgVar: "--banner-info-bg",
     borderVar: "--banner-info-border",
@@ -1927,49 +1938,49 @@ function sr(e) {
     bannerBgColor: h,
     bannerBorderColor: d,
     bannerIconColor: p,
-    sx: g = {},
-    style: v = {},
-    className: L = "",
+    sx: f = {},
+    style: w = {},
+    className: P = "",
     i18nKey: O,
-    localeText: j = {},
-    ...w
-  } = e, { t: S } = ie(), x = ft(c, "normal", mt), _ = ft(i, "info", bt), m = mt[x], y = bt[_], M = H(g, rr), A = {
-    cancel: S("banner.cancel", pt.cancel),
-    action: S("banner.action", pt.action),
-    ...j
-  }, $ = l ?? (O === "cancel" ? S("banner.cancel", A.cancel) : A.cancel), P = a ?? (O === "action" ? S("banner.action", A.action) : A.action), T = o ?? $, N = h || (u === !0 ? "transparent" : `var(${y.bgVar})`), C = d || `var(${y.borderVar})`, U = p || `var(${y.iconVar})`, I = `var(${y.textVar})`, F = b({
+    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(
       "flex w-full items-center justify-start transition-colors duration-200",
       m.rootClass
     ),
-    className: L,
+    className: P,
     style: {
       backgroundColor: N,
-      borderColor: C,
-      color: u === !0 ? "var(--muted-foreground)" : I,
-      ...v
+      borderColor: k,
+      color: u === !0 ? "var(--muted-foreground)" : j,
+      ...w
     },
-    sxSlot: M.root
-  }), B = b({
+    sxSlot: z.root
+  }), M = b({
     baseClassName: "shrink-0",
     baseStyle: {
       width: `${m.iconSize}px`,
       height: `${m.iconSize}px`,
       color: U
     },
-    sxSlot: M.icon
-  }), D = b({
+    sxSlot: z.icon
+  }), F = b({
     baseClassName: E(
       "flex-grow text-left",
       m.contentClass
     ),
-    sxSlot: M.content
-  }), W = b({
+    sxSlot: z.content
+  }), H = b({
     baseClassName: "flex items-center justify-end flex-1",
     baseStyle: {
       gap: m.buttonGap
     },
-    sxSlot: M.actions
+    sxSlot: z.actions
   }), K = b({
     baseClassName: "shrink-0 cursor-pointer",
     baseStyle: {
@@ -1977,38 +1988,38 @@ function sr(e) {
       height: `${m.closeIconSize}px`,
       color: "var(--banner-close-icon)"
     },
-    sxSlot: M.closeIcon
-  }), Z = /* @__PURE__ */ k("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
+    sxSlot: z.closeIcon
+  }), G = /* @__PURE__ */ L("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__ */ k("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
+  ] }), R = /* @__PURE__ */ L("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" })
-  ] }), re = /* @__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" }) }), de = /* @__PURE__ */ k("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__ */ L("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" }) }), fe = {
-    success: de,
+  ] }), 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 = {
+    success: ue,
     warning: R,
-    error: re,
-    info: Z
+    error: Q,
+    info: G
   };
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ L(
     "div",
     {
-      className: F.className,
-      style: F.style,
-      "data-level": _,
+      className: B.className,
+      style: B.style,
+      "data-level": C,
       "data-size": x,
-      ...w,
+      ...S,
       children: [
-        /* @__PURE__ */ s("div", { className: B.className, style: B.style, children: fe[_] }),
-        /* @__PURE__ */ s("div", { className: D.className, style: D.style, children: T }),
-        /* @__PURE__ */ k("div", { className: W.className, style: W.style, 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(
-            ce,
+            ie,
             {
               type: "transparent",
               sx: {
@@ -2023,7 +2034,7 @@ function sr(e) {
             }
           ),
           /* @__PURE__ */ s(
-            ce,
+            ie,
             {
               type: "transparent",
               sx: {
@@ -2035,7 +2046,7 @@ function sr(e) {
               },
               onClick: n,
               size: x === "normal" ? "medium" : x,
-              children: P
+              children: _
             }
           ),
           /* @__PURE__ */ s(
@@ -2074,7 +2085,7 @@ const ar = ["root", "input", "text"], Ye = {
   hex: "HEX",
   rgb: "RGB",
   hsl: "HSL"
-}, gt = {
+}, ht = {
   small: { inputSize: 20, fontSize: "11px", gap: "6px" },
   medium: { inputSize: 28, fontSize: "12px", gap: "10px" },
   large: { inputSize: 36, fontSize: "14px", gap: "14px" }
@@ -2082,7 +2093,7 @@ const ar = ["root", "input", "text"], Ye = {
   hex: "hex",
   rgb: "rgb",
   hsl: "hsl"
-}, ht = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o, lr = (e) => {
+}, yt = (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) => {
@@ -2118,22 +2129,22 @@ function dr(e) {
     style: h = {},
     className: d = "",
     i18nKey: p,
-    localeText: g = {},
-    ...v
-  } = e, { t: L } = ie(), O = ht(i, "medium", gt), j = ht(a, "hex", nr), w = gt[O], [S, x] = G(r), _ = o ?? S, m = H(u, ar), y = {
-    hex: L("colorpicker.hex", Ye.hex),
-    rgb: L("colorpicker.rgb", Ye.rgb),
-    hsl: L("colorpicker.hsl", Ye.hsl),
-    ...g
-  }, M = (C) => {
-    const U = C.target.value;
+    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 = [];
   if (l) {
-    const C = p || (typeof l == "string" ? l : null) || j;
+    const k = p || (typeof l == "string" ? l : null) || D;
     A.push({
-      label: y[C],
-      value: ir(_, C)
+      label: y[k],
+      value: ir(C, k)
     });
   }
   const $ = b({
@@ -2142,49 +2153,49 @@ function dr(e) {
       c && "cursor-not-allowed opacity-60"
     ),
     className: d,
-    baseStyle: { gap: w.gap },
+    baseStyle: { gap: S.gap },
     style: h,
     sxSlot: m.root
-  }), P = b({
+  }), _ = b({
     baseClassName: E(
       "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: `${w.inputSize}px`,
-      height: `${w.inputSize}px`,
+      width: `${S.inputSize}px`,
+      height: `${S.inputSize}px`,
       padding: 0
     },
     sxSlot: m.input
   }), T = b({
     baseClassName: "flex flex-col text-[var(--muted-foreground)]",
-    baseStyle: { fontSize: w.fontSize },
+    baseStyle: { fontSize: S.fontSize },
     sxSlot: m.text
   });
-  return /* @__PURE__ */ k(Ne, { children: [
+  return /* @__PURE__ */ L(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__ */ k("div", { className: $.className, style: $.style, ...v, children: [
+    /* @__PURE__ */ L("div", { className: $.className, style: $.style, ...w, children: [
       /* @__PURE__ */ s(
         "input",
         {
           type: "color",
-          value: _,
-          onChange: M,
+          value: C,
+          onChange: z,
           disabled: c,
-          className: `tango-cp-input ${P.className}`,
-          style: P.style,
-          "aria-label": v["aria-label"] || `颜色选择器: ${_}`
+          className: `tango-cp-input ${_.className}`,
+          style: _.style,
+          "aria-label": w["aria-label"] || `颜色选择器: ${C}`
         }
       ),
-      l && A.length > 0 && /* @__PURE__ */ s("div", { className: T.className, style: T.style, children: A.map(({ label: C, value: U }) => /* @__PURE__ */ k("span", { children: [
-        C,
+      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,
         ": ",
         U
-      ] }, C)) })
+      ] }, k)) })
     ] })
   ] });
 }
@@ -2202,10 +2213,10 @@ dr.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-const ur = ["root", "date", "weekday", "time"], yt = {
+const ur = ["root", "date", "weekday", "time"], xt = {
   weekdayPrefix: "星期",
   weekdayShortPrefix: "周"
-}, xt = {
+}, vt = {
   default: "default",
   line: "line",
   full: "full",
@@ -2228,7 +2239,7 @@ const ur = ["root", "date", "weekday", "time"], yt = {
 }, Te = (e, o) => {
   const r = /* @__PURE__ */ new Date(), n = { hour: "2-digit", minute: "2-digit" };
   return o && (n.second = "2-digit"), r.toLocaleTimeString(e, n);
-}, fr = (e, o, r, n) => {
+}, gr = (e, o, r, n) => {
   const c = e.endsWith("-line"), l = mr(o, c), a = br(o, r);
   switch (e) {
     case "line":
@@ -2276,7 +2287,7 @@ const ur = ["root", "date", "weekday", "time"], yt = {
       return [{ key: "date", text: l }];
   }
 };
-function gr(e) {
+function fr(e) {
   const {
     type: o = "default",
     single: r = !1,
@@ -2286,48 +2297,52 @@ function gr(e) {
     i18nKey: a,
     localeText: i = {},
     ...u
-  } = e || {}, { t: h, locale: d } = ie(), p = pr(o, "default", xt), g = d === "en-US" ? "en-US" : "zh-CN";
+  } = e || {}, { t: h, locale: d } = de(), [p, f] = Z(!1);
+  ae(() => {
+    f(!0);
+  }, []);
+  const w = pr(o, "default", vt), P = d === "en-US" ? "en-US" : "zh-CN";
   ({
-    weekdayPrefix: h("date.weekdayPrefix", yt.weekdayPrefix),
-    weekdayShortPrefix: h("date.weekdayShortPrefix", yt.weekdayShortPrefix),
+    weekdayPrefix: h("date.weekdayPrefix", xt.weekdayPrefix),
+    weekdayShortPrefix: h("date.weekdayShortPrefix", xt.weekdayShortPrefix),
     ...i
   });
-  const v = H(n, ur), L = a && xt[a] ? a : p, O = fr(L, g, r), j = b({
+  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)]"),
     className: l,
     baseStyle: {},
     style: c,
-    sxSlot: v.root
-  }), w = {
+    sxSlot: O.root
+  }), x = {
     date: b({
       baseClassName: "",
-      sxSlot: v.date
+      sxSlot: O.date
     }),
     weekday: b({
       baseClassName: "text-[var(--muted-foreground)]",
-      sxSlot: v.weekday
+      sxSlot: O.weekday
     }),
     time: b({
       baseClassName: "",
-      sxSlot: v.time
+      sxSlot: O.time
     })
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: j.className,
-      style: j.style,
+      className: v.className,
+      style: v.style,
       role: "timer",
       "aria-live": "polite",
       ...u,
-      children: O.map((S) => {
-        const x = w[S.key] || { className: "", style: {} };
-        return /* @__PURE__ */ s("span", { className: x.className, style: x.style, children: S.text }, S.key);
+      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);
       })
     }
   );
 }
-gr.propTypes = {
+fr.propTypes = {
   type: t.oneOf([
     "default",
     "line",
@@ -2356,7 +2371,7 @@ const hr = ["root", "input", "panel", "header", "body", "footer"], me = {
   nextMonth: "下一月",
   weekDays: ["日", "一", "二", "三", "四", "五", "六"],
   monthFormat: "${year} 年 ${month} 月"
-}, vt = {
+}, St = {
   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]" }
@@ -2375,175 +2390,175 @@ function xr(e) {
     className: h = "",
     i18nKey: d,
     localeText: p = {},
-    placeholder: g,
-    ...v
-  } = e, { t: L, locale: O } = ie(), j = yr(a, "medium", vt), w = vt[j], S = O === "en-US", [x, _] = G(r || ""), m = o !== void 0 ? o : x, [y, M] = G("00"), [A, $] = G("00"), [P, T] = G(!1), [N, C] = G(() => {
-    const f = /* @__PURE__ */ new Date();
-    return new Date(f.getFullYear(), f.getMonth(), 1);
-  }), U = $e(null), I = {
-    placeholder: L("datepicker.placeholder", me.placeholder),
-    placeholderTime: L("datepicker.placeholderTime", me.placeholderTime),
-    timeLabel: L("datepicker.timeLabel", me.timeLabel),
-    confirm: L("datepicker.confirm", me.confirm),
-    cancel: L("datepicker.cancel", me.cancel),
-    prevMonth: L("datepicker.prevMonth", me.prevMonth),
-    nextMonth: L("datepicker.nextMonth", me.nextMonth),
-    weekDays: S ? ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] : me.weekDays,
-    monthFormat: S ? "${month}/${year}" : me.monthFormat,
+    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
   };
-  le(() => {
-    const f = (Y) => {
-      U.current && !U.current.contains(Y.target) && T(!1);
+  ae(() => {
+    const g = (V) => {
+      U.current && !U.current.contains(V.target) && T(!1);
     };
-    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, []);
-  const F = (f) => {
-    const Y = f.getFullYear(), J = (f.getMonth() + 1).toString().padStart(2, "0"), ge = f.getDate().toString().padStart(2, "0");
-    return `${Y}-${J}-${ge}`;
-  }, B = Se(() => {
-    const f = N.getFullYear(), Y = N.getMonth() + 1;
-    return I.monthFormat.replace("${year}", String(f)).replace("${month}", String(Y));
-  }, [N, I.monthFormat]), D = Se(() => {
-    const f = N.getFullYear(), Y = N.getMonth(), J = new Date(f, Y, 1).getDay(), ge = new Date(f, Y + 1, 0).getDate(), pe = Array.from({ length: ge }, (Je, Fe) => Fe + 1);
-    return [...Array(J).fill(null), ...pe];
-  }, [N]), W = Se(() => m ? l ? `${m} ${y}:${A}` : m : "", [m, y, A, l]), K = (f) => {
-    const Y = new Date(N.getFullYear(), N.getMonth(), f);
-    return m === F(Y);
-  }, Z = (f, Y, J) => {
-    if (f) {
+  const B = (g) => {
+    const V = g.getFullYear(), ee = (g.getMonth() + 1).toString().padStart(2, "0"), ce = g.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);
+    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) {
       if (l) {
-        const ge = `${f}T${Y}:${J}`, pe = new Date(ge), Je = pe.getFullYear(), Fe = (pe.getMonth() + 1).toString().padStart(2, "0"), Dt = pe.getDate().toString().padStart(2, "0"), Rt = pe.getHours().toString().padStart(2, "0"), Vt = pe.getMinutes().toString().padStart(2, "0");
-        n(`${Je}-${Fe}-${Dt} ${Rt}:${Vt}`, ge);
+        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);
         return;
       }
-      n(f, f);
+      n(g, g);
     }
-  }, R = (f) => {
-    const Y = new Date(N.getFullYear(), N.getMonth(), f), J = F(Y);
-    o === void 0 && _(J), Z(J, y, A), l || T(!1);
-  }, re = (f) => {
-    const Y = f.target.value;
-    M(Y), Z(m, Y, A);
-  }, de = (f) => {
-    const Y = f.target.value;
-    $(Y), Z(m, y, Y);
+  }, 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);
   }, be = () => {
     if (!c) {
       if (m) {
-        const [f, Y] = m.split("-").map(Number);
-        C(new Date(f, Y - 1, 1));
+        const [g, V] = m.split("-").map(Number);
+        k(new Date(g, V - 1, 1));
       }
       T(!0);
     }
-  }, fe = Array.from({ length: 24 }, (f, Y) => String(Y).padStart(2, "0")), se = Array.from({ length: 60 }, (f, Y) => String(Y).padStart(2, "0")), ee = H(i, hr);
-  typeof i == "string" && (ee.input.tw = E(ee.input.tw, ee.root.tw), ee.root.tw = "");
-  const q = b({
+  }, 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 = "");
+  const J = b({
     baseClassName: "relative inline-block",
-    sxSlot: ee.root
-  }), z = b({
+    sxSlot: X.root
+  }), I = b({
     baseClassName: E(
       "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)]",
-      w.inputPx,
-      w.textSm,
-      w.minW,
+      S.inputPx,
+      S.textSm,
+      S.minW,
       c && "bg-[var(--muted)] text-[var(--muted-foreground)] cursor-not-allowed"
     ),
     className: h,
     style: u,
-    sxSlot: ee.input
-  }), X = b({
+    sxSlot: X.input
+  }), q = b({
     baseClassName: E(
       "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)]",
-      w.panelW
+      S.panelW
     ),
-    sxSlot: ee.panel
-  }), te = b({
+    sxSlot: X.panel
+  }), le = b({
     baseClassName: "flex items-center justify-between h-10 mb-2",
-    sxSlot: ee.header
-  }), ae = b({
+    sxSlot: X.header
+  }), re = b({
     baseClassName: "flex flex-wrap",
-    sxSlot: ee.body
-  }), ue = b({
+    sxSlot: X.body
+  }), se = b({
     baseClassName: "mt-2.5 pt-2.5 border-t border-[var(--border)]",
-    sxSlot: ee.footer
+    sxSlot: X.footer
   });
-  return /* @__PURE__ */ k("div", { className: q.className, style: q.style, ref: U, ...v, children: [
+  return /* @__PURE__ */ L("div", { className: J.className, style: J.style, ref: U, ...w, children: [
     /* @__PURE__ */ s(
       "input",
       {
         type: "text",
-        value: W,
+        value: H,
         readOnly: !0,
         onClick: be,
-        className: z.className,
-        style: z.style,
+        className: I.className,
+        style: I.style,
         disabled: c,
-        placeholder: g || (l ? I.placeholderTime : I.placeholder),
-        "aria-label": v["aria-label"] || g || (l ? I.placeholderTime : I.placeholder),
+        placeholder: f || (l ? j.placeholderTime : j.placeholder),
+        "aria-label": w["aria-label"] || f || (l ? j.placeholderTime : j.placeholder),
         "aria-haspopup": "dialog",
-        "aria-expanded": P
+        "aria-expanded": _
       }
     ),
-    P && !c && /* @__PURE__ */ k("div", { className: X.className, style: X.style, role: "dialog", "aria-label": "日期选择面板", children: [
-      /* @__PURE__ */ k("div", { className: te.className, style: te.style, children: [
+    _ && !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: [
         /* @__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: () => C(new Date(N.getFullYear(), N.getMonth() - 1, 1)),
-            "aria-label": I.prevMonth,
+            onClick: () => k(new Date(N.getFullYear(), N.getMonth() - 1, 1)),
+            "aria-label": j.prevMonth,
             children: "<"
           }
         ),
-        /* @__PURE__ */ s("div", { className: "text-sm font-semibold text-[var(--foreground)]", children: B }),
+        /* @__PURE__ */ s("div", { className: "text-sm font-semibold text-[var(--foreground)]", children: M }),
         /* @__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: () => C(new Date(N.getFullYear(), N.getMonth() + 1, 1)),
-            "aria-label": I.nextMonth,
+            onClick: () => k(new Date(N.getFullYear(), N.getMonth() + 1, 1)),
+            "aria-label": j.nextMonth,
             children: ">"
           }
         )
       ] }),
-      /* @__PURE__ */ k("div", { className: ae.className, style: ae.style, children: [
-        I.weekDays.map((f) => /* @__PURE__ */ s("div", { className: "w-[calc(100%/7)] text-center leading-[30px] text-xs text-[var(--muted-foreground)]", children: f }, f)),
-        D.map((f, Y) => {
-          if (!f)
-            return /* @__PURE__ */ s("div", { className: "w-[calc(100%/7)] text-center leading-[30px]" }, `empty-${Y}`);
-          const J = K(f);
+      /* @__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)
+            return /* @__PURE__ */ s("div", { className: "w-[calc(100%/7)] text-center leading-[30px]" }, `empty-${V}`);
+          const ee = K(g);
           return /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               className: E(
                 "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)]",
-                J && "bg-[var(--primary)] text-[var(--primary-foreground)] hover:bg-[var(--primary)]"
+                ee && "bg-[var(--primary)] text-[var(--primary-foreground)] hover:bg-[var(--primary)]"
               ),
-              onClick: () => R(f),
-              "aria-label": `${N.getFullYear()}-${(N.getMonth() + 1).toString().padStart(2, "0")}-${f.toString().padStart(2, "0")}`,
-              children: f
+              onClick: () => R(g),
+              "aria-label": `${N.getFullYear()}-${(N.getMonth() + 1).toString().padStart(2, "0")}-${g.toString().padStart(2, "0")}`,
+              children: g
             },
-            `${N.getFullYear()}-${N.getMonth()}-${f}`
+            `${N.getFullYear()}-${N.getMonth()}-${g}`
           );
         })
       ] }),
-      l && /* @__PURE__ */ k("div", { className: ue.className, style: ue.style, children: [
-        /* @__PURE__ */ s("div", { className: "text-xs text-[var(--muted-foreground)] mb-2", children: I.timeLabel }),
-        /* @__PURE__ */ k("div", { className: "flex items-center gap-2", children: [
+      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: [
           /* @__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,
-              onChange: re,
+              onChange: Q,
               "aria-label": "小时",
-              children: fe.map((f) => /* @__PURE__ */ s("option", { value: f, children: f }, f))
+              children: ge.map((g) => /* @__PURE__ */ s("option", { value: g, children: g }, g))
             }
           ),
           /* @__PURE__ */ s("span", { className: "font-semibold text-[var(--muted-foreground)]", children: ":" }),
@@ -2552,29 +2567,38 @@ function xr(e) {
             {
               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,
-              onChange: de,
+              onChange: ue,
               "aria-label": "分钟",
-              children: se.map((f) => /* @__PURE__ */ s("option", { value: f, children: f }, f))
+              children: fe.map((g) => /* @__PURE__ */ s("option", { value: g, children: g }, g))
             }
           )
         ] }),
-        /* @__PURE__ */ k("div", { className: "mt-2.5 flex justify-end gap-2", children: [
+        /* @__PURE__ */ L("div", { className: "mt-2.5 flex justify-end gap-2", children: [
           /* @__PURE__ */ s(
-            ce,
+            ie,
             {
               onClick: () => T(!1),
               size: "small",
               type: "transparent",
               outline: !0,
-              children: I.cancel
+              style: {
+                backgroundColor: "var(--datepicker-cancel-bg)",
+                color: "var(--datepicker-cancel-fg)"
+              },
+              children: j.cancel
             }
           ),
           /* @__PURE__ */ s(
-            ce,
+            ie,
             {
               onClick: () => T(!1),
               size: "small",
-              children: I.confirm
+              style: {
+                backgroundColor: "var(--datepicker-confirm-bg)",
+                color: "var(--datepicker-confirm-fg)",
+                borderColor: "var(--datepicker-confirm-bg)"
+              },
+              children: j.confirm
             }
           )
         ] })
@@ -2595,7 +2619,7 @@ xr.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-const vr = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], _e = {
+const vr = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], Oe = {
   title: "基础标题",
   okText: "确定",
   cancelText: "取消",
@@ -2625,80 +2649,81 @@ function Tr(e) {
     width: h,
     height: d,
     sx: p = {},
-    style: g = {},
-    className: v = "",
-    maskClosable: L = !0,
+    style: f = {},
+    className: w = "",
+    maskClosable: P = !0,
     footerButtons: O,
-    localeText: j = {},
-    ...w
-  } = e, { t: S } = ie(), x = Cr(u, "right", Sr), [_, m] = G(!1), [y, M] = G(!1);
-  le(() => {
+    localeText: D = {},
+    ...S
+  } = e, { t: v } = de(), x = Cr(u, "right", Sr), [C, m] = Z(!1), [y, z] = Z(!1);
+  ae(() => {
     if (l) {
       m(!0);
-      const R = setTimeout(() => M(!0), 30);
+      const R = setTimeout(() => z(!0), 30);
       return () => clearTimeout(R);
     }
-    if (_) {
-      M(!1);
+    if (C) {
+      z(!1);
       const R = setTimeout(() => m(!1), 300);
       return () => clearTimeout(R);
     }
-  }, [l]), le(() => {
-    if (_) {
-      const R = document.body.style.overflow;
-      return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = R;
+  }, [l]), ae(() => {
+    if (C) {
+      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 ?? S("drawer.title", _e.title),
-    okText: n ?? S("drawer.okText", _e.okText),
-    cancelText: c ?? S("drawer.cancelText", _e.cancelText),
-    closeAriaLabel: S("drawer.closeAriaLabel", _e.closeAriaLabel),
-    ...j
-  }, P = H(p, vr), T = b({
+    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({
     baseClassName: "fixed inset-0 z-[999] flex",
-    sxSlot: P.overlay
+    sxSlot: _.overlay
   }), N = {
-    tw: E(P.root.tw, P.container.tw),
-    css: { ...P.root.css, ...P.container.css }
-  }, C = b({
+    tw: E(_.root.tw, _.container.tw),
+    css: { ..._.root.css, ..._.container.css }
+  }, k = b({
     baseClassName: E(
       "fixed bg-[var(--card)] text-[var(--foreground)] flex flex-col transition-all duration-300 ease-in-out",
       Nr[x]
     ),
-    className: v,
+    className: w,
     style: {
       ...A,
       transform: y ? "translate(0, 0)" : wr[x],
-      ...g
+      ...f
     },
     sxSlot: N
   }), U = b({
     baseClassName: "flex items-center justify-between px-5 pt-5 pb-3 shrink-0",
-    sxSlot: P.header
-  }), I = b({
+    sxSlot: _.header
+  }), j = b({
     baseClassName: "text-lg font-bold text-[var(--foreground)]",
-    sxSlot: P.title
-  }), F = b({
-    baseClassName: "cursor-pointer p-1 rounded-md hover:bg-[var(--muted)] transition-colors text-[var(--muted-foreground)]",
-    sxSlot: P.closeBtn
+    sxSlot: _.title
   }), B = b({
+    baseClassName: "cursor-pointer p-1 rounded-md hover:bg-[var(--muted)] transition-colors text-[var(--muted-foreground)]",
+    sxSlot: _.closeBtn
+  }), M = b({
     baseClassName: "flex-1 overflow-auto overscroll-contain px-5 py-2 text-[var(--foreground)]",
-    sxSlot: P.content
-  }), D = b({
+    sxSlot: _.content
+  }), F = b({
     baseClassName: "flex justify-end gap-2 px-5 py-4 border-t border-[var(--border)] shrink-0",
-    sxSlot: P.footer
-  }), W = (R) => {
-    L && 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" }) }), Z = O != null && O.length ? O : [
+    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 }
   ];
-  return _ ? /* @__PURE__ */ s(
+  return C ? /* @__PURE__ */ s(
     "div",
     {
       className: T.className,
@@ -2708,19 +2733,19 @@ function Tr(e) {
         opacity: y ? 1 : 0,
         transition: "opacity 300ms ease-in-out"
       },
-      onClick: W,
+      onClick: H,
       role: "dialog",
       "aria-modal": "true",
       "aria-label": $.title,
-      ...w,
-      children: /* @__PURE__ */ k("div", { className: C.className, style: C.style, children: [
-        /* @__PURE__ */ k("div", { className: U.className, style: U.style, children: [
-          /* @__PURE__ */ s("h3", { className: I.className, style: I.style, children: $.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 }),
           /* @__PURE__ */ s(
             "div",
             {
-              className: F.className,
-              style: F.style,
+              className: B.className,
+              style: B.style,
               onClick: a,
               role: "button",
               tabIndex: 0,
@@ -2732,17 +2757,17 @@ function Tr(e) {
             }
           )
         ] }),
-        /* @__PURE__ */ s("div", { className: B.className, style: B.style, children: o }),
-        /* @__PURE__ */ s("div", { className: D.className, style: D.style, children: Z.map((R) => {
-          const re = R.key === "ok";
+        /* @__PURE__ */ s("div", { className: M.className, style: M.style, children: o }),
+        /* @__PURE__ */ s("div", { className: F.className, style: F.style, children: G.map((R) => {
+          const Q = R.key === "ok";
           return /* @__PURE__ */ s(
-            ce,
+            ie,
             {
               onClick: R.onClick,
               type: "default",
-              outline: !re,
+              outline: !Q,
               size: "medium",
-              style: re ? {
+              style: Q ? {
                 backgroundColor: "var(--drawer-ok-bg)",
                 color: "var(--drawer-ok-fg)",
                 borderColor: "var(--drawer-ok-bg)"
@@ -2783,7 +2808,7 @@ Tr.propTypes = {
   ),
   localeText: t.object
 };
-const kr = ["root", "text"], St = {
+const kr = ["root", "text"], Nt = {
   small: "my-0.5",
   medium: "my-1.5",
   large: "my-2.5",
@@ -2797,7 +2822,7 @@ function Lr(e, o) {
     size: l = "medium",
     children: a,
     ...i
-  } = e, u = H(r, kr), h = St[l] || St.medium, d = !!a, p = b({
+  } = e, u = W(r, kr), h = Nt[l] || Nt.medium, d = !!a, p = b({
     baseClassName: E(
       "flex items-center justify-center relative w-full",
       h
@@ -2806,52 +2831,58 @@ function Lr(e, o) {
     sxSlot: u.root,
     baseStyle: {},
     style: n
-  }), g = b({
+  }), f = b({
     baseClassName: "px-2 whitespace-nowrap z-[1]",
     sxSlot: u.text
   });
-  return /* @__PURE__ */ k(
-    "div",
-    {
-      ref: o,
-      className: p.className,
-      style: p.style,
-      ...i,
-      children: [
-        /* @__PURE__ */ s(
-          "span",
-          {
-            className: `flex-1 h-px bg-[var(--line-color)] ${d ? "mr-2.5" : ""}`
-          }
-        ),
-        d && /* @__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" : ""}`
-          }
-        )
-      ]
-    }
+  return (
+    // 原因：Line 渲染为 <div>，在 <p> 标签内使用会导致 HTML 嵌套错误（浏览器会自动关闭 <p>）
+    // 导致的问题：universal 页面出现 "<p> 标签内部不能嵌套 <div> 标签" 的 HTML 嵌套错误
+    // 解决办法：将外层容器从 <div> 改为 <span>（phrasing content），内部用 flex 布局保持视觉效果
+    // fixed by clayw on 20260523 night
+    /* @__PURE__ */ L(
+      "span",
+      {
+        ref: o,
+        className: p.className,
+        style: { ...p.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" : ""}`
+            }
+          ),
+          d && /* @__PURE__ */ s("span", { className: f.className, style: f.style, children: a }),
+          /* @__PURE__ */ s(
+            "span",
+            {
+              className: `flex-1 h-px bg-[var(--line-color)] ${d ? "ml-2.5" : ""}`
+            }
+          )
+        ]
+      }
+    )
   );
 }
-const Et = Q.forwardRef(Lr);
-Et.displayName = "Line";
-Et.propTypes = {
+const $t = te.forwardRef(Lr);
+$t.displayName = "Line";
+$t.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"], Nt = {
+const Pr = ["root"], wt = {
   default: "bg-[var(--mark-default-bg)]",
   primary: "bg-[var(--mark-primary-bg)]",
   success: "bg-[var(--mark-success-bg)]",
   warning: "bg-[var(--mark-warning-bg)]",
   danger: "bg-[var(--mark-danger-bg)]"
 };
-function _r(e, o) {
+function Or(e, o) {
   const {
     sx: r = {},
     style: n = {},
@@ -2860,7 +2891,7 @@ function _r(e, o) {
     beauty: a = !1,
     children: i,
     ...u
-  } = e, h = H(r, Pr), d = Nt[l] || Nt.default, p = b({
+  } = e, h = W(r, Pr), d = wt[l] || wt.default, p = b({
     baseClassName: E(
       "inline-block",
       d,
@@ -2882,9 +2913,9 @@ function _r(e, o) {
     }
   );
 }
-const $t = Q.forwardRef(_r);
-$t.displayName = "Mark";
-$t.propTypes = {
+const Bt = te.forwardRef(Or);
+Bt.displayName = "Mark";
+Bt.propTypes = {
   color: t.oneOf(["default", "primary", "success", "warning", "danger"]),
   beauty: t.bool,
   sx: t.oneOfType([t.string, t.object]),
@@ -2892,7 +2923,7 @@ $t.propTypes = {
   className: t.string,
   children: t.node
 };
-const Or = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], Oe = {
+const _r = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], _e = {
   title: "基础标题",
   okText: "确定",
   cancelText: "取消",
@@ -2912,37 +2943,38 @@ function Ar(e) {
     sx: h = {},
     style: d = {},
     className: p = "",
-    maskClosable: g = !0,
-    footerButtons: v,
-    localeText: L = {},
+    maskClosable: f = !0,
+    footerButtons: w,
+    localeText: P = {},
     ...O
-  } = e, { t: j } = ie(), [w, S] = G(!1), [x, _] = G(!1);
-  le(() => {
+  } = e, { t: D } = de(), [S, v] = Z(!1), [x, C] = Z(!1);
+  ae(() => {
     if (l) {
-      S(!0);
-      const D = setTimeout(() => _(!0), 30);
-      return () => clearTimeout(D);
+      v(!0);
+      const F = setTimeout(() => C(!0), 30);
+      return () => clearTimeout(F);
     }
-    if (w) {
-      _(!1);
-      const D = setTimeout(() => S(!1), 300);
-      return () => clearTimeout(D);
+    if (S) {
+      C(!1);
+      const F = setTimeout(() => v(!1), 300);
+      return () => clearTimeout(F);
     }
-  }, [l]), le(() => {
-    if (w) {
-      const D = document.body.style.overflow;
-      return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = D;
+  }, [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);
       };
     }
-  }, [w]);
+  }, [S]);
   const m = {
-    title: r ?? j("modal.title", Oe.title),
-    okText: n ?? j("modal.okText", Oe.okText),
-    cancelText: c ?? j("modal.cancelText", Oe.cancelText),
-    closeAriaLabel: j("modal.closeAriaLabel", Oe.closeAriaLabel),
-    ...L
-  }, y = H(h, Or), M = b({
+    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({
     baseClassName: "fixed inset-0 z-[999] flex justify-center items-center",
     sxSlot: y.overlay
   }), A = {
@@ -2961,7 +2993,7 @@ function Ar(e) {
       ...d
     },
     sxSlot: A
-  }), P = b({
+  }), _ = b({
     baseClassName: "flex items-center justify-between px-5 pt-5 pb-3 shrink-0",
     sxSlot: y.header
   }), T = b({
@@ -2970,35 +3002,35 @@ function Ar(e) {
   }), N = b({
     baseClassName: "cursor-pointer p-1 rounded-md hover:bg-[var(--muted)] transition-colors text-[var(--muted-foreground)]",
     sxSlot: y.closeBtn
-  }), C = b({
+  }), k = b({
     baseClassName: "flex-1 overflow-auto overscroll-contain px-6 py-5 text-[var(--foreground)]",
     sxSlot: y.content
   }), U = b({
     baseClassName: "flex justify-end gap-2 px-5 py-4 border-t border-[var(--border)] shrink-0",
     sxSlot: y.footer
-  }), I = (D) => {
-    g && D.target === D.currentTarget && a();
-  }, F = /* @__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" }) }), B = v != null && v.length ? v : [
+  }), 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 }
   ];
-  return w ? /* @__PURE__ */ s(
+  return S ? /* @__PURE__ */ s(
     "div",
     {
-      className: M.className,
+      className: z.className,
       style: {
-        ...M.style,
+        ...z.style,
         backgroundColor: "rgba(0, 0, 0, 0.5)",
         opacity: x ? 1 : 0,
         transition: "opacity 300ms ease-in-out"
       },
-      onClick: I,
+      onClick: j,
       role: "dialog",
       "aria-modal": "true",
       "aria-label": m.title,
       ...O,
-      children: /* @__PURE__ */ k("div", { className: $.className, style: $.style, children: [
-        /* @__PURE__ */ k("div", { className: P.className, style: P.style, children: [
+      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 }),
           /* @__PURE__ */ s(
             "div",
@@ -3009,24 +3041,24 @@ function Ar(e) {
               role: "button",
               tabIndex: 0,
               "aria-label": m.closeAriaLabel,
-              onKeyDown: (D) => {
-                (D.key === "Enter" || D.key === " ") && a();
+              onKeyDown: (F) => {
+                (F.key === "Enter" || F.key === " ") && a();
               },
-              children: F
+              children: B
             }
           )
         ] }),
-        /* @__PURE__ */ s("div", { className: C.className, style: C.style, children: o }),
-        /* @__PURE__ */ s("div", { className: U.className, style: U.style, children: B.map((D) => {
-          const W = D.key === "ok";
+        /* @__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";
           return /* @__PURE__ */ s(
-            ce,
+            ie,
             {
-              onClick: D.onClick,
+              onClick: F.onClick,
               type: "default",
-              outline: !W,
+              outline: !H,
               size: "medium",
-              style: W ? {
+              style: H ? {
                 backgroundColor: "var(--modal-ok-bg)",
                 color: "var(--modal-ok-fg)",
                 borderColor: "var(--modal-ok-bg)"
@@ -3034,9 +3066,9 @@ function Ar(e) {
                 backgroundColor: "var(--modal-cancel-bg)",
                 color: "var(--modal-cancel-fg)"
               },
-              children: D.text
+              children: F.text
             },
-            D.key
+            F.key
           );
         }) })
       ] })
@@ -3080,7 +3112,7 @@ const Mr = ["root", "input", "button"], zr = {
   medium: "small",
   large: "medium",
   huge: "medium"
-}, wt = {
+}, Ct = {
   placeholder: "请输入内容",
   btnText: "搜索"
 }, Br = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
@@ -3097,9 +3129,9 @@ function Ir(e) {
     placeholder: h,
     btnText: d,
     localeText: p,
-    path: g = "",
-    ...v
-  } = e, { t: L } = ie(), O = $e(null), j = Br(o, "medium", zr), w = a !== void 0, S = L("search.placeholder", wt.placeholder), x = L("search.btnText", wt.btnText), _ = h ?? (p == null ? void 0 : p.placeholder) ?? S, m = d ?? (p == null ? void 0 : p.btnText) ?? x, y = H(r, Mr), M = {
+    path: f = "",
+    ...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(
@@ -3108,53 +3140,58 @@ function Ir(e) {
     "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[j]
-  ), P = b({
+    Er[D]
+  ), _ = b({
     baseClassName: $,
     className: c,
     style: n,
-    sxSlot: M
+    sxSlot: z
   }), T = b({
     baseClassName: "absolute top-1/2 -translate-y-1/2",
     sxSlot: y.button,
     style: { right: "calc(var(--spacing) * 2)" }
-  }), N = oe(() => {
-    var I;
-    return w ? a : ((I = O.current) == null ? void 0 : I.value) ?? "";
-  }, [w, a]), C = oe(() => {
-    l == null || l(N());
-  }, [l, N]), U = oe((I) => {
-    I.key === "Enter" && C();
-  }, [C]);
-  return /* @__PURE__ */ k("div", { className: A, children: [
+  }), 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: [
     /* @__PURE__ */ s(
       "input",
       {
-        ref: w ? void 0 : O,
-        className: P.className,
-        style: P.style,
-        onKeyDown: U,
-        value: w ? a : void 0,
-        defaultValue: w ? void 0 : i ?? "",
+        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: _,
+        placeholder: C,
         type: "text",
         role: "searchbox",
-        "aria-label": _,
-        ...v
+        "aria-label": C,
+        ...w
       }
     ),
-    /* @__PURE__ */ s("div", { className: T.className, style: T.style, children: /* @__PURE__ */ s(
-      ce,
+    /* @__PURE__ */ s("div", { className: T.className, style: N, children: /* @__PURE__ */ s(
+      ie,
       {
-        onClick: C,
-        size: $r[j],
+        onClick: j,
+        size: $r[D],
         disabled: u,
         "aria-label": m,
-        children: g ? /* @__PURE__ */ s(
+        style: k,
+        children: f ? /* @__PURE__ */ s(
           "img",
           {
-            src: g,
+            src: f,
             alt: "search-icon",
             style: { width: 16, height: 16, marginTop: 2, marginBottom: -3 }
           }
@@ -3180,7 +3217,7 @@ Ir.propTypes = {
   }),
   path: t.string
 };
-const Bt = {
+const It = {
   default: "",
   inline: "inline-block",
   circle: "rounded-full",
@@ -3189,7 +3226,7 @@ const Bt = {
   fixed: "fixed",
   absolute: "absolute",
   relative: "relative"
-}, It = Object.keys(Bt), jr = ["root"];
+}, jt = Object.keys(It), jr = ["root"];
 function Fr(e, o) {
   const {
     sx: r = {},
@@ -3208,8 +3245,8 @@ function Fr(e, o) {
      * 
      */
     ...i
-  } = e, u = It.includes(l) ? l : "default", h = H(r, jr), d = b({
-    baseClassName: Bt[u],
+  } = e, u = jt.includes(l) ? l : "default", h = W(r, jr), d = b({
+    baseClassName: It[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)" } : {};
@@ -3227,15 +3264,15 @@ function Fr(e, o) {
     )
   );
 }
-const jt = Q.forwardRef(Fr);
-jt.propTypes = {
-  type: t.oneOf(It),
+const Ft = te.forwardRef(Fr);
+Ft.propTypes = {
+  type: t.oneOf(jt),
   sx: t.oneOfType([t.string, t.object]),
   style: t.object,
   className: t.string,
   children: t.node
 };
-jt.displayName = "Space";
+Ft.displayName = "Space";
 const Dr = ["root", "wrapper", "thead", "headerCell", "body", "row", "cell", "empty", "pagination"], ve = {
   empty: "暂无数据",
   prev: "上一页",
@@ -3263,34 +3300,34 @@ function Yr(e) {
     cellClassName: d,
     cellStyle: p,
     /* hover */
-    hoverColor: g = "",
+    hoverColor: f = "",
     /* i18n */
-    i18nKey: v = null,
-    localeText: L = {},
+    i18nKey: w = null,
+    localeText: P = {},
     /* 无障碍 */
     "aria-label": O,
-    ...j
-  } = e, { t: w } = ie();
+    ...D
+  } = e, { t: S } = de();
   o.length === 0 && r.length === 0 && console.warn("[Tango Table] dataSource 和 columns 不能同时为空，请至少提供一项。");
-  const S = {
-    empty: w("table.empty", ve.empty),
-    prev: w("table.prev", ve.prev),
-    next: w("table.next", ve.next),
-    page: w("table.page", ve.page),
-    total: w("table.total", ve.total),
-    perPage: w("table.perPage", ve.perPage),
-    ...L
-  }, x = Array.isArray(i) ? i : typeof i == "string" ? [i] : [], _ = Se(
-    () => r.filter((q) => !q.hide && !x.includes(q.dataIndex)),
+  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(
+    () => r.filter((J) => !J.hide && !x.includes(J.dataIndex)),
     [r, x]
-  ), m = a !== null && a !== !1, y = a && a.placement || "bottom", M = a && a.pageSize || Rr, A = a && a.pageSizeOptions || Vr, $ = (a == null ? void 0 : a.showTotal) !== !1, P = (a == null ? void 0 : a.showSizeChanger) !== !1, [T, N] = G(1), [C, U] = G(M), I = o.length, F = Math.max(1, Math.ceil(I / C)), B = Math.min(T, F), D = Se(() => {
+  ), 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 q = (B - 1) * C;
-    return o.slice(q, q + C);
-  }, [o, B, C, m]), W = oe(
-    (q) => N(Math.max(1, Math.min(q, F))),
-    [F]
-  ), K = H(n, Dr), Z = b({
+    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(
       "w-full overflow-x-auto rounded-xl border border-[var(--border)]",
       "shadow-[0_0_20px_color-mix(in_oklch,var(--foreground)_8%,transparent)]"
@@ -3304,158 +3341,164 @@ function Yr(e) {
   }), R = b({
     baseClassName: "bg-[var(--primary)] text-[var(--primary-foreground)] sticky top-0 z-10",
     sxSlot: K.thead
-  }), re = b({
+  }), Q = b({
     baseClassName: "text-[var(--foreground)]",
     sxSlot: K.body
-  }), de = b({
+  }), ue = b({
     baseClassName: "text-[var(--muted-foreground)] py-16 text-center",
     sxSlot: K.empty
   }), 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
-  }), fe = g ? /* @__PURE__ */ s("style", { children: `
+  }), ge = f ? /* @__PURE__ */ s("style", { children: `
       [data-tango-table-body] tr:hover {
-        background-color: ${g} !important;
+        background-color: ${f} !important;
         transform: translateY(-1px);
         box-shadow: 0 2px 8px color-mix(in oklch, var(--foreground) 5%, transparent);
       }
-    ` }) : null, se = () => {
+    ` }) : null, fe = () => {
     if (!m) return null;
-    const q = Array.from({ length: F }, (z, X) => X + 1);
-    return /* @__PURE__ */ k("div", { className: be.className, style: be.style, children: [
-      /* @__PURE__ */ k("div", { className: "flex items-center gap-3", children: [
-        $ && /* @__PURE__ */ s("span", { children: S.total.replace("{total}", String(I)) }),
-        P && /* @__PURE__ */ s(
+    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(
           "select",
           {
-            value: C,
-            onChange: (z) => {
-              U(Number(z.target.value)), N(1);
+            value: k,
+            onChange: (I) => {
+              U(Number(I.target.value)), N(1);
             },
             className: "rounded border border-[var(--border)] bg-[var(--background)] px-2 py-1 text-sm cursor-pointer",
-            "aria-label": S.perPage,
-            children: A.map((z) => /* @__PURE__ */ k("option", { value: z, children: [
-              z,
+            "aria-label": v.perPage,
+            children: A.map((I) => /* @__PURE__ */ L("option", { value: I, children: [
+              I,
               " ",
-              S.perPage
-            ] }, z))
+              v.perPage
+            ] }, I))
           }
         )
       ] }),
-      /* @__PURE__ */ k("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ L("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ s(
           "button",
           {
-            onClick: () => W(B - 1),
-            disabled: B <= 1,
+            type: "button",
+            onClick: () => H(M - 1),
+            disabled: M <= 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": S.prev,
-            children: S.prev
+            "aria-label": v.prev,
+            children: v.prev
           }
         ),
-        q.length <= 7 ? q.map((z) => /* @__PURE__ */ s(
+        J.length <= 7 ? J.map((I) => /* @__PURE__ */ s(
           "button",
           {
-            onClick: () => W(z),
-            className: `min-w-[28px] px-2 py-1 rounded text-xs transition-colors ${z === B ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"}`,
-            children: z
+            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
           },
-          z
-        )) : /* @__PURE__ */ k(Ne, { children: [
+          I
+        )) : /* @__PURE__ */ L(Ne, { children: [
           /* @__PURE__ */ s(
             "button",
             {
-              onClick: () => W(1),
-              className: `min-w-[28px] px-2 py-1 rounded text-xs ${B === 1 ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
+              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`,
               children: "1"
             }
           ),
-          B > 3 && /* @__PURE__ */ s("span", { className: "px-1 text-xs", children: "…" }),
+          M > 3 && /* @__PURE__ */ s("span", { className: "px-1 text-xs", children: "…" }),
           Array.from(
-            { length: F },
-            (z, X) => X + 1
-          ).filter((z) => z > 1 && z < F && Math.abs(z - B) <= 1).map((z) => /* @__PURE__ */ s(
+            { length: B },
+            (I, q) => q + 1
+          ).filter((I) => I > 1 && I < B && Math.abs(I - M) <= 1).map((I) => /* @__PURE__ */ s(
             "button",
             {
-              onClick: () => W(z),
-              className: `min-w-[28px] px-2 py-1 rounded text-xs ${z === B ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
-              children: z
+              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
             },
-            z
+            I
           )),
-          B < F - 2 && /* @__PURE__ */ s("span", { className: "px-1 text-xs", children: "…" }),
+          M < B - 2 && /* @__PURE__ */ s("span", { className: "px-1 text-xs", children: "…" }),
           /* @__PURE__ */ s(
             "button",
             {
-              onClick: () => W(F),
-              className: `min-w-[28px] px-2 py-1 rounded text-xs ${B === F ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
-              children: F
+              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
             }
           )
         ] }),
         /* @__PURE__ */ s(
           "button",
           {
-            onClick: () => W(B + 1),
-            disabled: B >= F,
+            type: "button",
+            onClick: () => H(M + 1),
+            disabled: M >= B,
             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": S.next,
-            children: S.next
+            "aria-label": v.next,
+            children: v.next
           }
         )
       ] })
     ] });
-  }, ee = (q) => /* @__PURE__ */ k("div", { className: Z.className, style: Z.style, children: [
-    fe,
-    /* @__PURE__ */ k("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: _.map((z) => {
-        const X = b({
+  }, X = (J) => /* @__PURE__ */ L("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) => {
+        const q = b({
           baseClassName: E(
             "px-5 py-4 text-left font-semibold tracking-wide relative",
             K.headerCell.tw
           ),
-          baseStyle: z.width ? { width: z.width } : {},
+          baseStyle: I.width ? { width: I.width } : {},
           sxSlot: { tw: "", css: K.headerCell.css }
         });
-        return /* @__PURE__ */ k("th", { className: X.className, style: X.style, children: [
-          z.title,
+        return /* @__PURE__ */ L("th", { className: q.className, style: q.style, children: [
+          I.title,
           /* @__PURE__ */ s("span", { className: "absolute right-0 top-[20%] h-[60%] w-px bg-[var(--primary-foreground)]/15 last:hidden" })
-        ] }, z.key || z.dataIndex);
+        ] }, I.key || I.dataIndex);
       }) }) }),
-      /* @__PURE__ */ s("tbody", { className: re.className, style: re.style, "data-tango-table-body": !0, children: q.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: _.length, className: de.className, style: de.style, children: S.empty }) }) : q.map((z, X) => {
-        const te = X % 2 === 0 ? "even" : "odd", ae = 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: C.length, className: ue.className, style: ue.style, children: v.empty }) }) : J.map((I, q) => {
+        const le = q % 2 === 0 ? "even" : "odd", re = E(
           "transition-all duration-200",
-          te === "even" ? "bg-[color-mix(in_oklch,var(--table-hover)_6%,transparent)]" : "",
+          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, z, X, te)
-        ), ue = {
-          ...Ae(h, z, X, te),
+          Ae(u, I, q, le)
+        ), se = {
+          ...Ae(h, I, q, le),
           ...K.row.css
         };
-        return /* @__PURE__ */ s("tr", { className: ae, style: ue, children: _.map((f, Y) => {
-          const J = Y % 2 === 0 ? "even" : "odd", ge = E(
+        return /* @__PURE__ */ s("tr", { className: re, style: se, children: C.map((g, V) => {
+          const ee = V % 2 === 0 ? "even" : "odd", ce = E(
             "px-5 py-3.5 text-left relative",
             "border-b border-[color-mix(in_oklch,var(--foreground)_5%,transparent)]",
             K.cell.tw,
-            Ae(d, z, f, X, Y, te, J)
+            Ae(d, I, g, q, V, le, ee)
           ), pe = {
-            ...f.width ? { width: f.width } : {},
-            ...Ae(p, z, f, X, Y, te, J),
+            ...g.width ? { width: g.width } : {},
+            ...Ae(p, I, g, q, V, le, ee),
             ...K.cell.css
           };
-          return /* @__PURE__ */ k("td", { className: ge, style: pe, children: [
-            /* @__PURE__ */ s("div", { className: "flex items-center min-h-5", children: f.render ? f.render(z[f.dataIndex], z, X) : z[f.dataIndex] }),
+          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] }),
             /* @__PURE__ */ s("span", { className: "absolute right-0 top-[20%] h-[60%] w-px bg-[color-mix(in_oklch,var(--foreground)_4%,transparent)] last:hidden" })
-          ] }, f.key || f.dataIndex || Y);
-        }) }, z.key || X);
+          ] }, g.key || g.dataIndex || V);
+        }) }, I.key || q);
       }) })
     ] })
   ] });
-  return /* @__PURE__ */ k("div", { role: "region", "aria-label": O || "Table", ...j, children: [
-    m && y === "top" && se(),
-    ee(D),
-    m && y === "bottom" && se()
+  return /* @__PURE__ */ L("div", { role: "region", "aria-label": O || "Table", ...D, children: [
+    m && y === "top" && fe(),
+    X(F),
+    m && y === "bottom" && fe()
   ] });
 }
 Yr.propTypes = {
@@ -3495,7 +3538,7 @@ Yr.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-const Kr = ["root", "tooltip"], Ct = {
+const Kr = ["root", "tooltip"], Tt = {
   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",
@@ -3518,66 +3561,66 @@ function Hr(e, o) {
     sx: h = {},
     style: d = {},
     className: p = "",
-    onMouseEnter: g,
-    onMouseLeave: v,
-    onFocus: L,
+    onMouseEnter: f,
+    onMouseLeave: w,
+    onFocus: P,
     onBlur: O,
-    ...j
-  } = e, [w, S] = G(a), x = l !== void 0, _ = x ? l : w, m = oe((C) => {
-    x || S(C), i == null || i(C);
-  }, [x, i]), y = Ct[c] ? c : "top", M = H(h, Kr), A = b({
+    ...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({
     baseClassName: "relative inline-flex",
-    sxSlot: M.root
+    sxSlot: z.root
   }), $ = b({
     baseClassName: E(
       "absolute z-50 whitespace-nowrap px-3 py-1.5 text-sm",
       "bg-[var(--tooltip-background)] text-[var(--tooltip-foreground)]",
       "shadow-[var(--tooltip-shadow)]",
-      Ct[y]
+      Tt[y]
     ),
     className: p,
     baseStyle: { borderRadius: "var(--tooltip-radius)" },
-    sxSlot: M.tooltip,
+    sxSlot: z.tooltip,
     style: d
-  }), P = {
+  }), _ = {
     position: "absolute",
     width: "10px",
     height: "10px",
     backgroundColor: "inherit",
     ...Ur[y]
   }, T = () => !u && m(!0), N = () => !u && m(!1);
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ L(
     "div",
     {
       ref: o,
       className: A.className,
       style: A.style,
-      onMouseEnter: (C) => {
-        T(), g == null || g(C);
+      onMouseEnter: (k) => {
+        T(), f == null || f(k);
       },
-      onMouseLeave: (C) => {
-        N(), v == null || v(C);
+      onMouseLeave: (k) => {
+        N(), w == null || w(k);
       },
-      onFocus: (C) => {
-        T(), L == null || L(C);
+      onFocus: (k) => {
+        T(), P == null || P(k);
       },
-      onBlur: (C) => {
-        N(), O == null || O(C);
+      onBlur: (k) => {
+        N(), O == null || O(k);
       },
-      ...j,
+      ...D,
       children: [
         r,
-        _ && n && /* @__PURE__ */ k("div", { role: "tooltip", className: $.className, style: $.style, children: [
+        C && n && /* @__PURE__ */ L("div", { role: "tooltip", className: $.className, style: $.style, children: [
           /* @__PURE__ */ s("span", { style: { position: "relative", zIndex: 1 }, children: n }),
-          /* @__PURE__ */ s("span", { style: P })
+          /* @__PURE__ */ s("span", { style: _ })
         ] })
       ]
     }
   );
 }
-const Ft = Q.forwardRef(Hr);
-Ft.displayName = "Tooltip";
-Ft.propTypes = {
+const Dt = te.forwardRef(Hr);
+Dt.displayName = "Tooltip";
+Dt.propTypes = {
   children: t.node,
   title: t.node,
   placement: t.oneOf(["top", "bottom", "left", "right"]),
@@ -3593,7 +3636,7 @@ Ft.propTypes = {
   onFocus: t.func,
   onBlur: t.func
 };
-ce.MaterialButton = Ze;
+ie.MaterialButton = Ze;
 Xe.MaterialInput = Ge;
 ne.Header = Xo;
 ne.Footer = qo;
@@ -3602,18 +3645,18 @@ ne.Content = Qo;
 ne.Toc = er;
 export {
   sr as Banner,
-  ce as Button,
+  ie as Button,
   dr as ColorPicker,
   Qo as Content,
-  gr as DateDisplay,
+  fr as DateDisplay,
   xr as DatePicker,
   Tr as Drawer,
   qo as Footer,
   Xo as Header,
   Xe as Input,
   ne as Layout,
-  Et as Line,
-  $t as Mark,
+  $t as Line,
+  Bt as Mark,
   Ze as MaterialButton,
   Ge as MaterialInput,
   Ar as Modal,
@@ -3621,28 +3664,28 @@ export {
   es as NoticeProvider,
   Ir as Search,
   Jo as Sider,
-  jt as Space,
+  Ft as Space,
   Yr as Table,
   sr as TangoBanner,
   dr as TangoColorPicker,
-  gr as TangoDate,
+  fr as TangoDate,
   xr as TangoDatePicker,
   Tr as TangoDrawer,
   os as TangoI18nProvider,
   Ar as TangoModal,
   We as TangoNotice,
   Ir as TangoSearch,
-  Ft as TangoTooltip,
+  Dt as TangoTooltip,
   Jr as ThemeProvider,
   er as Toc,
-  Ft as Tooltip,
+  Dt as Tooltip,
   qe as Upload,
   b as createSlotProps,
   E as mergeTwClassNames,
-  H as normalizeSxSlots,
+  W as normalizeSxSlots,
   ze as normalizeTangoLocale,
   ts as useNotice,
-  ie as useTangoI18n,
+  de as useTangoI18n,
   Me as useTangoStyle,
   Qr as useTheme
 };