tango-ui-cw 1.0.8 → 1.0.9

package/dist/index.js

@@ -1,6 +1,6 @@
 'use client';
-import { jsx as s, jsxs as P, Fragment as Ne } from "react/jsx-runtime";
-import te, { useState as Z, useRef as ke, useEffect as se, useContext as Ue, createContext as He, forwardRef as Lt, useCallback as oe, useMemo as Se, useId as Wt } from "react";
+import { jsx as r, jsxs as P, Fragment as Ne } from "react/jsx-runtime";
+import te, { useState as Z, useRef as ke, useEffect as re, useContext as Ue, createContext as He, forwardRef as Lt, useCallback as oe, useMemo as Se, useId as Wt } from "react";
 import { createPortal as Ut } from "react-dom";
 import t from "prop-types";
 import { twMerge as Ht } from "tailwind-merge";
@@ -14,68 +14,68 @@ const et = "tango:theme", tt = "tango:themeTokens", De = "light", Zt = [
   if (!Ot())
     return o;
   try {
-    const r = window.localStorage.getItem(e);
-    return r ? JSON.parse(r) : o;
+    const a = window.localStorage.getItem(e);
+    return a ? JSON.parse(a) : o;
   } catch {
     return o;
   }
-}, rt = (e, o) => {
+}, at = (e, o) => {
   if (Ot())
     try {
       window.localStorage.setItem(e, JSON.stringify(o));
     } catch {
     }
 };
