tango-ui-cw 0.9.8 → 1.0.0

package/dist/index.js

@@ -1,2 +1,3648 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                               */;/* empty css                   */const e=require("./providers/ThemeProvider.js"),r=require("./component/TButton/index.js"),i=require("./component/MaterialButton/index.js"),n=require("./component/MaterialInput/index.js"),o=require("./component/TColorPicker/index.js"),t=require("./component/TDate/index.js"),u=require("./component/TDatePicker/index.js"),c=require("./component/TDrawer/index.js"),d=require("./component/TInput/index.js"),s=require("./component/TLayout/index.js"),q=require("./component/TLine/index.js"),x=require("./component/TMark/index.js"),a=require("./component/TModal/index.js"),$=require("./component/TNotice/index.js"),l=require("./component/TNotice/useNotice.js"),P=require("./providers/NoticeProvider.js"),T=require("./component/TSearch/index.js"),h=require("./component/TSpace/index.js"),v=require("./component/TTable/index.js"),N=require("./component/TTooltip/index.js"),m=require("./component/TUpload/index.js"),p=require("./component/TBanner/index.js");exports.ThemeProvider=e.ThemeProvider;exports.useTheme=e.useTheme;exports.Button=r;exports.MaterialButton=i;exports.MaterialInput=n;exports.ColorPicker=o;exports.Date=t;exports.DatePicker=u;exports.Drawer=c;exports.Input=d;exports.Layout=s;exports.Line=q;exports.Mark=x;exports.Modal=a;exports.Notice=$;exports.useNotice=l.useNotice;exports.NoticeProvider=P.NoticeProvider;exports.Search=T;exports.Space=h;exports.Table=v;exports.Tooltip=N;exports.Upload=m;exports.Banner=p;
+'use client';
+import { jsx as s, jsxs as k, Fragment as Ne } from "react/jsx-runtime";
+import Q, { useState as G, useRef as $e, useEffect as le, useContext as Ue, createContext as He, forwardRef as Tt, useCallback as oe, useMemo as Se, useId as Yt } from "react";
+import { createPortal as Kt } from "react-dom";
+import t from "prop-types";
+import { twMerge as Ut } from "tailwind-merge";
+const Qe = "tango:theme", et = "tango:themeTokens", Ht = "light", Wt = [
+  "primary",
+  "input-accent",
+  "modal-ok-bg",
+  "drawer-ok-bg",
+  "datepicker-confirm-bg"
+], kt = He(null), Lt = () => typeof window < "u", tt = (e, o) => {
+  if (!Lt())
+    return o;
+  try {
+    const r = window.localStorage.getItem(e);
+    return r ? JSON.parse(r) : o;
+  } catch {
+    return o;
+  }
+}, ot = (e, o) => {
+  if (Lt())
+    try {
+      window.localStorage.setItem(e, JSON.stringify(o));
+    } catch {
+    }
+};
+function Jr({ children: e }) {
+  const [o, r] = G(() => tt(Qe, Ht) === "dark" ? "dark" : "light"), [n, c] = G(
+    () => tt(et, {})
+  ), l = $e(/* @__PURE__ */ new Set());
+  le(() => {
+    typeof document > "u" || (document.documentElement.dataset.theme = o);
+  }, [o]), le(() => {
+    ot(Qe, o);
+  }, [o]), le(() => {
+    if (typeof document > "u")
+      return;
+    const d = document.documentElement, p = new Set(Object.keys(n));
+    l.current.forEach((g) => {
+      p.has(g) || d.style.removeProperty(`--${g}`);
+    }), Object.entries(n).forEach(([g, v]) => {
+      v == null || v === "" ? d.style.removeProperty(`--${g}`) : d.style.setProperty(`--${g}`, String(v));
+    }), l.current = p, ot(et, n);
+  }, [n]);
+  const a = (d) => {
+    c((p) => {
+      const g = typeof d == "function" ? d(p) : d;
+      return {
+        ...p,
+        ...g || {}
+      };
+    });
+  }, i = (d, p = Wt) => {
+    a((g) => {
+      const v = { ...g };
+      return p.forEach((L) => {
+        v[L] = d;
+      }), v;
+    });
+  }, u = () => {
+    c({});
+  }, h = () => {
+    r((d) => d === "dark" ? "light" : "dark");
+  };
+  return /* @__PURE__ */ s(
+    kt.Provider,
+    {
+      value: {
+        theme: o,
+        setTheme: r,
+        toggleTheme: h,
+        themeTokens: n,
+        setThemeTokens: a,
+        setThemeColor: i,
+        resetThemeTokens: u
+      },
+      children: e
+    }
+  );
+}
+function Qr() {
+  return Ue(kt);
+}
+const Zt = /* @__PURE__ */ new Set([
+  "root",
+  "slots",
+  "tw",
+  "className",
+  "css",
+  "style"
+]), Ee = {
+  tw: "",
+  css: {}
+}, ye = (e) => typeof e == "object" && e !== null && !Array.isArray(e), V = (e, o = "px") => typeof e == "number" ? `${e}${o}` : e, he = (e) => typeof e == "string" && e.startsWith("$") ? `var(--${e.slice(1)})` : e, Gt = (e) => e.includes("-") ? e.replace(/-([a-z])/g, (o, r) => r.toUpperCase()) : e, Xt = (e) => /(color|background|border|fill|stroke|shadow)$/i.test(e), qt = {
+  mt: (e, o) => {
+    e.marginTop = V(o);
+  },
+  mr: (e, o) => {
+    e.marginRight = V(o);
+  },
+  mb: (e, o) => {
+    e.marginBottom = V(o);
+  },
+  ml: (e, o) => {
+    e.marginLeft = V(o);
+  },
+  mx: (e, o) => {
+    e.marginLeft = V(o), e.marginRight = V(o);
+  },
+  my: (e, o) => {
+    e.marginTop = V(o), e.marginBottom = V(o);
+  },
+  m: (e, o) => {
+    e.margin = V(o);
+  },
+  pt: (e, o) => {
+    e.paddingTop = V(o);
+  },
+  pr: (e, o) => {
+    e.paddingRight = V(o);
+  },
+  pb: (e, o) => {
+    e.paddingBottom = V(o);
+  },
+  pl: (e, o) => {
+    e.paddingLeft = V(o);
+  },
+  px: (e, o) => {
+    e.paddingLeft = V(o), e.paddingRight = V(o);
+  },
+  py: (e, o) => {
+    e.paddingTop = V(o), e.paddingBottom = V(o);
+  },
+  p: (e, o) => {
+    e.padding = V(o);
+  },
+  g: (e, o) => {
+    e.gap = V(o);
+  },
+  rg: (e, o) => {
+    e.rowGap = V(o);
+  },
+  cg: (e, o) => {
+    e.columnGap = V(o);
+  },
+  w: (e, o) => {
+    e.width = V(o);
+  },
+  h: (e, o) => {
+    e.height = V(o);
+  },
+  mw: (e, o) => {
+    e.minWidth = V(o);
+  },
+  mh: (e, o) => {
+    e.minHeight = V(o);
+  },
+  maxw: (e, o) => {
+    e.maxWidth = V(o);
+  },
+  maxh: (e, o) => {
+    e.maxHeight = V(o);
+  },
+  vw: (e, o) => {
+    e.width = typeof o == "number" ? `${o}vw` : o;
+  },
+  vh: (e, o) => {
+    e.height = typeof o == "number" ? `${o}vh` : o;
+  },
+  presentw: (e, o) => {
+    e.width = typeof o == "number" ? `${o}%` : o;
+  },
+  presenth: (e, o) => {
+    e.height = typeof o == "number" ? `${o}%` : o;
+  },
+  size: (e, o) => {
+    e.fontSize = V(o);
+  },
+  fw: (e, o) => {
+    e.fontWeight = o;
+  },
+  fwb: (e) => {
+    e.fontWeight = "bold";
+  },
+  fwn: (e) => {
+    e.fontWeight = "normal";
+  },
+  tac: (e) => {
+    e.textAlign = "center";
+  },
+  tar: (e) => {
+    e.textAlign = "right";
+  },
+  tal: (e) => {
+    e.textAlign = "left";
+  },
+  lh: (e, o) => {
+    e.lineHeight = V(o);
+  },
+  ls: (e, o) => {
+    e.letterSpacing = V(o);
+  },
+  c: (e, o) => {
+    e.color = he(o);
+  },
+  bg: (e, o) => {
+    e.background = he(o);
+  },
+  bgc: (e, o) => {
+    e.backgroundColor = he(o);
+  },
+  b: (e, o) => {
+    e.border = o === 1 ? "1px solid var(--border)" : he(o);
+  },
+  br: (e, o) => {
+    e.borderRadius = V(o);
+  },
+  bw: (e, o) => {
+    e.borderWidth = V(o);
+  },
+  bs: (e, o) => {
+    e.borderStyle = o;
+  },
+  bColor: (e, o) => {
+    e.borderColor = he(o);
+  },
+  boxshadow: (e, o) => {
+    e.boxShadow = he(o);
+  },
+  bgSize: (e, o) => {
+    e.backgroundSize = o;
+  },
+  bgPosition: (e, o) => {
+    e.backgroundPosition = o;
+  },
+  bgRepeat: (e, o) => {
+    e.backgroundRepeat = o;
+  },
+  rel: (e) => {
+    e.position = "relative";
+  },
+  ab: (e) => {
+    e.position = "absolute";
+  },
+  fixed: (e) => {
+    e.position = "fixed";
+  },
+  sticky: (e) => {
+    e.position = "sticky";
+  },
+  center: (e) => {
+    e.position = "absolute", e.inset = 0, e.margin = "auto";
+  },
+  inset: (e, o) => {
+    e.inset = V(o);
+  },
+  top: (e, o) => {
+    e.top = V(o);
+  },
+  right: (e, o) => {
+    e.right = V(o);
+  },
+  bottom: (e, o) => {
+    e.bottom = V(o);
+  },
+  left: (e, o) => {
+    e.left = V(o);
+  },
+  z: (e, o) => {
+    e.zIndex = o;
+  },
+  flex: (e) => {
+    e.display = "flex";
+  },
+  iflex: (e) => {
+    e.display = "inline-flex";
+  },
+  fd: (e, o) => {
+    e.flexDirection = o;
+  },
+  fwrap: (e, o = "wrap") => {
+    e.flexWrap = o;
+  },
+  aic: (e) => {
+    e.alignItems = "center";
+  },
+  ai: (e, o) => {
+    e.alignItems = o;
+  },
+  jcc: (e) => {
+    e.justifyContent = "center";
+  },
+  jc: (e, o) => {
+    e.justifyContent = o;
+  },
+  ac: (e, o) => {
+    e.alignContent = o;
+  },
+  as: (e, o) => {
+    e.alignSelf = o;
+  },
+  f: (e, o) => {
+    e.flex = typeof o == "number" ? o : `${o}`;
+  },
+  fl: (e) => {
+    e.float = "left";
+  },
+  fr: (e) => {
+    e.float = "right";
+  },
+  ar: (e, o) => {
+    e.aspectRatio = o;
+  },
+  tran: (e, o) => {
+    e.transition = typeof o == "number" ? `${o}s` : o;
+  },
+  op: (e, o) => {
+    e.opacity = o;
+  },
+  oh: (e) => {
+    e.overflow = "hidden";
+  },
+  ohauto: (e) => {
+    e.overflow = "auto";
+  },
+  oxh: (e) => {
+    e.overflowX = "hidden";
+  },
+  oxa: (e) => {
+    e.overflowX = "auto";
+  },
+  oyh: (e) => {
+    e.overflowY = "hidden";
+  },
+  oya: (e) => {
+    e.overflowY = "auto";
+  },
+  cur: (e, o) => {
+    e.cursor = o;
+  },
+  pe: (e, o) => {
+    e.pointerEvents = o;
+  },
+  boxsizing: (e) => {
+    e.boxSizing = "border-box";
+  },
+  none: (e) => {
+    e.display = "none";
+  },
+  block: (e) => {
+    e.display = "block";
+  },
+  inline: (e) => {
+    e.display = "inline";
+  },
+  ib: (e) => {
+    e.display = "inline-block";
+  },
+  hidden: (e) => {
+    e.visibility = "hidden";
+  },
+  shown: (e) => {
+    e.visibility = "visible";
+  }
+}, Me = (e = {}) => ye(e) ? Object.entries(e).reduce((o, [r, n]) => {
+  if (Zt.has(r))
+    return o;
+  const c = qt[r];
+  if (c)
+    return c(o, n), o;
+  const l = Gt(r), a = typeof n == "string" && (n.startsWith("$") || Xt(l)) ? he(n) : n;
+  return o[l] = a, o;
+}, {}) : {}, E = (...e) => {
+  const o = e.filter(Boolean).join(" ").trim();
+  return o ? Ut(o) : "";
+}, Pe = (e) => {
+  if (typeof e == "string")
+    return { tw: e, css: {} };
+  if (!ye(e))
+    return { ...Ee };
+  if (!("tw" in e || "className" in e || "css" in e || "style" in e))
+    return {
+      tw: "",
+      css: Me(e)
+    };
+  const r = [e.className, e.tw].filter(Boolean).join(" "), n = ye(e.css) ? Me(e.css) : {}, c = ye(e.style) ? Me(e.style) : {};
+  return {
+    tw: r,
+    css: {
+      ...n,
+      ...c
+    }
+  };
+}, Jt = (e, o) => ye(e) ? "root" in e || "slots" in e || "tw" in e || "className" in e || "css" in e || "style" in e ? !0 : o.some((r) => r !== "root" && r in e) : !1, Qt = (e) => {
+  const o = {};
+  return e.forEach((r) => {
+    o[r] = { ...Ee };
+  }), o.root || (o.root = { ...Ee }), o;
+}, H = (e, o = ["root"]) => {
+  const r = Qt(o);
+  if (typeof e == "string")
+    return r.root.tw = e, r;
+  if (!ye(e))
+    return r;
+  if (!Jt(e, o))
+    return r.root.css = Me(e), r;
+  const n = Pe({
+    tw: [e.className, e.tw].filter(Boolean).join(" "),
+    css: e.css,
+    style: e.style
+  }), c = Pe(e.root);
+  r.root = {
+    tw: E(n.tw, c.tw),
+    css: {
+      ...n.css,
+      ...c.css
+    }
+  };
+  const l = ye(e.slots) ? e.slots : {};
+  return Object.keys(r).forEach((a) => {
+    if (a === "root")
+      return;
+    const i = Pe(e[a]), u = Pe(l[a]);
+    r[a] = {
+      tw: E(i.tw, u.tw),
+      css: {
+        ...i.css,
+        ...u.css
+      }
+    };
+  }), r;
+}, b = ({
+  baseClassName: e = "",
+  className: o = "",
+  baseStyle: r = {},
+  style: n = {},
+  sxSlot: c = Ee
+} = {}) => ({
+  className: E(e, o, c.tw),
+  style: {
+    ...r || {},
+    ...c.css || {},
+    ...n || {}
+  }
+}), eo = ["root", "icon", "content"], rt = {
+  success: "text-[var(--notice-success-text)]",
+  fail: "text-[var(--notice-fail-text)]",
+  caution: "text-[var(--notice-caution-text)]"
+}, st = {
+  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]"
+  },
+  md: {
+    base: "fixed bottom-5 left-5",
+    enter: "animate-[noticeSlideFromBottom_0.3s_ease-out_forwards]"
+  }
+};
+function to(e, o) {
+  const {
+    type: r = "success",
+    icon: n,
+    message: c,
+    variant: l = "default",
+    duration: a = 3e3,
+    onClose: i,
+    sx: u = {},
+    style: h = {},
+    className: d = "",
+    ...p
+  } = e, [g, v] = G(!1), L = rt[r] ? r : "success", O = st[l] ? l : "default", j = H(u, eo), w = oe(() => {
+    v(!0);
+    const M = setTimeout(() => i == null ? void 0 : i(), 300);
+    return () => clearTimeout(M);
+  }, [i]);
+  le(() => {
+    if (!i || a <= 0) return;
+    const M = setTimeout(w, a);
+    return () => clearTimeout(M);
+  }, [i, a, w]);
+  const S = st[O], x = O === "default" ? "animate-[noticeSlideUpFade_0.3s_ease-in_forwards]" : "animate-[noticeSlideToBottom_0.3s_ease-in_forwards]", _ = b({
+    baseClassName: E(
+      "inline-flex items-center gap-2 px-3 py-2 text-sm z-[999]",
+      "rounded-[var(--notice-radius)]",
+      "bg-[var(--notice-bg)] text-[var(--notice-foreground)]",
+      "shadow-[var(--notice-shadow)]",
+      S.base,
+      g ? x : S.enter,
+      O === "md" && rt[L]
+    ),
+    className: d,
+    sxSlot: j.root,
+    baseStyle: { borderRadius: "var(--notice-radius)" },
+    style: h
+  }), m = b({
+    baseClassName: "flex-shrink-0 text-[var(--notice-foreground)]",
+    sxSlot: j.icon
+  }), y = b({
+    baseClassName: "inline-block",
+    sxSlot: j.content
+  });
+  return /* @__PURE__ */ k("div", { ref: o, role: "alert", className: _.className, style: _.style, ...p, children: [
+    O !== "md" && n && /* @__PURE__ */ s("span", { className: m.className, style: m.style, children: n }),
+    /* @__PURE__ */ s("span", { className: y.className, style: y.style, children: c })
+  ] });
+}
+const We = Tt(to);
+We.displayName = "Notice";
+We.propTypes = {
+  type: t.oneOf(["success", "fail", "caution"]),
+  icon: t.node,
+  message: t.node,
+  variant: t.oneOf(["default", "md"]),
+  duration: t.number,
+  onClose: t.func,
+  sx: t.oneOfType([t.string, t.object]),
+  style: t.object,
+  className: t.string
+};
+const Pt = He(null), oo = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: /* @__PURE__ */ s(
+  "path",
+  {
+    d: "M874.119618 149.859922A510.816461 510.816461 0 0 0 511.997 0.00208a509.910462 509.910462 0 0 0-362.119618 149.857842c-199.817789 199.679789-199.817789 524.581447 0 724.260236a509.969462 509.969462 0 0 0 362.119618 149.857842A508.872463 508.872463 0 0 0 874.119618 874.120158c199.836789-199.679789 199.836789-524.581447 0-724.260236zM814.94268 378.210681L470.999043 744.132295a15.359984 15.359984 0 0 1-5.887994 4.095996c-1.751998 1.180999-2.913997 2.362998-5.276994 2.913997a34.499964 34.499964 0 0 1-13.469986 2.914997 45.547952 45.547952 0 0 1-12.897986-2.303998l-4.095996-2.363997a45.291952 45.291952 0 0 1-7.009992-4.095996l-196.902793-193.789796a34.126964 34.126964 0 0 1-10.555989-25.186973c0-9.37399 3.583996-18.74698 9.98399-25.186974a36.429962 36.429962 0 0 1 50.372947 0l169.98382 167.423824L763.389735 330.220732a37.059961 37.059961 0 0 1 50.371947-1.732998 33.647965 33.647965 0 0 1 11.165988 25.186973 35.544963 35.544963 0 0 1-9.98399 24.575974v-0.04z m0 0",
+    fill: "var(--notice-success-text)"
+  }
+) }), ro = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: /* @__PURE__ */ s(
+  "path",
+  {
+    d: "M549.044706 512l166.189176-166.249412a26.383059 26.383059 0 0 0 0-36.98447 26.383059 26.383059 0 0 0-37.044706 0L512 475.015529l-166.249412-166.249411a26.383059 26.383059 0 0 0-36.98447 0 26.383059 26.383059 0 0 0 0 37.044706L475.015529 512l-166.249411 166.249412a26.383059 26.383059 0 0 0 0 36.98447 26.383059 26.383059 0 0 0 37.044706 0L512 548.984471l166.249412 166.249411a26.383059 26.383059 0 0 0 36.98447 0 26.383059 26.383059 0 0 0 0-37.044706L548.984471 512zM512 1024a512 512 0 1 1 0-1024 512 512 0 0 1 0 1024z",
+    fill: "var(--notice-fail-text)"
+  }
+) }), so = /* @__PURE__ */ k("svg", { viewBox: "0 0 1024 1024", width: "1.2em", height: "1.2em", children: [
+  /* @__PURE__ */ s(
+    "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)"
+    }
+  ),
+  /* @__PURE__ */ s(
+    "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)"
+    }
+  ),
+  /* @__PURE__ */ s(
+    "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)"
+    }
+  )
+] }), ao = { success: oo, fail: ro, caution: so };
+function es({ children: e }) {
+  const [o, r] = G([]), [n, c] = G(!1);
+  le(() => {
+    c(!0);
+  }, []);
+  const l = oe((i) => {
+    r((u) => u.filter((h) => h.id !== i));
+  }, []), a = oe((i, u, h = "default") => {
+    const d = Date.now() + Math.random();
+    r((p) => [
+      ...p,
+      { id: d, type: i, message: u, variant: h, icon: ao[i] }
+    ]);
+  }, []);
+  return /* @__PURE__ */ k(Pt.Provider, { value: { add: a, remove: l }, children: [
+    e,
+    n && Kt(
+      /* @__PURE__ */ s("div", { id: "notification-container", className: "flex flex-col items-center gap-2", children: o.map((i) => /* @__PURE__ */ s(We, { ...i, onClose: () => l(i.id) }, i.id)) }),
+      document.body
+    )
+  ] });
+}
+function no() {
+  const e = Ue(Pt);
+  if (!e)
+    throw new Error("useNotice must be used inside <NoticeProvider />");
+  return e;
+}
+function ts() {
+  const { add: e } = no();
+  return {
+    success: (o) => e("success", o),
+    fail: (o) => e("fail", o),
+    caution: (o) => e("caution", o),
+    md: {
+      success: (o) => e("success", o, "md"),
+      fail: (o) => e("fail", o, "md"),
+      caution: (o) => e("caution", o, "md")
+    }
+  };
+}
+const _t = "tango:locale", xe = "zh-CN", lo = {
+  zh: "zh-CN",
+  ZH: "zh-CN",
+  "zh-CN": "zh-CN",
+  "zh-cn": "zh-CN",
+  cn: "zh-CN",
+  CN: "zh-CN",
+  en: "en-US",
+  EN: "en-US",
+  "en-US": "en-US",
+  "en-us": "en-US",
+  us: "en-US",
+  US: "en-US"
+}, Ot = {
+  "zh-CN": {
+    button: {
+      default: "按钮",
+      loading: "加载中",
+      iconAlt: "图标",
+      toggle: "切换",
+      light: "浅色",
+      dark: "暗色",
+      blue: "蓝色",
+      green: "绿色",
+      token: "自定义词条",
+      reset: "重置",
+      locale: "语言",
+      chinese: "中文",
+      english: "英文",
+      successDemo: "成功",
+      outlineDemo: "描边",
+      submit: "提交",
+      confirm: "确认",
+      cancel: "取消",
+      search: "搜索",
+      save: "保存",
+      delete: "删除",
+      back: "返回",
+      next: "下一步",
+      prev: "上一步",
+      add: "新增"
+    },
+    banner: {
+      cancel: "取消",
+      action: "操作"
+    },
+    colorpicker: {
+      hex: "HEX",
+      rgb: "RGB",
+      hsl: "HSL"
+    },
+    date: {
+      weekdayPrefix: "星期",
+      weekdayShortPrefix: "周"
+    },
+    datepicker: {
+      placeholder: "YYYY-MM-DD",
+      placeholderTime: "YYYY-MM-DD HH:mm",
+      timeLabel: "时间",
+      confirm: "确定",
+      cancel: "关闭",
+      prevMonth: "上一月",
+      nextMonth: "下一月"
+    },
+    drawer: {
+      title: "基础标题",
+      okText: "确定",
+      cancelText: "取消",
+      closeAriaLabel: "关闭"
+    },
+    modal: {
+      title: "基础标题",
+      okText: "确定",
+      cancelText: "取消",
+      closeAriaLabel: "关闭"
+    },
+    search: {
+      placeholder: "请输入内容",
+      btnText: "搜索"
+    },
+    materialInput: {
+      label: ""
+    },
+    materialButton: {
+      default: "按钮",
+      loading: "加载中",
+      iconAlt: "图标"
+    },
+    table: {
+      empty: "暂无数据",
+      prev: "上一页",
+      next: "下一页",
+      page: "页",
+      total: "共 {total} 条",
+      perPage: "条/页"
+    }
+  },
+  "en-US": {
+    button: {
+      default: "Button",
+      loading: "Loading",
+      iconAlt: "icon",
+      toggle: "Toggle",
+      light: "Light",
+      dark: "Dark",
+      blue: "Blue",
+      green: "Green",
+      token: "Token",
+      reset: "Reset",
+      locale: "Locale",
+      chinese: "Chinese",
+      english: "English",
+      successDemo: "Success",
+      outlineDemo: "Outline",
+      submit: "Submit",
+      confirm: "Confirm",
+      cancel: "Cancel",
+      search: "Search",
+      save: "Save",
+      delete: "Delete",
+      back: "Back",
+      next: "Next",
+      prev: "Previous",
+      add: "Add"
+    },
+    banner: {
+      cancel: "Cancel",
+      action: "Action"
+    },
+    colorpicker: {
+      hex: "HEX",
+      rgb: "RGB",
+      hsl: "HSL"
+    },
+    date: {
+      weekdayPrefix: "",
+      weekdayShortPrefix: ""
+    },
+    datepicker: {
+      placeholder: "YYYY-MM-DD",
+      placeholderTime: "YYYY-MM-DD HH:mm",
+      timeLabel: "Time",
+      confirm: "Confirm",
+      cancel: "Close",
+      prevMonth: "Previous month",
+      nextMonth: "Next month"
+    },
+    drawer: {
+      title: "Drawer",
+      okText: "OK",
+      cancelText: "Cancel",
+      closeAriaLabel: "Close"
+    },
+    modal: {
+      title: "Modal",
+      okText: "OK",
+      cancelText: "Cancel",
+      closeAriaLabel: "Close"
+    },
+    search: {
+      placeholder: "Search...",
+      btnText: "Search"
+    },
+    materialInput: {
+      label: ""
+    },
+    materialButton: {
+      default: "Button",
+      loading: "Loading",
+      iconAlt: "icon"
+    },
+    table: {
+      empty: "No data",
+      prev: "Previous",
+      next: "Next",
+      page: "Page",
+      total: "{total} items",
+      perPage: "/ page"
+    }
+  }
+}, Ke = () => {
+}, At = He({
+  locale: xe,
+  setLocale: Ke,
+  toggleLocale: Ke,
+  messages: Ot,
+  t: (e, o = "") => o
+}), at = (e) => typeof e == "object" && e !== null && !Array.isArray(e), Mt = (e, o) => {
+  const r = { ...e };
+  return Object.entries(o || {}).forEach(([n, c]) => {
+    at(c) && at(r[n]) ? r[n] = Mt(r[n], c) : r[n] = c;
+  }), r;
+}, co = (e, o) => o.split(".").reduce((r, n) => {
+  if (r && Object.prototype.hasOwnProperty.call(r, n))
+    return r[n];
+}, e), ze = (e) => typeof e != "string" || !e.trim() ? xe : lo[e] || e, io = () => {
+  if (typeof window > "u")
+    return xe;
+  try {
+    const e = window.localStorage.getItem(_t);
+    return ze(e || xe);
+  } catch {
+    return xe;
+  }
+};
+function os({
+  children: e,
+  locale: o,
+  defaultLocale: r = xe,
+  onLocaleChange: n = Ke,
+  messages: c = {}
+}) {
+  const l = ze(r), a = o == null ? null : ze(o), [i, u] = G(
+    () => io() || l
+  ), h = a || i, d = (L) => {
+    const O = ze(L);
+    a == null && u(O), n(O);
+  };
+  le(() => {
+    if (!(typeof window > "u"))
+      try {
+        window.localStorage.setItem(_t, h);
+      } catch {
+      }
+  }, [h]);
+  const p = Se(
+    () => Mt(Ot, c),
+    [c]
+  ), g = () => {
+    d(h === "zh-CN" ? "en-US" : "zh-CN");
+  }, v = (L, O = "") => {
+    const j = p[h] || p[xe] || {}, w = co(j, L);
+    return w == null || w === "" ? O : String(w);
+  };
+  return /* @__PURE__ */ s(
+    At.Provider,
+    {
+      value: {
+        locale: h,
+        setLocale: d,
+        toggleLocale: g,
+        messages: p,
+        t: v
+      },
+      children: e
+    }
+  );
+}
+function ie() {
+  return Ue(At);
+}
+const uo = "_materialBtn_wlueu_4", po = "_materialBtnSmall_wlueu_26", mo = "_materialBtnMedium_wlueu_32", bo = "_materialBtnLarge_wlueu_38", fo = "_materialBtnHuge_wlueu_44", go = "_materialBtnDisabled_wlueu_51", ho = "_ripple_wlueu_59", Ce = {
+  materialBtn: uo,
+  materialBtnSmall: po,
+  materialBtnMedium: mo,
+  materialBtnLarge: bo,
+  materialBtnHuge: fo,
+  materialBtnDisabled: go,
+  ripple: ho
+}, yo = ["root", "content", "icon", "loading"], xo = { small: "small", medium: "medium", large: "large", huge: "huge" }, vo = { small: 12, medium: 14, large: 16, huge: 20 }, nt = {
+  default: {
+    backgroundColor: "var(--primary)",
+    color: "var(--primary-foreground)",
+    borderColor: "var(--border)"
+  },
+  transparent: {
+    backgroundColor: "var(--transparent)",
+    color: "var(--primary-foreground)",
+    borderColor: "var(--button-transparent-border)"
+  },
+  danger: {
+    backgroundColor: "var(--destructive)",
+    color: "var(--destructive-foreground)",
+    borderColor: "transparent"
+  },
+  success: {
+    backgroundColor: "var(--success)",
+    color: "var(--success-foreground)",
+    borderColor: "transparent"
+  }
+}, So = {
+  default: {
+    backgroundColor: "var(--transparent)",
+    color: "var(--button-outline-foreground)",
+    borderColor: "var(--border)"
+  },
+  transparent: {
+    backgroundColor: "var(--transparent)",
+    color: "var(--button-outline-foreground)",
+    borderColor: "var(--button-transparent-border)"
+  },
+  danger: {
+    backgroundColor: "var(--transparent)",
+    color: "var(--destructive)",
+    borderColor: "var(--destructive)"
+  },
+  success: {
+    backgroundColor: "var(--transparent)",
+    color: "var(--success)",
+    borderColor: "var(--success)"
+  }
+}, No = {
+  backgroundColor: "var(--muted)",
+  color: "var(--muted-foreground)",
+  borderColor: "transparent",
+  cursor: "not-allowed"
+}, De = {
+  default: "按钮",
+  loading: "加载中",
+  iconAlt: "图标"
+}, wo = (e) => e.charAt(0).toUpperCase() + e.slice(1), Co = (e) => e === !0 || e === "light" || e === "dark" ? !0 : Array.isArray(e) && e.length > 0 ? e[0] === !0 || e[0] === "light" || e[0] === "dark" : !1, To = (e) => e === "light" ? "light" : e === "dark" || e === !0 || Array.isArray(e) && e.length >= 2 && e[1] === "dark" ? "dark" : "light", lt = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
+function Ze(e) {
+  const {
+    type: o = "default",
+    size: r = "medium",
+    sx: n = {},
+    style: c = {},
+    className: l = "",
+    onClick: a = () => {
+    },
+    children: i,
+    disabled: u = !1,
+    outline: h = !1,
+    icon: d = null,
+    iconPosition: p = null,
+    loading: g = !1,
+    i18nKey: v = null,
+    localeText: L = {},
+    rippleColor: O,
+    "aria-label": j,
+    ...w
+  } = e, { t: S } = ie(), x = $e(null), _ = lt(r, "medium", xo), m = lt(o, "default", nt), y = Co(g), M = To(g), A = u || y, $ = vo[_], P = p === "right" ? "right" : d || y ? "left" : null, T = O ?? "var(--material-button-ripple)", N = {
+    default: S("materialButton.default", De.default),
+    loading: S("materialButton.loading", De.loading),
+    iconAlt: S("materialButton.iconAlt", De.iconAlt),
+    ...L
+  }, U = (v && typeof N[v] == "string" ? N[v] : null) || (v ? S(`materialButton.${v}`, N.default) : N.default), I = y ? N.loading : U, F = i ?? I, B = j || (i == null ? String(F || N.default) : void 0), D = H(n, yo), W = A ? No : h ? So[m] : nt[m], K = Ce[`materialBtn${wo(_)}`], Z = typeof n == "object" ? n : {}, R = D.root.css || {}, re = typeof n == "string" ? n : "", de = [
+    Ce.materialBtn,
+    K,
+    A && Ce.materialBtnDisabled,
+    D.root.tw,
+    re,
+    l
+  ].filter(Boolean).join(" "), be = {
+    ...W,
+    ...Z,
+    ...R,
+    ...c
+  }, fe = b({
+    baseClassName: "inline-flex items-center relative z-[1]",
+    sxSlot: D.content
+  }), se = b({
+    baseClassName: "inline-flex items-center justify-center shrink-0 transition-all duration-300 relative z-[1]",
+    baseStyle: { width: `${$}px`, height: `${$}px` },
+    sxSlot: D.icon
+  }), ee = b({
+    baseClassName: "inline-flex items-center justify-center shrink-0 animate-spin relative z-[1]",
+    baseStyle: {
+      width: `${$}px`,
+      height: `${$}px`,
+      color: M === "light" ? "var(--button-loading-light)" : "var(--button-loading-dark)"
+    },
+    sxSlot: D.loading
+  }), q = oe(
+    (te) => {
+      if (A) return;
+      const ae = x.current;
+      if (!ae) return;
+      const ue = document.createElement("span"), f = Math.max(ae.clientWidth, ae.clientHeight), Y = f / 2;
+      Object.assign(ue.style, {
+        width: `${f}px`,
+        height: `${f}px`,
+        left: `${te.clientX - ae.getBoundingClientRect().left - Y}px`,
+        top: `${te.clientY - ae.getBoundingClientRect().top - Y}px`
+      }), ue.className = Ce.ripple, ue.style.background = T;
+      const J = ae.querySelector(`.${Ce.ripple}`);
+      J && J.remove(), ae.appendChild(ue);
+    },
+    [A, T]
+  ), z = () => d ? typeof d == "string" ? /* @__PURE__ */ s(
+    "img",
+    {
+      src: d,
+      alt: N.iconAlt,
+      className: se.className,
+      style: se.style,
+      "aria-hidden": "true"
+    }
+  ) : Q.isValidElement(d) ? Q.cloneElement(d, {
+    className: E(se.className, d.props.className),
+    style: { ...se.style, ...d.props.style },
+    "aria-hidden": !0
+  }) : typeof d == "function" ? /* @__PURE__ */ s(
+    d,
+    {
+      className: se.className,
+      style: se.style,
+      "aria-hidden": "true"
+    }
+  ) : /* @__PURE__ */ s("span", { className: se.className, style: se.style, "aria-hidden": "true", children: d }) : null, X = () => /* @__PURE__ */ s(
+    "svg",
+    {
+      viewBox: "0 0 1024 1024",
+      role: "presentation",
+      className: ee.className,
+      style: ee.style,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ s(
+        "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",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ k(
+    "button",
+    {
+      ref: x,
+      className: de,
+      style: be,
+      onClick: (te) => {
+        q(te), a == null || a(te);
+      },
+      disabled: A,
+      "aria-label": B,
+      "data-variant": m,
+      "data-size": _,
+      "data-icon-position": P || void 0,
+      ...w,
+      children: [
+        P === "left" && /* @__PURE__ */ k(Ne, { children: [
+          y && X(),
+          !y && d && z()
+        ] }),
+        /* @__PURE__ */ s("span", { className: fe.className, style: fe.style, children: F }),
+        P === "right" && /* @__PURE__ */ k(Ne, { children: [
+          y && X(),
+          !y && d && z()
+        ] })
+      ]
+    }
+  );
+}
+Ze.propTypes = {
+  type: t.oneOf(["default", "transparent", "danger", "success"]),
+  size: t.oneOf(["small", "medium", "large", "huge"]),
+  sx: t.oneOfType([t.object, t.string]),
+  style: t.object,
+  onClick: t.func,
+  className: t.string,
+  children: t.node,
+  disabled: t.bool,
+  outline: t.bool,
+  icon: t.oneOfType([
+    t.elementType,
+    t.node,
+    t.string
+  ]),
+  iconPosition: t.oneOf(["left", "right"]),
+  loading: t.oneOfType([
+    t.bool,
+    t.oneOf(["light", "dark"]),
+    t.array
+  ]),
+  i18nKey: t.string,
+  localeText: t.object,
+  rippleColor: t.string
+};
+const ko = ["root", "content", "icon", "loading"], Re = {
+  default: "按钮",
+  loading: "加载中",
+  iconAlt: "图标"
+}, Lo = "inline-flex select-none items-center justify-center whitespace-nowrap rounded-[var(--radius)] border align-middle font-medium tracking-[0.5px] transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--input-accent)] focus-visible:ring-offset-2", Ve = {
+  small: {
+    iconSize: 12,
+    className: "text-xs px-2 py-1 gap-1"
+  },
+  medium: {
+    iconSize: 14,
+    className: "text-sm px-4 py-2 gap-1.5"
+  },
+  large: {
+    iconSize: 16,
+    className: "text-base px-5 py-3 gap-2"
+  },
+  huge: {
+    iconSize: 20,
+    className: "text-[25px] px-[45px] py-[18px] gap-3"
+  }
+}, ct = {
+  default: "bg-[var(--primary)] text-[var(--primary-foreground)] border-[var(--border)] hover:shadow-[0_0_0.4em_0_var(--button-shadow-default)]",
+  transparent: "bg-[var(--transparent)] text-[var(--primary-foreground)] border-[var(--button-transparent-border)] hover:shadow-[0_0_0.4em_0_var(--button-shadow-default)]",
+  danger: "bg-[var(--destructive)] text-[var(--destructive-foreground)] border-transparent hover:shadow-[0_0_0.4em_0_var(--destructive)]",
+  success: "bg-[var(--success)] text-[var(--success-foreground)] border-transparent hover:shadow-[0_0_0.4em_0_var(--success)]"
+}, Po = "bg-[var(--transparent)]", _o = {
+  default: "text-[var(--button-outline-foreground)] border-[var(--border)]",
+  transparent: "text-[var(--button-outline-foreground)] border-[var(--button-transparent-border)]",
+  danger: "text-[var(--destructive)] border-[var(--destructive)]",
+  success: "text-[var(--success)] border-[var(--success)]"
+}, Oo = "shadow-[var(--button-enu-shadow)] hover:shadow-[var(--button-enu-hover-shadow)] active:translate-y-px active:shadow-[var(--button-enu-active-shadow)]", Ao = {
+  default: "bg-[var(--button-enu-bg)] text-[var(--button-enu-fg)] border-transparent",
+  transparent: "bg-[var(--transparent)] text-[var(--button-enu-fg)] border-[var(--button-transparent-border)]",
+  danger: "bg-[var(--destructive)] text-[var(--destructive-foreground)] border-transparent",
+  success: "bg-[var(--success)] text-[var(--success-foreground)] border-transparent"
+}, Mo = "bg-[var(--muted)] text-[var(--muted-foreground)] border-transparent cursor-not-allowed shadow-none hover:shadow-none", zo = (e) => e === !0 || e === "light" || e === "dark" ? !0 : Array.isArray(e) && e.length > 0 ? e[0] === !0 || e[0] === "light" || e[0] === "dark" : !1, Eo = (e) => e === "light" ? "light" : e === "dark" || e === !0 || Array.isArray(e) && e.length >= 2 && e[1] === "dark" ? "dark" : "light", it = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
+function ce(e) {
+  const {
+    type: o = "default",
+    size: r = "medium",
+    sx: n = {},
+    style: c = {},
+    className: l = "",
+    onClick: a = () => {
+    },
+    children: i,
+    disabled: u = !1,
+    outline: h = !1,
+    enu: d = !1,
+    icon: p = null,
+    iconPosition: g = null,
+    loading: v = !1,
+    i18nKey: L = null,
+    localeText: O = {},
+    "aria-label": j,
+    ...w
+  } = e, { t: S } = ie(), x = it(r, "medium", Ve), _ = it(o, "default", ct), m = zo(v), y = Eo(v), M = u || m, A = Ve[x].iconSize, $ = g === "right" ? "right" : p || m ? "left" : null, P = H(n, ko), T = {
+    default: S("button.default", Re.default),
+    loading: S("button.loading", Re.loading),
+    iconAlt: S("button.iconAlt", Re.iconAlt),
+    ...O
+  }, C = (L && typeof T[L] == "string" ? T[L] : null) || (L ? S(`button.${L}`, T.default) : T.default), U = m ? T.loading : C, I = i ?? U, F = j || (i == null ? String(I || T.default) : void 0);
+  let B = ct[_];
+  h && (B = E(
+    B,
+    Po,
+    _o[_]
+  )), d && (B = E(
+    B,
+    Oo,
+    Ao[_]
+  ));
+  const D = b({
+    // 顺序固定为：baseTw -> className -> sx.tw，sx 能稳定覆盖普通 Tailwind。
+    baseClassName: E(
+      Lo,
+      Ve[x].className,
+      B,
+      M && Mo,
+      m && "cursor-wait"
+    ),
+    className: l,
+    style: c,
+    sxSlot: P.root
+  }), W = b({
+    baseClassName: "inline-flex items-center",
+    sxSlot: P.content
+  }), K = b({
+    baseClassName: "inline-flex items-center justify-center shrink-0 transition-all duration-300",
+    baseStyle: {
+      width: `${A}px`,
+      height: `${A}px`
+    },
+    sxSlot: P.icon
+  }), Z = b({
+    baseClassName: "inline-flex items-center justify-center shrink-0 animate-spin",
+    baseStyle: {
+      width: `${A}px`,
+      height: `${A}px`,
+      color: y === "light" ? "var(--button-loading-light)" : "var(--button-loading-dark)"
+    },
+    sxSlot: P.loading
+  }), R = () => p ? typeof p == "string" ? /* @__PURE__ */ s(
+    "img",
+    {
+      src: p,
+      alt: T.iconAlt,
+      className: K.className,
+      style: K.style,
+      "aria-hidden": "true"
+    }
+  ) : Q.isValidElement(p) ? Q.cloneElement(p, {
+    className: E(K.className, p.props.className),
+    style: {
+      ...K.style,
+      ...p.props.style
+    },
+    "aria-hidden": !0
+  }) : typeof p == "function" ? /* @__PURE__ */ s(
+    p,
+    {
+      className: K.className,
+      style: K.style,
+      "aria-hidden": "true"
+    }
+  ) : /* @__PURE__ */ s("span", { className: K.className, style: K.style, "aria-hidden": "true", children: p }) : null, re = () => /* @__PURE__ */ s(
+    "svg",
+    {
+      viewBox: "0 0 1024 1024",
+      role: "presentation",
+      className: Z.className,
+      style: Z.style,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ s(
+        "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",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ k(
+    "button",
+    {
+      className: D.className,
+      style: D.style,
+      onClick: a,
+      disabled: M,
+      "aria-label": F,
+      "data-variant": _,
+      "data-size": x,
+      "data-icon-position": $ || void 0,
+      ...w,
+      children: [
+        $ === "left" && /* @__PURE__ */ k(Ne, { children: [
+          m && re(),
+          !m && p && R()
+        ] }),
+        /* @__PURE__ */ s("span", { className: W.className, style: W.style, children: I }),
+        $ === "right" && /* @__PURE__ */ k(Ne, { children: [
+          m && re(),
+          !m && p && R()
+        ] })
+      ]
+    }
+  );
+}
+ce.propTypes = {
+  type: t.oneOf(["default", "transparent", "danger", "success"]),
+  size: t.oneOf(["small", "medium", "large", "huge"]),
+  sx: t.oneOfType([t.object, t.string]),
+  style: t.object,
+  onClick: t.func,
+  className: t.string,
+  children: t.node,
+  disabled: t.bool,
+  outline: t.bool,
+  enu: t.bool,
+  icon: t.oneOfType([
+    t.elementType,
+    t.node,
+    t.string
+  ]),
+  iconPosition: t.oneOf(["left", "right"]),
+  loading: t.oneOfType([
+    t.bool,
+    t.oneOf(["light", "dark"]),
+    t.array
+  ]),
+  i18nKey: t.string,
+  localeText: t.object
+};
+ce.MaterialButton = Ze;
+const $o = ["root", "input", "label"], Bo = {
+  small: "small",
+  medium: "medium",
+  large: "large",
+  huge: "huge"
+}, Io = {
+  small: { wrapper: "h-10 text-sm", label: "text-sm", labelFloat: "text-[10px]", pt: "pt-5" },
+  medium: { wrapper: "h-12 text-base", label: "text-base", labelFloat: "text-xs", pt: "pt-6" },
+  large: { wrapper: "h-14 text-lg", label: "text-lg", labelFloat: "text-sm", pt: "pt-7" },
+  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;
+function Ge(e) {
+  const {
+    size: o = "medium",
+    sx: r = {},
+    style: n = {},
+    className: c = "",
+    onChange: l,
+    value: a,
+    defaultValue: i,
+    disabled: u = !1,
+    label: h,
+    localeText: d,
+    type: p = "text",
+    ...g
+  } = e, { t: v } = ie(), L = Fo(o, "medium", Bo), O = a !== void 0, [j, w] = G(i ?? ""), [S, x] = G(!1), _ = O ? a : j, m = S || String(_).length > 0, y = h ?? (d == null ? void 0 : d.label) ?? v("materialInput.label", jo.label), M = H(r, $o), A = {
+    tw: E(M.root.tw, M.input.tw),
+    css: { ...M.root.css, ...M.input.css }
+  }, $ = E("relative inline-flex", M.root.tw), P = Io[L], T = E(
+    "w-[300px] bg-transparent text-[var(--foreground)] outline-none transition-all duration-200 ease-in-out",
+    "border-b border-b-[var(--border)]",
+    "hover:border-b-[var(--input-accent)]",
+    "focus:border-b-[var(--input-accent)]",
+    u && "text-[var(--muted-foreground)] border-b-[var(--muted)] cursor-not-allowed hover:border-b-[var(--muted)]",
+    P.wrapper,
+    P.pt
+  ), N = b({
+    baseClassName: T,
+    className: c,
+    style: n,
+    sxSlot: A
+  }), C = E(
+    "absolute left-0 transition-all duration-200 ease-in-out pointer-events-none",
+    m ? `top-1 ${P.labelFloat} text-[var(--input-accent)]` : `top-1/2 -translate-y-1/2 ${P.label} text-[var(--muted-foreground)]`,
+    S && m && "text-[var(--input-accent)]",
+    u && "text-[var(--muted-foreground)]",
+    M.label.tw
+  ), U = b({
+    baseClassName: C,
+    sxSlot: { tw: "", css: M.label.css }
+  }), I = oe((Z) => {
+    const R = Z.target.value;
+    O || w(R), l == null || l(R);
+  }, [O, l]), F = oe((Z) => {
+    var R;
+    x(!0), (R = g.onFocus) == null || R.call(g, Z);
+  }, [g.onFocus]), B = oe((Z) => {
+    var R;
+    x(!1), (R = g.onBlur) == null || R.call(g, Z);
+  }, [g.onBlur]), { onFocus: D, onBlur: W, ...K } = g;
+  return /* @__PURE__ */ k("div", { className: $, children: [
+    /* @__PURE__ */ s(
+      "input",
+      {
+        ...K,
+        type: p,
+        className: N.className,
+        style: N.style,
+        value: _,
+        disabled: u || void 0,
+        onChange: I,
+        onFocus: F,
+        onBlur: B,
+        "aria-label": y || void 0
+      }
+    ),
+    y && /* @__PURE__ */ s("label", { className: U.className, style: U.style, children: y })
+  ] });
+}
+Ge.propTypes = {
+  size: t.oneOf(["small", "medium", "large", "huge"]),
+  sx: t.oneOfType([t.object, t.string]),
+  style: t.object,
+  className: t.string,
+  onChange: t.func,
+  value: t.string,
+  defaultValue: t.string,
+  disabled: t.bool,
+  label: t.string,
+  localeText: t.shape({
+    label: t.string
+  }),
+  type: t.string
+};
+const Do = ["root", "input"], Ro = {
+  small: "small",
+  medium: "medium",
+  large: "large",
+  huge: "huge"
+}, Vo = {
+  small: "h-8 text-xs px-2.5",
+  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;
+function Xe(e) {
+  const {
+    type: o = "default",
+    size: r = "medium",
+    sx: n = {},
+    style: c = {},
+    className: l = "",
+    onClick: a,
+    onChange: i,
+    value: u,
+    defaultValue: h,
+    disabled: d = !1,
+    placeholder: p = "",
+    maxlength: g = 524288,
+    status: v,
+    ...L
+  } = e, O = Yo(r, "medium", Ro), j = o === "textarea", w = o === "password", S = v === "error", x = H(n, Do), _ = {
+    tw: E(x.root.tw, x.input.tw),
+    css: { ...x.root.css, ...x.input.css }
+  }, m = E("inline-flex", x.root.tw), y = E(
+    "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)]",
+    S && "border-[var(--input-error-border)] bg-[var(--input-error-bg)] text-[var(--input-error-fg)] hover:border-[var(--input-error-border)] focus:shadow-[var(--input-error-focus-shadow)]",
+    d && "bg-[var(--muted)] text-[var(--muted-foreground)] border-[var(--muted)] cursor-not-allowed shadow-none hover:border-[var(--muted)] focus:shadow-none",
+    Vo[O]
+  ), M = b({
+    baseClassName: y,
+    className: l,
+    style: c,
+    sxSlot: _
+  }), A = u !== void 0, $ = {
+    className: M.className,
+    style: M.style,
+    onClick: a,
+    onChange: i ? (P) => i(P.target.value) : void 0,
+    value: A ? u : void 0,
+    defaultValue: A ? void 0 : h ?? "",
+    disabled: d || void 0,
+    placeholder: p,
+    maxLength: g,
+    "aria-invalid": S || void 0,
+    ...L
+  };
+  return /* @__PURE__ */ s("div", { className: m, children: j ? /* @__PURE__ */ s(
+    "textarea",
+    {
+      ...$,
+      className: `${$.className} min-h-[80px] py-2 resize-y`
+    }
+  ) : /* @__PURE__ */ s(
+    "input",
+    {
+      ...$,
+      type: w ? "password" : "text"
+    }
+  ) });
+}
+Xe.propTypes = {
+  type: t.oneOf(["default", "textarea", "password"]),
+  size: t.oneOf(["small", "medium", "large", "huge"]),
+  sx: t.oneOfType([t.object, t.string]),
+  style: t.object,
+  className: t.string,
+  onClick: t.func,
+  onChange: t.func,
+  value: t.string,
+  defaultValue: t.string,
+  disabled: t.bool,
+  placeholder: t.string,
+  maxlength: t.number,
+  status: t.oneOf(["default", "error"])
+};
+Xe.MaterialInput = Ge;
+const we = ["root"];
+function Ko(e, o) {
+  const {
+    sx: r = {},
+    style: n = {},
+    className: c = "",
+    children: l,
+    ...a
+  } = e, i = H(r, we), u = b({
+    baseClassName: "flex items-center justify-center px-4 bg-[var(--layout-header-bg)] text-[var(--layout-header-color)]",
+    className: c,
+    sxSlot: i.root,
+    baseStyle: {
+      height: "var(--layout-header-height)",
+      borderBottom: "1px solid var(--layout-border)"
+    },
+    style: n
+  });
+  return /* @__PURE__ */ s(
+    "header",
+    {
+      ref: o,
+      className: u.className,
+      style: u.style,
+      ...a,
+      children: l
+    }
+  );
+}
+const Be = Q.forwardRef(Ko);
+Be.displayName = "LayoutHeader";
+Be.propTypes = {
+  sx: t.oneOfType([t.string, t.object]),
+  style: t.object,
+  className: t.string,
+  children: t.node
+};
+function Uo(e, o) {
+  const {
+    sx: r = {},
+    style: n = {},
+    className: c = "",
+    children: l,
+    ...a
+  } = e, i = H(r, we), u = b({
+    baseClassName: "flex items-center justify-center px-4 bg-[var(--layout-footer-bg)] text-[var(--layout-footer-color)]",
+    className: c,
+    sxSlot: i.root,
+    baseStyle: {
+      height: "var(--layout-footer-height)",
+      borderTop: "1px solid var(--layout-border)"
+    },
+    style: n
+  });
+  return /* @__PURE__ */ s(
+    "footer",
+    {
+      ref: o,
+      className: u.className,
+      style: u.style,
+      ...a,
+      children: l
+    }
+  );
+}
+const Ie = Q.forwardRef(Uo);
+Ie.displayName = "LayoutFooter";
+Ie.propTypes = {
+  sx: t.oneOfType([t.string, t.object]),
+  style: t.object,
+  className: t.string,
+  children: t.node
+};
+function Ho(e, o) {
+  const {
+    sx: r = {},
+    style: n = {},
+    className: c = "",
+    width: l,
+    children: a,
+    ...i
+  } = e, u = H(r, we), h = l ?? "var(--layout-sider-width)", d = b({
+    baseClassName: "overflow-auto flex items-center justify-center bg-[var(--layout-sider-bg)] text-[var(--layout-sider-color)]",
+    className: c,
+    sxSlot: u.root,
+    baseStyle: {
+      width: h,
+      minWidth: h,
+      maxWidth: "100%",
+      borderRight: "1px solid var(--layout-border)"
+    },
+    style: n
+  });
+  return /* @__PURE__ */ s(
+    "aside",
+    {
+      ref: o,
+      className: d.className,
+      style: d.style,
+      ...i,
+      children: a
+    }
+  );
+}
+const ke = Q.forwardRef(Ho);
+ke.displayName = "LayoutSider";
+ke.propTypes = {
+  width: t.oneOfType([t.string, t.number]),
+  sx: t.oneOfType([t.string, t.object]),
+  style: t.object,
+  className: t.string,
+  children: t.node
+};
+function Wo(e, o) {
+  const {
+    sx: r = {},
+    style: n = {},
+    className: c = "",
+    width: l,
+    children: a,
+    ...i
+  } = e, u = H(r, we), h = l ?? "var(--layout-toc-width)", d = b({
+    baseClassName: "overflow-auto flex items-center justify-center bg-[var(--layout-toc-bg)] text-[var(--layout-toc-color)]",
+    className: c,
+    sxSlot: u.root,
+    baseStyle: {
+      width: h,
+      minWidth: h,
+      maxWidth: "100%",
+      borderLeft: "1px solid var(--layout-border)"
+    },
+    style: n
+  });
+  return /* @__PURE__ */ s(
+    "nav",
+    {
+      ref: o,
+      className: d.className,
+      style: d.style,
+      ...i,
+      children: a
+    }
+  );
+}
+const Le = Q.forwardRef(Wo);
+Le.displayName = "LayoutToc";
+Le.propTypes = {
+  width: t.oneOfType([t.string, t.number]),
+  sx: t.oneOfType([t.string, t.object]),
+  style: t.object,
+  className: t.string,
+  children: t.node
+};
+function Zo(e, o) {
+  const {
+    sx: r = {},
+    style: n = {},
+    className: c = "",
+    children: l,
+    ...a
+  } = e, i = H(r, we), u = b({
+    /**
+     * 
+     * 这里记录了一次问题：backgroundColor、color 等写在 baseStyle（inline style）里，
+     * CSS 优先级高于任何 Tailwind class，所以 sx="bg-amber-400" 无法覆盖。
+     * sx.css 和 style 可以覆盖（同层级后展开覆盖前），但 Tailwind class 不行。
+     *
+     * 修复方案：将 backgroundColor 和 color 从 baseStyle 移到 baseClassName 
+     * 用 Tailwind 任意值语法，这样默认值和用户覆盖都在 class 层级，tailwind-merge 
+     * 可正确处理冲突。
+     * 
+     * noted by clayw on 20260523 night
+     * 
+     */
+    baseClassName: "flex-1 flex items-center justify-center bg-[var(--layout-content-bg)] text-[var(--layout-content-color)]",
+    className: c,
+    sxSlot: i.root,
+    baseStyle: {},
+    style: n
+  });
+  return /* @__PURE__ */ s(
+    "main",
+    {
+      ref: o,
+      className: u.className,
+      style: u.style,
+      ...a,
+      children: l
+    }
+  );
+}
+const je = Q.forwardRef(Zo);
+je.displayName = "LayoutContent";
+je.propTypes = {
+  sx: t.oneOfType([t.string, t.object]),
+  style: t.object,
+  className: t.string,
+  children: t.node
+};
+function Go(e, o) {
+  const {
+    sx: r = {},
+    style: n = {},
+    className: c = "",
+    hasSider: l,
+    children: a,
+    ...i
+  } = e, u = H(r, we), h = l ?? Q.Children.toArray(a).some(
+    (p) => {
+      var g, v;
+      return Q.isValidElement(p) && (p.type === ke || p.type === Le || ((g = p.type) == null ? void 0 : g.displayName) === "LayoutSider" || ((v = p.type) == null ? void 0 : v.displayName) === "LayoutToc");
+    }
+  ), d = b({
+    baseClassName: E(
+      "flex flex-1 flex-col min-h-0",
+      h ? "md:flex-row" : ""
+    ),
+    className: c,
+    sxSlot: u.root,
+    style: n
+  });
+  return /* @__PURE__ */ s(
+    "section",
+    {
+      ref: o,
+      className: d.className,
+      style: d.style,
+      ...i,
+      children: a
+    }
+  );
+}
+const ne = Q.forwardRef(Go);
+ne.displayName = "Layout";
+ne.Header = Be;
+ne.Footer = Ie;
+ne.Sider = ke;
+ne.Content = je;
+ne.Toc = Le;
+ne.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 = ke, Qo = je, er = Le, tr = ["root", "button", "list", "item"], zt = Symbol("LIST_IGNORE"), dt = /* @__PURE__ */ k("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+  /* @__PURE__ */ s("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
+  /* @__PURE__ */ s("path", { d: "M14 2v6h6" })
+] }), ut = /* @__PURE__ */ s("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ s("path", { d: "M18 6 6 18M6 6l12 12" }) });
+function or(e, o) {
+  const {
+    sx: r = {},
+    style: n = {},
+    className: c = "",
+    accept: l = "image/*",
+    multiple: a = !1,
+    onChange: i = () => {
+    },
+    beforeUpload: u = () => {
+    },
+    files: h = [],
+    showUploadList: d = !0,
+    maxCount: p = 20,
+    maxSize: g = 100,
+    btnText: v = "选择文件",
+    btnStyle: L,
+    showSize: O = !0,
+    disabled: j = !1,
+    ...w
+  } = e, S = Yt(), x = h || [], _ = H(r, tr), m = oe(async (T, N) => {
+    if (!u) return !0;
+    try {
+      const C = await u(T, N);
+      return C === void 0 ? !0 : C;
+    } catch {
+      return !1;
+    }
+  }, [u]), y = oe(async (T) => {
+    const C = Array.from(T.target.files || []).filter((F) => F.size / 1024 / 1024 > g ? (console.warn(`[Tango Upload] ${F.name} 超过 ${g}MB，已被过滤`), !1) : !0), U = a ? C.slice(0, p) : C.slice(0, 1), I = [];
+    for (const F of U) {
+      const B = await m(F, U);
+      if (B === !1) {
+        console.warn(`[Tango Upload] ${F.name} 被 beforeUpload 拦截`);
+        continue;
+      }
+      if (B === zt) {
+        console.warn(`[Tango Upload] ${F.name} 被 LIST_IGNORE 忽略`);
+        continue;
+      }
+      if (B instanceof Blob) {
+        const D = B instanceof File ? B : new File([B], F.name, { type: F.type });
+        I.push(D);
+      } else
+        I.push(F);
+    }
+    T.target.value = "", i(I);
+  }, [a, p, g, m, i]), M = oe((T, N) => {
+    const C = x.filter((U, I) => I !== N);
+    i(C);
+  }, [x, i]), A = b({
+    baseClassName: "inline-flex flex-col gap-3",
+    className: c,
+    sxSlot: _.root,
+    style: n
+  }), $ = b({
+    baseClassName: E(
+      "list-none p-0 m-0 max-h-[150px] max-w-[400px] overflow-y-auto",
+      "border border-[var(--upload-border)] rounded-[var(--upload-radius)]",
+      "bg-[var(--upload-list-bg)]",
+      x.length === 0 && "border-transparent"
+    ),
+    baseStyle: { borderRadius: "var(--upload-radius)" },
+    sxSlot: _.list
+  }), P = b({
+    baseClassName: E(
+      "flex items-center gap-2 px-3 py-1.5 text-sm",
+      "text-[var(--upload-item-text)] hover:bg-[var(--upload-item-hover-bg)]",
+      "transition-colors"
+    ),
+    sxSlot: _.item
+  });
+  return /* @__PURE__ */ k("div", { ref: o, className: A.className, style: A.style, ...w, children: [
+    /* @__PURE__ */ s(
+      "input",
+      {
+        id: S,
+        type: "file",
+        accept: l,
+        multiple: a,
+        className: "hidden",
+        onChange: y,
+        disabled: j,
+        "aria-hidden": "true",
+        tabIndex: -1
+      }
+    ),
+    /* @__PURE__ */ s(
+      ce,
+      {
+        disabled: j,
+        style: L,
+        sx: _.button,
+        onClick: () => {
+          var T;
+          return (T = document.getElementById(S)) == null ? void 0 : T.click();
+        },
+        children: v
+      }
+    ),
+    d && x.length > 0 && /* @__PURE__ */ s("ul", { className: $.className, style: $.style, children: a ? x.map((T, N) => /* @__PURE__ */ k("li", { className: P.className, style: P.style, children: [
+      /* @__PURE__ */ s("span", { className: "flex-shrink-0 text-[var(--upload-icon-color)]", children: dt }),
+      /* @__PURE__ */ k("span", { className: "flex-1 truncate", children: [
+        T.name,
+        O && /* @__PURE__ */ k("span", { className: "ml-1 text-xs text-[var(--muted-foreground)]", children: [
+          "(",
+          (T.size / 1024).toFixed(2),
+          " KB)"
+        ] })
+      ] }),
+      /* @__PURE__ */ s(
+        "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",
+          onClick: () => M(T, N),
+          "aria-label": `删除 ${T.name}`,
+          children: ut
+        }
+      )
+    ] }, N)) : /* @__PURE__ */ k("li", { className: P.className, style: P.style, children: [
+      /* @__PURE__ */ s("span", { className: "flex-shrink-0 text-[var(--upload-icon-color)]", children: dt }),
+      /* @__PURE__ */ k("span", { className: "flex-1 truncate", children: [
+        x[0].name,
+        O && /* @__PURE__ */ k("span", { className: "ml-1 text-xs text-[var(--muted-foreground)]", children: [
+          "(",
+          (x[0].size / 1024).toFixed(2),
+          " KB)"
+        ] })
+      ] }),
+      /* @__PURE__ */ s(
+        "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",
+          onClick: () => M(x[0], 0),
+          "aria-label": `删除 ${x[0].name}`,
+          children: ut
+        }
+      )
+    ] }) })
+  ] });
+}
+const qe = Tt(or);
+qe.displayName = "Upload";
+qe.LIST_IGNORE = zt;
+qe.propTypes = {
+  sx: t.oneOfType([t.string, t.object]),
+  style: t.object,
+  className: t.string,
+  accept: t.string,
+  multiple: t.bool,
+  onChange: t.func,
+  beforeUpload: t.func,
+  files: t.array,
+  showUploadList: t.bool,
+  maxCount: t.number,
+  maxSize: t.number,
+  btnText: t.string,
+  btnStyle: t.object,
+  showSize: t.bool,
+  disabled: t.bool
+};
+const rr = ["root", "icon", "content", "actions", "closeIcon"], pt = {
+  cancel: "取消",
+  action: "操作"
+}, mt = {
+  small: {
+    rootClass: "px-[15px] py-[8px] h-[45px] rounded-[6px] gap-[8px] border",
+    iconSize: 20,
+    contentClass: "text-[14px]",
+    closeIconSize: 18,
+    buttonBorderRadius: "0.8rem",
+    buttonGap: "8px",
+    buttonFontSize: "13px"
+  },
+  normal: {
+    rootClass: "px-[20px] py-[10px] h-[52px] rounded-[8px] gap-[10px] border",
+    iconSize: 22,
+    contentClass: "text-[15px]",
+    closeIconSize: 20,
+    buttonBorderRadius: "1rem",
+    buttonGap: "10px",
+    buttonFontSize: "14px"
+  },
+  large: {
+    rootClass: "px-[25px] py-[12px] h-[60px] rounded-[10px] gap-[12px] border-[1.5px]",
+    iconSize: 26,
+    contentClass: "text-[16px]",
+    closeIconSize: 22,
+    buttonBorderRadius: "1.2rem",
+    buttonGap: "12px",
+    buttonFontSize: "15px"
+  }
+}, bt = {
+  info: {
+    bgVar: "--banner-info-bg",
+    borderVar: "--banner-info-border",
+    iconVar: "--banner-info-icon",
+    textVar: "--banner-info-text"
+  },
+  success: {
+    bgVar: "--banner-success-bg",
+    borderVar: "--banner-success-border",
+    iconVar: "--banner-success-icon",
+    textVar: "--banner-success-text"
+  },
+  warning: {
+    bgVar: "--banner-warning-bg",
+    borderVar: "--banner-warning-border",
+    iconVar: "--banner-warning-icon",
+    textVar: "--banner-warning-text"
+  },
+  error: {
+    bgVar: "--banner-error-bg",
+    borderVar: "--banner-error-border",
+    iconVar: "--banner-error-icon",
+    textVar: "--banner-error-text"
+  }
+}, ft = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
+function sr(e) {
+  const {
+    children: o,
+    onCancel: r = () => {
+    },
+    onAction: n = () => {
+    },
+    size: c = "normal",
+    cancelText: l,
+    actionText: a,
+    level: i = "info",
+    transparent: u = !1,
+    bannerBgColor: h,
+    bannerBorderColor: d,
+    bannerIconColor: p,
+    sx: g = {},
+    style: v = {},
+    className: L = "",
+    i18nKey: O,
+    localeText: j = {},
+    ...w
+  } = e, { t: S } = ie(), x = ft(c, "normal", mt), _ = ft(i, "info", bt), m = mt[x], y = bt[_], M = H(g, rr), A = {
+    cancel: S("banner.cancel", pt.cancel),
+    action: S("banner.action", pt.action),
+    ...j
+  }, $ = l ?? (O === "cancel" ? S("banner.cancel", A.cancel) : A.cancel), P = a ?? (O === "action" ? S("banner.action", A.action) : A.action), T = o ?? $, N = h || (u === !0 ? "transparent" : `var(${y.bgVar})`), C = d || `var(${y.borderVar})`, U = p || `var(${y.iconVar})`, I = `var(${y.textVar})`, F = b({
+    baseClassName: E(
+      "flex w-full items-center justify-start transition-colors duration-200",
+      m.rootClass
+    ),
+    className: L,
+    style: {
+      backgroundColor: N,
+      borderColor: C,
+      color: u === !0 ? "var(--muted-foreground)" : I,
+      ...v
+    },
+    sxSlot: M.root
+  }), B = b({
+    baseClassName: "shrink-0",
+    baseStyle: {
+      width: `${m.iconSize}px`,
+      height: `${m.iconSize}px`,
+      color: U
+    },
+    sxSlot: M.icon
+  }), D = b({
+    baseClassName: E(
+      "flex-grow text-left",
+      m.contentClass
+    ),
+    sxSlot: M.content
+  }), W = b({
+    baseClassName: "flex items-center justify-end flex-1",
+    baseStyle: {
+      gap: m.buttonGap
+    },
+    sxSlot: M.actions
+  }), K = b({
+    baseClassName: "shrink-0 cursor-pointer",
+    baseStyle: {
+      width: `${m.closeIconSize}px`,
+      height: `${m.closeIconSize}px`,
+      color: "var(--banner-close-icon)"
+    },
+    sxSlot: M.closeIcon
+  }), Z = /* @__PURE__ */ k("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
+    /* @__PURE__ */ s("path", { d: "M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z" }),
+    /* @__PURE__ */ s("path", { d: "M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z" }),
+    /* @__PURE__ */ s("path", { d: "M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z" })
+  ] }), R = /* @__PURE__ */ k("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
+    /* @__PURE__ */ s("path", { d: "M869.472578 920.128281 154.906046 920.128281c-31.943526 0-60.545958-16.517185-76.514651-44.181245-15.968693-27.666106-15.96153-60.696384 0.016373-88.355327l357.283266-618.47194c15.971763-27.647687 44.568055-44.152593 76.496232-44.152593 31.930223-0.001023 60.527538 16.504906 76.499301 44.151569l357.283266 618.472963c15.977903 27.659967 15.984043 60.689221 0.017396 88.355327C930.018535 903.611096 901.416104 920.128281 869.472578 920.128281zM512.187265 169.139212c-15.962553 0-30.261211 8.251941-38.247092 22.075785l0 0L116.65793 809.686936c-7.989975 13.829983-7.993045 30.345122-0.008186 44.179199 7.983835 13.83203 22.285562 22.090111 38.257326 22.090111l714.566532 0c15.971763 0 30.273491-8.258081 38.256302-22.090111 7.984858-13.83203 7.980765-30.349215-0.008186-44.179199L550.437427 191.213973C542.452569 177.391153 528.152888 169.138188 512.187265 169.139212z" }),
+    /* @__PURE__ */ s("path", { d: "M513.732457 621.119233c-18.296715 0-33.257451-14.832823-33.257451-33.129538L480.475006 331.789639c0-18.296715 14.960737-33.129538 33.257451-33.129538 18.296715 0 33.257451 14.832823 33.257451 33.129538l0 256.200056C546.989909 606.28641 532.029172 621.119233 513.732457 621.119233z" }),
+    /* @__PURE__ */ s("path", { d: "M513.686409 737.619574m-49.991578 0a48.853 48.853 0 1 0 99.983155 0 48.853 48.853 0 1 0-99.983155 0Z" })
+  ] }), re = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M85.333333 512C85.333333 276.352 276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512z m683.093334-256.426667a358.954667 358.954667 0 0 0-122.922667-80.768A359.466667 359.466667 0 0 0 512 149.333333c-46.08 0-90.624 8.490667-133.504 25.472A358.954667 358.954667 0 0 0 255.573333 255.573333c-35.413333 35.413333-62.336 76.373333-80.768 122.922667A359.466667 359.466667 0 0 0 149.333333 512c0 46.08 8.490667 90.624 25.472 133.504A358.954667 358.954667 0 0 0 255.573333 768.426667c35.413333 35.413333 76.373333 62.336 122.922667 80.768A359.466667 359.466667 0 0 0 512 874.666667c46.08 0 90.624-8.490667 133.504-25.472a358.954667 358.954667 0 0 0 122.922667-80.768c35.413333-35.413333 62.336-76.373333 80.768-122.922667A359.466667 359.466667 0 0 0 874.666667 512c0-46.08-8.490667-90.624-25.472-133.504A358.912 358.912 0 0 0 768.426667 255.573333zM338.517333 640.213333L466.773333 512 338.517333 383.786667l45.226667-45.226667L512 466.688l128.213333-128.213333 45.226667 45.226666L557.312 512l128.213333 128.213333-45.226666 45.226667L512 557.312l-128.213333 128.213333-45.226667-45.226666z" }) }), de = /* @__PURE__ */ k("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: [
+    /* @__PURE__ */ s("path", { d: "M512.3 961.3c-247.1 0-448.1-201-448.1-448.1s201-448.1 448.1-448.1 448.1 201 448.1 448.1-201 448.1-448.1 448.1z m0-849.7c-221.4 0-401.6 180.2-401.6 401.6s180.2 401.6 401.6 401.6 401.6-180.2 401.6-401.6-180.2-401.6-401.6-401.6z" }),
+    /* @__PURE__ */ s("path", { d: "M441.2 676c-16.4 0-32.7-5.8-45.5-17.4l-151.3-138c-9.5-8.6-10.2-23.3-1.5-32.8 8.6-9.5 23.3-10.2 32.8-1.5L427 624.2c7.6 6.9 20.8 6.9 28.4 0l293.5-267.5c9.5-8.6 24.2-8 32.8 1.5 8.6 9.5 8 24.2-1.5 32.8L486.7 658.5c-12.8 11.7-29.1 17.5-45.5 17.5z" })
+  ] }), be = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M558.8 509.2l302.8-302.8c3.1-3.1 3.1-8.1 0-11.2l-30.8-30.8c-3.1-3.1-8.1-3.1-11.2 0L516.8 467.2c-1.5 1.5-4.1 1.5-5.6 0L208.3 164.3c-3.1-3.1-8.1-3.1-11.2 0l-30.8 30.8c-3.1 3.1-3.1 8.1 0 11.2l302.8 302.8c1.5 1.5 1.5 4.1 0 5.6l-302.8 303c-3.1 3.1-3.1 8.1 0 11.2l30.8 30.8c3.1 3.1 8.1 3.1 11.2 0l302.8-302.8c1.5-1.5 4.1-1.5 5.6 0l302.8 302.8c3.1 3.1 8.1 3.1 11.2 0l30.8-30.8c3.1-3.1 3.1-8.1 0-11.2L558.8 514.8c-1.5-1.5-1.5-4.1 0-5.6z" }) }), fe = {
+    success: de,
+    warning: R,
+    error: re,
+    info: Z
+  };
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      className: F.className,
+      style: F.style,
+      "data-level": _,
+      "data-size": x,
+      ...w,
+      children: [
+        /* @__PURE__ */ s("div", { className: B.className, style: B.style, children: fe[_] }),
+        /* @__PURE__ */ s("div", { className: D.className, style: D.style, children: T }),
+        /* @__PURE__ */ k("div", { className: W.className, style: W.style, children: [
+          /* @__PURE__ */ s(
+            ce,
+            {
+              type: "transparent",
+              sx: {
+                c: "var(--banner-btn-text)",
+                br: m.buttonBorderRadius,
+                bColor: "transparent",
+                s: m.buttonFontSize
+              },
+              onClick: r,
+              size: x === "normal" ? "medium" : x,
+              children: $
+            }
+          ),
+          /* @__PURE__ */ s(
+            ce,
+            {
+              type: "transparent",
+              sx: {
+                c: "var(--banner-btn-text)",
+                br: m.buttonBorderRadius,
+                b: 1,
+                bColor: "var(--banner-btn-border)",
+                s: m.buttonFontSize
+              },
+              onClick: n,
+              size: x === "normal" ? "medium" : x,
+              children: P
+            }
+          ),
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: K.className,
+              style: K.style,
+              onClick: r,
+              children: be
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+sr.propTypes = {
+  children: t.node,
+  onCancel: t.func,
+  onAction: t.func,
+  size: t.oneOf(["small", "normal", "large"]),
+  cancelText: t.string,
+  actionText: t.string,
+  level: t.oneOf(["info", "success", "warning", "error"]),
+  transparent: t.bool,
+  bannerBgColor: t.string,
+  bannerBorderColor: t.string,
+  bannerIconColor: t.string,
+  sx: t.oneOfType([t.object, t.string]),
+  style: t.object,
+  className: t.string,
+  i18nKey: t.string,
+  localeText: t.object
+};
+const ar = ["root", "input", "text"], Ye = {
+  hex: "HEX",
+  rgb: "RGB",
+  hsl: "HSL"
+}, gt = {
+  small: { inputSize: 20, fontSize: "11px", gap: "6px" },
+  medium: { inputSize: 28, fontSize: "12px", gap: "10px" },
+  large: { inputSize: 36, fontSize: "14px", gap: "14px" }
+}, nr = {
+  hex: "hex",
+  rgb: "rgb",
+  hsl: "hsl"
+}, ht = (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;
+  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;
+  }
+  return `hsl(${Math.round(a * 360)}, ${Math.round(i * 100)}%, ${Math.round(u * 100)}%)`;
+}, ir = (e, o) => {
+  switch (o) {
+    case "rgb":
+      return lr(e);
+    case "hsl":
+      return cr(e);
+    default:
+      return e.toUpperCase();
+  }
+};
+function dr(e) {
+  const {
+    value: o,
+    defaultValue: r = "#000000",
+    onChange: n = () => {
+    },
+    disabled: c = !1,
+    showText: l = !1,
+    format: a = "hex",
+    size: i = "medium",
+    sx: u = {},
+    style: h = {},
+    className: d = "",
+    i18nKey: p,
+    localeText: g = {},
+    ...v
+  } = e, { t: L } = ie(), O = ht(i, "medium", gt), j = ht(a, "hex", nr), w = gt[O], [S, x] = G(r), _ = o ?? S, m = H(u, ar), y = {
+    hex: L("colorpicker.hex", Ye.hex),
+    rgb: L("colorpicker.rgb", Ye.rgb),
+    hsl: L("colorpicker.hsl", Ye.hsl),
+    ...g
+  }, M = (C) => {
+    const U = C.target.value;
+    o === void 0 && x(U), n(U);
+  }, A = [];
+  if (l) {
+    const C = p || (typeof l == "string" ? l : null) || j;
+    A.push({
+      label: y[C],
+      value: ir(_, C)
+    });
+  }
+  const $ = b({
+    baseClassName: E(
+      "inline-flex items-center",
+      c && "cursor-not-allowed opacity-60"
+    ),
+    className: d,
+    baseStyle: { gap: w.gap },
+    style: h,
+    sxSlot: m.root
+  }), P = b({
+    baseClassName: E(
+      "shrink-0 cursor-pointer border-2 border-[var(--border)] rounded-full bg-transparent overflow-hidden transition-colors duration-200",
+      c && "cursor-not-allowed"
+    ),
+    baseStyle: {
+      width: `${w.inputSize}px`,
+      height: `${w.inputSize}px`,
+      padding: 0
+    },
+    sxSlot: m.input
+  }), T = b({
+    baseClassName: "flex flex-col text-[var(--muted-foreground)]",
+    baseStyle: { fontSize: w.fontSize },
+    sxSlot: m.text
+  });
+  return /* @__PURE__ */ k(Ne, { children: [
+    /* @__PURE__ */ s("style", { children: `
+    .tango-cp-input::-webkit-color-swatch-wrapper { padding: 0; }
+    .tango-cp-input::-webkit-color-swatch { border: 0; border-radius: 9999px; }
+    .tango-cp-input::-moz-color-swatch { border: 0; border-radius: 9999px; }
+  ` }),
+    /* @__PURE__ */ k("div", { className: $.className, style: $.style, ...v, children: [
+      /* @__PURE__ */ s(
+        "input",
+        {
+          type: "color",
+          value: _,
+          onChange: M,
+          disabled: c,
+          className: `tango-cp-input ${P.className}`,
+          style: P.style,
+          "aria-label": v["aria-label"] || `颜色选择器: ${_}`
+        }
+      ),
+      l && A.length > 0 && /* @__PURE__ */ s("div", { className: T.className, style: T.style, children: A.map(({ label: C, value: U }) => /* @__PURE__ */ k("span", { children: [
+        C,
+        ": ",
+        U
+      ] }, C)) })
+    ] })
+  ] });
+}
+dr.propTypes = {
+  value: t.string,
+  defaultValue: t.string,
+  onChange: t.func,
+  disabled: t.bool,
+  showText: t.oneOfType([t.bool, t.oneOf(["hex", "rgb", "hsl"])]),
+  format: t.oneOf(["hex", "rgb", "hsl"]),
+  size: t.oneOf(["small", "medium", "large"]),
+  sx: t.oneOfType([t.object, t.string]),
+  style: t.object,
+  className: t.string,
+  i18nKey: t.string,
+  localeText: t.object
+};
+const ur = ["root", "date", "weekday", "time"], yt = {
+  weekdayPrefix: "星期",
+  weekdayShortPrefix: "周"
+}, xt = {
+  default: "default",
+  line: "line",
+  full: "full",
+  "full-line": "full-line",
+  "year-week": "year-week",
+  "year-week-line": "year-week-line",
+  "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, {
+    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;
+}, Te = (e, o) => {
+  const r = /* @__PURE__ */ new Date(), n = { hour: "2-digit", minute: "2-digit" };
+  return o && (n.second = "2-digit"), r.toLocaleTimeString(e, n);
+}, fr = (e, o, r, n) => {
+  const c = e.endsWith("-line"), l = mr(o, c), a = br(o, r);
+  switch (e) {
+    case "line":
+      return [{ key: "date", text: l }];
+    case "full":
+      return [
+        { key: "date", text: l + " " },
+        { key: "weekday", text: a + " " },
+        { key: "time", text: Te(o, !0) }
+      ];
+    case "full-line":
+      return [
+        { key: "date", text: l + " " },
+        { key: "weekday", text: a + " " },
+        { key: "time", text: Te(o, !0) }
+      ];
+    case "year-week":
+      return [
+        { key: "date", text: l + " " },
+        { key: "weekday", text: a }
+      ];
+    case "year-week-line":
+      return [
+        { key: "date", text: l + " " },
+        { key: "weekday", text: a }
+      ];
+    case "week-time":
+      return [
+        { key: "weekday", text: a + " " },
+        { key: "time", text: Te(o, !0) }
+      ];
+    case "no-s":
+      return [
+        { key: "date", text: l + " " },
+        { key: "weekday", text: a + " " },
+        { key: "time", text: Te(o, !1) }
+      ];
+    case "no-s-line":
+      return [
+        { key: "date", text: l + " " },
+        { key: "weekday", text: a + " " },
+        { key: "time", text: Te(o, !1) }
+      ];
+    default:
+      return [{ key: "date", text: l }];
+  }
+};
+function gr(e) {
+  const {
+    type: o = "default",
+    single: r = !1,
+    sx: n = {},
+    style: c = {},
+    className: l = "",
+    i18nKey: a,
+    localeText: i = {},
+    ...u
+  } = e || {}, { t: h, locale: d } = ie(), p = pr(o, "default", xt), g = d === "en-US" ? "en-US" : "zh-CN";
+  ({
+    weekdayPrefix: h("date.weekdayPrefix", yt.weekdayPrefix),
+    weekdayShortPrefix: h("date.weekdayShortPrefix", yt.weekdayShortPrefix),
+    ...i
+  });
+  const v = H(n, ur), L = a && xt[a] ? a : p, O = fr(L, g, r), j = b({
+    baseClassName: E("inline-flex items-center gap-1 text-[var(--foreground)]"),
+    className: l,
+    baseStyle: {},
+    style: c,
+    sxSlot: v.root
+  }), w = {
+    date: b({
+      baseClassName: "",
+      sxSlot: v.date
+    }),
+    weekday: b({
+      baseClassName: "text-[var(--muted-foreground)]",
+      sxSlot: v.weekday
+    }),
+    time: b({
+      baseClassName: "",
+      sxSlot: v.time
+    })
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: j.className,
+      style: j.style,
+      role: "timer",
+      "aria-live": "polite",
+      ...u,
+      children: O.map((S) => {
+        const x = w[S.key] || { className: "", style: {} };
+        return /* @__PURE__ */ s("span", { className: x.className, style: x.style, children: S.text }, S.key);
+      })
+    }
+  );
+}
+gr.propTypes = {
+  type: t.oneOf([
+    "default",
+    "line",
+    "full",
+    "full-line",
+    "year-week",
+    "year-week-line",
+    "week-time",
+    "no-s",
+    "no-s-line"
+  ]),
+  single: t.bool,
+  sx: t.oneOfType([t.object, t.string]),
+  style: t.object,
+  className: t.string,
+  i18nKey: t.string,
+  localeText: t.object
+};
+const hr = ["root", "input", "panel", "header", "body", "footer"], me = {
+  placeholder: "YYYY-MM-DD",
+  placeholderTime: "YYYY-MM-DD HH:mm",
+  timeLabel: "时间",
+  confirm: "确定",
+  cancel: "关闭",
+  prevMonth: "上一月",
+  nextMonth: "下一月",
+  weekDays: ["日", "一", "二", "三", "四", "五", "六"],
+  monthFormat: "${year} 年 ${month} 月"
+}, vt = {
+  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) {
+  const {
+    value: o,
+    defaultValue: r,
+    onChange: n = () => {
+    },
+    disabled: c = !1,
+    time: l = !1,
+    size: a = "medium",
+    sx: i = {},
+    style: u = {},
+    className: h = "",
+    i18nKey: d,
+    localeText: p = {},
+    placeholder: g,
+    ...v
+  } = e, { t: L, locale: O } = ie(), j = yr(a, "medium", vt), w = vt[j], S = O === "en-US", [x, _] = G(r || ""), m = o !== void 0 ? o : x, [y, M] = G("00"), [A, $] = G("00"), [P, T] = G(!1), [N, C] = G(() => {
+    const f = /* @__PURE__ */ new Date();
+    return new Date(f.getFullYear(), f.getMonth(), 1);
+  }), U = $e(null), I = {
+    placeholder: L("datepicker.placeholder", me.placeholder),
+    placeholderTime: L("datepicker.placeholderTime", me.placeholderTime),
+    timeLabel: L("datepicker.timeLabel", me.timeLabel),
+    confirm: L("datepicker.confirm", me.confirm),
+    cancel: L("datepicker.cancel", me.cancel),
+    prevMonth: L("datepicker.prevMonth", me.prevMonth),
+    nextMonth: L("datepicker.nextMonth", me.nextMonth),
+    weekDays: S ? ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] : me.weekDays,
+    monthFormat: S ? "${month}/${year}" : me.monthFormat,
+    ...p
+  };
+  le(() => {
+    const f = (Y) => {
+      U.current && !U.current.contains(Y.target) && T(!1);
+    };
+    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+  }, []);
+  const F = (f) => {
+    const Y = f.getFullYear(), J = (f.getMonth() + 1).toString().padStart(2, "0"), ge = f.getDate().toString().padStart(2, "0");
+    return `${Y}-${J}-${ge}`;
+  }, B = Se(() => {
+    const f = N.getFullYear(), Y = N.getMonth() + 1;
+    return I.monthFormat.replace("${year}", String(f)).replace("${month}", String(Y));
+  }, [N, I.monthFormat]), D = Se(() => {
+    const f = N.getFullYear(), Y = N.getMonth(), J = new Date(f, Y, 1).getDay(), ge = new Date(f, Y + 1, 0).getDate(), pe = Array.from({ length: ge }, (Je, Fe) => Fe + 1);
+    return [...Array(J).fill(null), ...pe];
+  }, [N]), W = Se(() => m ? l ? `${m} ${y}:${A}` : m : "", [m, y, A, l]), K = (f) => {
+    const Y = new Date(N.getFullYear(), N.getMonth(), f);
+    return m === F(Y);
+  }, Z = (f, Y, J) => {
+    if (f) {
+      if (l) {
+        const ge = `${f}T${Y}:${J}`, pe = new Date(ge), Je = pe.getFullYear(), Fe = (pe.getMonth() + 1).toString().padStart(2, "0"), Dt = pe.getDate().toString().padStart(2, "0"), Rt = pe.getHours().toString().padStart(2, "0"), Vt = pe.getMinutes().toString().padStart(2, "0");
+        n(`${Je}-${Fe}-${Dt} ${Rt}:${Vt}`, ge);
+        return;
+      }
+      n(f, f);
+    }
+  }, R = (f) => {
+    const Y = new Date(N.getFullYear(), N.getMonth(), f), J = F(Y);
+    o === void 0 && _(J), Z(J, y, A), l || T(!1);
+  }, re = (f) => {
+    const Y = f.target.value;
+    M(Y), Z(m, Y, A);
+  }, de = (f) => {
+    const Y = f.target.value;
+    $(Y), Z(m, y, Y);
+  }, be = () => {
+    if (!c) {
+      if (m) {
+        const [f, Y] = m.split("-").map(Number);
+        C(new Date(f, Y - 1, 1));
+      }
+      T(!0);
+    }
+  }, fe = Array.from({ length: 24 }, (f, Y) => String(Y).padStart(2, "0")), se = Array.from({ length: 60 }, (f, Y) => String(Y).padStart(2, "0")), ee = H(i, hr);
+  typeof i == "string" && (ee.input.tw = E(ee.input.tw, ee.root.tw), ee.root.tw = "");
+  const q = b({
+    baseClassName: "relative inline-block",
+    sxSlot: ee.root
+  }), z = b({
+    baseClassName: E(
+      "border border-[var(--border)] rounded-[var(--radius)] bg-[var(--card)] text-[var(--foreground)] placeholder:text-[var(--muted-foreground)] outline-none transition-all duration-200 cursor-pointer",
+      "focus:border-[var(--primary)] focus:shadow-[0_0_0_2px_color-mix(in_srgb,var(--primary)_18%,transparent)]",
+      "hover:border-[var(--primary)]",
+      w.inputPx,
+      w.textSm,
+      w.minW,
+      c && "bg-[var(--muted)] text-[var(--muted-foreground)] cursor-not-allowed"
+    ),
+    className: h,
+    style: u,
+    sxSlot: ee.input
+  }), X = b({
+    baseClassName: E(
+      "absolute top-[calc(100%+8px)] left-0 z-20 p-3 border border-[var(--border)] bg-[var(--card)] rounded-xl shadow-[0_8px_28px_rgba(0,0,0,0.12)]",
+      w.panelW
+    ),
+    sxSlot: ee.panel
+  }), te = b({
+    baseClassName: "flex items-center justify-between h-10 mb-2",
+    sxSlot: ee.header
+  }), ae = b({
+    baseClassName: "flex flex-wrap",
+    sxSlot: ee.body
+  }), ue = b({
+    baseClassName: "mt-2.5 pt-2.5 border-t border-[var(--border)]",
+    sxSlot: ee.footer
+  });
+  return /* @__PURE__ */ k("div", { className: q.className, style: q.style, ref: U, ...v, children: [
+    /* @__PURE__ */ s(
+      "input",
+      {
+        type: "text",
+        value: W,
+        readOnly: !0,
+        onClick: be,
+        className: z.className,
+        style: z.style,
+        disabled: c,
+        placeholder: g || (l ? I.placeholderTime : I.placeholder),
+        "aria-label": v["aria-label"] || g || (l ? I.placeholderTime : I.placeholder),
+        "aria-haspopup": "dialog",
+        "aria-expanded": P
+      }
+    ),
+    P && !c && /* @__PURE__ */ k("div", { className: X.className, style: X.style, role: "dialog", "aria-label": "日期选择面板", children: [
+      /* @__PURE__ */ k("div", { className: te.className, style: te.style, children: [
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: "w-7 h-7 border border-[var(--border)] bg-[var(--card)] text-sm cursor-pointer rounded hover:border-[var(--primary)] hover:bg-[color-mix(in_srgb,var(--primary)_14%,var(--card))]",
+            onClick: () => C(new Date(N.getFullYear(), N.getMonth() - 1, 1)),
+            "aria-label": I.prevMonth,
+            children: "<"
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: "text-sm font-semibold text-[var(--foreground)]", children: B }),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: "w-7 h-7 border border-[var(--border)] bg-[var(--card)] text-sm cursor-pointer rounded hover:border-[var(--primary)] hover:bg-[color-mix(in_srgb,var(--primary)_14%,var(--card))]",
+            onClick: () => C(new Date(N.getFullYear(), N.getMonth() + 1, 1)),
+            "aria-label": I.nextMonth,
+            children: ">"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ k("div", { className: ae.className, style: ae.style, children: [
+        I.weekDays.map((f) => /* @__PURE__ */ s("div", { className: "w-[calc(100%/7)] text-center leading-[30px] text-xs text-[var(--muted-foreground)]", children: f }, f)),
+        D.map((f, Y) => {
+          if (!f)
+            return /* @__PURE__ */ s("div", { className: "w-[calc(100%/7)] text-center leading-[30px]" }, `empty-${Y}`);
+          const J = K(f);
+          return /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: E(
+                "w-[calc(100%/7)] text-center leading-[30px] border-none bg-transparent cursor-pointer rounded-md text-[13px] text-[var(--foreground)] hover:bg-[var(--muted)]",
+                J && "bg-[var(--primary)] text-[var(--primary-foreground)] hover:bg-[var(--primary)]"
+              ),
+              onClick: () => R(f),
+              "aria-label": `${N.getFullYear()}-${(N.getMonth() + 1).toString().padStart(2, "0")}-${f.toString().padStart(2, "0")}`,
+              children: f
+            },
+            `${N.getFullYear()}-${N.getMonth()}-${f}`
+          );
+        })
+      ] }),
+      l && /* @__PURE__ */ k("div", { className: ue.className, style: ue.style, children: [
+        /* @__PURE__ */ s("div", { className: "text-xs text-[var(--muted-foreground)] mb-2", children: I.timeLabel }),
+        /* @__PURE__ */ k("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ s(
+            "select",
+            {
+              className: "w-20 h-8 border border-[var(--border)] rounded-md px-2 text-[13px] outline-none bg-[var(--card)] text-[var(--foreground)] focus:border-[var(--primary)]",
+              value: y,
+              onChange: re,
+              "aria-label": "小时",
+              children: fe.map((f) => /* @__PURE__ */ s("option", { value: f, children: f }, f))
+            }
+          ),
+          /* @__PURE__ */ s("span", { className: "font-semibold text-[var(--muted-foreground)]", children: ":" }),
+          /* @__PURE__ */ s(
+            "select",
+            {
+              className: "w-20 h-8 border border-[var(--border)] rounded-md px-2 text-[13px] outline-none bg-[var(--card)] text-[var(--foreground)] focus:border-[var(--primary)]",
+              value: A,
+              onChange: de,
+              "aria-label": "分钟",
+              children: se.map((f) => /* @__PURE__ */ s("option", { value: f, children: f }, f))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ k("div", { className: "mt-2.5 flex justify-end gap-2", children: [
+          /* @__PURE__ */ s(
+            ce,
+            {
+              onClick: () => T(!1),
+              size: "small",
+              type: "transparent",
+              outline: !0,
+              children: I.cancel
+            }
+          ),
+          /* @__PURE__ */ s(
+            ce,
+            {
+              onClick: () => T(!1),
+              size: "small",
+              children: I.confirm
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+xr.propTypes = {
+  value: t.string,
+  defaultValue: t.string,
+  onChange: t.func,
+  disabled: t.bool,
+  time: t.bool,
+  size: t.oneOf(["small", "medium", "large"]),
+  sx: t.oneOfType([t.object, t.string]),
+  style: t.object,
+  className: t.string,
+  i18nKey: t.string,
+  localeText: t.object
+};
+const vr = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], _e = {
+  title: "基础标题",
+  okText: "确定",
+  cancelText: "取消",
+  closeAriaLabel: "关闭"
+}, Sr = { right: "right", left: "left", top: "top", bottom: "bottom" }, Nr = {
+  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 = {
+  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) {
+  const {
+    children: o,
+    title: r,
+    okText: n,
+    cancelText: c,
+    open: l = !1,
+    onClose: a = () => {
+    },
+    onOk: i,
+    type: u = "right",
+    width: h,
+    height: d,
+    sx: p = {},
+    style: g = {},
+    className: v = "",
+    maskClosable: L = !0,
+    footerButtons: O,
+    localeText: j = {},
+    ...w
+  } = e, { t: S } = ie(), x = Cr(u, "right", Sr), [_, m] = G(!1), [y, M] = G(!1);
+  le(() => {
+    if (l) {
+      m(!0);
+      const R = setTimeout(() => M(!0), 30);
+      return () => clearTimeout(R);
+    }
+    if (_) {
+      M(!1);
+      const R = setTimeout(() => m(!1), 300);
+      return () => clearTimeout(R);
+    }
+  }, [l]), le(() => {
+    if (_) {
+      const R = document.body.style.overflow;
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = R;
+      };
+    }
+  }, [_]);
+  const A = {};
+  x === "left" || x === "right" ? A.width = h || "320px" : A.height = d || "300px";
+  const $ = {
+    title: r ?? S("drawer.title", _e.title),
+    okText: n ?? S("drawer.okText", _e.okText),
+    cancelText: c ?? S("drawer.cancelText", _e.cancelText),
+    closeAriaLabel: S("drawer.closeAriaLabel", _e.closeAriaLabel),
+    ...j
+  }, P = H(p, vr), T = b({
+    baseClassName: "fixed inset-0 z-[999] flex",
+    sxSlot: P.overlay
+  }), N = {
+    tw: E(P.root.tw, P.container.tw),
+    css: { ...P.root.css, ...P.container.css }
+  }, C = b({
+    baseClassName: E(
+      "fixed bg-[var(--card)] text-[var(--foreground)] flex flex-col transition-all duration-300 ease-in-out",
+      Nr[x]
+    ),
+    className: v,
+    style: {
+      ...A,
+      transform: y ? "translate(0, 0)" : wr[x],
+      ...g
+    },
+    sxSlot: N
+  }), U = b({
+    baseClassName: "flex items-center justify-between px-5 pt-5 pb-3 shrink-0",
+    sxSlot: P.header
+  }), I = b({
+    baseClassName: "text-lg font-bold text-[var(--foreground)]",
+    sxSlot: P.title
+  }), F = b({
+    baseClassName: "cursor-pointer p-1 rounded-md hover:bg-[var(--muted)] transition-colors text-[var(--muted-foreground)]",
+    sxSlot: P.closeBtn
+  }), B = b({
+    baseClassName: "flex-1 overflow-auto overscroll-contain px-5 py-2 text-[var(--foreground)]",
+    sxSlot: P.content
+  }), D = b({
+    baseClassName: "flex justify-end gap-2 px-5 py-4 border-t border-[var(--border)] shrink-0",
+    sxSlot: P.footer
+  }), W = (R) => {
+    L && R.target === R.currentTarget && a();
+  }, K = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ s("path", { d: "M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z" }) }), Z = O != null && O.length ? O : [
+    { key: "cancel", text: $.cancelText, onClick: a },
+    { key: "ok", text: $.okText, onClick: i || a }
+  ];
+  return _ ? /* @__PURE__ */ s(
+    "div",
+    {
+      className: T.className,
+      style: {
+        ...T.style,
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        opacity: y ? 1 : 0,
+        transition: "opacity 300ms ease-in-out"
+      },
+      onClick: W,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": $.title,
+      ...w,
+      children: /* @__PURE__ */ k("div", { className: C.className, style: C.style, children: [
+        /* @__PURE__ */ k("div", { className: U.className, style: U.style, children: [
+          /* @__PURE__ */ s("h3", { className: I.className, style: I.style, children: $.title }),
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: F.className,
+              style: F.style,
+              onClick: a,
+              role: "button",
+              tabIndex: 0,
+              "aria-label": $.closeAriaLabel,
+              onKeyDown: (R) => {
+                (R.key === "Enter" || R.key === " ") && a();
+              },
+              children: K
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { className: B.className, style: B.style, children: o }),
+        /* @__PURE__ */ s("div", { className: D.className, style: D.style, children: Z.map((R) => {
+          const re = R.key === "ok";
+          return /* @__PURE__ */ s(
+            ce,
+            {
+              onClick: R.onClick,
+              type: "default",
+              outline: !re,
+              size: "medium",
+              style: re ? {
+                backgroundColor: "var(--drawer-ok-bg)",
+                color: "var(--drawer-ok-fg)",
+                borderColor: "var(--drawer-ok-bg)"
+              } : {
+                backgroundColor: "var(--drawer-cancel-bg)",
+                color: "var(--drawer-cancel-fg)"
+              },
+              children: R.text
+            },
+            R.key
+          );
+        }) })
+      ] })
+    }
+  ) : null;
+}
+Tr.propTypes = {
+  children: t.node,
+  title: t.string,
+  okText: t.string,
+  cancelText: t.string,
+  open: t.bool,
+  onClose: t.func,
+  onOk: t.func,
+  type: t.oneOf(["top", "bottom", "left", "right"]),
+  width: t.oneOfType([t.string, t.number]),
+  height: t.oneOfType([t.string, t.number]),
+  sx: t.oneOfType([t.object, t.string]),
+  style: t.object,
+  className: t.string,
+  maskClosable: t.bool,
+  footerButtons: t.arrayOf(
+    t.shape({
+      key: t.string.isRequired,
+      text: t.string.isRequired,
+      onClick: t.func.isRequired
+    })
+  ),
+  localeText: t.object
+};
+const kr = ["root", "text"], St = {
+  small: "my-0.5",
+  medium: "my-1.5",
+  large: "my-2.5",
+  huge: "my-4"
+};
+function Lr(e, o) {
+  const {
+    sx: r = {},
+    style: n = {},
+    className: c = "",
+    size: l = "medium",
+    children: a,
+    ...i
+  } = e, u = H(r, kr), h = St[l] || St.medium, d = !!a, p = b({
+    baseClassName: E(
+      "flex items-center justify-center relative w-full",
+      h
+    ),
+    className: c,
+    sxSlot: u.root,
+    baseStyle: {},
+    style: n
+  }), g = b({
+    baseClassName: "px-2 whitespace-nowrap z-[1]",
+    sxSlot: u.text
+  });
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      ref: o,
+      className: p.className,
+      style: p.style,
+      ...i,
+      children: [
+        /* @__PURE__ */ s(
+          "span",
+          {
+            className: `flex-1 h-px bg-[var(--line-color)] ${d ? "mr-2.5" : ""}`
+          }
+        ),
+        d && /* @__PURE__ */ s("span", { className: g.className, style: g.style, children: a }),
+        /* @__PURE__ */ s(
+          "span",
+          {
+            className: `flex-1 h-px bg-[var(--line-color)] ${d ? "ml-2.5" : ""}`
+          }
+        )
+      ]
+    }
+  );
+}
+const Et = Q.forwardRef(Lr);
+Et.displayName = "Line";
+Et.propTypes = {
+  size: t.oneOf(["small", "medium", "large", "huge"]),
+  sx: t.oneOfType([t.string, t.object]),
+  style: t.object,
+  className: t.string,
+  children: t.node
+};
+const Pr = ["root"], Nt = {
+  default: "bg-[var(--mark-default-bg)]",
+  primary: "bg-[var(--mark-primary-bg)]",
+  success: "bg-[var(--mark-success-bg)]",
+  warning: "bg-[var(--mark-warning-bg)]",
+  danger: "bg-[var(--mark-danger-bg)]"
+};
+function _r(e, o) {
+  const {
+    sx: r = {},
+    style: n = {},
+    className: c = "",
+    color: l = "default",
+    beauty: a = !1,
+    children: i,
+    ...u
+  } = e, h = H(r, Pr), d = Nt[l] || Nt.default, p = b({
+    baseClassName: E(
+      "inline-block",
+      d,
+      a ? "px-2 py-1 rounded" : ""
+    ),
+    className: c,
+    sxSlot: h.root,
+    baseStyle: {},
+    style: n
+  });
+  return /* @__PURE__ */ s(
+    "mark",
+    {
+      ref: o,
+      className: p.className,
+      style: p.style,
+      ...u,
+      children: i
+    }
+  );
+}
+const $t = Q.forwardRef(_r);
+$t.displayName = "Mark";
+$t.propTypes = {
+  color: t.oneOf(["default", "primary", "success", "warning", "danger"]),
+  beauty: t.bool,
+  sx: t.oneOfType([t.string, t.object]),
+  style: t.object,
+  className: t.string,
+  children: t.node
+};
+const Or = ["overlay", "container", "header", "title", "closeBtn", "content", "footer"], Oe = {
+  title: "基础标题",
+  okText: "确定",
+  cancelText: "取消",
+  closeAriaLabel: "关闭"
+};
+function Ar(e) {
+  const {
+    children: o,
+    title: r,
+    okText: n,
+    cancelText: c,
+    open: l = !1,
+    onClose: a = () => {
+    },
+    onOk: i,
+    width: u,
+    sx: h = {},
+    style: d = {},
+    className: p = "",
+    maskClosable: g = !0,
+    footerButtons: v,
+    localeText: L = {},
+    ...O
+  } = e, { t: j } = ie(), [w, S] = G(!1), [x, _] = G(!1);
+  le(() => {
+    if (l) {
+      S(!0);
+      const D = setTimeout(() => _(!0), 30);
+      return () => clearTimeout(D);
+    }
+    if (w) {
+      _(!1);
+      const D = setTimeout(() => S(!1), 300);
+      return () => clearTimeout(D);
+    }
+  }, [l]), le(() => {
+    if (w) {
+      const D = document.body.style.overflow;
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = D;
+      };
+    }
+  }, [w]);
+  const m = {
+    title: r ?? j("modal.title", Oe.title),
+    okText: n ?? j("modal.okText", Oe.okText),
+    cancelText: c ?? j("modal.cancelText", Oe.cancelText),
+    closeAriaLabel: j("modal.closeAriaLabel", Oe.closeAriaLabel),
+    ...L
+  }, y = H(h, Or), M = b({
+    baseClassName: "fixed inset-0 z-[999] flex justify-center items-center",
+    sxSlot: y.overlay
+  }), A = {
+    tw: E(y.root.tw, y.container.tw),
+    css: { ...y.root.css, ...y.container.css }
+  }, $ = b({
+    baseClassName: "bg-[var(--modal-bg)] text-[var(--foreground)] flex flex-col rounded-[var(--radius)] shadow-[var(--modal-shadow)] transition-all duration-300 ease-in-out",
+    className: p,
+    style: {
+      width: u || "520px",
+      maxWidth: "90vw",
+      minHeight: "200px",
+      maxHeight: "80vh",
+      transform: x ? "scale(1)" : "scale(0.8)",
+      opacity: x ? 1 : 0,
+      ...d
+    },
+    sxSlot: A
+  }), P = b({
+    baseClassName: "flex items-center justify-between px-5 pt-5 pb-3 shrink-0",
+    sxSlot: y.header
+  }), T = b({
+    baseClassName: "text-lg font-bold text-[var(--foreground)]",
+    sxSlot: y.title
+  }), N = b({
+    baseClassName: "cursor-pointer p-1 rounded-md hover:bg-[var(--muted)] transition-colors text-[var(--muted-foreground)]",
+    sxSlot: y.closeBtn
+  }), C = b({
+    baseClassName: "flex-1 overflow-auto overscroll-contain px-6 py-5 text-[var(--foreground)]",
+    sxSlot: y.content
+  }), U = b({
+    baseClassName: "flex justify-end gap-2 px-5 py-4 border-t border-[var(--border)] shrink-0",
+    sxSlot: y.footer
+  }), I = (D) => {
+    g && D.target === D.currentTarget && a();
+  }, F = /* @__PURE__ */ s("svg", { viewBox: "0 0 1024 1024", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ s("path", { d: "M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z" }) }), B = v != null && v.length ? v : [
+    { key: "cancel", text: m.cancelText, onClick: a },
+    { key: "ok", text: m.okText, onClick: i || a }
+  ];
+  return w ? /* @__PURE__ */ s(
+    "div",
+    {
+      className: M.className,
+      style: {
+        ...M.style,
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        opacity: x ? 1 : 0,
+        transition: "opacity 300ms ease-in-out"
+      },
+      onClick: I,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": m.title,
+      ...O,
+      children: /* @__PURE__ */ k("div", { className: $.className, style: $.style, children: [
+        /* @__PURE__ */ k("div", { className: P.className, style: P.style, children: [
+          /* @__PURE__ */ s("h3", { className: T.className, style: T.style, children: m.title }),
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: N.className,
+              style: N.style,
+              onClick: a,
+              role: "button",
+              tabIndex: 0,
+              "aria-label": m.closeAriaLabel,
+              onKeyDown: (D) => {
+                (D.key === "Enter" || D.key === " ") && a();
+              },
+              children: F
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { className: C.className, style: C.style, children: o }),
+        /* @__PURE__ */ s("div", { className: U.className, style: U.style, children: B.map((D) => {
+          const W = D.key === "ok";
+          return /* @__PURE__ */ s(
+            ce,
+            {
+              onClick: D.onClick,
+              type: "default",
+              outline: !W,
+              size: "medium",
+              style: W ? {
+                backgroundColor: "var(--modal-ok-bg)",
+                color: "var(--modal-ok-fg)",
+                borderColor: "var(--modal-ok-bg)"
+              } : {
+                backgroundColor: "var(--modal-cancel-bg)",
+                color: "var(--modal-cancel-fg)"
+              },
+              children: D.text
+            },
+            D.key
+          );
+        }) })
+      ] })
+    }
+  ) : null;
+}
+Ar.propTypes = {
+  children: t.node,
+  title: t.string,
+  okText: t.string,
+  cancelText: t.string,
+  open: t.bool,
+  onClose: t.func,
+  onOk: t.func,
+  width: t.oneOfType([t.string, t.number]),
+  sx: t.oneOfType([t.object, t.string]),
+  style: t.object,
+  className: t.string,
+  maskClosable: t.bool,
+  footerButtons: t.arrayOf(
+    t.shape({
+      key: t.string.isRequired,
+      text: t.string.isRequired,
+      onClick: t.func.isRequired
+    })
+  ),
+  localeText: t.object
+};
+const Mr = ["root", "input", "button"], zr = {
+  small: "small",
+  medium: "medium",
+  large: "large",
+  huge: "huge"
+}, Er = {
+  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 = {
+  small: "small",
+  medium: "small",
+  large: "medium",
+  huge: "medium"
+}, wt = {
+  placeholder: "请输入内容",
+  btnText: "搜索"
+}, Br = (e, o, r) => Object.prototype.hasOwnProperty.call(r, e) ? e : o;
+function Ir(e) {
+  const {
+    size: o = "medium",
+    sx: r = {},
+    style: n = {},
+    className: c = "",
+    onSearch: l,
+    value: a,
+    defaultValue: i,
+    disabled: u = !1,
+    placeholder: h,
+    btnText: d,
+    localeText: p,
+    path: g = "",
+    ...v
+  } = e, { t: L } = ie(), O = $e(null), j = Br(o, "medium", zr), w = a !== void 0, S = L("search.placeholder", wt.placeholder), x = L("search.btnText", wt.btnText), _ = h ?? (p == null ? void 0 : p.placeholder) ?? S, m = d ?? (p == null ? void 0 : p.btnText) ?? x, y = H(r, Mr), M = {
+    tw: E(y.root.tw, y.input.tw),
+    css: { ...y.root.css, ...y.input.css }
+  }, A = E("relative inline-flex", y.root.tw), $ = E(
+    "w-[300px] rounded-[var(--radius)] border bg-[var(--input-bg)] text-[var(--foreground)] outline-none transition-all duration-200 ease-in-out",
+    "border-[var(--border)] shadow-[var(--input-shadow)]",
+    "hover:border-[var(--input-accent)]",
+    "focus:border-[var(--input-accent)] focus:shadow-[var(--input-focus-shadow)]",
+    u && "bg-[var(--muted)] text-[var(--muted-foreground)] border-[var(--muted)] cursor-not-allowed shadow-none hover:border-[var(--muted)] focus:shadow-none",
+    Er[j]
+  ), P = b({
+    baseClassName: $,
+    className: c,
+    style: n,
+    sxSlot: M
+  }), T = b({
+    baseClassName: "absolute top-1/2 -translate-y-1/2",
+    sxSlot: y.button,
+    style: { right: "calc(var(--spacing) * 2)" }
+  }), N = oe(() => {
+    var I;
+    return w ? a : ((I = O.current) == null ? void 0 : I.value) ?? "";
+  }, [w, a]), C = oe(() => {
+    l == null || l(N());
+  }, [l, N]), U = oe((I) => {
+    I.key === "Enter" && C();
+  }, [C]);
+  return /* @__PURE__ */ k("div", { className: A, children: [
+    /* @__PURE__ */ s(
+      "input",
+      {
+        ref: w ? void 0 : O,
+        className: P.className,
+        style: P.style,
+        onKeyDown: U,
+        value: w ? a : void 0,
+        defaultValue: w ? void 0 : i ?? "",
+        disabled: u || void 0,
+        placeholder: _,
+        type: "text",
+        role: "searchbox",
+        "aria-label": _,
+        ...v
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: T.className, style: T.style, children: /* @__PURE__ */ s(
+      ce,
+      {
+        onClick: C,
+        size: $r[j],
+        disabled: u,
+        "aria-label": m,
+        children: g ? /* @__PURE__ */ s(
+          "img",
+          {
+            src: g,
+            alt: "search-icon",
+            style: { width: 16, height: 16, marginTop: 2, marginBottom: -3 }
+          }
+        ) : m
+      }
+    ) })
+  ] });
+}
+Ir.propTypes = {
+  size: t.oneOf(["small", "medium", "large", "huge"]),
+  sx: t.oneOfType([t.object, t.string]),
+  style: t.object,
+  className: t.string,
+  onSearch: t.func,
+  value: t.string,
+  defaultValue: t.string,
+  disabled: t.bool,
+  placeholder: t.string,
+  btnText: t.string,
+  localeText: t.shape({
+    placeholder: t.string,
+    btnText: t.string
+  }),
+  path: t.string
+};
+const Bt = {
+  default: "",
+  inline: "inline-block",
+  circle: "rounded-full",
+  triangle: "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)]",
+  halfCircle: "rounded-t-full rounded-b-none",
+  fixed: "fixed",
+  absolute: "absolute",
+  relative: "relative"
+}, It = Object.keys(Bt), jr = ["root"];
+function Fr(e, o) {
+  const {
+    sx: r = {},
+    style: n = {},
+    className: c = "",
+    type: l = "default",
+    children: a,
+    /* 其余全部透传给 div（事件、data-*、aria-* 等） */
+    /**
+     * 
+     * Space 只会“消耗”自己定义的 4 个 prop（sx、style、className、type、children），
+     * 其余所有属性——包括 onClick、onDoubleClick、onMouseMove、data-testid、
+     * aria-label、role、tabIndex 等原生 HTML 属性——都不会被拦截，全部进入 restProps。
+     * 
+     * noted by clayw on 20260523 night
+     * 
+     */
+    ...i
+  } = e, u = It.includes(l) ? l : "default", h = H(r, jr), d = b({
+    baseClassName: Bt[u],
+    className: c,
+    sxSlot: h.root
+  }), p = u === "halfCircle" ? { width: "var(--space-half-circle-w)", height: "var(--space-half-circle-h)", background: "var(--space-half-circle-color)" } : {};
+  return (
+    // 这里直接透传给原生div，用户用起来就像使用普通 div 一样，dom也是div
+    /* @__PURE__ */ s(
+      "div",
+      {
+        ref: o,
+        className: d.className,
+        style: { ...p, ...d.style, ...n },
+        ...i,
+        children: a
+      }
+    )
+  );
+}
+const jt = Q.forwardRef(Fr);
+jt.propTypes = {
+  type: t.oneOf(It),
+  sx: t.oneOfType([t.string, t.object]),
+  style: t.object,
+  className: t.string,
+  children: t.node
+};
+jt.displayName = "Space";
+const Dr = ["root", "wrapper", "thead", "headerCell", "body", "row", "cell", "empty", "pagination"], ve = {
+  empty: "暂无数据",
+  prev: "上一页",
+  next: "下一页",
+  page: "页",
+  total: "共 {total} 条",
+  perPage: "条/页"
+}, Rr = 10, Vr = [10, 20, 50, 100], Ae = (e, ...o) => typeof e == "function" ? e(...o) : e ?? {};
+function Yr(e) {
+  const {
+    dataSource: o = [],
+    columns: r = [],
+    /* sx / 样式 */
+    sx: n = {},
+    style: c = {},
+    className: l = "",
+    /* 分页 */
+    pagination: a = null,
+    /* 隐藏列 */
+    hide: i = [],
+    /* 行回调 */
+    rowClassName: u,
+    rowStyle: h,
+    /* 单元格回调 */
+    cellClassName: d,
+    cellStyle: p,
+    /* hover */
+    hoverColor: g = "",
+    /* i18n */
+    i18nKey: v = null,
+    localeText: L = {},
+    /* 无障碍 */
+    "aria-label": O,
+    ...j
+  } = e, { t: w } = ie();
+  o.length === 0 && r.length === 0 && console.warn("[Tango Table] dataSource 和 columns 不能同时为空，请至少提供一项。");
+  const S = {
+    empty: w("table.empty", ve.empty),
+    prev: w("table.prev", ve.prev),
+    next: w("table.next", ve.next),
+    page: w("table.page", ve.page),
+    total: w("table.total", ve.total),
+    perPage: w("table.perPage", ve.perPage),
+    ...L
+  }, x = Array.isArray(i) ? i : typeof i == "string" ? [i] : [], _ = Se(
+    () => r.filter((q) => !q.hide && !x.includes(q.dataIndex)),
+    [r, x]
+  ), m = a !== null && a !== !1, y = a && a.placement || "bottom", M = a && a.pageSize || Rr, A = a && a.pageSizeOptions || Vr, $ = (a == null ? void 0 : a.showTotal) !== !1, P = (a == null ? void 0 : a.showSizeChanger) !== !1, [T, N] = G(1), [C, U] = G(M), I = o.length, F = Math.max(1, Math.ceil(I / C)), B = Math.min(T, F), D = Se(() => {
+    if (!m) return o;
+    const q = (B - 1) * C;
+    return o.slice(q, q + C);
+  }, [o, B, C, m]), W = oe(
+    (q) => N(Math.max(1, Math.min(q, F))),
+    [F]
+  ), K = H(n, Dr), Z = b({
+    baseClassName: E(
+      "w-full overflow-x-auto rounded-xl border border-[var(--border)]",
+      "shadow-[0_0_20px_color-mix(in_oklch,var(--foreground)_8%,transparent)]"
+    ),
+    className: l,
+    style: c,
+    sxSlot: {
+      tw: E(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",
+    sxSlot: K.thead
+  }), re = b({
+    baseClassName: "text-[var(--foreground)]",
+    sxSlot: K.body
+  }), de = b({
+    baseClassName: "text-[var(--muted-foreground)] py-16 text-center",
+    sxSlot: K.empty
+  }), be = b({
+    baseClassName: "flex items-center justify-between px-4 py-3 text-sm text-[var(--muted-foreground)] border-t border-[var(--border)]",
+    sxSlot: K.pagination
+  }), fe = g ? /* @__PURE__ */ s("style", { children: `
+      [data-tango-table-body] tr:hover {
+        background-color: ${g} !important;
+        transform: translateY(-1px);
+        box-shadow: 0 2px 8px color-mix(in oklch, var(--foreground) 5%, transparent);
+      }
+    ` }) : null, se = () => {
+    if (!m) return null;
+    const q = Array.from({ length: F }, (z, X) => X + 1);
+    return /* @__PURE__ */ k("div", { className: be.className, style: be.style, children: [
+      /* @__PURE__ */ k("div", { className: "flex items-center gap-3", children: [
+        $ && /* @__PURE__ */ s("span", { children: S.total.replace("{total}", String(I)) }),
+        P && /* @__PURE__ */ s(
+          "select",
+          {
+            value: C,
+            onChange: (z) => {
+              U(Number(z.target.value)), N(1);
+            },
+            className: "rounded border border-[var(--border)] bg-[var(--background)] px-2 py-1 text-sm cursor-pointer",
+            "aria-label": S.perPage,
+            children: A.map((z) => /* @__PURE__ */ k("option", { value: z, children: [
+              z,
+              " ",
+              S.perPage
+            ] }, z))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ k("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ s(
+          "button",
+          {
+            onClick: () => W(B - 1),
+            disabled: B <= 1,
+            className: "px-2 py-1 rounded border border-[var(--border)] text-xs disabled:opacity-40 disabled:cursor-not-allowed hover:bg-[var(--accent)] transition-colors",
+            "aria-label": S.prev,
+            children: S.prev
+          }
+        ),
+        q.length <= 7 ? q.map((z) => /* @__PURE__ */ s(
+          "button",
+          {
+            onClick: () => W(z),
+            className: `min-w-[28px] px-2 py-1 rounded text-xs transition-colors ${z === B ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"}`,
+            children: z
+          },
+          z
+        )) : /* @__PURE__ */ k(Ne, { children: [
+          /* @__PURE__ */ s(
+            "button",
+            {
+              onClick: () => W(1),
+              className: `min-w-[28px] px-2 py-1 rounded text-xs ${B === 1 ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
+              children: "1"
+            }
+          ),
+          B > 3 && /* @__PURE__ */ s("span", { className: "px-1 text-xs", children: "…" }),
+          Array.from(
+            { length: F },
+            (z, X) => X + 1
+          ).filter((z) => z > 1 && z < F && Math.abs(z - B) <= 1).map((z) => /* @__PURE__ */ s(
+            "button",
+            {
+              onClick: () => W(z),
+              className: `min-w-[28px] px-2 py-1 rounded text-xs ${z === B ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
+              children: z
+            },
+            z
+          )),
+          B < F - 2 && /* @__PURE__ */ s("span", { className: "px-1 text-xs", children: "…" }),
+          /* @__PURE__ */ s(
+            "button",
+            {
+              onClick: () => W(F),
+              className: `min-w-[28px] px-2 py-1 rounded text-xs ${B === F ? "bg-[var(--primary)] text-[var(--primary-foreground)] font-medium" : "border border-[var(--border)] hover:bg-[var(--accent)]"} transition-colors`,
+              children: F
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            onClick: () => W(B + 1),
+            disabled: B >= F,
+            className: "px-2 py-1 rounded border border-[var(--border)] text-xs disabled:opacity-40 disabled:cursor-not-allowed hover:bg-[var(--accent)] transition-colors",
+            "aria-label": S.next,
+            children: S.next
+          }
+        )
+      ] })
+    ] });
+  }, ee = (q) => /* @__PURE__ */ k("div", { className: Z.className, style: Z.style, children: [
+    fe,
+    /* @__PURE__ */ k("table", { className: "w-full border-collapse separate border-spacing-0 text-sm", role: "table", children: [
+      /* @__PURE__ */ s("thead", { className: R.className, style: R.style, children: /* @__PURE__ */ s("tr", { children: _.map((z) => {
+        const X = b({
+          baseClassName: E(
+            "px-5 py-4 text-left font-semibold tracking-wide relative",
+            K.headerCell.tw
+          ),
+          baseStyle: z.width ? { width: z.width } : {},
+          sxSlot: { tw: "", css: K.headerCell.css }
+        });
+        return /* @__PURE__ */ k("th", { className: X.className, style: X.style, children: [
+          z.title,
+          /* @__PURE__ */ s("span", { className: "absolute right-0 top-[20%] h-[60%] w-px bg-[var(--primary-foreground)]/15 last:hidden" })
+        ] }, z.key || z.dataIndex);
+      }) }) }),
+      /* @__PURE__ */ s("tbody", { className: re.className, style: re.style, "data-tango-table-body": !0, children: q.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: _.length, className: de.className, style: de.style, children: S.empty }) }) : q.map((z, X) => {
+        const te = X % 2 === 0 ? "even" : "odd", ae = E(
+          "transition-all duration-200",
+          te === "even" ? "bg-[color-mix(in_oklch,var(--table-hover)_6%,transparent)]" : "",
+          "hover:bg-[color-mix(in_oklch,var(--table-hover)_20%,transparent)]",
+          K.row.tw,
+          Ae(u, z, X, te)
+        ), ue = {
+          ...Ae(h, z, X, te),
+          ...K.row.css
+        };
+        return /* @__PURE__ */ s("tr", { className: ae, style: ue, children: _.map((f, Y) => {
+          const J = Y % 2 === 0 ? "even" : "odd", ge = E(
+            "px-5 py-3.5 text-left relative",
+            "border-b border-[color-mix(in_oklch,var(--foreground)_5%,transparent)]",
+            K.cell.tw,
+            Ae(d, z, f, X, Y, te, J)
+          ), pe = {
+            ...f.width ? { width: f.width } : {},
+            ...Ae(p, z, f, X, Y, te, J),
+            ...K.cell.css
+          };
+          return /* @__PURE__ */ k("td", { className: ge, style: pe, children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center min-h-5", children: f.render ? f.render(z[f.dataIndex], z, X) : z[f.dataIndex] }),
+            /* @__PURE__ */ s("span", { className: "absolute right-0 top-[20%] h-[60%] w-px bg-[color-mix(in_oklch,var(--foreground)_4%,transparent)] last:hidden" })
+          ] }, f.key || f.dataIndex || Y);
+        }) }, z.key || X);
+      }) })
+    ] })
+  ] });
+  return /* @__PURE__ */ k("div", { role: "region", "aria-label": O || "Table", ...j, children: [
+    m && y === "top" && se(),
+    ee(D),
+    m && y === "bottom" && se()
+  ] });
+}
+Yr.propTypes = {
+  dataSource: t.array,
+  columns: t.arrayOf(
+    t.shape({
+      title: t.string.isRequired,
+      dataIndex: t.string.isRequired,
+      key: t.oneOfType([t.string, t.number]),
+      render: t.func,
+      width: t.oneOfType([t.string, t.number]),
+      hide: t.bool
+    })
+  ),
+  sx: t.oneOfType([t.object, t.string]),
+  style: t.object,
+  className: t.string,
+  pagination: t.oneOfType([
+    t.bool,
+    t.shape({
+      placement: t.oneOf(["top", "bottom"]),
+      pageSize: t.number,
+      pageSizeOptions: t.arrayOf(t.number),
+      showTotal: t.bool,
+      showSizeChanger: t.bool
+    })
+  ]),
+  hide: t.oneOfType([
+    t.arrayOf(t.string),
+    t.string
+  ]),
+  rowClassName: t.oneOfType([t.func, t.string]),
+  rowStyle: t.oneOfType([t.func, t.object]),
+  cellClassName: t.oneOfType([t.func, t.string]),
+  cellStyle: t.oneOfType([t.func, t.object]),
+  hoverColor: t.string,
+  i18nKey: t.string,
+  localeText: t.object
+};
+const Kr = ["root", "tooltip"], Ct = {
+  top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+  bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+  left: "right-full top-1/2 -translate-y-1/2 mr-2",
+  right: "left-full top-1/2 -translate-y-1/2 ml-2"
+}, Ur = {
+  top: { bottom: "-5px", left: "50%", marginLeft: "-5px", transform: "rotate(45deg)" },
+  bottom: { top: "-5px", left: "50%", marginLeft: "-5px", transform: "rotate(45deg)" },
+  left: { right: "-5px", top: "50%", marginTop: "-5px", transform: "rotate(45deg)" },
+  right: { left: "-5px", top: "50%", marginTop: "-5px", transform: "rotate(45deg)" }
+};
+function Hr(e, o) {
+  const {
+    children: r,
+    title: n,
+    placement: c = "top",
+    open: l,
+    defaultOpen: a = !1,
+    onOpenChange: i,
+    disabled: u = !1,
+    sx: h = {},
+    style: d = {},
+    className: p = "",
+    onMouseEnter: g,
+    onMouseLeave: v,
+    onFocus: L,
+    onBlur: O,
+    ...j
+  } = e, [w, S] = G(a), x = l !== void 0, _ = x ? l : w, m = oe((C) => {
+    x || S(C), i == null || i(C);
+  }, [x, i]), y = Ct[c] ? c : "top", M = H(h, Kr), A = b({
+    baseClassName: "relative inline-flex",
+    sxSlot: M.root
+  }), $ = b({
+    baseClassName: E(
+      "absolute z-50 whitespace-nowrap px-3 py-1.5 text-sm",
+      "bg-[var(--tooltip-background)] text-[var(--tooltip-foreground)]",
+      "shadow-[var(--tooltip-shadow)]",
+      Ct[y]
+    ),
+    className: p,
+    baseStyle: { borderRadius: "var(--tooltip-radius)" },
+    sxSlot: M.tooltip,
+    style: d
+  }), P = {
+    position: "absolute",
+    width: "10px",
+    height: "10px",
+    backgroundColor: "inherit",
+    ...Ur[y]
+  }, T = () => !u && m(!0), N = () => !u && m(!1);
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      ref: o,
+      className: A.className,
+      style: A.style,
+      onMouseEnter: (C) => {
+        T(), g == null || g(C);
+      },
+      onMouseLeave: (C) => {
+        N(), v == null || v(C);
+      },
+      onFocus: (C) => {
+        T(), L == null || L(C);
+      },
+      onBlur: (C) => {
+        N(), O == null || O(C);
+      },
+      ...j,
+      children: [
+        r,
+        _ && n && /* @__PURE__ */ k("div", { role: "tooltip", className: $.className, style: $.style, children: [
+          /* @__PURE__ */ s("span", { style: { position: "relative", zIndex: 1 }, children: n }),
+          /* @__PURE__ */ s("span", { style: P })
+        ] })
+      ]
+    }
+  );
+}
+const Ft = Q.forwardRef(Hr);
+Ft.displayName = "Tooltip";
+Ft.propTypes = {
+  children: t.node,
+  title: t.node,
+  placement: t.oneOf(["top", "bottom", "left", "right"]),
+  open: t.bool,
+  defaultOpen: t.bool,
+  onOpenChange: t.func,
+  disabled: t.bool,
+  sx: t.oneOfType([t.string, t.object]),
+  style: t.object,
+  className: t.string,
+  onMouseEnter: t.func,
+  onMouseLeave: t.func,
+  onFocus: t.func,
+  onBlur: t.func
+};
+ce.MaterialButton = Ze;
+Xe.MaterialInput = Ge;
+ne.Header = Xo;
+ne.Footer = qo;
+ne.Sider = Jo;
+ne.Content = Qo;
+ne.Toc = er;
+export {
+  sr as Banner,
+  ce as Button,
+  dr as ColorPicker,
+  Qo as Content,
+  gr as DateDisplay,
+  xr as DatePicker,
+  Tr as Drawer,
+  qo as Footer,
+  Xo as Header,
+  Xe as Input,
+  ne as Layout,
+  Et as Line,
+  $t as Mark,
+  Ze as MaterialButton,
+  Ge as MaterialInput,
+  Ar as Modal,
+  We as Notice,
+  es as NoticeProvider,
+  Ir as Search,
+  Jo as Sider,
+  jt as Space,
+  Yr as Table,
+  sr as TangoBanner,
+  dr as TangoColorPicker,
+  gr as TangoDate,
+  xr as TangoDatePicker,
+  Tr as TangoDrawer,
+  os as TangoI18nProvider,
+  Ar as TangoModal,
+  We as TangoNotice,
+  Ir as TangoSearch,
+  Ft as TangoTooltip,
+  Jr as ThemeProvider,
+  er as Toc,
+  Ft as Tooltip,
+  qe as Upload,
+  b as createSlotProps,
+  E as mergeTwClassNames,
+  H as normalizeSxSlots,
+  ze as normalizeTangoLocale,
+  ts as useNotice,
+  ie as useTangoI18n,
+  Me as useTangoStyle,
+  Qr as useTheme
+};