-function Jr({ children: e }) {
-  const [o, r] = Z(De), n = ke(!1);
-  se(() => {
+function Ja({ children: e }) {
+  const [o, a] = Z(De), s = ke(!1);
+  re(() => {
     const d = ot(et, De);
-    d !== De && r(d === "dark" ? "dark" : "light"), n.current = !0;
+    d !== De && a(d === "dark" ? "dark" : "light"), s.current = !0;
   }, []);
   const [c, l] = Z(
     () => ot(tt, {})
-  ), a = ke(/* @__PURE__ */ new Set());
-  se(() => {
+  ), n = ke(/* @__PURE__ */ new Set());
+  re(() => {
     typeof document > "u" || (document.documentElement.dataset.theme = o);
-  }, [o]), se(() => {
-    n.current && rt(et, o);
-  }, [o]), se(() => {
+  }, [o]), re(() => {
+    s.current && at(et, o);
+  }, [o]), re(() => {
     if (typeof document > "u")
       return;
-    const d = document.documentElement, g = new Set(Object.keys(c));
-    a.current.forEach((v) => {
-      g.has(v) || d.style.removeProperty(`--${v}`);
+    const d = document.documentElement, b = new Set(Object.keys(c));
+    n.current.forEach((v) => {
+      b.has(v) || d.style.removeProperty(`--${v}`);
     }), Object.entries(c).forEach(([v, w]) => {
       w == null || w === "" ? d.style.removeProperty(`--${v}`) : d.style.setProperty(`--${v}`, String(w));
-    }), a.current = g, rt(tt, c);
+    }), n.current = b, at(tt, c);
   }, [c]);
   const i = (d) => {
-    l((g) => {
-      const v = typeof d == "function" ? d(g) : d;
+    l((b) => {
+      const v = typeof d == "function" ? d(b) : d;
       return {
-        ...g,
+        ...b,
         ...v || {}
       };
     });
-  }, u = (d, g = Zt) => {
+  }, u = (d, b = Zt) => {
     i((v) => {
       const w = { ...v };
-      return g.forEach((C) => {
+      return b.forEach((C) => {
         w[C] = d;
       }), w;
     });
   }, h = () => {
     l({});
-  }, m = () => {
-    r((d) => d === "dark" ? "light" : "dark");
+  }, g = () => {
+    a((d) => d === "dark" ? "light" : "dark");
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     Pt.Provider,
     {
       value: {
         theme: o,
-        setTheme: r,
-        toggleTheme: m,
+        setTheme: a,
+        toggleTheme: g,
         themeTokens: c,
         setThemeTokens: i,
         setThemeColor: u,
@@ -85,7 +85,7 @@ function Jr({ children: e }) {
     }
   );
 }
-function Qr() {
+function Qa() {
   return Ue(Pt);
 }
 const Gt = /* @__PURE__ */ new Set([
@@ -98,7 +98,7 @@ const Gt = /* @__PURE__ */ new Set([
 ]), $e = {
   tw: "",
   css: {}
-}, ye = (e) => typeof e == "object" && e !== null && !Array.isArray(e), Y = (e, o = "px") => typeof e == "number" ? `${e}${o}` : e, he = (e) => typeof e == "string" && e.startsWith("$") ? `var(--${e.slice(1)})` : e, Xt = (e) => e.includes("-") ? e.replace(/-([a-z])/g, (o, r) => r.toUpperCase()) : e, qt = (e) => /(color|background|border|fill|stroke|shadow)$/i.test(e), Jt = {
+}, 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, a) => a.toUpperCase()) : e, qt = (e) => /(color|background|border|fill|stroke|shadow)$/i.test(e), Jt = {
   mt: (e, o) => {
     e.marginTop = Y(o);
   },
@@ -217,7 +217,7 @@ const Gt = /* @__PURE__ */ new Set([
     e.backgroundColor = he(o);
   },
   b: (e, o) => {
-    e.border = o === 1 ? "1px solid var(--border)" : he(o);
+    e.border = o === 1 ? "1px solid var(--tango-border)" : he(o);
   },
   br: (e, o) => {
     e.borderRadius = Y(o);
@@ -369,14 +369,14 @@ const Gt = /* @__PURE__ */ new Set([
   shown: (e) => {
     e.visibility = "visible";
   }
-}, ze = (e = {}) => ye(e) ? Object.entries(e).reduce((o, [r, n]) => {
-  if (Gt.has(r))
+}, ze = (e = {}) => ye(e) ? Object.entries(e).reduce((o, [a, s]) => {
+  if (Gt.has(a))
     return o;
-  const c = Jt[r];
+  const c = Jt[a];
   if (c)
-    return c(o, n), o;
-  const l = Xt(r), a = typeof n == "string" && (n.startsWith("$") || qt(l)) ? he(n) : n;
-  return o[l] = a, o;
+    return c(o, s), o;
+  const l = Xt(a), n = typeof s == "string" && (s.startsWith("$") || qt(l)) ? he(s) : s;
+  return o[l] = n, o;
 }, {}) : {}, I = (...e) => {
   const o = e.filter(Boolean).join(" ").trim();
   return o ? Ht(o) : "";
@@ -390,70 +390,70 @@ const Gt = /* @__PURE__ */ new Set([
       tw: "",
       css: ze(e)
     };
-  const r = [e.className, e.tw].filter(Boolean).join(" "), n = ye(e.css) ? ze(e.css) : {}, c = ye(e.style) ? ze(e.style) : {};
+  const a = [e.className, e.tw].filter(Boolean).join(" "), s = ye(e.css) ? ze(e.css) : {}, c = ye(e.style) ? ze(e.style) : {};
   return {
-    tw: r,
+    tw: a,
     css: {
-      ...n,
+      ...s,
       ...c
     }
   };
-}, 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) => {
+}, 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((a) => a !== "root" && a in e) : !1, eo = (e) => {
   const o = {};
-  return e.forEach((r) => {
-    o[r] = { ...$e };
+  return e.forEach((a) => {
+    o[a] = { ...$e };
   }), o.root || (o.root = { ...$e }), o;
 }, H = (e, o = ["root"]) => {
-  const r = eo(o);
+  const a = eo(o);
   if (typeof e == "string")
-    return r.root.tw = e, r;
+    return a.root.tw = e, a;
   if (!ye(e))
-    return r;
+    return a;
   if (!Qt(e, o))
-    return r.root.css = ze(e), r;
-  const n = Oe({
+    return a.root.css = ze(e), a;
+  const s = Oe({
     tw: [e.className, e.tw].filter(Boolean).join(" "),
     css: e.css,
     style: e.style
   }), c = Oe(e.root);
-  r.root = {
-    tw: I(n.tw, c.tw),
+  a.root = {
+    tw: I(s.tw, c.tw),
     css: {
-      ...n.css,
+      ...s.css,
       ...c.css
     }
   };
   const l = ye(e.slots) ? e.slots : {};
-  return Object.keys(r).forEach((a) => {
-    if (a === "root")
+  return Object.keys(a).forEach((n) => {
+    if (n === "root")
       return;
-    const i = Oe(e[a]), u = Oe(l[a]);
-    r[a] = {
+    const i = Oe(e[n]), u = Oe(l[n]);
+    a[n] = {
       tw: I(i.tw, u.tw),
       css: {
         ...i.css,
         ...u.css
       }
     };
-  }), r;
-}, b = ({
+  }), a;
+}, m = ({
   baseClassName: e = "",
   className: o = "",
-  baseStyle: r = {},
-  style: n = {},
+  baseStyle: a = {},
+  style: s = {},
   sxSlot: c = $e
 } = {}) => ({
   className: I(e, o, c.tw),
   style: {
-    ...r || {},
+    ...a || {},
     ...c.css || {},
-    ...n || {}
+    ...s || {}
   }
-}), to = ["root", "icon", "content"], st = {
-  success: "text-[var(--notice-success-text)]",
-  fail: "text-[var(--notice-fail-text)]",
-  caution: "text-[var(--notice-caution-text)]"
-}, at = {
+}), to = ["root", "icon", "content"], rt = {
+  success: "text-[var(--tango-notice-success-text)]",
+  fail: "text-[var(--tango-notice-fail-text)]",
+  caution: "text-[var(--tango-notice-caution-text)]"
+}, nt = {
   default: {
     base: "fixed top-5 left-1/2 -translate-x-1/2",
     enter: "animate-[noticeSlideDown_0.3s_cubic-bezier(0.22,1,0.36,1)_forwards]"
@@ -465,50 +465,50 @@ const Gt = /* @__PURE__ */ new Set([
 };
 function oo(e, o) {
   const {
-    type: r = "success",
-    icon: n,
+    type: a = "success",
+    icon: s,
     message: c,
     variant: l = "default",
-    duration: a = 3e3,
+    duration: n = 3e3,
     onClose: i,
     sx: u = {},
     style: h = {},
-    className: m = "",
+    className: g = "",
     ...d
-  } = e, [g, v] = Z(!1), w = st[r] ? r : "success", C = at[l] ? l : "default", F = H(u, to), O = oe(() => {
+  } = e, [b, v] = Z(!1), w = rt[a] ? a : "success", C = nt[l] ? l : "default", F = H(u, to), O = oe(() => {
     v(!0);
     const _ = setTimeout(() => i == null ? void 0 : i(), 300);
     return () => clearTimeout(_);
   }, [i]);
-  se(() => {
-    if (!i || a <= 0) return;
-    const _ = setTimeout(O, a);
+  re(() => {
+    if (!i || n <= 0) return;
+    const _ = setTimeout(O, n);
     return () => clearTimeout(_);
-  }, [i, a, O]);
-  const y = at[C], x = C === "default" ? "animate-[noticeSlideUpFade_0.3s_ease-in_forwards]" : "animate-[noticeSlideToBottom_0.3s_ease-in_forwards]", T = b({
+  }, [i, n, O]);
+  const y = nt[C], x = C === "default" ? "animate-[noticeSlideUpFade_0.3s_ease-in_forwards]" : "animate-[noticeSlideToBottom_0.3s_ease-in_forwards]", T = m({
     baseClassName: I(
       "inline-flex items-center gap-2 px-3 py-2 text-sm z-[999]",
-      "rounded-[var(--notice-radius)]",
-      "bg-[var(--notice-bg)] text-[var(--notice-foreground)]",
-      "shadow-[var(--notice-shadow)]",
+      "rounded-[var(--tango-notice-radius)]",
+      "bg-[var(--tango-notice-bg)] text-[var(--tango-notice-foreground)]",
+      "shadow-[var(--tango-notice-shadow)]",
       y.base,
-      g ? x : y.enter,
-      C === "md" && st[w]
+      b ? x : y.enter,
+      C === "md" && rt[w]
     ),
-    className: m,
+    className: g,
     sxSlot: F.root,
-    baseStyle: { borderRadius: "var(--notice-radius)" },
+    baseStyle: { borderRadius: "var(--tango-notice-radius)" },
     style: h
-  }), p = b({
-    baseClassName: "flex-shrink-0 text-[var(--notice-foreground)]",
+  }), p = m({
+    baseClassName: "flex-shrink-0 text-[var(--tango-notice-foreground)]",
     sxSlot: F.icon
-  }), S = b({
+  }), S = m({
     baseClassName: "inline-block",
     sxSlot: F.content
   });
   return /* @__PURE__ */ P("div", { ref: o, role: "alert", className: T.className, style: T.style, ...d, children: [
-    C !== "md" && n && /* @__PURE__ */ s("span", { className: p.className, style: p.style, children: n }),
-    /* @__PURE__ */ s("span", { className: S.className, style: S.style, children: c })
+    C !== "md" && s && /* @__PURE__ */ r("span", { className: p.className, style: p.style, children: s }),
+    /* @__PURE__ */ r("span", { className: S.className, style: S.style, children: c })
   ] });
 }
 const Ze = Lt(oo);
@@ -524,59 +524,59 @@ Ze.propTypes = {
   style: t.object,
   className: t.string
 };
-const _t = He(null), ro = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: /* @__PURE__ */ s(
+const _t = He(null), ao = /* @__PURE__ */ r("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: /* @__PURE__ */ r(
   "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)"
+    fill: "var(--tango-notice-success-text)"
   }
-) }), so = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: /* @__PURE__ */ s(
+) }), ro = /* @__PURE__ */ r("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: /* @__PURE__ */ r(
   "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)"
+    fill: "var(--tango-notice-fail-text)"
   }
-) }), ao = /* @__PURE__ */ P("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: [
-  /* @__PURE__ */ s(
+) }), no = /* @__PURE__ */ P("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: [
+  /* @__PURE__ */ r(
     "path",
     {
       d: "M512 909.061224c-218.906122 0-397.061224-178.155102-397.061224-397.061224s178.155102-397.061224 397.061224-397.061224 397.061224 178.155102 397.061224 397.061224-178.155102 397.061224-397.061224 397.061224z",
-      fill: "var(--notice-caution-text)"
+      fill: "var(--tango-notice-caution-text)"
     }
   ),
-  /* @__PURE__ */ s(
+  /* @__PURE__ */ r(
     "path",
     {
       d: "M512 690.677551m-31.346939 0a31.346939 31.346939 0 1 0 62.693878 0 31.346939 31.346939 0 1 0-62.693878 0Z",
-      fill: "var(--notice-fail-text)"
+      fill: "var(--tango-notice-fail-text)"
     }
   ),
-  /* @__PURE__ */ s(
+  /* @__PURE__ */ r(
     "path",
     {
       d: "M512 584.097959c-11.493878 0-20.897959-9.404082-20.897959-20.897959v-261.22449c0-11.493878 9.404082-20.897959 20.897959-20.897959s20.897959 9.404082 20.897959 20.897959v261.22449c0 12.016327-9.404082 20.897959-20.897959 20.897959z",
-      fill: "var(--notice-fail-text)"
+      fill: "var(--tango-notice-fail-text)"
     }
   )
-] }), no = { success: ro, fail: so, caution: ao };
-function es({ children: e }) {
-  const [o, r] = Z([]), [n, c] = Z(!1);
-  se(() => {
+] }), so = { success: ao, fail: ro, caution: no };
+function er({ children: e }) {
+  const [o, a] = Z([]), [s, c] = Z(!1);
+  re(() => {
     c(!0);
   }, []);
   const l = oe((i) => {
-    r((u) => u.filter((h) => h.id !== i));
-  }, []), a = oe((i, u, h = "default") => {
-    const m = Date.now() + Math.random();
-    r((d) => [
+    a((u) => u.filter((h) => h.id !== i));
+  }, []), n = oe((i, u, h = "default") => {
+    const g = Date.now() + Math.random();
+    a((d) => [
       ...d,
-      { id: m, type: i, message: u, variant: h, icon: no[i] }
+      { id: g, type: i, message: u, variant: h, icon: so[i] }
     ]);
   }, []);
-  return /* @__PURE__ */ P(_t.Provider, { value: { add: a, remove: l }, children: [
+  return /* @__PURE__ */ P(_t.Provider, { value: { add: n, remove: l }, children: [
     e,
-    n && Ut(
-      /* @__PURE__ */ s("div", { id: "notification-container", className: "flex flex-col items-center gap-2", children: o.map((i) => /* @__PURE__ */ s(Ze, { ...i, onClose: () => l(i.id) }, i.id)) }),
+    s && Ut(
+      /* @__PURE__ */ r("div", { id: "notification-container", className: "flex flex-col items-center gap-2", children: o.map((i) => /* @__PURE__ */ r(Ze, { ...i, onClose: () => l(i.id) }, i.id)) }),
       document.body
     )
   ] });
@@ -587,7 +587,7 @@ function lo() {
     throw new Error("useNotice must be used inside <NoticeProvider />");
   return e;
 }
-function ts() {
+function tr() {
   const { add: e } = lo();
   return {
     success: (o) => e("success", o),
@@ -787,14 +787,14 @@ const At = "tango:locale", xe = "zh-CN", co = {
   toggleLocale: We,
   messages: Mt,
   t: (e, o = "") => o
-}), nt = (e) => typeof e == "object" && e !== null && !Array.isArray(e), Et = (e, o) => {
-  const r = { ...e };
-  return Object.entries(o || {}).forEach(([n, c]) => {
-    nt(c) && nt(r[n]) ? r[n] = Et(r[n], c) : r[n] = c;
-  }), r;
-}, io = (e, o) => o.split(".").reduce((r, n) => {
-  if (r && Object.prototype.hasOwnProperty.call(r, n))
-    return r[n];
+}), st = (e) => typeof e == "object" && e !== null && !Array.isArray(e), Et = (e, o) => {
+  const a = { ...e };
+  return Object.entries(o || {}).forEach(([s, c]) => {
+    st(c) && st(a[s]) ? a[s] = Et(a[s], c) : a[s] = c;
+  }), a;
+}, io = (e, o) => o.split(".").reduce((a, s) => {
+  if (a && Object.prototype.hasOwnProperty.call(a, s))
+    return a[s];
 }, e), Ee = (e) => typeof e != "string" || !e.trim() ? xe : co[e] || e, uo = () => {
   if (typeof window > "u")
     return xe;
@@ -805,20 +805,20 @@ const At = "tango:locale", xe = "zh-CN", co = {
     return xe;
   }
 };
-function os({
+function or({
   children: e,
   locale: o,
-  defaultLocale: r = xe,
-  onLocaleChange: n = We,
+  defaultLocale: a = xe,
+  onLocaleChange: s = We,
   messages: c = {}
 }) {
-  const l = Ee(r), a = o == null ? null : Ee(o), [i, u] = Z(
+  const l = Ee(a), n = o == null ? null : Ee(o), [i, u] = Z(
     () => uo() || l
-  ), h = a || i, m = (w) => {
+  ), h = n || i, g = (w) => {
     const C = Ee(w);
-    a == null && u(C), n(C);
+    n == null && u(C), s(C);
   };
-  se(() => {
+  re(() => {
     if (!(typeof window > "u"))
       try {
         window.localStorage.setItem(At, h);
@@ -828,19 +828,19 @@ function os({
   const d = Se(
     () => Et(Mt, c),
     [c]
-  ), g = () => {
-    m(h === "zh-CN" ? "en-US" : "zh-CN");
+  ), b = () => {
+    g(h === "zh-CN" ? "en-US" : "zh-CN");
   }, v = (w, C = "") => {
     const F = d[h] || d[xe] || {}, O = io(F, w);
     return O == null || O === "" ? C : String(O);
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     zt.Provider,
     {
       value: {
         locale: h,
-        setLocale: m,
-        toggleLocale: g,
+        setLocale: g,
+        toggleLocale: b,
         messages: d,
         t: v
       },
@@ -851,75 +851,75 @@ function os({
 function de() {
   return Ue(zt);
 }
-const po = "_materialBtn_y97j8_8", mo = "_materialBtnSmall_y97j8_27", bo = "_materialBtnMedium_y97j8_33", go = "_materialBtnLarge_y97j8_39", fo = "_materialBtnHuge_y97j8_45", ho = "_materialBtnDisabled_y97j8_52", yo = "_ripple_y97j8_60", Ce = {
+const po = "_materialBtn_1tku0_8", go = "_materialBtnSmall_1tku0_27", mo = "_materialBtnMedium_1tku0_33", bo = "_materialBtnLarge_1tku0_39", fo = "_materialBtnHuge_1tku0_45", ho = "_materialBtnDisabled_1tku0_52", yo = "_ripple_1tku0_60", Ce = {
   materialBtn: po,
-  materialBtnSmall: mo,
-  materialBtnMedium: bo,
-  materialBtnLarge: go,
+  materialBtnSmall: go,
+  materialBtnMedium: mo,
+  materialBtnLarge: bo,
   materialBtnHuge: fo,
   materialBtnDisabled: ho,
   ripple: yo
 }, lt = ["root", "content", "icon", "loading"], xo = { small: "small", medium: "medium", large: "large", huge: "huge" }, vo = { small: 12, medium: 14, large: 16, huge: 20 }, ct = {
   default: {
-    backgroundColor: "var(--primary)",
-    color: "var(--primary-foreground)",
-    borderColor: "var(--border)",
+    backgroundColor: "var(--tango-primary)",
+    color: "var(--tango-primary-foreground)",
+    borderColor: "var(--tango-border)",
     borderWidth: "1px",
     borderStyle: "solid"
   },
   transparent: {
-    backgroundColor: "var(--transparent)",
-    color: "var(--primary-foreground)",
-    borderColor: "var(--button-transparent-border)",
+    backgroundColor: "var(--tango-transparent)",
+    color: "var(--tango-primary-foreground)",
+    borderColor: "var(--tango-button-transparent-border)",
     borderWidth: "1px",
     borderStyle: "solid"
   },
   danger: {
-    backgroundColor: "var(--destructive)",
-    color: "var(--destructive-foreground)",
+    backgroundColor: "var(--tango-destructive)",
+    color: "var(--tango-destructive-foreground)",
     borderColor: "transparent",
     borderWidth: "1px",
     borderStyle: "solid"
   },
   success: {
-    backgroundColor: "var(--success)",
-    color: "var(--success-foreground)",
+    backgroundColor: "var(--tango-success)",
+    color: "var(--tango-success-foreground)",
     borderColor: "transparent",
     borderWidth: "1px",
     borderStyle: "solid"
   }
 }, So = {
   default: {
-    backgroundColor: "var(--transparent)",
-    color: "var(--button-outline-foreground)",
-    borderColor: "var(--border)",
+    backgroundColor: "var(--tango-transparent)",
+    color: "var(--tango-button-outline-foreground)",
+    borderColor: "var(--tango-border)",
     borderWidth: "1px",
     borderStyle: "solid"
   },
   transparent: {
-    backgroundColor: "var(--transparent)",
-    color: "var(--button-outline-foreground)",
-    borderColor: "var(--button-transparent-border)",
+    backgroundColor: "var(--tango-transparent)",
+    color: "var(--tango-button-outline-foreground)",
+    borderColor: "var(--tango-button-transparent-border)",
     borderWidth: "1px",
     borderStyle: "solid"
   },
   danger: {
-    backgroundColor: "var(--transparent)",
-    color: "var(--destructive)",
-    borderColor: "var(--destructive)",
+    backgroundColor: "var(--tango-transparent)",
+    color: "var(--tango-destructive)",
+    borderColor: "var(--tango-destructive)",
     borderWidth: "1px",
     borderStyle: "solid"
   },
   success: {
-    backgroundColor: "var(--transparent)",
-    color: "var(--success)",
-    borderColor: "var(--success)",
+    backgroundColor: "var(--tango-transparent)",
+    color: "var(--tango-success)",
+    borderColor: "var(--tango-success)",
     borderWidth: "1px",
     borderStyle: "solid"
   }
 }, No = {
-  backgroundColor: "var(--muted)",
-  color: "var(--muted-foreground)",
+  backgroundColor: "var(--tango-muted)",
+  color: "var(--tango-muted-foreground)",
   borderColor: "transparent",
   borderWidth: "1px",
   borderStyle: "solid",
@@ -928,96 +928,96 @@ const po = "_materialBtn_y97j8_8", mo = "_materialBtnSmall_y97j8_27", bo = "_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", it = (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", it = (e, o, a) => Object.prototype.hasOwnProperty.call(a, e) ? e : o;
 function Ge(e) {
   const {
     type: o = "default",
-    size: r = "medium",
-    sx: n = {},
+    size: a = "medium",
+    sx: s = {},
     style: c = {},
     className: l = "",
-    onClick: a = () => {
+    onClick: n = () => {
     },
     children: i,
     disabled: u = !1,
     outline: h = !1,
-    icon: m = null,
+    icon: g = null,
     iconPosition: d = null,
-    loading: g = !1,
+    loading: b = !1,
     i18nKey: v = null,
     localeText: w = {},
     rippleColor: C,
     "aria-label": F,
     ...O
-  } = e, { t: y } = de(), x = ke(null), T = it(r, "medium", xo), p = it(o, "default", ct), S = Co(g), _ = To(g), M = u || S, B = vo[T], A = d === "right" ? "right" : m || S ? "left" : null, k = C ?? "var(--material-button-ripple)", N = {
+  } = e, { t: y } = de(), x = ke(null), T = it(a, "medium", xo), p = it(o, "default", ct), S = Co(b), _ = To(b), M = u || S, B = vo[T], A = d === "right" ? "right" : g || S ? "left" : null, k = C ?? "var(--tango-material-button-ripple)", N = {
     default: y("materialButton.default", Re.default),
     loading: y("materialButton.loading", Re.loading),
     iconAlt: y("materialButton.iconAlt", Re.iconAlt),
     ...w
-  }, W = (v && typeof N[v] == "string" ? N[v] : null) || (v ? y(`materialButton.${v}`, N.default) : N.default), D = S ? N.loading : W, E = i ?? D, $ = F || (i == null ? String(E || N.default) : void 0), z = H(n, lt), U = M ? No : h ? So[p] : ct[p], K = Ce[`materialBtn${wo(T)}`], G = z.root.css || {}, R = typeof n == "string" ? n : "", Q = /* @__PURE__ */ new Set([...lt, "root", "slots", "tw", "className", "css", "style"]), ue = typeof n == "object" ? Object.fromEntries(Object.entries(n).filter(([re]) => !Q.has(re))) : {}, be = [
+  }, W = (v && typeof N[v] == "string" ? N[v] : null) || (v ? y(`materialButton.${v}`, N.default) : N.default), D = S ? N.loading : W, E = i ?? D, $ = F || (i == null ? String(E || N.default) : void 0), z = H(s, lt), U = M ? No : h ? So[p] : ct[p], K = Ce[`materialBtn${wo(T)}`], G = z.root.css || {}, R = typeof s == "string" ? s : "", Q = /* @__PURE__ */ new Set([...lt, "root", "slots", "tw", "className", "css", "style"]), ue = typeof s == "object" ? Object.fromEntries(Object.entries(s).filter(([ae]) => !Q.has(ae))) : {}, me = [
     Ce.materialBtn,
     K,
     M && Ce.materialBtnDisabled,
     z.root.tw,
     R,
     l
-  ].filter(Boolean).join(" "), ge = {
+  ].filter(Boolean).join(" "), be = {
     ...U,
     ...ue,
     ...G,
     ...c
-  }, fe = b({
+  }, fe = m({
     baseClassName: "inline-flex items-center relative z-[1]",
     sxSlot: z.content
-  }), X = b({
+  }), X = m({
     baseClassName: "inline-flex items-center justify-center shrink-0 transition-all duration-300 relative z-[1]",
     baseStyle: { width: `${B}px`, height: `${B}px` },
     sxSlot: z.icon
-  }), J = b({
+  }), J = m({
     baseClassName: "inline-flex items-center justify-center shrink-0 animate-spin relative z-[1]",
     baseStyle: {
       width: `${B}px`,
       height: `${B}px`,
-      color: _ === "light" ? "var(--button-loading-light)" : "var(--button-loading-dark)"
+      color: _ === "light" ? "var(--tango-button-loading-light)" : "var(--tango-button-loading-dark)"
     },
     sxSlot: z.loading
   }), j = oe(
-    (re) => {
+    (ae) => {
       if (M) return;
-      const ae = x.current;
-      if (!ae) return;
-      const f = document.createElement("span"), V = Math.max(ae.clientWidth, ae.clientHeight), ee = V / 2;
+      const ne = x.current;
+      if (!ne) return;
+      const f = document.createElement("span"), V = Math.max(ne.clientWidth, ne.clientHeight), ee = V / 2;
       Object.assign(f.style, {
         width: `${V}px`,
         height: `${V}px`,
-        left: `${re.clientX - ae.getBoundingClientRect().left - ee}px`,
-        top: `${re.clientY - ae.getBoundingClientRect().top - ee}px`
+        left: `${ae.clientX - ne.getBoundingClientRect().left - ee}px`,
+        top: `${ae.clientY - ne.getBoundingClientRect().top - ee}px`
       }), f.className = Ce.ripple, f.style.background = k;
-      const ce = ae.querySelector(`.${Ce.ripple}`);
-      ce && ce.remove(), ae.appendChild(f);
+      const ce = ne.querySelector(`.${Ce.ripple}`);
+      ce && ce.remove(), ne.appendChild(f);
     },
     [M, k]
-  ), q = () => m ? typeof m == "string" ? /* @__PURE__ */ s(
+  ), q = () => g ? typeof g == "string" ? /* @__PURE__ */ r(
     "img",
     {
-      src: m,
+      src: g,
       alt: N.iconAlt,
       className: X.className,
       style: X.style,
       "aria-hidden": "true"
     }
-  ) : te.isValidElement(m) ? te.cloneElement(m, {
-    className: I(X.className, m.props.className),
-    style: { ...X.style, ...m.props.style },
+  ) : te.isValidElement(g) ? te.cloneElement(g, {
+    className: I(X.className, g.props.className),
+    style: { ...X.style, ...g.props.style },
     "aria-hidden": !0
-  }) : typeof m == "function" ? /* @__PURE__ */ s(
-    m,
+  }) : typeof g == "function" ? /* @__PURE__ */ r(
+    g,
     {
       className: X.className,
       style: X.style,
       "aria-hidden": "true"
     }
-  ) : /* @__PURE__ */ s("span", { className: X.className, style: X.style, "aria-hidden": "true", children: m }) : null, le = () => /* @__PURE__ */ s(
+  ) : /* @__PURE__ */ r("span", { className: X.className, style: X.style, "aria-hidden": "true", children: g }) : null, le = () => /* @__PURE__ */ r(
     "svg",
     {
       viewBox: "0 0 1024 1024",
@@ -1025,7 +1025,7 @@ function Ge(e) {
       className: J.className,
       style: J.style,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ r(
         "path",
         {
           d: "M512 1024A512 512 0 0 1 0 512a32 32 0 0 1 64 0 448 448 0 0 0 896 0 32 32 0 0 1 64 0 512 512 0 0 1-512 512z",
@@ -1038,10 +1038,10 @@ function Ge(e) {
     "button",
     {
       ref: x,
-      className: be,
-      style: ge,
-      onClick: (re) => {
-        j(re), a == null || a(re);
+      className: me,
+      style: be,
+      onClick: (ae) => {
+        j(ae), n == null || n(ae);
       },
       disabled: M,
       "aria-label": $,
@@ -1052,12 +1052,12 @@ function Ge(e) {
       children: [
         A === "left" && /* @__PURE__ */ P(Ne, { children: [
           S && le(),
-          !S && m && q()
+          !S && g && q()
         ] }),
-        /* @__PURE__ */ s("span", { className: fe.className, style: fe.style, children: E }),
+        /* @__PURE__ */ r("span", { className: fe.className, style: fe.style, children: E }),
         A === "right" && /* @__PURE__ */ P(Ne, { children: [
           S && le(),
-          !S && m && q()
+          !S && g && q()
         ] })
       ]
     }
@@ -1092,7 +1092,7 @@ const ko = ["root", "content", "icon", "loading"], Ve = {
   default: "按钮",
   loading: "加载中",
   iconAlt: "图标"
-}, Lo = "inline-flex select-none items-center justify-center whitespace-nowrap rounded-[var(--radius)] border align-middle font-medium tracking-[0.5px] transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--input-accent)] focus-visible:ring-offset-2", Ye = {
+}, Lo = "inline-flex select-none items-center justify-center whitespace-nowrap rounded-[var(--tango-radius)] border align-middle font-medium tracking-[0.5px] transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tango-input-accent)] focus-visible:ring-offset-2", Ye = {
   small: {
     iconSize: 12,
     className: "text-xs px-2 py-1 gap-1"
@@ -1110,42 +1110,42 @@ const ko = ["root", "content", "icon", "loading"], Ve = {
     className: "text-[25px] px-[45px] py-[18px] gap-3"
   }
 }, dt = {
-  default: "bg-[var(--primary)] text-[var(--primary-foreground)] border-[var(--border)] hover:shadow-[0_0_0.4em_0_var(--button-shadow-default)]",
-  transparent: "bg-[var(--transparent)] text-[var(--primary-foreground)] border-[var(--button-transparent-border)] hover:shadow-[0_0_0.4em_0_var(--button-shadow-default)]",
-  danger: "bg-[var(--destructive)] text-[var(--destructive-foreground)] border-transparent hover:shadow-[0_0_0.4em_0_var(--destructive)]",
-  success: "bg-[var(--success)] text-[var(--success-foreground)] border-transparent hover:shadow-[0_0_0.4em_0_var(--success)]"
-}, 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)]"
-}, _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", ut = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
+  default: "bg-[var(--tango-primary)] text-[var(--tango-primary-foreground)] border-[var(--tango-border)] hover:shadow-[0_0_0.4em_0_var(--tango-button-shadow-default)]",
+  transparent: "bg-[var(--tango-transparent)] text-[var(--tango-primary-foreground)] border-[var(--tango-button-transparent-border)] hover:shadow-[0_0_0.4em_0_var(--tango-button-shadow-default)]",
+  danger: "bg-[var(--tango-destructive)] text-[var(--tango-destructive-foreground)] border-transparent hover:shadow-[0_0_0.4em_0_var(--tango-destructive)]",
+  success: "bg-[var(--tango-success)] text-[var(--tango-success-foreground)] border-transparent hover:shadow-[0_0_0.4em_0_var(--tango-success)]"
+}, Po = "bg-[var(--tango-transparent)]", Oo = {
+  default: "text-[var(--tango-button-outline-foreground)] border-[var(--tango-border)]",
+  transparent: "text-[var(--tango-button-outline-foreground)] border-[var(--tango-button-transparent-border)]",
+  danger: "text-[var(--tango-destructive)] border-[var(--tango-destructive)]",
+  success: "text-[var(--tango-success)] border-[var(--tango-success)]"
+}, _o = "shadow-[var(--tango-button-enu-shadow)] hover:shadow-[var(--tango-button-enu-hover-shadow)] active:translate-y-px active:shadow-[var(--tango-button-enu-active-shadow)]", Ao = {
+  default: "bg-[var(--tango-button-enu-bg)] text-[var(--tango-button-enu-fg)] border-transparent",
+  transparent: "bg-[var(--tango-transparent)] text-[var(--tango-button-enu-fg)] border-[var(--tango-button-transparent-border)]",
+  danger: "bg-[var(--tango-destructive)] text-[var(--tango-destructive-foreground)] border-transparent",
+  success: "bg-[var(--tango-success)] text-[var(--tango-success-foreground)] border-transparent"
+}, Mo = "bg-[var(--tango-muted)] text-[var(--tango-muted-foreground)] border-transparent cursor-not-allowed shadow-none hover:shadow-none", zo = (e) => e === !0 || e === "light" || e === "dark" ? !0 : Array.isArray(e) && e.length > 0 ? e[0] === !0 || e[0] === "light" || e[0] === "dark" : !1, Eo = (e) => e === "light" ? "light" : e === "dark" || e === !0 || Array.isArray(e) && e.length >= 2 && e[1] === "dark" ? "dark" : "light", ut = (e, o, a) => Object.prototype.hasOwnProperty.call(a, e) ? e : o;
 function ie(e) {
   const {
     type: o = "default",
-    size: r = "medium",
-    sx: n = {},
+    size: a = "medium",
+    sx: s = {},
     style: c = {},
     className: l = "",
-    onClick: a = () => {
+    onClick: n = () => {
     },
     children: i,
     disabled: u = !1,
     outline: h = !1,
-    enu: m = !1,
+    enu: g = !1,
     icon: d = null,
-    iconPosition: g = null,
+    iconPosition: b = null,
     loading: v = !1,
     i18nKey: w = null,
     localeText: C = {},
     "aria-label": F,
     ...O
-  } = e, { t: y } = de(), x = ut(r, "medium", Ye), T = ut(o, "default", dt), p = zo(v), S = Eo(v), _ = u || p, M = Ye[x].iconSize, B = g === "right" ? "right" : d || p ? "left" : null, A = H(n, ko), k = {
+  } = e, { t: y } = de(), x = ut(a, "medium", Ye), T = ut(o, "default", dt), p = zo(v), S = Eo(v), _ = u || p, M = Ye[x].iconSize, B = b === "right" ? "right" : d || p ? "left" : null, A = H(s, ko), k = {
     default: y("button.default", Ve.default),
     loading: y("button.loading", Ve.loading),
     iconAlt: y("button.iconAlt", Ve.iconAlt),
@@ -1156,12 +1156,12 @@ function ie(e) {
     $,
     Po,
     Oo[T]
-  )), m && ($ = I(
+  )), g && ($ = I(
     $,
     _o,
     Ao[T]
   ));
-  const z = b({
+  const z = m({
     // 顺序固定为：baseTw -> className -> sx.tw，sx 能稳定覆盖普通 Tailwind。
     baseClassName: I(
       Lo,
@@ -1173,25 +1173,25 @@ function ie(e) {
     className: l,
     style: c,
     sxSlot: A.root
-  }), U = b({
+  }), U = m({
     baseClassName: "inline-flex items-center",
     sxSlot: A.content
-  }), K = b({
+  }), K = m({
     baseClassName: "inline-flex items-center justify-center shrink-0 transition-all duration-300",
     baseStyle: {
       width: `${M}px`,
       height: `${M}px`
     },
     sxSlot: A.icon
-  }), G = b({
+  }), G = m({
     baseClassName: "inline-flex items-center justify-center shrink-0 animate-spin",
     baseStyle: {
       width: `${M}px`,
       height: `${M}px`,
-      color: S === "light" ? "var(--button-loading-light)" : "var(--button-loading-dark)"
+      color: S === "light" ? "var(--tango-button-loading-light)" : "var(--tango-button-loading-dark)"
     },
     sxSlot: A.loading
-  }), R = () => d ? typeof d == "string" ? /* @__PURE__ */ s(
+  }), R = () => d ? typeof d == "string" ? /* @__PURE__ */ r(
     "img",
     {
       src: d,
@@ -1207,14 +1207,14 @@ function ie(e) {
       ...d.props.style
     },
     "aria-hidden": !0
-  }) : typeof d == "function" ? /* @__PURE__ */ s(
+  }) : typeof d == "function" ? /* @__PURE__ */ r(
     d,
     {
       className: K.className,
       style: K.style,
       "aria-hidden": "true"
     }
-  ) : /* @__PURE__ */ s("span", { className: K.className, style: K.style, "aria-hidden": "true", children: d }) : null, Q = () => /* @__PURE__ */ s(
+  ) : /* @__PURE__ */ r("span", { className: K.className, style: K.style, "aria-hidden": "true", children: d }) : null, Q = () => /* @__PURE__ */ r(
     "svg",
     {
       viewBox: "0 0 1024 1024",
@@ -1222,7 +1222,7 @@ function ie(e) {
       className: G.className,
       style: G.style,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ r(
         "path",
         {
           d: "M512 1024A512 512 0 0 1 0 512a32 32 0 0 1 64 0 448 448 0 0 0 896 0 32 32 0 0 1 64 0 512 512 0 0 1-512 512z",
@@ -1236,7 +1236,7 @@ function ie(e) {
     {
       className: z.className,
       style: z.style,
-      onClick: a,
+      onClick: n,
       disabled: _,
       "aria-label": E,
       "data-variant": T,
@@ -1248,7 +1248,7 @@ function ie(e) {
           p && Q(),
           !p && d && R()
         ] }),
-        /* @__PURE__ */ s("span", { className: U.className, style: U.style, children: D }),
+        /* @__PURE__ */ r("span", { className: U.className, style: U.style, children: D }),
         B === "right" && /* @__PURE__ */ P(Ne, { children: [
           p && Q(),
           !p && d && R()
@@ -1295,44 +1295,44 @@ const $o = ["root", "input", "label"], Bo = {
   huge: { wrapper: "h-16 text-xl", label: "text-xl", labelFloat: "text-base", pt: "pt-8" }
 }, jo = {
   label: ""
-}, Fo = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
+}, Fo = (e, o, a) => Object.prototype.hasOwnProperty.call(a, e) ? e : o;
 function Xe(e) {
   const {
     size: o = "medium",
-    sx: r = {},
-    style: n = {},
+    sx: a = {},
+    style: s = {},
     className: c = "",
     onChange: l,
-    value: a,
+    value: n,
     defaultValue: i,
     disabled: u = !1,
     label: h,
-    localeText: m,
+    localeText: g,
     type: d = "text",
-    ...g
-  } = e, { t: v } = de(), w = Fo(o, "medium", Bo), C = a !== void 0, [F, O] = Z(i ?? ""), [y, x] = Z(!1), T = C ? a : F, p = y || String(T).length > 0, S = h ?? (m == null ? void 0 : m.label) ?? v("materialInput.label", jo.label), _ = H(r, $o), M = {
+    ...b
+  } = e, { t: v } = de(), w = Fo(o, "medium", Bo), C = n !== void 0, [F, O] = Z(i ?? ""), [y, x] = Z(!1), T = C ? n : F, p = y || String(T).length > 0, S = h ?? (g == null ? void 0 : g.label) ?? v("materialInput.label", jo.label), _ = H(a, $o), M = {
     tw: I(_.root.tw, _.input.tw),
     css: { ..._.root.css, ..._.input.css }
   }, B = I("relative inline-flex", _.root.tw), A = Io[w], k = I(
-    "w-[300px] bg-transparent text-[var(--foreground)] outline-none transition-all duration-200 ease-in-out",
-    "border-b border-b-[var(--border)]",
-    "hover:border-b-[var(--input-accent)]",
-    "focus:border-b-[var(--input-accent)]",
-    u && "text-[var(--muted-foreground)] border-b-[var(--muted)] cursor-not-allowed hover:border-b-[var(--muted)]",
+    "w-[300px] bg-transparent text-[var(--tango-foreground)] outline-none transition-all duration-200 ease-in-out",
+    "border-b border-b-[var(--tango-border)]",
+    "hover:border-b-[var(--tango-input-accent)]",
+    "focus:border-b-[var(--tango-input-accent)]",
+    u && "text-[var(--tango-muted-foreground)] border-b-[var(--tango-muted)] cursor-not-allowed hover:border-b-[var(--tango-muted)]",
     A.wrapper,
     A.pt
-  ), N = b({
+  ), N = m({
     baseClassName: k,
     className: c,
-    style: n,
+    style: s,
     sxSlot: M
   }), L = I(
     "absolute left-0 transition-all duration-200 ease-in-out pointer-events-none",
-    p ? `top-1 ${A.labelFloat} text-[var(--input-accent)]` : `top-1/2 -translate-y-1/2 ${A.label} text-[var(--muted-foreground)]`,
-    y && p && "text-[var(--input-accent)]",
-    u && "text-[var(--muted-foreground)]",
+    p ? `top-1 ${A.labelFloat} text-[var(--tango-input-accent)]` : `top-1/2 -translate-y-1/2 ${A.label} text-[var(--tango-muted-foreground)]`,
+    y && p && "text-[var(--tango-input-accent)]",
+    u && "text-[var(--tango-muted-foreground)]",
     _.label.tw
-  ), W = b({
+  ), W = m({
     baseClassName: L,
     sxSlot: { tw: "", css: _.label.css }
   }), D = oe((G) => {
@@ -1340,13 +1340,13 @@ function Xe(e) {
     C || O(R), l == null || l(R);
   }, [C, l]), E = oe((G) => {
     var R;
-    x(!0), (R = g.onFocus) == null || R.call(g, G);
-  }, [g.onFocus]), $ = oe((G) => {
+    x(!0), (R = b.onFocus) == null || R.call(b, G);
+  }, [b.onFocus]), $ = oe((G) => {
     var R;
-    x(!1), (R = g.onBlur) == null || R.call(g, G);
-  }, [g.onBlur]), { onFocus: z, onBlur: U, ...K } = g;
+    x(!1), (R = b.onBlur) == null || R.call(b, G);
+  }, [b.onBlur]), { onFocus: z, onBlur: U, ...K } = b;
   return /* @__PURE__ */ P("div", { className: B, children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ r(
       "input",
       {
         ...K,
@@ -1361,7 +1361,7 @@ function Xe(e) {
         "aria-label": S || void 0
       }
     ),
-    S && /* @__PURE__ */ s("label", { className: W.className, style: W.style, children: S })
+    S && /* @__PURE__ */ r("label", { className: W.className, style: W.style, children: S })
   ] });
 }
 Xe.propTypes = {
@@ -1389,35 +1389,35 @@ const Do = ["root", "input"], Ro = {
   medium: "h-10 text-sm px-3",
   large: "h-12 text-base px-3.5",
   huge: "h-14 text-lg px-4"
-}, Yo = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
+}, Yo = (e, o, a) => Object.prototype.hasOwnProperty.call(a, e) ? e : o;
 function qe(e) {
   const {
     type: o = "default",
-    size: r = "medium",
-    sx: n = {},
+    size: a = "medium",
+    sx: s = {},
     style: c = {},
     className: l = "",
-    onClick: a,
+    onClick: n,
     onChange: i,
     value: u,
     defaultValue: h,
-    disabled: m = !1,
+    disabled: g = !1,
     placeholder: d = "",
-    maxlength: g = 524288,
+    maxlength: b = 524288,
     status: v,
     ...w
-  } = e, C = Yo(r, "medium", Ro), F = o === "textarea", O = o === "password", y = v === "error", x = H(n, Do), T = {
+  } = e, C = Yo(a, "medium", Ro), F = o === "textarea", O = o === "password", y = v === "error", x = H(s, Do), T = {
     tw: I(x.root.tw, x.input.tw),
     css: { ...x.root.css, ...x.input.css }
   }, p = I("inline-flex", x.root.tw), S = I(
-    "w-[300px] rounded-[var(--radius)] border bg-[var(--input-bg)] text-[var(--foreground)] outline-none transition-all duration-200 ease-in-out",
-    "border-[var(--border)] shadow-[var(--input-shadow)]",
-    "hover:border-[var(--input-accent)]",
-    "focus:border-[var(--input-accent)] focus:shadow-[var(--input-focus-shadow)]",
-    y && "border-[var(--input-error-border)] bg-[var(--input-error-bg)] text-[var(--input-error-fg)] hover:border-[var(--input-error-border)] focus:shadow-[var(--input-error-focus-shadow)]",
-    m && "bg-[var(--muted)] text-[var(--muted-foreground)] border-[var(--muted)] cursor-not-allowed shadow-none hover:border-[var(--muted)] focus:shadow-none",
+    "w-[300px] rounded-[var(--tango-radius)] border bg-[var(--tango-input-bg)] text-[var(--tango-foreground)] outline-none transition-all duration-200 ease-in-out",
+    "border-[var(--tango-border)] shadow-[var(--tango-input-shadow)]",
+    "hover:border-[var(--tango-input-accent)]",
+    "focus:border-[var(--tango-input-accent)] focus:shadow-[var(--tango-input-focus-shadow)]",
+    y && "border-[var(--tango-input-error-border)] bg-[var(--tango-input-error-bg)] text-[var(--tango-input-error-fg)] hover:border-[var(--tango-input-error-border)] focus:shadow-[var(--tango-input-error-focus-shadow)]",
+    g && "bg-[var(--tango-muted)] text-[var(--tango-muted-foreground)] border-[var(--tango-muted)] cursor-not-allowed shadow-none hover:border-[var(--tango-muted)] focus:shadow-none",
     Vo[C]
-  ), _ = b({
+  ), _ = m({
     baseClassName: S,
     className: l,
     style: c,
@@ -1425,13 +1425,13 @@ function qe(e) {
   }), M = u !== void 0, B = {
     className: _.className,
     style: _.style,
-    onClick: a,
+    onClick: n,
     onChange: i ? (A) => i(A.target.value) : void 0,
     value: M ? u : void 0,
     defaultValue: M ? void 0 : h ?? "",
-    disabled: m || void 0,
+    disabled: g || void 0,
     placeholder: d,
-    maxLength: g,
+    maxLength: b,
     "aria-invalid": y || void 0,
     ...w
   };
@@ -1440,13 +1440,13 @@ function qe(e) {
     // 导致的问题：控制台持续出现 DOM 警告，autoComplete 属性无法完全抑制
     // 解决办法：password 类型用 <form> 包裹 input，阻止默认提交行为，满足浏览器规范
     // fixed by clayw on 20260523 night
-    /* @__PURE__ */ s("div", { className: p, children: O ? /* @__PURE__ */ s(
+    /* @__PURE__ */ r("div", { className: p, children: O ? /* @__PURE__ */ r(
       "form",
       {
         onSubmit: (A) => A.preventDefault(),
         style: { display: "inline-flex" },
         autoComplete: "off",
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ r(
           "input",
           {
             ...B,
@@ -1454,13 +1454,13 @@ function qe(e) {
           }
         )
       }
-    ) : F ? /* @__PURE__ */ s(
+    ) : F ? /* @__PURE__ */ r(
       "textarea",
       {
         ...B,
         className: `${B.className} min-h-[80px] py-2 resize-y`
       }
-    ) : /* @__PURE__ */ s(
+    ) : /* @__PURE__ */ r(
       "input",
       {
         ...B,
@@ -1488,28 +1488,28 @@ qe.MaterialInput = Xe;
 const we = ["root"];
 function Ko(e, o) {
   const {
-    sx: r = {},
-    style: n = {},
+    sx: a = {},
+    style: s = {},
     className: c = "",
     children: l,
-    ...a
-  } = e, i = H(r, we), u = b({
-    baseClassName: "flex items-center px-4 bg-[var(--layout-header-bg)] text-[var(--layout-header-color)]",
+    ...n
+  } = e, i = H(a, we), u = m({
+    baseClassName: "flex items-center px-4 bg-[var(--tango-layout-header-bg)] text-[var(--tango-layout-header-color)]",
     className: c,
     sxSlot: i.root,
     baseStyle: {
-      height: "var(--layout-header-height)",
-      borderBottom: "1px solid var(--layout-border)"
+      height: "var(--tango-layout-header-height)",
+      borderBottom: "1px solid var(--tango-layout-border)"
     },
-    style: n
+    style: s
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     "header",
     {
       ref: o,
       className: u.className,
       style: u.style,
-      ...a,
+      ...n,
       children: l
     }
   );
@@ -1524,28 +1524,28 @@ Be.propTypes = {
 };
 function Wo(e, o) {
   const {
-    sx: r = {},
-    style: n = {},
+    sx: a = {},
+    style: s = {},
     className: c = "",
     children: l,
-    ...a
-  } = e, i = H(r, we), u = b({
-    baseClassName: "flex items-center px-4 bg-[var(--layout-footer-bg)] text-[var(--layout-footer-color)]",
+    ...n
+  } = e, i = H(a, we), u = m({
+    baseClassName: "flex items-center px-4 bg-[var(--tango-layout-footer-bg)] text-[var(--tango-layout-footer-color)]",
     className: c,
     sxSlot: i.root,
     baseStyle: {
-      height: "var(--layout-footer-height)",
-      borderTop: "1px solid var(--layout-border)"
+      height: "var(--tango-layout-footer-height)",
+      borderTop: "1px solid var(--tango-layout-border)"
     },
-    style: n
+    style: s
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     "footer",
     {
       ref: o,
       className: u.className,
       style: u.style,
-      ...a,
+      ...n,
       children: l
     }
   );
@@ -1560,32 +1560,32 @@ Ie.propTypes = {
 };
 function Uo(e, o) {
   const {
-    sx: r = {},
-    style: n = {},
+    sx: a = {},
+    style: s = {},
     className: c = "",
     width: l,
-    children: a,
+    children: n,
     ...i
-  } = e, u = H(r, we), h = l ?? "var(--layout-sider-width)", m = b({
-    baseClassName: "overflow-auto flex flex-col bg-[var(--layout-sider-bg)] text-[var(--layout-sider-color)]",
+  } = e, u = H(a, we), h = l ?? "var(--tango-layout-sider-width)", g = m({
+    baseClassName: "overflow-auto flex flex-col bg-[var(--tango-layout-sider-bg)] text-[var(--tango-layout-sider-color)]",
     className: c,
     sxSlot: u.root,
     baseStyle: {
       width: h,
       minWidth: h,
       maxWidth: "100%",
-      borderRight: "1px solid var(--layout-border)"
+      borderRight: "1px solid var(--tango-layout-border)"
     },
-    style: n
+    style: s
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     "aside",
     {
       ref: o,
-      className: m.className,
-      style: m.style,
+      className: g.className,
+      style: g.style,
       ...i,
-      children: a
+      children: n
     }
   );
 }
@@ -1600,32 +1600,32 @@ Le.propTypes = {
 };
 function Ho(e, o) {
   const {
-    sx: r = {},
-    style: n = {},
+    sx: a = {},
+    style: s = {},
     className: c = "",
     width: l,
-    children: a,
+    children: n,
     ...i
-  } = e, u = H(r, we), h = l ?? "var(--layout-toc-width)", m = b({
-    baseClassName: "overflow-auto flex flex-col bg-[var(--layout-toc-bg)] text-[var(--layout-toc-color)]",
+  } = e, u = H(a, we), h = l ?? "var(--tango-layout-toc-width)", g = m({
+    baseClassName: "overflow-auto flex flex-col bg-[var(--tango-layout-toc-bg)] text-[var(--tango-layout-toc-color)]",
     className: c,
     sxSlot: u.root,
     baseStyle: {
       width: h,
       minWidth: h,
       maxWidth: "100%",
-      borderLeft: "1px solid var(--layout-border)"
+      borderLeft: "1px solid var(--tango-layout-border)"
     },
-    style: n
+    style: s
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     "nav",
     {
       ref: o,
-      className: m.className,
-      style: m.style,
+      className: g.className,
+      style: g.style,
       ...i,
-      children: a
+      children: n
     }
   );
 }
@@ -1640,12 +1640,12 @@ Pe.propTypes = {
 };
 function Zo(e, o) {
   const {
-    sx: r = {},
-    style: n = {},
+    sx: a = {},
+    style: s = {},
     className: c = "",
     children: l,
-    ...a
-  } = e, i = H(r, we), u = b({
+    ...n
+  } = e, i = H(a, we), u = m({
     /**
      * 
      * 这里记录了一次问题：backgroundColor、color 等写在 baseStyle（inline style）里，
@@ -1664,20 +1664,20 @@ function Zo(e, o) {
       // 导致的问题：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)]"
+      "flex-1 flex flex-col bg-[var(--tango-layout-content-bg)] text-[var(--tango-layout-content-color)]"
     ),
     className: c,
     sxSlot: i.root,
     baseStyle: {},
-    style: n
+    style: s
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     "main",
     {
       ref: o,
       className: u.className,
       style: u.style,
-      ...a,
+      ...n,
       children: l
     }
   );
@@ -1692,76 +1692,76 @@ je.propTypes = {
 };
 function Go(e, o) {
   const {
-    sx: r = {},
-    style: n = {},
+    sx: a = {},
+    style: s = {},
     className: c = "",
     hasSider: l,
-    children: a,
+    children: n,
     ...i
-  } = e, u = H(r, we), h = l ?? te.Children.toArray(a).some(
+  } = e, u = H(a, we), h = l ?? te.Children.toArray(n).some(
     (d) => {
-      var g, v;
-      return te.isValidElement(d) && (d.type === Le || d.type === Pe || ((g = d.type) == null ? void 0 : g.displayName) === "LayoutSider" || ((v = d.type) == null ? void 0 : v.displayName) === "LayoutToc");
+      var b, v;
+      return te.isValidElement(d) && (d.type === Le || d.type === Pe || ((b = d.type) == null ? void 0 : b.displayName) === "LayoutSider" || ((v = d.type) == null ? void 0 : v.displayName) === "LayoutToc");
     }
-  ), m = b({
+  ), g = m({
     baseClassName: I(
       "flex flex-1 flex-col min-h-0",
       h ? "md:flex-row" : ""
     ),
     className: c,
     sxSlot: u.root,
-    style: n
+    style: s
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     "section",
     {
       ref: o,
-      className: m.className,
-      style: m.style,
+      className: g.className,
+      style: g.style,
       ...i,
-      children: a
+      children: n
     }
   );
 }
-const ne = te.forwardRef(Go);
-ne.displayName = "Layout";
-ne.Header = Be;
-ne.Footer = Ie;
-ne.Sider = Le;
-ne.Content = je;
-ne.Toc = Pe;
-ne.propTypes = {
+const se = te.forwardRef(Go);
+se.displayName = "Layout";
+se.Header = Be;
+se.Footer = Ie;
+se.Sider = Le;
+se.Content = je;
+se.Toc = Pe;
+se.propTypes = {
   hasSider: t.bool,
   sx: t.oneOfType([t.string, t.object]),
   style: t.object,
   className: t.string,
   children: t.node
 };
-const Xo = Be, qo = Ie, Jo = Le, Qo = je, er = Pe, tr = ["root", "button", "list", "item"], $t = Symbol("LIST_IGNORE"), pt = /* @__PURE__ */ P("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-  /* @__PURE__ */ s("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
-  /* @__PURE__ */ s("path", { d: "M14 2v6h6" })
-] }), mt = /* @__PURE__ */ s("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ s("path", { d: "M18 6 6 18M6 6l12 12" }) });
-function or(e, o) {
+const Xo = Be, qo = Ie, Jo = Le, Qo = je, ea = Pe, ta = ["root", "button", "list", "item"], $t = Symbol("LIST_IGNORE"), pt = /* @__PURE__ */ P("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+  /* @__PURE__ */ r("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
+  /* @__PURE__ */ r("path", { d: "M14 2v6h6" })
+] }), gt = /* @__PURE__ */ r("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ r("path", { d: "M18 6 6 18M6 6l12 12" }) });
+function oa(e, o) {
   const {
-    sx: r = {},
-    style: n = {},
+    sx: a = {},
+    style: s = {},
     className: c = "",
     accept: l = "image/*",
-    multiple: a = !1,
+    multiple: n = !1,
     onChange: i = () => {
     },
     beforeUpload: u = () => {
     },
     files: h = [],
-    showUploadList: m = !0,
+    showUploadList: g = !0,
     maxCount: d = 20,
-    maxSize: g = 100,
+    maxSize: b = 100,
     btnText: v = "选择文件",
     btnStyle: w,
     showSize: C = !0,
     disabled: F = !1,
     ...O
-  } = e, y = Wt(), x = h || [], T = H(r, tr), p = oe(async (k, N) => {
+  } = e, y = Wt(), x = h || [], T = H(a, ta), p = oe(async (k, N) => {
     if (!u) return !0;
     try {
       const L = await u(k, N);
@@ -1770,7 +1770,7 @@ function or(e, o) {
       return !1;
     }
   }, [u]), S = oe(async (k) => {
-    const L = Array.from(k.target.files || []).filter((E) => E.size / 1024 / 1024 > g ? (console.warn(`[Tango Upload] ${E.name} 超过 ${g}MB，已被过滤`), !1) : !0), W = a ? L.slice(0, d) : L.slice(0, 1), D = [];
+    const L = Array.from(k.target.files || []).filter((E) => E.size / 1024 / 1024 > b ? (console.warn(`[Tango Upload] ${E.name} 超过 ${b}MB，已被过滤`), !1) : !0), W = n ? L.slice(0, d) : L.slice(0, 1), D = [];
     for (const E of W) {
       const $ = await p(E, W);
       if ($ === !1) {
@@ -1788,39 +1788,39 @@ function or(e, o) {
         D.push(E);
     }
     k.target.value = "", i(D);
-  }, [a, d, g, p, i]), _ = oe((k, N) => {
+  }, [n, d, b, p, i]), _ = oe((k, N) => {
     const L = x.filter((W, D) => D !== N);
     i(L);
-  }, [x, i]), M = b({
+  }, [x, i]), M = m({
     baseClassName: "inline-flex flex-col gap-3",
     className: c,
     sxSlot: T.root,
-    style: n
-  }), B = b({
+    style: s
+  }), B = m({
     baseClassName: I(
       "list-none p-0 m-0 max-h-[150px] max-w-[400px] overflow-y-auto",
-      "border border-[var(--upload-border)] rounded-[var(--upload-radius)]",
-      "bg-[var(--upload-list-bg)]",
+      "border border-[var(--tango-upload-border)] rounded-[var(--tango-upload-radius)]",
+      "bg-[var(--tango-upload-list-bg)]",
       x.length === 0 && "border-transparent"
     ),
-    baseStyle: { borderRadius: "var(--upload-radius)" },
+    baseStyle: { borderRadius: "var(--tango-upload-radius)" },
     sxSlot: T.list
-  }), A = b({
+  }), A = m({
     baseClassName: I(
       "flex items-center gap-2 px-3 py-1.5 text-sm",
-      "text-[var(--upload-item-text)] hover:bg-[var(--upload-item-hover-bg)]",
+      "text-[var(--tango-upload-item-text)] hover:bg-[var(--tango-upload-item-hover-bg)]",
       "transition-colors"
     ),
     sxSlot: T.item
   });
   return /* @__PURE__ */ P("div", { ref: o, className: M.className, style: M.style, ...O, children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ r(
       "input",
       {
         id: y,
         type: "file",
         accept: l,
-        multiple: a,
+        multiple: n,
         className: "hidden",
         onChange: S,
         disabled: F,
@@ -1828,7 +1828,7 @@ function or(e, o) {
         tabIndex: -1
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ r(
       ie,
       {
         disabled: F,
@@ -1841,50 +1841,50 @@ function or(e, o) {
         children: v
       }
     ),
-    m && x.length > 0 && /* @__PURE__ */ s("ul", { className: B.className, style: B.style, children: a ? x.map((k, N) => /* @__PURE__ */ P("li", { className: A.className, style: A.style, children: [
-      /* @__PURE__ */ s("span", { className: "flex-shrink-0 text-[var(--upload-icon-color)]", children: pt }),
+    g && x.length > 0 && /* @__PURE__ */ r("ul", { className: B.className, style: B.style, children: n ? x.map((k, N) => /* @__PURE__ */ P("li", { className: A.className, style: A.style, children: [
+      /* @__PURE__ */ r("span", { className: "flex-shrink-0 text-[var(--tango-upload-icon-color)]", children: pt }),
       /* @__PURE__ */ P("span", { className: "flex-1 truncate", children: [
         k.name,
-        C && /* @__PURE__ */ P("span", { className: "ml-1 text-xs text-[var(--muted-foreground)]", children: [
+        C && /* @__PURE__ */ P("span", { className: "ml-1 text-xs text-[var(--tango-muted-foreground)]", children: [
           "(",
           (k.size / 1024).toFixed(2),
           " KB)"
         ] })
       ] }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ r(
         "button",
         {
           type: "button",
-          className: "flex-shrink-0 p-0.5 rounded hover:bg-[var(--upload-del-hover-bg)] text-[var(--upload-del-color)] transition-colors",
+          className: "flex-shrink-0 p-0.5 rounded hover:bg-[var(--tango-upload-del-hover-bg)] text-[var(--tango-upload-del-color)] transition-colors",
           onClick: () => _(k, N),
           "aria-label": `删除 ${k.name}`,
-          children: mt
+          children: gt
         }
       )
     ] }, N)) : /* @__PURE__ */ P("li", { className: A.className, style: A.style, children: [
-      /* @__PURE__ */ s("span", { className: "flex-shrink-0 text-[var(--upload-icon-color)]", children: pt }),
+      /* @__PURE__ */ r("span", { className: "flex-shrink-0 text-[var(--tango-upload-icon-color)]", children: pt }),
       /* @__PURE__ */ P("span", { className: "flex-1 truncate", children: [
         x[0].name,
-        C && /* @__PURE__ */ P("span", { className: "ml-1 text-xs text-[var(--muted-foreground)]", children: [
+        C && /* @__PURE__ */ P("span", { className: "ml-1 text-xs text-[var(--tango-muted-foreground)]", children: [
           "(",
           (x[0].size / 1024).toFixed(2),
           " KB)"
         ] })
       ] }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ r(
         "button",
         {
           type: "button",
-          className: "flex-shrink-0 p-0.5 rounded hover:bg-[var(--upload-del-hover-bg)] text-[var(--upload-del-color)] transition-colors",
+          className: "flex-shrink-0 p-0.5 rounded hover:bg-[var(--tango-upload-del-hover-bg)] text-[var(--tango-upload-del-color)] transition-colors",
           onClick: () => _(x[0], 0),
           "aria-label": `删除 ${x[0].name}`,
-          children: mt
+          children: gt
         }
       )
     ] }) })
   ] });
 }
-const Je = Lt(or);
+const Je = Lt(oa);
 Je.displayName = "Upload";
 Je.LIST_IGNORE = $t;
 Je.propTypes = {
@@ -1904,10 +1904,10 @@ Je.propTypes = {
   showSize: t.bool,
   disabled: t.bool
 };
-const rr = ["root", "icon", "content", "actions", "closeIcon"], bt = {
+const aa = ["root", "icon", "content", "actions", "closeIcon"], mt = {
   cancel: "取消",
   action: "操作"
-}, gt = {
+}, bt = {
   small: {
     rootClass: "px-[15px] py-[8px] h-[45px] rounded-[6px] gap-[8px] border",
     iconSize: 20,
@@ -1937,56 +1937,56 @@ const rr = ["root", "icon", "content", "actions", "closeIcon"], bt = {
   }
 }, ft = {
   info: {
-    bgVar: "--banner-info-bg",
-    borderVar: "--banner-info-border",
-    iconVar: "--banner-info-icon",
-    textVar: "--banner-info-text"
+    bgVar: "--tango-banner-info-bg",
+    borderVar: "--tango-banner-info-border",
+    iconVar: "--tango-banner-info-icon",
+    textVar: "--tango-banner-info-text"
   },
   success: {
-    bgVar: "--banner-success-bg",
-    borderVar: "--banner-success-border",
-    iconVar: "--banner-success-icon",
-    textVar: "--banner-success-text"
+    bgVar: "--tango-banner-success-bg",
+    borderVar: "--tango-banner-success-border",
+    iconVar: "--tango-banner-success-icon",
+    textVar: "--tango-banner-success-text"
   },
   warning: {
-    bgVar: "--banner-warning-bg",
-    borderVar: "--banner-warning-border",
-    iconVar: "--banner-warning-icon",
-    textVar: "--banner-warning-text"
+    bgVar: "--tango-banner-warning-bg",
+    borderVar: "--tango-banner-warning-border",
+    iconVar: "--tango-banner-warning-icon",
+    textVar: "--tango-banner-warning-text"
   },
   error: {
-    bgVar: "--banner-error-bg",
-    borderVar: "--banner-error-border",
-    iconVar: "--banner-error-icon",
-    textVar: "--banner-error-text"
+    bgVar: "--tango-banner-error-bg",
+    borderVar: "--tango-banner-error-border",
+    iconVar: "--tango-banner-error-icon",
+    textVar: "--tango-banner-error-text"
   }
-}, ht = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
-function sr(e) {
+}, ht = (e, o, a) => Object.prototype.hasOwnProperty.call(a, e) ? e : o;
+function ra(e) {
   const {
     children: o,
-    onCancel: r = () => {
+    onCancel: a = () => {
     },
-    onAction: n = () => {
+    onAction: s = () => {
     },
     size: c = "normal",
     cancelText: l,
-    actionText: a,
+    actionText: n,
     level: i = "info",
     transparent: u = !1,
     bannerBgColor: h,
-    bannerBorderColor: m,
+    bannerBorderColor: g,
     bannerIconColor: d,
-    sx: g = {},
+    sx: b = {},
     style: v = {},
     className: w = "",
     i18nKey: C,
     localeText: F = {},
     ...O
-  } = e, { t: y } = de(), x = ht(c, "normal", gt), T = ht(i, "info", ft), p = gt[x], S = ft[T], _ = H(g, rr), M = {
-    cancel: y("banner.cancel", bt.cancel),
-    action: y("banner.action", bt.action),
+  } = e, { t: y } = de(), x = ht(c, "normal", bt), T = ht(i, "info", ft), p = bt[x], S = ft[T], _ = H(b, aa), M = {
+    cancel: y("banner.cancel", mt.cancel),
+    action: y("banner.action", mt.action),
     ...F
-  }, B = l ?? (C === "cancel" ? y("banner.cancel", M.cancel) : M.cancel), A = a ?? (C === "action" ? y("banner.action", M.action) : M.action), k = o ?? B, N = h || (u === !0 ? "transparent" : `var(${S.bgVar})`), L = m || `var(${S.borderVar})`, W = d || `var(${S.iconVar})`, D = `var(${S.textVar})`, E = b({
+  }, B = l ?? (C === "cancel" ? y("banner.cancel", M.cancel) : M.cancel), A = n ?? (C === "action" ? y("banner.action", M.action) : M.action), k = o ?? B, N = h || (u === !0 ? "transparent" : `var(${S.bgVar})`), L = g || `var(${S.borderVar})`, W = d || `var(${S.iconVar})`, D = `var(${S.textVar})`, E = m({
     baseClassName: I(
       "flex w-full items-center justify-start transition-colors duration-200",
       p.rootClass
@@ -1995,11 +1995,11 @@ function sr(e) {
     style: {
       backgroundColor: N,
       borderColor: L,
-      color: u === !0 ? "var(--muted-foreground)" : D,
+      color: u === !0 ? "var(--tango-muted-foreground)" : D,
       ...v
     },
     sxSlot: _.root
-  }), $ = b({
+  }), $ = m({
     baseClassName: "shrink-0",
     baseStyle: {
       width: `${p.iconSize}px`,
@@ -2007,38 +2007,38 @@ function sr(e) {
       color: W
     },
     sxSlot: _.icon
-  }), z = b({
+  }), z = m({
     baseClassName: I(
       "flex-grow text-left",
       p.contentClass
     ),
     sxSlot: _.content
-  }), U = b({
+  }), U = m({
     baseClassName: "flex items-center justify-end flex-1",
     baseStyle: {
       gap: p.buttonGap
     },
     sxSlot: _.actions
-  }), K = b({
+  }), K = m({
     baseClassName: "shrink-0 cursor-pointer",
     baseStyle: {
       width: `${p.closeIconSize}px`,
       height: `${p.closeIconSize}px`,
-      color: "var(--banner-close-icon)"
+      color: "var(--tango-banner-close-icon)"
     },
     sxSlot: _.closeIcon
   }), G = /* @__PURE__ */ P("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
-    /* @__PURE__ */ s("path", { d: "M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z" }),
-    /* @__PURE__ */ s("path", { d: "M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z" }),
-    /* @__PURE__ */ s("path", { d: "M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z" })
+    /* @__PURE__ */ r("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__ */ r("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__ */ r("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__ */ P("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
-    /* @__PURE__ */ s("path", { d: "M869.472578 920.128281 154.906046 920.128281c-31.943526 0-60.545958-16.517185-76.514651-44.181245-15.968693-27.666106-15.96153-60.696384 0.016373-88.355327l357.283266-618.47194c15.971763-27.647687 44.568055-44.152593 76.496232-44.152593 31.930223-0.001023 60.527538 16.504906 76.499301 44.151569l357.283266 618.472963c15.977903 27.659967 15.984043 60.689221 0.017396 88.355327C930.018535 903.611096 901.416104 920.128281 869.472578 920.128281zM512.187265 169.139212c-15.962553 0-30.261211 8.251941-38.247092 22.075785l0 0L116.65793 809.686936c-7.989975 13.829983-7.993045 30.345122-0.008186 44.179199 7.983835 13.83203 22.285562 22.090111 38.257326 22.090111l714.566532 0c15.971763 0 30.273491-8.258081 38.256302-22.090111 7.984858-13.83203 7.980765-30.349215-0.008186-44.179199L550.437427 191.213973C542.452569 177.391153 528.152888 169.138188 512.187265 169.139212z" }),
-    /* @__PURE__ */ s("path", { d: "M513.732457 621.119233c-18.296715 0-33.257451-14.832823-33.257451-33.129538L480.475006 331.789639c0-18.296715 14.960737-33.129538 33.257451-33.129538 18.296715 0 33.257451 14.832823 33.257451 33.129538l0 256.200056C546.989909 606.28641 532.029172 621.119233 513.732457 621.119233z" }),
-    /* @__PURE__ */ s("path", { d: "M513.686409 737.619574m-49.991578 0a48.853 48.853 0 1 0 99.983155 0 48.853 48.853 0 1 0-99.983155 0Z" })
-  ] }), Q = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M85.333333 512C85.333333 276.352 276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512z m683.093334-256.426667a358.954667 358.954667 0 0 0-122.922667-80.768A359.466667 359.466667 0 0 0 512 149.333333c-46.08 0-90.624 8.490667-133.504 25.472A358.954667 358.954667 0 0 0 255.573333 255.573333c-35.413333 35.413333-62.336 76.373333-80.768 122.922667A359.466667 359.466667 0 0 0 149.333333 512c0 46.08 8.490667 90.624 25.472 133.504A358.954667 358.954667 0 0 0 255.573333 768.426667c35.413333 35.413333 76.373333 62.336 122.922667 80.768A359.466667 359.466667 0 0 0 512 874.666667c46.08 0 90.624-8.490667 133.504-25.472a358.954667 358.954667 0 0 0 122.922667-80.768c35.413333-35.413333 62.336-76.373333 80.768-122.922667A359.466667 359.466667 0 0 0 874.666667 512c0-46.08-8.490667-90.624-25.472-133.504A358.912 358.912 0 0 0 768.426667 255.573333zM338.517333 640.213333L466.773333 512 338.517333 383.786667l45.226667-45.226667L512 466.688l128.213333-128.213333 45.226667 45.226666L557.312 512l128.213333 128.213333-45.226666 45.226667L512 557.312l-128.213333 128.213333-45.226667-45.226666z" }) }), ue = /* @__PURE__ */ P("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
-    /* @__PURE__ */ s("path", { d: "M512.3 961.3c-247.1 0-448.1-201-448.1-448.1s201-448.1 448.1-448.1 448.1 201 448.1 448.1-201 448.1-448.1 448.1z m0-849.7c-221.4 0-401.6 180.2-401.6 401.6s180.2 401.6 401.6 401.6 401.6-180.2 401.6-401.6-180.2-401.6-401.6-401.6z" }),
-    /* @__PURE__ */ s("path", { d: "M441.2 676c-16.4 0-32.7-5.8-45.5-17.4l-151.3-138c-9.5-8.6-10.2-23.3-1.5-32.8 8.6-9.5 23.3-10.2 32.8-1.5L427 624.2c7.6 6.9 20.8 6.9 28.4 0l293.5-267.5c9.5-8.6 24.2-8 32.8 1.5 8.6 9.5 8 24.2-1.5 32.8L486.7 658.5c-12.8 11.7-29.1 17.5-45.5 17.5z" })
-  ] }), be = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M558.8 509.2l302.8-302.8c3.1-3.1 3.1-8.1 0-11.2l-30.8-30.8c-3.1-3.1-8.1-3.1-11.2 0L516.8 467.2c-1.5 1.5-4.1 1.5-5.6 0L208.3 164.3c-3.1-3.1-8.1-3.1-11.2 0l-30.8 30.8c-3.1 3.1-3.1 8.1 0 11.2l302.8 302.8c1.5 1.5 1.5 4.1 0 5.6l-302.8 303c-3.1 3.1-3.1 8.1 0 11.2l30.8 30.8c3.1 3.1 8.1 3.1 11.2 0l302.8-302.8c1.5-1.5 4.1-1.5 5.6 0l302.8 302.8c3.1 3.1 8.1 3.1 11.2 0l30.8-30.8c3.1-3.1 3.1-8.1 0-11.2L558.8 514.8c-1.5-1.5-1.5-4.1 0-5.6z" }) }), ge = {
+    /* @__PURE__ */ r("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__ */ r("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__ */ r("path", { d: "M513.686409 737.619574m-49.991578 0a48.853 48.853 0 1 0 99.983155 0 48.853 48.853 0 1 0-99.983155 0Z" })
+  ] }), Q = /* @__PURE__ */ r("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: /* @__PURE__ */ r("path", { d: "M85.333333 512C85.333333 276.352 276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512z m683.093334-256.426667a358.954667 358.954667 0 0 0-122.922667-80.768A359.466667 359.466667 0 0 0 512 149.333333c-46.08 0-90.624 8.490667-133.504 25.472A358.954667 358.954667 0 0 0 255.573333 255.573333c-35.413333 35.413333-62.336 76.373333-80.768 122.922667A359.466667 359.466667 0 0 0 149.333333 512c0 46.08 8.490667 90.624 25.472 133.504A358.954667 358.954667 0 0 0 255.573333 768.426667c35.413333 35.413333 76.373333 62.336 122.922667 80.768A359.466667 359.466667 0 0 0 512 874.666667c46.08 0 90.624-8.490667 133.504-25.472a358.954667 358.954667 0 0 0 122.922667-80.768c35.413333-35.413333 62.336-76.373333 80.768-122.922667A359.466667 359.466667 0 0 0 874.666667 512c0-46.08-8.490667-90.624-25.472-133.504A358.912 358.912 0 0 0 768.426667 255.573333zM338.517333 640.213333L466.773333 512 338.517333 383.786667l45.226667-45.226667L512 466.688l128.213333-128.213333 45.226667 45.226666L557.312 512l128.213333 128.213333-45.226666 45.226667L512 557.312l-128.213333 128.213333-45.226667-45.226666z" }) }), ue = /* @__PURE__ */ P("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
+    /* @__PURE__ */ r("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__ */ r("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" })
+  ] }), me = /* @__PURE__ */ r("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: /* @__PURE__ */ r("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" }) }), be = {
     success: ue,
     warning: R,
     error: Q,
@@ -2053,47 +2053,47 @@ function sr(e) {
       "data-size": x,
       ...O,
       children: [
-        /* @__PURE__ */ s("div", { className: $.className, style: $.style, children: ge[T] }),
-        /* @__PURE__ */ s("div", { className: z.className, style: z.style, children: k }),
+        /* @__PURE__ */ r("div", { className: $.className, style: $.style, children: be[T] }),
+        /* @__PURE__ */ r("div", { className: z.className, style: z.style, children: k }),
         /* @__PURE__ */ P("div", { className: U.className, style: U.style, children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             ie,
             {
               type: "transparent",
               sx: {
-                c: "var(--banner-btn-text)",
+                c: "var(--tango-banner-btn-text)",
                 br: p.buttonBorderRadius,
                 bColor: "transparent",
                 s: p.buttonFontSize
               },
-              onClick: r,
+              onClick: a,
               size: x === "normal" ? "medium" : x,
               children: B
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             ie,
             {
               type: "transparent",
               sx: {
-                c: "var(--banner-btn-text)",
+                c: "var(--tango-banner-btn-text)",
                 br: p.buttonBorderRadius,
                 b: 1,
-                bColor: "var(--banner-btn-border)",
+                bColor: "var(--tango-banner-btn-border)",
                 s: p.buttonFontSize
               },
-              onClick: n,
+              onClick: s,
               size: x === "normal" ? "medium" : x,
               children: A
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             "div",
             {
               className: K.className,
               style: K.style,
-              onClick: r,
-              children: be
+              onClick: a,
+              children: me
             }
           )
         ] })
@@ -2101,7 +2101,7 @@ function sr(e) {
     }
   );
 }
-sr.propTypes = {
+ra.propTypes = {
   children: t.node,
   onCancel: t.func,
   onAction: t.func,
@@ -2119,7 +2119,7 @@ sr.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-const ar = ["root", "input", "text"], Ke = {
+const na = ["root", "input", "text"], Ke = {
   hex: "HEX",
   rgb: "RGB",
   hsl: "HSL"
@@ -2127,76 +2127,76 @@ const ar = ["root", "input", "text"], Ke = {
   small: { inputSize: 20, fontSize: "11px", gap: "6px" },
   medium: { inputSize: 28, fontSize: "12px", gap: "10px" },
   large: { inputSize: 36, fontSize: "14px", gap: "14px" }
-}, nr = {
+}, sa = {
   hex: "hex",
   rgb: "rgb",
   hsl: "hsl"
-}, xt = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o, lr = (e) => {
-  const o = parseInt(e.slice(1, 3), 16), r = parseInt(e.slice(3, 5), 16), n = parseInt(e.slice(5, 7), 16);
-  return `rgb(${o}, ${r}, ${n})`;
-}, cr = (e) => {
-  let o = parseInt(e.slice(1, 3), 16) / 255, r = parseInt(e.slice(3, 5), 16) / 255, n = parseInt(e.slice(5, 7), 16) / 255;
-  const c = Math.max(o, r, n), l = Math.min(o, r, n);
-  let a = 0, i = 0, u = (c + l) / 2;
+}, xt = (e, o, a) => Object.prototype.hasOwnProperty.call(a, e) ? e : o, la = (e) => {
+  const o = parseInt(e.slice(1, 3), 16), a = parseInt(e.slice(3, 5), 16), s = parseInt(e.slice(5, 7), 16);
+  return `rgb(${o}, ${a}, ${s})`;
+}, ca = (e) => {
+  let o = parseInt(e.slice(1, 3), 16) / 255, a = parseInt(e.slice(3, 5), 16) / 255, s = parseInt(e.slice(5, 7), 16) / 255;
+  const c = Math.max(o, a, s), l = Math.min(o, a, s);
+  let n = 0, i = 0, u = (c + l) / 2;
   if (c !== l) {
     const h = c - l;
-    i = u > 0.5 ? h / (2 - c - l) : h / (c + l), c === o ? a = (r - n) / h + (r < n ? 6 : 0) : c === r ? a = (n - o) / h + 2 : a = (o - r) / h + 4, a /= 6;
+    i = u > 0.5 ? h / (2 - c - l) : h / (c + l), c === o ? n = (a - s) / h + (a < s ? 6 : 0) : c === a ? n = (s - o) / h + 2 : n = (o - a) / h + 4, n /= 6;
   }
-  return `hsl(${Math.round(a * 360)}, ${Math.round(i * 100)}%, ${Math.round(u * 100)}%)`;
-}, ir = (e, o) => {
+  return `hsl(${Math.round(n * 360)}, ${Math.round(i * 100)}%, ${Math.round(u * 100)}%)`;
+}, ia = (e, o) => {
   switch (o) {
     case "rgb":
-      return lr(e);
+      return la(e);
     case "hsl":
-      return cr(e);
+      return ca(e);
     default:
       return e.toUpperCase();
   }
 };
-function dr(e) {
+function da(e) {
   const {
     value: o,
-    defaultValue: r = "#000000",
-    onChange: n = () => {
+    defaultValue: a = "#000000",
+    onChange: s = () => {
     },
     disabled: c = !1,
     showText: l = !1,
-    format: a = "hex",
+    format: n = "hex",
     size: i = "medium",
     sx: u = {},
     style: h = {},
-    className: m = "",
+    className: g = "",
     i18nKey: d,
-    localeText: g = {},
+    localeText: b = {},
     ...v
-  } = e, { t: w } = de(), C = xt(i, "medium", yt), F = xt(a, "hex", nr), O = yt[C], [y, x] = Z(r), T = o ?? y, p = H(u, ar), S = {
+  } = e, { t: w } = de(), C = xt(i, "medium", yt), F = xt(n, "hex", sa), O = yt[C], [y, x] = Z(a), T = o ?? y, p = H(u, na), S = {
     hex: w("colorpicker.hex", Ke.hex),
     rgb: w("colorpicker.rgb", Ke.rgb),
     hsl: w("colorpicker.hsl", Ke.hsl),
-    ...g
+    ...b
   }, _ = (L) => {
     const W = L.target.value;
-    o === void 0 && x(W), n(W);
+    o === void 0 && x(W), s(W);
   }, M = [];
   if (l) {
     const L = d || (typeof l == "string" ? l : null) || F;
     M.push({
       label: S[L],
-      value: ir(T, L)
+      value: ia(T, L)
     });
   }
-  const B = b({
+  const B = m({
     baseClassName: I(
       "inline-flex items-center",
       c && "cursor-not-allowed opacity-60"
     ),
-    className: m,
+    className: g,
     baseStyle: { gap: O.gap },
     style: h,
     sxSlot: p.root
-  }), A = b({
+  }), A = m({
     baseClassName: I(
-      "shrink-0 cursor-pointer border-2 border-[var(--border)] rounded-full bg-transparent overflow-hidden transition-colors duration-200",
+      "shrink-0 cursor-pointer border-2 border-[var(--tango-border)] rounded-full bg-transparent overflow-hidden transition-colors duration-200",
       c && "cursor-not-allowed"
     ),
     baseStyle: {
@@ -2205,19 +2205,19 @@ function dr(e) {
       padding: 0
     },
     sxSlot: p.input
-  }), k = b({
-    baseClassName: "flex flex-col text-[var(--muted-foreground)]",
+  }), k = m({
+    baseClassName: "flex flex-col text-[var(--tango-muted-foreground)]",
     baseStyle: { fontSize: O.fontSize },
     sxSlot: p.text
   });
   return /* @__PURE__ */ P(Ne, { children: [
-    /* @__PURE__ */ s("style", { children: `
+    /* @__PURE__ */ r("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__ */ P("div", { className: B.className, style: B.style, ...v, children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ r(
         "input",
         {
           type: "color",
@@ -2229,7 +2229,7 @@ function dr(e) {
           "aria-label": v["aria-label"] || `颜色选择器: ${T}`
         }
       ),
-      l && M.length > 0 && /* @__PURE__ */ s("div", { className: k.className, style: k.style, children: M.map(({ label: L, value: W }) => /* @__PURE__ */ P("span", { children: [
+      l && M.length > 0 && /* @__PURE__ */ r("div", { className: k.className, style: k.style, children: M.map(({ label: L, value: W }) => /* @__PURE__ */ P("span", { children: [
         L,
         ": ",
         W
@@ -2237,7 +2237,7 @@ function dr(e) {
     ] })
   ] });
 }
-dr.propTypes = {
+da.propTypes = {
   value: t.string,
   defaultValue: t.string,
   onChange: t.func,
@@ -2251,7 +2251,7 @@ dr.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-const ur = ["root", "date", "weekday", "time"], vt = {
+const ua = ["root", "date", "weekday", "time"], vt = {
   weekdayPrefix: "星期",
   weekdayShortPrefix: "周"
 }, St = {
@@ -2264,108 +2264,108 @@ const ur = ["root", "date", "weekday", "time"], vt = {
   "week-time": "week-time",
   "no-s": "no-s",
   "no-s-line": "no-s-line"
-}, pr = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o, mr = (e, o) => {
-  const n = (/* @__PURE__ */ new Date()).toLocaleDateString(e, {
+}, pa = (e, o, a) => Object.prototype.hasOwnProperty.call(a, e) ? e : o, ga = (e, o) => {
+  const s = (/* @__PURE__ */ new Date()).toLocaleDateString(e, {
     year: "numeric",
     month: "2-digit",
     day: "2-digit"
   });
-  return o ? n.replaceAll("/", "-") : n;
-}, br = (e, o) => {
-  let n = (/* @__PURE__ */ new Date()).toLocaleString(e, { weekday: "long" });
-  return o && e.startsWith("zh") && (n = n.replace("星期", "周")), n;
+  return o ? s.replaceAll("/", "-") : s;
+}, ma = (e, o) => {
+  let s = (/* @__PURE__ */ new Date()).toLocaleString(e, { weekday: "long" });
+  return o && e.startsWith("zh") && (s = s.replace("星期", "周")), s;
 }, 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);
-}, gr = (e, o, r, n) => {
-  const c = e.endsWith("-line"), l = mr(o, c), a = br(o, r);
+  const a = /* @__PURE__ */ new Date(), s = { hour: "2-digit", minute: "2-digit" };
+  return o && (s.second = "2-digit"), a.toLocaleTimeString(e, s);
+}, ba = (e, o, a, s) => {
+  const c = e.endsWith("-line"), l = ga(o, c), n = ma(o, a);
   switch (e) {
     case "line":
       return [{ key: "date", text: l }];
     case "full":
       return [
         { key: "date", text: l + " " },
-        { key: "weekday", text: a + " " },
+        { key: "weekday", text: n + " " },
         { key: "time", text: Te(o, !0) }
       ];
     case "full-line":
       return [
         { key: "date", text: l + " " },
-        { key: "weekday", text: a + " " },
+        { key: "weekday", text: n + " " },
         { key: "time", text: Te(o, !0) }
       ];
     case "year-week":
       return [
         { key: "date", text: l + " " },
-        { key: "weekday", text: a }
+        { key: "weekday", text: n }
       ];
     case "year-week-line":
       return [
         { key: "date", text: l + " " },
-        { key: "weekday", text: a }
+        { key: "weekday", text: n }
       ];
     case "week-time":
       return [
-        { key: "weekday", text: a + " " },
+        { key: "weekday", text: n + " " },
         { key: "time", text: Te(o, !0) }
       ];
     case "no-s":
       return [
         { key: "date", text: l + " " },
-        { key: "weekday", text: a + " " },
+        { key: "weekday", text: n + " " },
         { key: "time", text: Te(o, !1) }
       ];
     case "no-s-line":
       return [
         { key: "date", text: l + " " },
-        { key: "weekday", text: a + " " },
+        { key: "weekday", text: n + " " },
         { key: "time", text: Te(o, !1) }
       ];
     default:
       return [{ key: "date", text: l }];
   }
 };
-function fr(e) {
+function fa(e) {
   const {
     type: o = "default",
-    single: r = !1,
-    sx: n = {},
+    single: a = !1,
+    sx: s = {},
     style: c = {},
     className: l = "",
-    i18nKey: a,
+    i18nKey: n,
     localeText: i = {},
     ...u
-  } = e || {}, { t: h, locale: m } = de(), [d, g] = Z(!1);
-  se(() => {
-    g(!0);
+  } = e || {}, { t: h, locale: g } = de(), [d, b] = Z(!1);
+  re(() => {
+    b(!0);
   }, []);
-  const v = pr(o, "default", St), w = m === "en-US" ? "en-US" : "zh-CN";
+  const v = pa(o, "default", St), w = g === "en-US" ? "en-US" : "zh-CN";
   ({
     weekdayPrefix: h("date.weekdayPrefix", vt.weekdayPrefix),
     weekdayShortPrefix: h("date.weekdayShortPrefix", vt.weekdayShortPrefix),
     ...i
   });
-  const C = H(n, ur), F = a && St[a] ? a : v, O = d ? gr(F, w, r) : [], y = b({
-    baseClassName: I("inline-flex items-center gap-1 text-[var(--foreground)]"),
+  const C = H(s, ua), F = n && St[n] ? n : v, O = d ? ba(F, w, a) : [], y = m({
+    baseClassName: I("inline-flex items-center gap-1 text-[var(--tango-foreground)]"),
     className: l,
     baseStyle: {},
     style: c,
     sxSlot: C.root
   }), x = {
-    date: b({
+    date: m({
       baseClassName: "",
       sxSlot: C.date
     }),
-    weekday: b({
-      baseClassName: "text-[var(--muted-foreground)]",
+    weekday: m({
+      baseClassName: "text-[var(--tango-muted-foreground)]",
       sxSlot: C.weekday
     }),
-    time: b({
+    time: m({
       baseClassName: "",
       sxSlot: C.time
     })
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     "div",
     {
       className: y.className,
@@ -2375,12 +2375,12 @@ function fr(e) {
       ...u,
       children: O.map((T) => {
         const p = x[T.key] || { className: "", style: {} };
-        return /* @__PURE__ */ s("span", { className: p.className, style: p.style, children: T.text }, T.key);
+        return /* @__PURE__ */ r("span", { className: p.className, style: p.style, children: T.text }, T.key);
       })
     }
   );
 }
-fr.propTypes = {
+fa.propTypes = {
   type: t.oneOf([
     "default",
     "line",
@@ -2399,7 +2399,7 @@ fr.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-const hr = ["root", "input", "panel", "header", "body", "footer"], me = {
+const ha = ["root", "input", "panel", "header", "body", "footer"], ge = {
   placeholder: "YYYY-MM-DD",
   placeholderTime: "YYYY-MM-DD HH:mm",
   timeLabel: "时间",
@@ -2413,39 +2413,39 @@ const hr = ["root", "input", "panel", "header", "body", "footer"], me = {
   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]" }
-}, yr = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
-function xr(e) {
+}, ya = (e, o, a) => Object.prototype.hasOwnProperty.call(a, e) ? e : o;
+function xa(e) {
   const {
     value: o,
-    defaultValue: r,
-    onChange: n = () => {
+    defaultValue: a,
+    onChange: s = () => {
     },
     disabled: c = !1,
     time: l = !1,
-    size: a = "medium",
+    size: n = "medium",
     sx: i = {},
     style: u = {},
     className: h = "",
-    i18nKey: m,
+    i18nKey: g,
     localeText: d = {},
-    placeholder: g,
+    placeholder: b,
     ...v
-  } = e, { t: w, locale: C } = de(), F = yr(a, "medium", Nt), O = Nt[F], y = C === "en-US", [x, T] = Z(r || ""), p = o !== void 0 ? o : x, [S, _] = Z("00"), [M, B] = Z("00"), [A, k] = Z(!1), [N, L] = Z(() => {
+  } = e, { t: w, locale: C } = de(), F = ya(n, "medium", Nt), O = Nt[F], y = C === "en-US", [x, T] = Z(a || ""), p = o !== void 0 ? o : x, [S, _] = Z("00"), [M, B] = Z("00"), [A, k] = Z(!1), [N, L] = Z(() => {
     const f = /* @__PURE__ */ new Date();
     return new Date(f.getFullYear(), f.getMonth(), 1);
   }), W = ke(null), D = {
-    placeholder: w("datepicker.placeholder", me.placeholder),
-    placeholderTime: w("datepicker.placeholderTime", me.placeholderTime),
-    timeLabel: w("datepicker.timeLabel", me.timeLabel),
-    confirm: w("datepicker.confirm", me.confirm),
-    cancel: w("datepicker.cancel", me.cancel),
-    prevMonth: w("datepicker.prevMonth", me.prevMonth),
-    nextMonth: w("datepicker.nextMonth", me.nextMonth),
-    weekDays: y ? ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] : me.weekDays,
-    monthFormat: y ? "${month}/${year}" : me.monthFormat,
+    placeholder: w("datepicker.placeholder", ge.placeholder),
+    placeholderTime: w("datepicker.placeholderTime", ge.placeholderTime),
+    timeLabel: w("datepicker.timeLabel", ge.timeLabel),
+    confirm: w("datepicker.confirm", ge.confirm),
+    cancel: w("datepicker.cancel", ge.cancel),
+    prevMonth: w("datepicker.prevMonth", ge.prevMonth),
+    nextMonth: w("datepicker.nextMonth", ge.nextMonth),
+    weekDays: y ? ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] : ge.weekDays,
+    monthFormat: y ? "${month}/${year}" : ge.monthFormat,
     ...d
   };
-  se(() => {
+  re(() => {
     const f = (V) => {
       W.current && !W.current.contains(V.target) && k(!1);
     };
@@ -2467,10 +2467,10 @@ function xr(e) {
     if (f) {
       if (l) {
         const ce = `${f}T${V}:${ee}`, pe = new Date(ce), Qe = pe.getFullYear(), Fe = (pe.getMonth() + 1).toString().padStart(2, "0"), Vt = pe.getDate().toString().padStart(2, "0"), Yt = pe.getHours().toString().padStart(2, "0"), Kt = pe.getMinutes().toString().padStart(2, "0");
-        n(`${Qe}-${Fe}-${Vt} ${Yt}:${Kt}`, ce);
+        s(`${Qe}-${Fe}-${Vt} ${Yt}:${Kt}`, ce);
         return;
       }
-      n(f, f);
+      s(f, f);
     }
   }, R = (f) => {
     const V = new Date(N.getFullYear(), N.getMonth(), f), ee = E(V);
@@ -2481,7 +2481,7 @@ function xr(e) {
   }, ue = (f) => {
     const V = f.target.value;
     B(V), G(p, S, V);
-  }, be = () => {
+  }, me = () => {
     if (!c) {
       if (p) {
         const [f, V] = p.split("-").map(Number);
@@ -2489,94 +2489,94 @@ function xr(e) {
       }
       k(!0);
     }
-  }, ge = Array.from({ length: 24 }, (f, V) => String(V).padStart(2, "0")), fe = Array.from({ length: 60 }, (f, V) => String(V).padStart(2, "0")), X = H(i, hr);
+  }, be = Array.from({ length: 24 }, (f, V) => String(V).padStart(2, "0")), fe = Array.from({ length: 60 }, (f, V) => String(V).padStart(2, "0")), X = H(i, ha);
   typeof i == "string" && (X.input.tw = I(X.input.tw, X.root.tw), X.root.tw = "");
-  const J = b({
+  const J = m({
     baseClassName: "relative inline-block",
     sxSlot: X.root
-  }), j = b({
+  }), j = m({
     baseClassName: I(
-      "border border-[var(--border)] rounded-[var(--radius)] bg-[var(--card)] text-[var(--foreground)] placeholder:text-[var(--muted-foreground)] outline-none transition-all duration-200 cursor-pointer",
-      "focus:border-[var(--primary)] focus:shadow-[0_0_0_2px_color-mix(in_srgb,var(--primary)_18%,transparent)]",
-      "hover:border-[var(--primary)]",
+      "border border-[var(--tango-border)] rounded-[var(--tango-radius)] bg-[var(--tango-card)] text-[var(--tango-foreground)] placeholder:text-[var(--tango-muted-foreground)] outline-none transition-all duration-200 cursor-pointer",
+      "focus:border-[var(--tango-primary)] focus:shadow-[0_0_0_2px_color-mix(in_srgb,var(--tango-primary)_18%,transparent)]",
+      "hover:border-[var(--tango-primary)]",
       O.inputPx,
       O.textSm,
       O.minW,
-      c && "bg-[var(--muted)] text-[var(--muted-foreground)] cursor-not-allowed"
+      c && "bg-[var(--tango-muted)] text-[var(--tango-muted-foreground)] cursor-not-allowed"
     ),
     className: h,
     style: u,
     sxSlot: X.input
-  }), q = b({
+  }), q = m({
     baseClassName: I(
-      "absolute top-[calc(100%+8px)] left-0 z-20 p-3 border border-[var(--border)] bg-[var(--card)] rounded-xl shadow-[0_8px_28px_rgba(0,0,0,0.12)]",
+      "absolute top-[calc(100%+8px)] left-0 z-20 p-3 border border-[var(--tango-border)] bg-[var(--tango-card)] rounded-xl shadow-[0_8px_28px_rgba(0,0,0,0.12)]",
       O.panelW
     ),
     sxSlot: X.panel
-  }), le = b({
+  }), le = m({
     baseClassName: "flex items-center justify-between h-10 mb-2",
     sxSlot: X.header
-  }), re = b({
+  }), ae = m({
     baseClassName: "flex flex-wrap",
     sxSlot: X.body
-  }), ae = b({
-    baseClassName: "mt-2.5 pt-2.5 border-t border-[var(--border)]",
+  }), ne = m({
+    baseClassName: "mt-2.5 pt-2.5 border-t border-[var(--tango-border)]",
     sxSlot: X.footer
   });
   return /* @__PURE__ */ P("div", { className: J.className, style: J.style, ref: W, ...v, children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ r(
       "input",
       {
         type: "text",
         value: U,
         readOnly: !0,
-        onClick: be,
+        onClick: me,
         className: j.className,
         style: j.style,
         disabled: c,
-        placeholder: g || (l ? D.placeholderTime : D.placeholder),
-        "aria-label": v["aria-label"] || g || (l ? D.placeholderTime : D.placeholder),
+        placeholder: b || (l ? D.placeholderTime : D.placeholder),
+        "aria-label": v["aria-label"] || b || (l ? D.placeholderTime : D.placeholder),
         "aria-haspopup": "dialog",
         "aria-expanded": A
       }
     ),
     A && !c && /* @__PURE__ */ P("div", { className: q.className, style: q.style, role: "dialog", "aria-label": "日期选择面板", children: [
       /* @__PURE__ */ P("div", { className: le.className, style: le.style, children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ r(
           "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))]",
+            className: "w-7 h-7 border border-[var(--tango-border)] bg-[var(--tango-card)] text-sm cursor-pointer rounded hover:border-[var(--tango-primary)] hover:bg-[color-mix(in_srgb,var(--tango-primary)_14%,var(--tango-card))]",
             onClick: () => L(new Date(N.getFullYear(), N.getMonth() - 1, 1)),
             "aria-label": D.prevMonth,
             children: "<"
           }
         ),
-        /* @__PURE__ */ s("div", { className: "text-sm font-semibold text-[var(--foreground)]", children: $ }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ r("div", { className: "text-sm font-semibold text-[var(--tango-foreground)]", children: $ }),
+        /* @__PURE__ */ r(
           "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))]",
+            className: "w-7 h-7 border border-[var(--tango-border)] bg-[var(--tango-card)] text-sm cursor-pointer rounded hover:border-[var(--tango-primary)] hover:bg-[color-mix(in_srgb,var(--tango-primary)_14%,var(--tango-card))]",
             onClick: () => L(new Date(N.getFullYear(), N.getMonth() + 1, 1)),
             "aria-label": D.nextMonth,
             children: ">"
           }
         )
       ] }),
-      /* @__PURE__ */ P("div", { className: re.className, style: re.style, children: [
-        D.weekDays.map((f) => /* @__PURE__ */ s("div", { className: "w-[calc(100%/7)] text-center leading-[30px] text-xs text-[var(--muted-foreground)]", children: f }, f)),
+      /* @__PURE__ */ P("div", { className: ae.className, style: ae.style, children: [
+        D.weekDays.map((f) => /* @__PURE__ */ r("div", { className: "w-[calc(100%/7)] text-center leading-[30px] text-xs text-[var(--tango-muted-foreground)]", children: f }, f)),
         z.map((f, V) => {
           if (!f)
-            return /* @__PURE__ */ s("div", { className: "w-[calc(100%/7)] text-center leading-[30px]" }, `empty-${V}`);
+            return /* @__PURE__ */ r("div", { className: "w-[calc(100%/7)] text-center leading-[30px]" }, `empty-${V}`);
           const ee = K(f);
-          return /* @__PURE__ */ s(
+          return /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               className: I(
-                "w-[calc(100%/7)] text-center leading-[30px] border-none bg-transparent cursor-pointer rounded-md text-[13px] text-[var(--foreground)] hover:bg-[var(--muted)]",
-                ee && "bg-[var(--primary)] text-[var(--primary-foreground)] hover:bg-[var(--primary)]"
+                "w-[calc(100%/7)] text-center leading-[30px] border-none bg-transparent cursor-pointer rounded-md text-[13px] text-[var(--tango-foreground)] hover:bg-[var(--tango-muted)]",
+                ee && "bg-[var(--tango-primary)] text-[var(--tango-primary-foreground)] hover:bg-[var(--tango-primary)]"
               ),
               onClick: () => R(f),
               "aria-label": `${N.getFullYear()}-${(N.getMonth() + 1).toString().padStart(2, "0")}-${f.toString().padStart(2, "0")}`,
@@ -2586,33 +2586,33 @@ function xr(e) {
           );
         })
       ] }),
-      l && /* @__PURE__ */ P("div", { className: ae.className, style: ae.style, children: [
-        /* @__PURE__ */ s("div", { className: "text-xs text-[var(--muted-foreground)] mb-2", children: D.timeLabel }),
+      l && /* @__PURE__ */ P("div", { className: ne.className, style: ne.style, children: [
+        /* @__PURE__ */ r("div", { className: "text-xs text-[var(--tango-muted-foreground)] mb-2", children: D.timeLabel }),
         /* @__PURE__ */ P("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             "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)]",
+              className: "w-20 h-8 border border-[var(--tango-border)] rounded-md px-2 text-[13px] outline-none bg-[var(--tango-card)] text-[var(--tango-foreground)] focus:border-[var(--tango-primary)]",
               value: S,
               onChange: Q,
               "aria-label": "小时",
-              children: ge.map((f) => /* @__PURE__ */ s("option", { value: f, children: f }, f))
+              children: be.map((f) => /* @__PURE__ */ r("option", { value: f, children: f }, f))
             }
           ),
-          /* @__PURE__ */ s("span", { className: "font-semibold text-[var(--muted-foreground)]", children: ":" }),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r("span", { className: "font-semibold text-[var(--tango-muted-foreground)]", children: ":" }),
+          /* @__PURE__ */ r(
             "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)]",
+              className: "w-20 h-8 border border-[var(--tango-border)] rounded-md px-2 text-[13px] outline-none bg-[var(--tango-card)] text-[var(--tango-foreground)] focus:border-[var(--tango-primary)]",
               value: M,
               onChange: ue,
               "aria-label": "分钟",
-              children: fe.map((f) => /* @__PURE__ */ s("option", { value: f, children: f }, f))
+              children: fe.map((f) => /* @__PURE__ */ r("option", { value: f, children: f }, f))
             }
           )
         ] }),
         /* @__PURE__ */ P("div", { className: "mt-2.5 flex justify-end gap-2", children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             ie,
             {
               onClick: () => k(!1),
@@ -2620,21 +2620,21 @@ function xr(e) {
               type: "transparent",
               outline: !0,
               style: {
-                backgroundColor: "var(--datepicker-cancel-bg)",
-                color: "var(--datepicker-cancel-fg)"
+                backgroundColor: "var(--tango-datepicker-cancel-bg)",
+                color: "var(--tango-datepicker-cancel-fg)"
               },
               children: D.cancel
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             ie,
             {
               onClick: () => k(!1),
               size: "small",
               style: {
-                backgroundColor: "var(--datepicker-confirm-bg)",
-                color: "var(--datepicker-confirm-fg)",
-                borderColor: "var(--datepicker-confirm-bg)"
+                backgroundColor: "var(--tango-datepicker-confirm-bg)",
+                color: "var(--tango-datepicker-confirm-fg)",
+                borderColor: "var(--tango-datepicker-confirm-bg)"
               },
               children: D.confirm
             }
@@ -2644,7 +2644,7 @@ function xr(e) {
     ] })
   ] });
 }
-xr.propTypes = {
+xa.propTypes = {
   value: t.string,
   defaultValue: t.string,
   onChange: t.func,
@@ -2657,44 +2657,44 @@ xr.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-const vr = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], _e = {
+const va = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], _e = {
   title: "基础标题",
   okText: "确定",
   cancelText: "取消",
   closeAriaLabel: "关闭"
-}, Sr = { right: "right", left: "left", top: "top", bottom: "bottom" }, Nr = {
+}, Sa = { right: "right", left: "left", top: "top", bottom: "bottom" }, Na = {
   right: "right-0 top-0 h-full",
   left: "left-0 top-0 h-full",
   top: "top-0 left-0 w-full",
   bottom: "bottom-0 left-0 w-full"
-}, wr = {
+}, wa = {
   right: "translateX(100%)",
   left: "translateX(-100%)",
   top: "translateY(-100%)",
   bottom: "translateY(100%)"
-}, Cr = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
-function Tr(e) {
+}, Ca = (e, o, a) => Object.prototype.hasOwnProperty.call(a, e) ? e : o;
+function Ta(e) {
   const {
     children: o,
-    title: r,
-    okText: n,
+    title: a,
+    okText: s,
     cancelText: c,
     open: l = !1,
-    onClose: a = () => {
+    onClose: n = () => {
     },
     onOk: i,
     type: u = "right",
     width: h,
-    height: m,
+    height: g,
     sx: d = {},
-    style: g = {},
+    style: b = {},
     className: v = "",
     maskClosable: w = !0,
     footerButtons: C,
     localeText: F = {},
     ...O
-  } = e, { t: y } = de(), x = Cr(u, "right", Sr), [T, p] = Z(!1), [S, _] = Z(!1);
-  se(() => {
+  } = e, { t: y } = de(), x = Ca(u, "right", Sa), [T, p] = Z(!1), [S, _] = Z(!1);
+  re(() => {
     if (l) {
       p(!0);
       const R = setTimeout(() => _(!0), 30);
@@ -2705,7 +2705,7 @@ function Tr(e) {
       const R = setTimeout(() => p(!1), 300);
       return () => clearTimeout(R);
     }
-  }, [l]), se(() => {
+  }, [l]), re(() => {
     if (T) {
       const R = parseInt(document.body.dataset.tangoScrollLock || "0", 10);
       return R === 0 && (document.body.dataset.tangoOriginalOverflow = document.body.style.overflow), document.body.dataset.tangoScrollLock = String(R + 1), document.body.style.overflow = "hidden", () => {
@@ -2715,53 +2715,53 @@ function Tr(e) {
     }
   }, [T]);
   const M = {};
-  x === "left" || x === "right" ? M.width = h || "320px" : M.height = m || "300px";
+  x === "left" || x === "right" ? M.width = h || "320px" : M.height = g || "300px";
   const B = {
-    title: r ?? y("drawer.title", _e.title),
-    okText: n ?? y("drawer.okText", _e.okText),
+    title: a ?? y("drawer.title", _e.title),
+    okText: s ?? y("drawer.okText", _e.okText),
     cancelText: c ?? y("drawer.cancelText", _e.cancelText),
     closeAriaLabel: y("drawer.closeAriaLabel", _e.closeAriaLabel),
     ...F
-  }, A = H(d, vr), k = b({
+  }, A = H(d, va), k = m({
     baseClassName: "fixed inset-0 z-[999] flex",
     sxSlot: A.overlay
   }), N = {
     tw: I(A.root.tw, A.container.tw),
     css: { ...A.root.css, ...A.container.css }
-  }, L = b({
+  }, L = m({
     baseClassName: I(
-      "fixed bg-[var(--card)] text-[var(--foreground)] flex flex-col transition-all duration-300 ease-in-out",
-      Nr[x]
+      "fixed bg-[var(--tango-card)] text-[var(--tango-foreground)] flex flex-col transition-all duration-300 ease-in-out",
+      Na[x]
     ),
     className: v,
     style: {
       ...M,
-      transform: S ? "translate(0, 0)" : wr[x],
-      ...g
+      transform: S ? "translate(0, 0)" : wa[x],
+      ...b
     },
     sxSlot: N
-  }), W = b({
+  }), W = m({
     baseClassName: "flex items-center justify-between px-5 pt-5 pb-3 shrink-0",
     sxSlot: A.header
-  }), D = b({
-    baseClassName: "text-lg font-bold text-[var(--foreground)]",
+  }), D = m({
+    baseClassName: "text-lg font-bold text-[var(--tango-foreground)]",
     sxSlot: A.title
-  }), E = b({
-    baseClassName: "cursor-pointer p-1 rounded-md hover:bg-[var(--muted)] transition-colors text-[var(--muted-foreground)]",
+  }), E = m({
+    baseClassName: "cursor-pointer p-1 rounded-md hover:bg-[var(--tango-muted)] transition-colors text-[var(--tango-muted-foreground)]",
     sxSlot: A.closeBtn
-  }), $ = b({
-    baseClassName: "flex-1 overflow-auto overscroll-contain px-5 py-2 text-[var(--foreground)]",
+  }), $ = m({
+    baseClassName: "flex-1 overflow-auto overscroll-contain px-5 py-2 text-[var(--tango-foreground)]",
     sxSlot: A.content
-  }), z = b({
-    baseClassName: "flex justify-end gap-2 px-5 py-4 border-t border-[var(--border)] shrink-0",
+  }), z = m({
+    baseClassName: "flex justify-end gap-2 px-5 py-4 border-t border-[var(--tango-border)] shrink-0",
     sxSlot: A.footer
   }), U = (R) => {
-    w && R.target === R.currentTarget && a();
-  }, K = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ s("path", { d: "M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z" }) }), G = C != null && C.length ? C : [
-    { key: "cancel", text: B.cancelText, onClick: a },
-    { key: "ok", text: B.okText, onClick: i || a }
+    w && R.target === R.currentTarget && n();
+  }, K = /* @__PURE__ */ r("svg", { viewBox: "0 0 1024 1024", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { d: "M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z" }) }), G = C != null && C.length ? C : [
+    { key: "cancel", text: B.cancelText, onClick: n },
+    { key: "ok", text: B.okText, onClick: i || n }
   ];
-  return T ? /* @__PURE__ */ s(
+  return T ? /* @__PURE__ */ r(
     "div",
     {
       className: k.className,
@@ -2778,27 +2778,27 @@ function Tr(e) {
       ...O,
       children: /* @__PURE__ */ P("div", { className: L.className, style: L.style, children: [
         /* @__PURE__ */ P("div", { className: W.className, style: W.style, children: [
-          /* @__PURE__ */ s("h3", { className: D.className, style: D.style, children: B.title }),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r("h3", { className: D.className, style: D.style, children: B.title }),
+          /* @__PURE__ */ r(
             "div",
             {
               className: E.className,
               style: E.style,
-              onClick: a,
+              onClick: n,
               role: "button",
               tabIndex: 0,
               "aria-label": B.closeAriaLabel,
               onKeyDown: (R) => {
-                (R.key === "Enter" || R.key === " ") && a();
+                (R.key === "Enter" || R.key === " ") && n();
               },
               children: K
             }
           )
         ] }),
-        /* @__PURE__ */ s("div", { className: $.className, style: $.style, children: o }),
-        /* @__PURE__ */ s("div", { className: z.className, style: z.style, children: G.map((R) => {
+        /* @__PURE__ */ r("div", { className: $.className, style: $.style, children: o }),
+        /* @__PURE__ */ r("div", { className: z.className, style: z.style, children: G.map((R) => {
           const Q = R.key === "ok";
-          return /* @__PURE__ */ s(
+          return /* @__PURE__ */ r(
             ie,
             {
               onClick: R.onClick,
@@ -2806,12 +2806,12 @@ function Tr(e) {
               outline: !Q,
               size: "medium",
               style: Q ? {
-                backgroundColor: "var(--drawer-ok-bg)",
-                color: "var(--drawer-ok-fg)",
-                borderColor: "var(--drawer-ok-bg)"
+                backgroundColor: "var(--tango-drawer-ok-bg)",
+                color: "var(--tango-drawer-ok-fg)",
+                borderColor: "var(--tango-drawer-ok-bg)"
               } : {
-                backgroundColor: "var(--drawer-cancel-bg)",
-                color: "var(--drawer-cancel-fg)"
+                backgroundColor: "var(--tango-drawer-cancel-bg)",
+                color: "var(--tango-drawer-cancel-fg)"
               },
               children: R.text
             },
@@ -2822,7 +2822,7 @@ function Tr(e) {
     }
   ) : null;
 }
-Tr.propTypes = {
+Ta.propTypes = {
   children: t.node,
   title: t.string,
   okText: t.string,
@@ -2846,21 +2846,21 @@ Tr.propTypes = {
   ),
   localeText: t.object
 };
-const kr = ["root", "text"], wt = {
+const ka = ["root", "text"], wt = {
   small: "my-0.5",
   medium: "my-1.5",
   large: "my-2.5",
   huge: "my-4"
 };
-function Lr(e, o) {
+function La(e, o) {
   const {
-    sx: r = {},
-    style: n = {},
+    sx: a = {},
+    style: s = {},
     className: c = "",
     size: l = "medium",
-    children: a,
+    children: n,
     ...i
-  } = e, u = H(r, kr), h = wt[l] || wt.medium, m = !!a, d = b({
+  } = e, u = H(a, ka), h = wt[l] || wt.medium, g = !!n, d = m({
     baseClassName: I(
       "flex items-center justify-center relative w-full",
       h
@@ -2868,8 +2868,8 @@ function Lr(e, o) {
     className: c,
     sxSlot: u.root,
     baseStyle: {},
-    style: n
-  }), g = b({
+    style: s
+  }), b = m({
     baseClassName: "px-2 whitespace-nowrap z-[1]",
     sxSlot: u.text
   });
@@ -2886,17 +2886,17 @@ function Lr(e, o) {
         style: { ...d.style, display: "flex", alignItems: "center", justifyContent: "center" },
         ...i,
         children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             "span",
             {
-              className: `flex-1 h-px bg-[var(--line-color)] ${m ? "mr-2.5" : ""}`
+              className: `flex-1 h-px bg-[var(--tango-line-color)] ${g ? "mr-2.5" : ""}`
             }
           ),
-          m && /* @__PURE__ */ s("span", { className: g.className, style: g.style, children: a }),
-          /* @__PURE__ */ s(
+          g && /* @__PURE__ */ r("span", { className: b.className, style: b.style, children: n }),
+          /* @__PURE__ */ r(
             "span",
             {
-              className: `flex-1 h-px bg-[var(--line-color)] ${m ? "ml-2.5" : ""}`
+              className: `flex-1 h-px bg-[var(--tango-line-color)] ${g ? "ml-2.5" : ""}`
             }
           )
         ]
@@ -2904,7 +2904,7 @@ function Lr(e, o) {
     )
   );
 }
-const Bt = te.forwardRef(Lr);
+const Bt = te.forwardRef(La);
 Bt.displayName = "Line";
 Bt.propTypes = {
   size: t.oneOf(["small", "medium", "large", "huge"]),
@@ -2913,34 +2913,34 @@ Bt.propTypes = {
   className: t.string,
   children: t.node
 };
-const Pr = ["root"], Ct = {
-  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)]"
+const Pa = ["root"], Ct = {
+  default: "bg-[var(--tango-mark-default-bg)]",
+  primary: "bg-[var(--tango-mark-primary-bg)]",
+  success: "bg-[var(--tango-mark-success-bg)]",
+  warning: "bg-[var(--tango-mark-warning-bg)]",
+  danger: "bg-[var(--tango-mark-danger-bg)]"
 };
-function Or(e, o) {
+function Oa(e, o) {
   const {
-    sx: r = {},
-    style: n = {},
+    sx: a = {},
+    style: s = {},
     className: c = "",
     color: l = "default",
-    beauty: a = !1,
+    beauty: n = !1,
     children: i,
     ...u
-  } = e, h = H(r, Pr), m = Ct[l] || Ct.default, d = b({
+  } = e, h = H(a, Pa), g = Ct[l] || Ct.default, d = m({
     baseClassName: I(
       "inline-block",
-      m,
-      a ? "px-2 py-1 rounded" : ""
+      g,
+      n ? "px-2 py-1 rounded" : ""
     ),
     className: c,
     sxSlot: h.root,
     baseStyle: {},
-    style: n
+    style: s
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     "mark",
     {
       ref: o,
@@ -2951,7 +2951,7 @@ function Or(e, o) {
     }
   );
 }
-const It = te.forwardRef(Or);
+const It = te.forwardRef(Oa);
 It.displayName = "Mark";
 It.propTypes = {
   color: t.oneOf(["default", "primary", "success", "warning", "danger"]),
@@ -2961,32 +2961,32 @@ It.propTypes = {
   className: t.string,
   children: t.node
 };
-const _r = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], Ae = {
+const _a = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], Ae = {
   title: "基础标题",
   okText: "确定",
   cancelText: "取消",
   closeAriaLabel: "关闭"
 };
-function Ar(e) {
+function Aa(e) {
   const {
     children: o,
-    title: r,
-    okText: n,
+    title: a,
+    okText: s,
     cancelText: c,
     open: l = !1,
-    onClose: a = () => {
+    onClose: n = () => {
     },
     onOk: i,
     width: u,
     sx: h = {},
-    style: m = {},
+    style: g = {},
     className: d = "",
-    maskClosable: g = !0,
+    maskClosable: b = !0,
     footerButtons: v,
     localeText: w = {},
     ...C
   } = e, { t: F } = de(), [O, y] = Z(!1), [x, T] = Z(!1);
-  se(() => {
+  re(() => {
     if (l) {
       y(!0);
       const z = setTimeout(() => T(!0), 30);
@@ -2997,7 +2997,7 @@ function Ar(e) {
       const z = setTimeout(() => y(!1), 300);
       return () => clearTimeout(z);
     }
-  }, [l]), se(() => {
+  }, [l]), re(() => {
     if (O) {
       const z = parseInt(document.body.dataset.tangoScrollLock || "0", 10);
       return z === 0 && (document.body.dataset.tangoOriginalOverflow = document.body.style.overflow), document.body.dataset.tangoScrollLock = String(z + 1), document.body.style.overflow = "hidden", () => {
@@ -3007,19 +3007,19 @@ function Ar(e) {
     }
   }, [O]);
   const p = {
-    title: r ?? F("modal.title", Ae.title),
-    okText: n ?? F("modal.okText", Ae.okText),
+    title: a ?? F("modal.title", Ae.title),
+    okText: s ?? F("modal.okText", Ae.okText),
     cancelText: c ?? F("modal.cancelText", Ae.cancelText),
     closeAriaLabel: F("modal.closeAriaLabel", Ae.closeAriaLabel),
     ...w
-  }, S = H(h, _r), _ = b({
+  }, S = H(h, _a), _ = m({
     baseClassName: "fixed inset-0 z-[999] flex justify-center items-center",
     sxSlot: S.overlay
   }), M = {
     tw: I(S.root.tw, S.container.tw),
     css: { ...S.root.css, ...S.container.css }
-  }, B = b({
-    baseClassName: "bg-[var(--modal-bg)] text-[var(--foreground)] flex flex-col rounded-[var(--radius)] shadow-[var(--modal-shadow)] transition-all duration-300 ease-in-out",
+  }, B = m({
+    baseClassName: "bg-[var(--tango-modal-bg)] text-[var(--tango-foreground)] flex flex-col rounded-[var(--tango-radius)] shadow-[var(--tango-modal-shadow)] transition-all duration-300 ease-in-out",
     className: d,
     style: {
       width: u || "520px",
@@ -3028,31 +3028,31 @@ function Ar(e) {
       maxHeight: "80vh",
       transform: x ? "scale(1)" : "scale(0.8)",
       opacity: x ? 1 : 0,
-      ...m
+      ...g
     },
     sxSlot: M
-  }), A = b({
+  }), A = m({
     baseClassName: "flex items-center justify-between px-5 pt-5 pb-3 shrink-0",
     sxSlot: S.header
-  }), k = b({
-    baseClassName: "text-lg font-bold text-[var(--foreground)]",
+  }), k = m({
+    baseClassName: "text-lg font-bold text-[var(--tango-foreground)]",
     sxSlot: S.title
-  }), N = b({
-    baseClassName: "cursor-pointer p-1 rounded-md hover:bg-[var(--muted)] transition-colors text-[var(--muted-foreground)]",
+  }), N = m({
+    baseClassName: "cursor-pointer p-1 rounded-md hover:bg-[var(--tango-muted)] transition-colors text-[var(--tango-muted-foreground)]",
     sxSlot: S.closeBtn
-  }), L = b({
-    baseClassName: "flex-1 overflow-auto overscroll-contain px-6 py-5 text-[var(--foreground)]",
+  }), L = m({
+    baseClassName: "flex-1 overflow-auto overscroll-contain px-6 py-5 text-[var(--tango-foreground)]",
     sxSlot: S.content
-  }), W = b({
-    baseClassName: "flex justify-end gap-2 px-5 py-4 border-t border-[var(--border)] shrink-0",
+  }), W = m({
+    baseClassName: "flex justify-end gap-2 px-5 py-4 border-t border-[var(--tango-border)] shrink-0",
     sxSlot: S.footer
   }), D = (z) => {
-    g && z.target === z.currentTarget && a();
-  }, E = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ s("path", { d: "M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z" }) }), $ = v != null && v.length ? v : [
-    { key: "cancel", text: p.cancelText, onClick: a },
-    { key: "ok", text: p.okText, onClick: i || a }
+    b && z.target === z.currentTarget && n();
+  }, E = /* @__PURE__ */ r("svg", { viewBox: "0 0 1024 1024", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { d: "M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z" }) }), $ = v != null && v.length ? v : [
+    { key: "cancel", text: p.cancelText, onClick: n },
+    { key: "ok", text: p.okText, onClick: i || n }
   ];
-  return O ? /* @__PURE__ */ s(
+  return O ? /* @__PURE__ */ r(
     "div",
     {
       className: _.className,
@@ -3069,27 +3069,27 @@ function Ar(e) {
       ...C,
       children: /* @__PURE__ */ P("div", { className: B.className, style: B.style, children: [
         /* @__PURE__ */ P("div", { className: A.className, style: A.style, children: [
-          /* @__PURE__ */ s("h3", { className: k.className, style: k.style, children: p.title }),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r("h3", { className: k.className, style: k.style, children: p.title }),
+          /* @__PURE__ */ r(
             "div",
             {
               className: N.className,
               style: N.style,
-              onClick: a,
+              onClick: n,
               role: "button",
               tabIndex: 0,
               "aria-label": p.closeAriaLabel,
               onKeyDown: (z) => {
-                (z.key === "Enter" || z.key === " ") && a();
+                (z.key === "Enter" || z.key === " ") && n();
               },
               children: E
             }
           )
         ] }),
-        /* @__PURE__ */ s("div", { className: L.className, style: L.style, children: o }),
-        /* @__PURE__ */ s("div", { className: W.className, style: W.style, children: $.map((z) => {
+        /* @__PURE__ */ r("div", { className: L.className, style: L.style, children: o }),
+        /* @__PURE__ */ r("div", { className: W.className, style: W.style, children: $.map((z) => {
           const U = z.key === "ok";
-          return /* @__PURE__ */ s(
+          return /* @__PURE__ */ r(
             ie,
             {
               onClick: z.onClick,
@@ -3097,12 +3097,12 @@ function Ar(e) {
               outline: !U,
               size: "medium",
               style: U ? {
-                backgroundColor: "var(--modal-ok-bg)",
-                color: "var(--modal-ok-fg)",
-                borderColor: "var(--modal-ok-bg)"
+                backgroundColor: "var(--tango-modal-ok-bg)",
+                color: "var(--tango-modal-ok-fg)",
+                borderColor: "var(--tango-modal-ok-bg)"
               } : {
-                backgroundColor: "var(--modal-cancel-bg)",
-                color: "var(--modal-cancel-fg)"
+                backgroundColor: "var(--tango-modal-cancel-bg)",
+                color: "var(--tango-modal-cancel-fg)"
               },
               children: z.text
             },
@@ -3113,7 +3113,7 @@ function Ar(e) {
     }
   ) : null;
 }
-Ar.propTypes = {
+Aa.propTypes = {
   children: t.node,
   title: t.string,
   okText: t.string,
@@ -3135,17 +3135,17 @@ Ar.propTypes = {
   ),
   localeText: t.object
 };
-const Mr = ["root", "input", "button"], zr = {
+const Ma = ["root", "input", "button"], za = {
   small: "small",
   medium: "medium",
   large: "large",
   huge: "huge"
-}, Er = {
+}, Ea = {
   small: "h-8 text-xs pl-2.5 pr-20",
   medium: "h-10 text-sm pl-3 pr-24",
   large: "h-12 text-base pl-3.5 pr-28",
   huge: "h-14 text-lg pl-4 pr-32"
-}, $r = {
+}, $a = {
   small: "small",
   medium: "small",
   large: "medium",
@@ -3153,39 +3153,39 @@ const Mr = ["root", "input", "button"], zr = {
 }, Tt = {
   placeholder: "请输入内容",
   btnText: "搜索"
-}, Br = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
-function Ir(e) {
+}, Ba = (e, o, a) => Object.prototype.hasOwnProperty.call(a, e) ? e : o;
+function Ia(e) {
   const {
     size: o = "medium",
-    sx: r = {},
-    style: n = {},
+    sx: a = {},
+    style: s = {},
     className: c = "",
     onSearch: l,
-    onChange: a,
+    onChange: n,
     value: i,
     defaultValue: u,
     disabled: h = !1,
-    placeholder: m,
+    placeholder: g,
     btnText: d,
-    localeText: g,
+    localeText: b,
     path: v = "",
     ...w
-  } = e, { t: C } = de(), F = ke(null), O = Br(o, "medium", zr), y = i !== void 0, x = C("search.placeholder", Tt.placeholder), T = C("search.btnText", Tt.btnText), p = m ?? (g == null ? void 0 : g.placeholder) ?? x, S = d ?? (g == null ? void 0 : g.btnText) ?? T, _ = H(r, Mr), M = {
+  } = e, { t: C } = de(), F = ke(null), O = Ba(o, "medium", za), y = i !== void 0, x = C("search.placeholder", Tt.placeholder), T = C("search.btnText", Tt.btnText), p = g ?? (b == null ? void 0 : b.placeholder) ?? x, S = d ?? (b == null ? void 0 : b.btnText) ?? T, _ = H(a, Ma), M = {
     tw: I(_.root.tw, _.input.tw),
     css: { ..._.root.css, ..._.input.css }
   }, B = I("relative inline-flex", _.root.tw), A = I(
-    "w-[300px] rounded-[var(--radius)] border bg-[var(--input-bg)] text-[var(--foreground)] outline-none transition-all duration-200 ease-in-out",
-    "border-[var(--border)] shadow-[var(--input-shadow)]",
-    "hover:border-[var(--input-accent)]",
-    "focus:border-[var(--input-accent)] focus:shadow-[var(--input-focus-shadow)]",
-    h && "bg-[var(--muted)] text-[var(--muted-foreground)] border-[var(--muted)] cursor-not-allowed shadow-none hover:border-[var(--muted)] focus:shadow-none",
-    Er[O]
-  ), k = b({
+    "w-[300px] rounded-[var(--tango-radius)] border bg-[var(--tango-input-bg)] text-[var(--tango-foreground)] outline-none transition-all duration-200 ease-in-out",
+    "border-[var(--tango-border)] shadow-[var(--tango-input-shadow)]",
+    "hover:border-[var(--tango-input-accent)]",
+    "focus:border-[var(--tango-input-accent)] focus:shadow-[var(--tango-input-focus-shadow)]",
+    h && "bg-[var(--tango-muted)] text-[var(--tango-muted-foreground)] border-[var(--tango-muted)] cursor-not-allowed shadow-none hover:border-[var(--tango-muted)] focus:shadow-none",
+    Ea[O]
+  ), k = m({
     baseClassName: A,
     className: c,
-    style: n,
+    style: s,
     sxSlot: M
-  }), N = b({
+  }), N = m({
     baseClassName: "absolute top-1/2 -translate-y-1/2",
     sxSlot: _.button,
     style: { right: "calc(var(--spacing) * 2)" }
@@ -3202,14 +3202,14 @@ function Ir(e) {
     z.key === "Enter" && E();
   }, [E]);
   return /* @__PURE__ */ P("div", { className: B, children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ r(
       "input",
       {
         ref: y ? void 0 : F,
         className: k.className,
         style: k.style,
         onKeyDown: $,
-        onChange: a,
+        onChange: n,
         value: y ? i : void 0,
         defaultValue: y ? void 0 : u ?? "",
         disabled: h || void 0,
@@ -3220,15 +3220,15 @@ function Ir(e) {
         ...w
       }
     ),
-    /* @__PURE__ */ s("div", { className: N.className, style: L, children: /* @__PURE__ */ s(
+    /* @__PURE__ */ r("div", { className: N.className, style: L, children: /* @__PURE__ */ r(
       ie,
       {
         onClick: E,
-        size: $r[O],
+        size: $a[O],
         disabled: h,
         "aria-label": S,
         style: W,
-        children: v ? /* @__PURE__ */ s(
+        children: v ? /* @__PURE__ */ r(
           "img",
           {
             src: v,
@@ -3240,7 +3240,7 @@ function Ir(e) {
     ) })
   ] });
 }
-Ir.propTypes = {
+Ia.propTypes = {
   size: t.oneOf(["small", "medium", "large", "huge"]),
   sx: t.oneOfType([t.object, t.string]),
   style: t.object,
@@ -3265,19 +3265,19 @@ const jt = {
   inlineFlex: "inline-flex",
   grid: "grid",
   circle: "block rounded-full",
-  triangle: "block w-0 h-0 border-l-[var(--space-triangle-size)] border-r-[var(--space-triangle-size)] border-b-[calc(var(--space-triangle-size)*2)] border-l-transparent border-r-transparent border-b-[var(--space-triangle-color)]",
+  triangle: "block w-0 h-0 border-l-[var(--tango-space-triangle-size)] border-r-[var(--tango-space-triangle-size)] border-b-[calc(var(--tango-space-triangle-size)*2)] border-l-transparent border-r-transparent border-b-[var(--tango-space-triangle-color)]",
   halfCircle: "block rounded-t-full rounded-b-none",
   fixed: "block fixed",
   absolute: "block absolute",
   relative: "block relative"
-}, Ft = Object.keys(jt), jr = ["root"];
-function Fr(e, o) {
+}, Ft = Object.keys(jt), ja = ["root"];
+function Fa(e, o) {
   const {
-    sx: r = {},
-    style: n = {},
+    sx: a = {},
+    style: s = {},
     className: c = "",
     type: l = "default",
-    children: a,
+    children: n,
     /* 其余全部透传给 div（事件、data-*、aria-* 等） */
     /**
      * 
@@ -3289,26 +3289,26 @@ function Fr(e, o) {
      * 
      */
     ...i
-  } = e, u = Ft.includes(l) ? l : "default", h = H(r, jr), m = b({
+  } = e, u = Ft.includes(l) ? l : "default", h = H(a, ja), g = m({
     baseClassName: jt[u],
     className: c,
     sxSlot: h.root
-  }), d = u === "halfCircle" ? { width: "var(--space-half-circle-w)", height: "var(--space-half-circle-h)", background: "var(--space-half-circle-color)" } : {};
+  }), d = u === "halfCircle" ? { width: "var(--tango-space-half-circle-w)", height: "var(--tango-space-half-circle-h)", background: "var(--tango-space-half-circle-color)" } : {};
   return (
     // 这里直接透传给原生div，用户用起来就像使用普通 div 一样，dom也是div
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ r(
       "div",
       {
         ref: o,
-        className: m.className,
-        style: { ...d, ...m.style, ...n },
+        className: g.className,
+        style: { ...d, ...g.style, ...s },
         ...i,
-        children: a
+        children: n
       }
     )
   );
 }
-const Dt = te.forwardRef(Fr);
+const Dt = te.forwardRef(Fa);
 Dt.propTypes = {
   type: t.oneOf(Ft),
   sx: t.oneOfType([t.string, t.object]),
@@ -3317,34 +3317,34 @@ Dt.propTypes = {
   children: t.node
 };
 Dt.displayName = "Space";
-const Dr = ["root", "wrapper", "thead", "headerCell", "body", "row", "cell", "empty", "pagination"], ve = {
+const Da = ["root", "wrapper", "thead", "headerCell", "body", "row", "cell", "empty", "pagination"], ve = {
   empty: "暂无数据",
   prev: "上一页",
   next: "下一页",
   page: "页",
   total: "共 {total} 条",
   perPage: "条/页"
-}, Rr = 10, Vr = [10, 20, 50, 100], Me = (e, ...o) => typeof e == "function" ? e(...o) : e ?? {};
-function Yr(e) {
+}, Ra = 10, Va = [10, 20, 50, 100], Me = (e, ...o) => typeof e == "function" ? e(...o) : e ?? {};
+function Ya(e) {
   const {
     dataSource: o = [],
-    columns: r = [],
+    columns: a = [],
     /* sx / 样式 */
-    sx: n = {},
+    sx: s = {},
     style: c = {},
     className: l = "",
     /* 分页 */
-    pagination: a = null,
+    pagination: n = null,
     /* 隐藏列 */
     hide: i = [],
     /* 行回调 */
     rowClassName: u,
     rowStyle: h,
     /* 单元格回调 */
-    cellClassName: m,
+    cellClassName: g,
     cellStyle: d,
     /* hover */
-    hoverColor: g = "",
+    hoverColor: b = "",
     /* i18n */
     i18nKey: v = null,
     localeText: w = {},
@@ -3352,7 +3352,7 @@ function Yr(e) {
     "aria-label": C,
     ...F
   } = e, { t: O } = de();
-  o.length === 0 && r.length === 0 && console.warn("[Tango Table] dataSource 和 columns 不能同时为空，请至少提供一项。");
+  o.length === 0 && a.length === 0 && console.warn("[Tango Table] dataSource 和 columns 不能同时为空，请至少提供一项。");
   const y = {
     empty: O("table.empty", ve.empty),
     prev: O("table.prev", ve.prev),
@@ -3362,19 +3362,19 @@ function Yr(e) {
     perPage: O("table.perPage", ve.perPage),
     ...w
   }, x = Array.isArray(i) ? i : typeof i == "string" ? [i] : [], T = Se(
-    () => r.filter((J) => !J.hide && !x.includes(J.dataIndex)),
-    [r, x]
-  ), p = a !== null && a !== !1, S = a && a.placement || "bottom", _ = a && a.pageSize || Rr, M = a && a.pageSizeOptions || Vr, B = (a == null ? void 0 : a.showTotal) !== !1, A = (a == null ? void 0 : a.showSizeChanger) !== !1, [k, N] = Z(1), [L, W] = Z(_), D = o.length, E = Math.max(1, Math.ceil(D / L)), $ = Math.min(k, E), z = Se(() => {
+    () => a.filter((J) => !J.hide && !x.includes(J.dataIndex)),
+    [a, x]
+  ), p = n !== null && n !== !1, S = n && n.placement || "bottom", _ = n && n.pageSize || Ra, M = n && n.pageSizeOptions || Va, B = (n == null ? void 0 : n.showTotal) !== !1, A = (n == null ? void 0 : n.showSizeChanger) !== !1, [k, N] = Z(1), [L, W] = Z(_), D = o.length, E = Math.max(1, Math.ceil(D / L)), $ = Math.min(k, E), z = Se(() => {
     if (!p) return o;
     const J = ($ - 1) * L;
     return o.slice(J, J + L);
   }, [o, $, L, p]), U = oe(
     (J) => N(Math.max(1, Math.min(J, E))),
     [E]
-  ), K = H(n, Dr), G = b({
+  ), K = H(s, Da), G = m({
     baseClassName: I(
-      "w-full overflow-x-auto rounded-xl border border-[var(--border)]",
-      "shadow-[0_0_20px_color-mix(in_oklch,var(--foreground)_8%,transparent)]"
+      "w-full overflow-x-auto rounded-xl border border-[var(--tango-border)]",
+      "shadow-[0_0_20px_color-mix(in_oklch,var(--tango-foreground)_8%,transparent)]"
     ),
     className: l,
     style: c,
@@ -3382,38 +3382,38 @@ function Yr(e) {
       tw: I(K.root.tw, K.wrapper.tw),
       css: { ...K.root.css, ...K.wrapper.css }
     }
-  }), R = b({
-    baseClassName: "bg-[var(--primary)] text-[var(--primary-foreground)] sticky top-0 z-10",
+  }), R = m({
+    baseClassName: "bg-[var(--tango-primary)] text-[var(--tango-primary-foreground)] sticky top-0 z-10",
     sxSlot: K.thead
-  }), Q = b({
-    baseClassName: "text-[var(--foreground)]",
+  }), Q = m({
+    baseClassName: "text-[var(--tango-foreground)]",
     sxSlot: K.body
-  }), ue = b({
-    baseClassName: "text-[var(--muted-foreground)] py-16 text-center",
+  }), ue = m({
+    baseClassName: "text-[var(--tango-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)]",
+  }), me = m({
+    baseClassName: "flex items-center justify-between px-4 py-3 text-sm text-[var(--tango-muted-foreground)] border-t border-[var(--tango-border)]",
     sxSlot: K.pagination
-  }), ge = g ? /* @__PURE__ */ s("style", { children: `
+  }), be = b ? /* @__PURE__ */ r("style", { children: `
       [data-tango-table-body] tr:hover {
-        background-color: ${g} !important;
+        background-color: ${b} !important;
         transform: translateY(-1px);
-        box-shadow: 0 2px 8px color-mix(in oklch, var(--foreground) 5%, transparent);
+        box-shadow: 0 2px 8px color-mix(in oklch, var(--tango-foreground) 5%, transparent);
       }
     ` }) : null, fe = () => {
     if (!p) return null;
     const J = Array.from({ length: E }, (j, q) => q + 1);
-    return /* @__PURE__ */ P("div", { className: be.className, style: be.style, children: [
+    return /* @__PURE__ */ P("div", { className: me.className, style: me.style, children: [
       /* @__PURE__ */ P("div", { className: "flex items-center gap-3", children: [
-        B && /* @__PURE__ */ s("span", { children: y.total.replace("{total}", String(D)) }),
-        A && /* @__PURE__ */ s(
+        B && /* @__PURE__ */ r("span", { children: y.total.replace("{total}", String(D)) }),
+        A && /* @__PURE__ */ r(
           "select",
           {
             value: L,
             onChange: (j) => {
               W(Number(j.target.value)), N(1);
             },
-            className: "rounded border border-[var(--border)] bg-[var(--background)] px-2 py-1 text-sm cursor-pointer",
+            className: "rounded border border-[var(--tango-border)] bg-[var(--tango-background)] px-2 py-1 text-sm cursor-pointer",
             "aria-label": y.perPage,
             children: M.map((j) => /* @__PURE__ */ P("option", { value: j, children: [
               j,
@@ -3424,68 +3424,68 @@ function Yr(e) {
         )
       ] }),
       /* @__PURE__ */ P("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             onClick: () => U($ - 1),
             disabled: $ <= 1,
-            className: "px-2 py-1 rounded border border-[var(--border)] text-xs disabled:opacity-40 disabled:cursor-not-allowed hover:bg-[var(--accent)] transition-colors",
+            className: "px-2 py-1 rounded border border-[var(--tango-border)] text-xs disabled:opacity-40 disabled:cursor-not-allowed hover:bg-[var(--tango-accent)] transition-colors",
             "aria-label": y.prev,
             children: y.prev
           }
         ),
-        J.length <= 7 ? J.map((j) => /* @__PURE__ */ s(
+        J.length <= 7 ? J.map((j) => /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             onClick: () => U(j),
-            className: `min-w-[28px] px-2 py-1 rounded text-xs transition-colors ${j === $ ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"}`,
+            className: `min-w-[28px] px-2 py-1 rounded text-xs transition-colors ${j === $ ? "bg-[var(--tango-primary)] text-[var(--tango-primary-foreground)] font-medium" : "border border-[var(--tango-border)] hover:bg-[var(--tango-accent)]"}`,
             children: j
           },
           j
         )) : /* @__PURE__ */ P(Ne, { children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               onClick: () => U(1),
-              className: `min-w-[28px] px-2 py-1 rounded text-xs ${$ === 1 ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
+              className: `min-w-[28px] px-2 py-1 rounded text-xs ${$ === 1 ? "bg-[var(--tango-primary)] text-[var(--tango-primary-foreground)] font-medium" : "border border-[var(--tango-border)] hover:bg-[var(--tango-accent)]"} transition-colors`,
               children: "1"
             }
           ),
-          $ > 3 && /* @__PURE__ */ s("span", { className: "px-1 text-xs", children: "…" }),
+          $ > 3 && /* @__PURE__ */ r("span", { className: "px-1 text-xs", children: "…" }),
           Array.from(
             { length: E },
             (j, q) => q + 1
-          ).filter((j) => j > 1 && j < E && Math.abs(j - $) <= 1).map((j) => /* @__PURE__ */ s(
+          ).filter((j) => j > 1 && j < E && Math.abs(j - $) <= 1).map((j) => /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               onClick: () => U(j),
-              className: `min-w-[28px] px-2 py-1 rounded text-xs ${j === $ ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
+              className: `min-w-[28px] px-2 py-1 rounded text-xs ${j === $ ? "bg-[var(--tango-primary)] text-[var(--tango-primary-foreground)] font-medium" : "border border-[var(--tango-border)] hover:bg-[var(--tango-accent)]"} transition-colors`,
               children: j
             },
             j
           )),
-          $ < E - 2 && /* @__PURE__ */ s("span", { className: "px-1 text-xs", children: "…" }),
-          /* @__PURE__ */ s(
+          $ < E - 2 && /* @__PURE__ */ r("span", { className: "px-1 text-xs", children: "…" }),
+          /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               onClick: () => U(E),
-              className: `min-w-[28px] px-2 py-1 rounded text-xs ${$ === E ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
+              className: `min-w-[28px] px-2 py-1 rounded text-xs ${$ === E ? "bg-[var(--tango-primary)] text-[var(--tango-primary-foreground)] font-medium" : "border border-[var(--tango-border)] hover:bg-[var(--tango-accent)]"} transition-colors`,
               children: E
             }
           )
         ] }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             onClick: () => U($ + 1),
             disabled: $ >= E,
-            className: "px-2 py-1 rounded border border-[var(--border)] text-xs disabled:opacity-40 disabled:cursor-not-allowed hover:bg-[var(--accent)] transition-colors",
+            className: "px-2 py-1 rounded border border-[var(--tango-border)] text-xs disabled:opacity-40 disabled:cursor-not-allowed hover:bg-[var(--tango-accent)] transition-colors",
             "aria-label": y.next,
             children: y.next
           }
@@ -3493,10 +3493,10 @@ function Yr(e) {
       ] })
     ] });
   }, X = (J) => /* @__PURE__ */ P("div", { className: G.className, style: G.style, children: [
-    ge,
+    be,
     /* @__PURE__ */ P("table", { className: "w-full border-collapse separate border-spacing-0 text-sm", role: "table", children: [
-      /* @__PURE__ */ s("thead", { className: R.className, style: R.style, children: /* @__PURE__ */ s("tr", { children: T.map((j) => {
-        const q = b({
+      /* @__PURE__ */ r("thead", { className: R.className, style: R.style, children: /* @__PURE__ */ r("tr", { children: T.map((j) => {
+        const q = m({
           baseClassName: I(
             "px-5 py-4 text-left font-semibold tracking-wide relative",
             K.headerCell.tw
@@ -3506,34 +3506,34 @@ function Yr(e) {
         });
         return /* @__PURE__ */ P("th", { className: q.className, style: q.style, children: [
           j.title,
-          /* @__PURE__ */ s("span", { className: "absolute right-0 top-[20%] h-[60%] w-px bg-[var(--primary-foreground)]/15 last:hidden" })
+          /* @__PURE__ */ r("span", { className: "absolute right-0 top-[20%] h-[60%] w-px bg-[var(--tango-primary-foreground)]/15 last:hidden" })
         ] }, j.key || j.dataIndex);
       }) }) }),
-      /* @__PURE__ */ s("tbody", { className: Q.className, style: Q.style, "data-tango-table-body": !0, children: J.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: T.length, className: ue.className, style: ue.style, children: y.empty }) }) : J.map((j, q) => {
-        const le = q % 2 === 0 ? "even" : "odd", re = I(
+      /* @__PURE__ */ r("tbody", { className: Q.className, style: Q.style, "data-tango-table-body": !0, children: J.length === 0 ? /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: T.length, className: ue.className, style: ue.style, children: y.empty }) }) : J.map((j, q) => {
+        const le = q % 2 === 0 ? "even" : "odd", ae = I(
           "transition-all duration-200",
-          le === "even" ? "bg-[color-mix(in_oklch,var(--table-hover)_6%,transparent)]" : "",
-          "hover:bg-[color-mix(in_oklch,var(--table-hover)_20%,transparent)]",
+          le === "even" ? "bg-[color-mix(in_oklch,var(--tango-table-hover)_6%,transparent)]" : "",
+          "hover:bg-[color-mix(in_oklch,var(--tango-table-hover)_20%,transparent)]",
           K.row.tw,
           Me(u, j, q, le)
-        ), ae = {
+        ), ne = {
           ...Me(h, j, q, le),
           ...K.row.css
         };
-        return /* @__PURE__ */ s("tr", { className: re, style: ae, children: T.map((f, V) => {
+        return /* @__PURE__ */ r("tr", { className: ae, style: ne, children: T.map((f, V) => {
           const ee = V % 2 === 0 ? "even" : "odd", ce = I(
             "px-5 py-3.5 text-left relative",
-            "border-b border-[color-mix(in_oklch,var(--foreground)_5%,transparent)]",
+            "border-b border-[color-mix(in_oklch,var(--tango-foreground)_5%,transparent)]",
             K.cell.tw,
-            Me(m, j, f, q, V, le, ee)
+            Me(g, j, f, q, V, le, ee)
           ), pe = {
             ...f.width ? { width: f.width } : {},
             ...Me(d, j, f, q, V, le, ee),
             ...K.cell.css
           };
           return /* @__PURE__ */ P("td", { className: ce, style: pe, children: [
-            /* @__PURE__ */ s("div", { className: "flex items-center min-h-5", children: f.render ? f.render(j[f.dataIndex], j, q) : j[f.dataIndex] }),
-            /* @__PURE__ */ s("span", { className: "absolute right-0 top-[20%] h-[60%] w-px bg-[color-mix(in_oklch,var(--foreground)_4%,transparent)] last:hidden" })
+            /* @__PURE__ */ r("div", { className: "flex items-center min-h-5", children: f.render ? f.render(j[f.dataIndex], j, q) : j[f.dataIndex] }),
+            /* @__PURE__ */ r("span", { className: "absolute right-0 top-[20%] h-[60%] w-px bg-[color-mix(in_oklch,var(--tango-foreground)_4%,transparent)] last:hidden" })
           ] }, f.key || f.dataIndex || V);
         }) }, j.key || q);
       }) })
@@ -3545,7 +3545,7 @@ function Yr(e) {
     p && S === "bottom" && fe()
   ] });
 }
-Yr.propTypes = {
+Ya.propTypes = {
   dataSource: t.array,
   columns: t.arrayOf(
     t.shape({
@@ -3582,56 +3582,56 @@ Yr.propTypes = {
   i18nKey: t.string,
   localeText: t.object
 };
-const Kr = ["root", "tooltip"], kt = {
+const Ka = ["root", "tooltip"], kt = {
   top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
   bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
   left: "right-full top-1/2 -translate-y-1/2 mr-2",
   right: "left-full top-1/2 -translate-y-1/2 ml-2"
-}, Wr = {
+}, Wa = {
   top: { bottom: "-5px", left: "50%", marginLeft: "-5px", transform: "rotate(45deg)" },
   bottom: { top: "-5px", left: "50%", marginLeft: "-5px", transform: "rotate(45deg)" },
   left: { right: "-5px", top: "50%", marginTop: "-5px", transform: "rotate(45deg)" },
   right: { left: "-5px", top: "50%", marginTop: "-5px", transform: "rotate(45deg)" }
 };
-function Ur(e, o) {
+function Ua(e, o) {
   const {
-    children: r,
-    title: n,
+    children: a,
+    title: s,
     placement: c = "top",
     open: l,
-    defaultOpen: a = !1,
+    defaultOpen: n = !1,
     onOpenChange: i,
     disabled: u = !1,
     sx: h = {},
-    style: m = {},
+    style: g = {},
     className: d = "",
-    onMouseEnter: g,
+    onMouseEnter: b,
     onMouseLeave: v,
     onFocus: w,
     onBlur: C,
     ...F
-  } = e, [O, y] = Z(a), x = l !== void 0, T = x ? l : O, p = oe((L) => {
+  } = e, [O, y] = Z(n), x = l !== void 0, T = x ? l : O, p = oe((L) => {
     x || y(L), i == null || i(L);
-  }, [x, i]), S = kt[c] ? c : "top", _ = H(h, Kr), M = b({
+  }, [x, i]), S = kt[c] ? c : "top", _ = H(h, Ka), M = m({
     baseClassName: "relative inline-flex",
     sxSlot: _.root
-  }), B = b({
+  }), B = m({
     baseClassName: I(
       "absolute z-50 whitespace-nowrap px-3 py-1.5 text-sm",
-      "bg-[var(--tooltip-background)] text-[var(--tooltip-foreground)]",
-      "shadow-[var(--tooltip-shadow)]",
+      "bg-[var(--tango-tooltip-background)] text-[var(--tango-tooltip-foreground)]",
+      "shadow-[var(--tango-tooltip-shadow)]",
       kt[S]
     ),
     className: d,
-    baseStyle: { borderRadius: "var(--tooltip-radius)" },
+    baseStyle: { borderRadius: "var(--tango-tooltip-radius)" },
     sxSlot: _.tooltip,
-    style: m
+    style: g
   }), A = {
     position: "absolute",
     width: "10px",
     height: "10px",
     backgroundColor: "inherit",
-    ...Wr[S]
+    ...Wa[S]
   }, k = () => !u && p(!0), N = () => !u && p(!1);
   return /* @__PURE__ */ P(
     "div",
@@ -3640,7 +3640,7 @@ function Ur(e, o) {
       className: M.className,
       style: M.style,
       onMouseEnter: (L) => {
-        k(), g == null || g(L);
+        k(), b == null || b(L);
       },
       onMouseLeave: (L) => {
         N(), v == null || v(L);
@@ -3653,16 +3653,16 @@ function Ur(e, o) {
       },
       ...F,
       children: [
-        r,
-        T && n && /* @__PURE__ */ P("div", { role: "tooltip", className: B.className, style: B.style, children: [
-          /* @__PURE__ */ s("span", { style: { position: "relative", zIndex: 1 }, children: n }),
-          /* @__PURE__ */ s("span", { style: A })
+        a,
+        T && s && /* @__PURE__ */ P("div", { role: "tooltip", className: B.className, style: B.style, children: [
+          /* @__PURE__ */ r("span", { style: { position: "relative", zIndex: 1 }, children: s }),
+          /* @__PURE__ */ r("span", { style: A })
         ] })
       ]
     }
   );
 }
-const Rt = te.forwardRef(Ur);
+const Rt = te.forwardRef(Ua);
 Rt.displayName = "Tooltip";
 Rt.propTypes = {
   children: t.node,
@@ -3682,54 +3682,54 @@ Rt.propTypes = {
 };
 ie.MaterialButton = Ge;
 qe.MaterialInput = Xe;
-ne.Header = Xo;
-ne.Footer = qo;
-ne.Sider = Jo;
-ne.Content = Qo;
-ne.Toc = er;
+se.Header = Xo;
+se.Footer = qo;
+se.Sider = Jo;
+se.Content = Qo;
+se.Toc = ea;
 export {
-  sr as Banner,
+  ra as Banner,
   ie as Button,
-  dr as ColorPicker,
+  da as ColorPicker,
   Qo as Content,
-  fr as DateDisplay,
-  xr as DatePicker,
-  Tr as Drawer,
+  fa as DateDisplay,
+  xa as DatePicker,
+  Ta as Drawer,
   qo as Footer,
   Xo as Header,
   qe as Input,
-  ne as Layout,
+  se as Layout,
   Bt as Line,
   It as Mark,
   Ge as MaterialButton,
   Xe as MaterialInput,
-  Ar as Modal,
+  Aa as Modal,
   Ze as Notice,
-  es as NoticeProvider,
-  Ir as Search,
+  er as NoticeProvider,
+  Ia as Search,
   Jo as Sider,
   Dt as Space,
-  Yr as Table,
-  sr as TangoBanner,
-  dr as TangoColorPicker,
-  fr as TangoDate,
-  xr as TangoDatePicker,
-  Tr as TangoDrawer,
-  os as TangoI18nProvider,
-  Ar as TangoModal,
+  Ya as Table,
+  ra as TangoBanner,
+  da as TangoColorPicker,
+  fa as TangoDate,
+  xa as TangoDatePicker,
+  Ta as TangoDrawer,
+  or as TangoI18nProvider,
+  Aa as TangoModal,
   Ze as TangoNotice,
-  Ir as TangoSearch,
+  Ia as TangoSearch,
   Rt as TangoTooltip,
-  Jr as ThemeProvider,
-  er as Toc,
+  Ja as ThemeProvider,
+  ea as Toc,
   Rt as Tooltip,
   Je as Upload,
-  b as createSlotProps,
+  m as createSlotProps,
   I as mergeTwClassNames,
   H as normalizeSxSlots,
   Ee as normalizeTangoLocale,
-  ts as useNotice,
+  tr as useNotice,
   de as useTangoI18n,
   ze as useTangoStyle,
-  Qr as useTheme
+  Qa as useTheme
 };