@turinhub/atomix-common-ui 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,10 +1,11 @@
-import { clsx as ae } from "clsx";
-import { twMerge as oe } from "tailwind-merge";
-import ce, { useState as ie, useEffect as ue } from "react";
-function pe(...a) {
-  return oe(ae(a));
+import { clsx as ce } from "clsx";
+import { twMerge as ie } from "tailwind-merge";
+import ue, { useState as ne, useEffect as le } from "react";
+import { MoreVertical as de, Plus as fe, Search as xe, ChevronLeft as me, ChevronRight as he } from "lucide-react";
+function ye(...n) {
+  return ie(ce(n));
 }
-var Z = { exports: {} }, F = {};
+var Q = { exports: {} }, U = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -15,28 +16,28 @@ var Z = { exports: {} }, F = {};
  * LICENSE file in the root directory of this source tree.
  */
 var re;
-function de() {
-  if (re) return F;
+function pe() {
+  if (re) return U;
   re = 1;
-  var a = Symbol.for("react.transitional.element"), h = Symbol.for("react.fragment");
-  function d(j, c, f) {
-    var x = null;
-    if (f !== void 0 && (x = "" + f), c.key !== void 0 && (x = "" + c.key), "key" in c) {
-      f = {};
-      for (var o in c)
-        o !== "key" && (f[o] = c[o]);
-    } else f = c;
-    return c = f.ref, {
-      $$typeof: a,
-      type: j,
-      key: x,
-      ref: c !== void 0 ? c : null,
-      props: f
+  var n = Symbol.for("react.transitional.element"), h = Symbol.for("react.fragment");
+  function c(x, a, i) {
+    var d = null;
+    if (i !== void 0 && (d = "" + i), a.key !== void 0 && (d = "" + a.key), "key" in a) {
+      i = {};
+      for (var o in a)
+        o !== "key" && (i[o] = a[o]);
+    } else i = a;
+    return a = i.ref, {
+      $$typeof: n,
+      type: x,
+      key: d,
+      ref: a !== void 0 ? a : null,
+      props: i
     };
   }
-  return F.Fragment = h, F.jsx = d, F.jsxs = d, F;
+  return U.Fragment = h, U.jsx = c, U.jsxs = c, U;
 }
-var W = {};
+var V = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -47,384 +48,371 @@ var W = {};
  * LICENSE file in the root directory of this source tree.
  */
 var te;
-function fe() {
+function je() {
   return te || (te = 1, process.env.NODE_ENV !== "production" && (function() {
-    function a(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === K ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case S:
+    function n(r) {
+      if (r == null) return null;
+      if (typeof r == "function")
+        return r.$$typeof === K ? null : r.displayName || r.name || null;
+      if (typeof r == "string") return r;
+      switch (r) {
+        case C:
           return "Fragment";
-        case D:
+        case O:
           return "Profiler";
-        case w:
+        case R:
           return "StrictMode";
-        case g:
+        case E:
           return "Suspense";
-        case k:
+        case g:
           return "SuspenseList";
-        case Q:
+        case L:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof r == "object")
+        switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case O:
+        ), r.$$typeof) {
+          case M:
             return "Portal";
-          case R:
-            return e.displayName || "Context";
           case y:
-            return (e._context.displayName || "Context") + ".Consumer";
+            return r.displayName || "Context";
+          case S:
+            return (r._context.displayName || "Context") + ".Consumer";
+          case A:
+            var s = r.render;
+            return r = r.displayName, r || (r = s.displayName || s.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case _:
+            return s = r.displayName || null, s !== null ? s : n(r.type) || "Memo";
           case P:
-            var t = e.render;
-            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case Y:
-            return t = e.displayName || null, t !== null ? t : a(e.type) || "Memo";
-          case L:
-            t = e._payload, e = e._init;
+            s = r._payload, r = r._init;
             try {
-              return a(e(t));
+              return n(r(s));
             } catch {
             }
         }
       return null;
     }
-    function h(e) {
-      return "" + e;
+    function h(r) {
+      return "" + r;
     }
-    function d(e) {
+    function c(r) {
       try {
-        h(e);
-        var t = !1;
+        h(r);
+        var s = !1;
       } catch {
-        t = !0;
+        s = !0;
       }
-      if (t) {
-        t = console;
-        var l = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return l.call(
-          t,
+      if (s) {
+        s = console;
+        var u = s.error, m = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return u.call(
+          s,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          i
-        ), h(e);
+          m
+        ), h(r);
       }
     }
-    function j(e) {
-      if (e === S) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === L)
+    function x(r) {
+      if (r === C) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === P)
         return "<...>";
       try {
-        var t = a(e);
-        return t ? "<" + t + ">" : "<...>";
+        var s = n(r);
+        return s ? "<" + s + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
-      var e = z.A;
-      return e === null ? null : e.getOwner();
+    function a() {
+      var r = Y.A;
+      return r === null ? null : r.getOwner();
     }
-    function f() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function x(e) {
-      if (U.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning) return !1;
+    function d(r) {
+      if (H.call(r, "key")) {
+        var s = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (s && s.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return r.key !== void 0;
     }
-    function o(e, t) {
-      function l() {
-        q || (q = !0, console.error(
+    function o(r, s) {
+      function u() {
+        G || (G = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          t
+          s
         ));
       }
-      l.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: l,
+      u.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: u,
         configurable: !0
       });
     }
-    function _() {
-      var e = a(this.type);
-      return J[e] || (J[e] = !0, console.error(
+    function w() {
+      var r = n(this.type);
+      return J[r] || (J[r] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
+      )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function m(e, t, l, i, I, M) {
-      var u = l.ref;
-      return e = {
-        $$typeof: E,
-        type: e,
-        key: t,
-        props: l,
-        _owner: i
-      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+    function f(r, s, u, m, $, W) {
+      var p = u.ref;
+      return r = {
+        $$typeof: T,
+        type: r,
+        key: s,
+        props: u,
+        _owner: m
+      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: _
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: w
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(r, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(r, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: I
-      }), Object.defineProperty(e, "_debugTask", {
+        value: $
+      }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: M
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: W
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function s(e, t, l, i, I, M) {
-      var u = t.children;
-      if (u !== void 0)
-        if (i)
-          if (H(u)) {
-            for (i = 0; i < u.length; i++)
-              T(u[i]);
-            Object.freeze && Object.freeze(u);
+    function t(r, s, u, m, $, W) {
+      var p = s.children;
+      if (p !== void 0)
+        if (m)
+          if (q(p)) {
+            for (m = 0; m < p.length; m++)
+              j(p[m]);
+            Object.freeze && Object.freeze(p);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else T(u);
-      if (U.call(t, "key")) {
-        u = a(e);
-        var C = Object.keys(t).filter(function(p) {
-          return p !== "key";
+        else j(p);
+      if (H.call(s, "key")) {
+        p = n(r);
+        var D = Object.keys(s).filter(function(N) {
+          return N !== "key";
         });
-        i = 0 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", G[u + i] || (C = 0 < C.length ? "{" + C.join(": ..., ") + ": ...}" : "{}", console.error(
+        m = 0 < D.length ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}", X[p + m] || (D = 0 < D.length ? "{" + D.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          i,
-          u,
-          C,
-          u
-        ), G[u + i] = !0);
+          m,
+          p,
+          D,
+          p
+        ), X[p + m] = !0);
       }
-      if (u = null, l !== void 0 && (d(l), u = "" + l), x(t) && (d(t.key), u = "" + t.key), "key" in t) {
-        l = {};
-        for (var n in t)
-          n !== "key" && (l[n] = t[n]);
-      } else l = t;
-      return u && o(
-        l,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), m(
-        e,
+      if (p = null, u !== void 0 && (c(u), p = "" + u), d(s) && (c(s.key), p = "" + s.key), "key" in s) {
+        u = {};
+        for (var l in s)
+          l !== "key" && (u[l] = s[l]);
+      } else u = s;
+      return p && o(
+        u,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
+      ), f(
+        r,
+        p,
         u,
-        l,
-        c(),
-        I,
-        M
+        a(),
+        $,
+        W
       );
     }
-    function T(e) {
-      N(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === L && (e._payload.status === "fulfilled" ? N(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function j(r) {
+      b(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === P && (r._payload.status === "fulfilled" ? b(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
     }
-    function N(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === E;
+    function b(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === T;
     }
-    var b = ce, E = Symbol.for("react.transitional.element"), O = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), R = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), z = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, H = Array.isArray, B = console.createTask ? console.createTask : function() {
+    var v = ue, T = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), y = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), L = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), Y = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, q = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
-    b = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    v = {
+      react_stack_bottom_frame: function(r) {
+        return r();
       }
     };
-    var q, J = {}, V = b.react_stack_bottom_frame.bind(
-      b,
-      f
-    )(), A = B(j(f)), G = {};
-    W.Fragment = S, W.jsx = function(e, t, l) {
-      var i = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return s(
-        e,
-        t,
-        l,
+    var G, J = {}, z = v.react_stack_bottom_frame.bind(
+      v,
+      i
+    )(), I = F(x(i)), X = {};
+    V.Fragment = C, V.jsx = function(r, s, u) {
+      var m = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return t(
+        r,
+        s,
+        u,
         !1,
-        i ? Error("react-stack-top-frame") : V,
-        i ? B(j(e)) : A
+        m ? Error("react-stack-top-frame") : z,
+        m ? F(x(r)) : I
       );
-    }, W.jsxs = function(e, t, l) {
-      var i = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return s(
-        e,
-        t,
-        l,
+    }, V.jsxs = function(r, s, u) {
+      var m = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return t(
+        r,
+        s,
+        u,
         !0,
-        i ? Error("react-stack-top-frame") : V,
-        i ? B(j(e)) : A
+        m ? Error("react-stack-top-frame") : z,
+        m ? F(x(r)) : I
       );
     };
-  })()), W;
+  })()), V;
 }
 var se;
-function me() {
-  return se || (se = 1, process.env.NODE_ENV === "production" ? Z.exports = de() : Z.exports = fe()), Z.exports;
+function ve() {
+  return se || (se = 1, process.env.NODE_ENV === "production" ? Q.exports = pe() : Q.exports = je()), Q.exports;
 }
-var r = me();
-function ve({
-  data: a,
+var e = ve();
+function Ee({
+  data: n,
   loading: h = !1,
-  columns: d,
-  rowKey: j,
-  emptyText: c = "暂无数据",
-  searchActiveEmptyText: f = "未找到匹配的记录",
-  header: x,
+  columns: c,
+  rowKey: x,
+  emptyText: a = "暂无数据",
+  searchActiveEmptyText: i = "未找到匹配的记录",
+  header: d,
   pagination: o,
-  rowClassName: _,
-  onRow: m,
-  actions: s,
-  components: T,
-  renderCard: N,
-  renderTable: b,
-  renderActions: E
+  rowClassName: w,
+  onRow: f,
+  actions: t,
+  components: j,
+  renderCard: b,
+  renderTable: v,
+  renderActions: T
 }) {
-  var u, C;
-  if (!T)
-    return /* @__PURE__ */ r.jsxs("div", { className: "p-4 text-center text-destructive", children: [
+  var p, D;
+  if (!j)
+    return /* @__PURE__ */ e.jsxs("div", { className: "p-4 text-center text-destructive", children: [
       "错误：请通过 components prop 注入 UI 组件",
-      /* @__PURE__ */ r.jsx("br", {}),
-      /* @__PURE__ */ r.jsx("code", { className: "text-sm", children: 'import { Card, Table, Button, ... } from "@/components/ui"' })
+      /* @__PURE__ */ e.jsx("br", {}),
+      /* @__PURE__ */ e.jsx("code", { className: "text-sm", children: 'import { Card, Table, Button, ... } from "@/components/ui"' })
     ] });
   const {
-    Card: O,
-    CardContent: S,
-    CardFooter: w,
-    Table: D,
-    TableBody: y,
-    TableCell: R,
-    TableHead: P,
-    TableHeader: g,
-    TableRow: k,
-    Button: Y,
-    DropdownMenu: L,
-    DropdownMenuTrigger: Q,
+    Card: M,
+    CardContent: C,
+    CardFooter: R,
+    Table: O,
+    TableBody: S,
+    TableCell: y,
+    TableHead: A,
+    TableHeader: E,
+    TableRow: g,
+    Button: _,
+    DropdownMenu: P,
+    DropdownMenuTrigger: L,
     DropdownMenuContent: K,
-    DropdownMenuItem: z,
-    DropdownMenuSeparator: U,
-    Skeleton: H,
-    TableHeaderComponent: B,
-    TablePaginationComponent: q
-  } = T, J = (n, p) => {
-    if (typeof j == "function")
-      return j(n);
-    const v = n[j];
-    return v != null ? String(v) : `row-${p}`;
-  }, V = !!(x != null && x.searchValue && x.searchValue.trim().length > 0), A = !!(s != null && s.render || (u = s == null ? void 0 : s.items) != null && u.length), G = (s == null ? void 0 : s.mode) ?? ((C = s == null ? void 0 : s.items) != null && C.length ? "collapsed" : "expanded"), e = (n) => n.separator === !0, t = (n, p) => !s || !A ? null : G === "collapsed" && s.items && s.items.length > 0 ? /* @__PURE__ */ r.jsxs(L, { children: [
-    /* @__PURE__ */ r.jsx(Q, { asChild: !0, children: /* @__PURE__ */ r.jsx(
-      Y,
+    DropdownMenuItem: Y,
+    DropdownMenuSeparator: H,
+    Skeleton: q,
+    TableHeaderComponent: F,
+    TablePaginationComponent: G
+  } = j, J = (l, N) => {
+    if (typeof x == "function")
+      return x(l);
+    const k = l[x];
+    return k != null ? String(k) : `row-${N}`;
+  }, z = !!(d != null && d.searchValue && d.searchValue.trim().length > 0), I = !!(t != null && t.render || (p = t == null ? void 0 : t.items) != null && p.length), X = (t == null ? void 0 : t.mode) ?? ((D = t == null ? void 0 : t.items) != null && D.length ? "collapsed" : "expanded"), r = (l) => l.separator === !0, s = (l, N) => !t || !I ? null : X === "collapsed" && t.items && t.items.length > 0 ? /* @__PURE__ */ e.jsxs(P, { children: [
+    /* @__PURE__ */ e.jsx(L, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      _,
       {
         variant: "ghost",
         className: "h-8 w-8 p-0",
         "aria-label": "打开行操作菜单",
-        children: /* @__PURE__ */ r.jsxs(
-          "svg",
-          {
-            className: "h-4 w-4",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: [
-              /* @__PURE__ */ r.jsx("circle", { cx: "12", cy: "12", r: "1" }),
-              /* @__PURE__ */ r.jsx("circle", { cx: "12", cy: "5", r: "1" }),
-              /* @__PURE__ */ r.jsx("circle", { cx: "12", cy: "19", r: "1" })
-            ]
-          }
-        )
+        children: /* @__PURE__ */ e.jsx(de, { className: "h-4 w-4" })
       }
     ) }),
-    /* @__PURE__ */ r.jsx(K, { align: "end", children: s.items.map(
-      (v, X) => e(v) ? /* @__PURE__ */ r.jsx(U, {}, `separator-${X}`) : /* @__PURE__ */ r.jsxs(
-        z,
+    /* @__PURE__ */ e.jsx(K, { align: "end", children: t.items.map(
+      (k, Z) => r(k) ? /* @__PURE__ */ e.jsx(H, {}, `separator-${Z}`) : /* @__PURE__ */ e.jsxs(
+        Y,
         {
-          onClick: () => v.onClick(n, p),
-          className: v.className,
+          onClick: () => k.onClick(l, N),
+          className: k.className,
           children: [
-            v.icon && /* @__PURE__ */ r.jsx("span", { className: "mr-2 h-4 w-4", children: v.icon }),
-            v.label
+            k.icon && /* @__PURE__ */ e.jsx("span", { className: "mr-2 h-4 w-4", children: k.icon }),
+            k.label
           ]
         },
-        `action-${X}`
+        `action-${Z}`
       )
     ) })
-  ] }) : s.render ? s.render(n, p) : null, l = () => /* @__PURE__ */ r.jsx(g, { children: /* @__PURE__ */ r.jsxs(k, { className: "bg-muted/50 hover:bg-muted/50", children: [
-    d.map((n) => /* @__PURE__ */ r.jsx(
-      P,
+  ] }) : t.render ? t.render(l, N) : null, u = () => /* @__PURE__ */ e.jsx(E, { children: /* @__PURE__ */ e.jsxs(g, { className: "bg-muted/50 hover:bg-muted/50", children: [
+    c.map((l) => /* @__PURE__ */ e.jsx(
+      A,
       {
-        className: `font-semibold text-foreground ${n.align === "center" ? "text-center" : n.align === "right" ? "text-right" : "text-left"}`,
-        style: { width: n.width },
-        children: n.title
+        className: `font-semibold text-foreground ${l.align === "center" ? "text-center" : l.align === "right" ? "text-right" : "text-left"}`,
+        style: { width: l.width },
+        children: l.title
       },
-      String(n.key)
+      String(l.key)
     )),
-    A && /* @__PURE__ */ r.jsx(P, { className: "text-right font-semibold text-foreground", children: (s == null ? void 0 : s.title) || "操作" })
-  ] }) }), i = () => h ? /* @__PURE__ */ r.jsx(y, { children: Array.from({ length: 5 }).map((n, p) => /* @__PURE__ */ r.jsxs(k, { children: [
-    d.map((v) => /* @__PURE__ */ r.jsx(
-      R,
+    I && /* @__PURE__ */ e.jsx(A, { className: "text-right font-semibold text-foreground", children: (t == null ? void 0 : t.title) || "操作" })
+  ] }) }), m = () => h ? /* @__PURE__ */ e.jsx(S, { children: Array.from({ length: 5 }).map((l, N) => /* @__PURE__ */ e.jsxs(g, { children: [
+    c.map((k) => /* @__PURE__ */ e.jsx(
+      y,
       {
-        style: { width: v.width },
-        className: v.align === "center" ? "text-center" : v.align === "right" ? "text-right" : "",
-        children: /* @__PURE__ */ r.jsx(H, { className: "h-4 w-full" })
+        style: { width: k.width },
+        className: k.align === "center" ? "text-center" : k.align === "right" ? "text-right" : "",
+        children: /* @__PURE__ */ e.jsx(q, { className: "h-4 w-full" })
       },
-      String(v.key)
+      String(k.key)
     )),
-    A && /* @__PURE__ */ r.jsx(R, { children: /* @__PURE__ */ r.jsx(H, { className: "ml-auto h-4 w-8" }) })
-  ] }, p)) }) : a.length === 0 ? /* @__PURE__ */ r.jsx(y, { children: /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(
-    R,
+    I && /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsx(q, { className: "ml-auto h-4 w-8" }) })
+  ] }, N)) }) : n.length === 0 ? /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsx(
+    y,
     {
-      colSpan: d.length + (A ? 1 : 0),
+      colSpan: c.length + (I ? 1 : 0),
       className: "py-8 text-center text-muted-foreground",
-      children: V ? f : c
+      children: z ? i : a
     }
-  ) }) }) : /* @__PURE__ */ r.jsx(y, { children: a.map((n, p) => {
-    const v = J(n, p), X = m == null ? void 0 : m(n, p), ne = _ == null ? void 0 : _(n, p);
-    return /* @__PURE__ */ r.jsxs(
-      k,
+  ) }) }) : /* @__PURE__ */ e.jsx(S, { children: n.map((l, N) => {
+    const k = J(l, N), Z = f == null ? void 0 : f(l, N), ae = w == null ? void 0 : w(l, N);
+    return /* @__PURE__ */ e.jsxs(
+      g,
       {
-        className: `${ne || ""} hover:bg-muted/50`,
-        ...X,
+        className: `${ae || ""} hover:bg-muted/50`,
+        ...Z,
         children: [
-          d.map(($) => {
-            const ee = n[$.key], le = $.render ? $.render(ee, n, p) : ee;
-            return /* @__PURE__ */ r.jsx(
-              R,
+          c.map((B) => {
+            const ee = l[B.key], oe = B.render ? B.render(ee, l, N) : ee;
+            return /* @__PURE__ */ e.jsx(
+              y,
               {
-                className: $.align === "center" ? "text-center" : $.align === "right" ? "text-right" : "",
-                children: le
+                className: B.align === "center" ? "text-center" : B.align === "right" ? "text-right" : "",
+                children: oe
               },
-              String($.key)
+              String(B.key)
             );
           }),
-          A && /* @__PURE__ */ r.jsx(R, { className: "text-right", children: E ? E(n, p) : t(n, p) })
+          I && /* @__PURE__ */ e.jsx(y, { className: "text-right", children: T ? T(l, N) : s(l, N) })
         ]
       },
-      v
+      k
     );
-  }) }), I = (n) => /* @__PURE__ */ r.jsxs(O, { children: [
-    x && /* @__PURE__ */ r.jsx("div", { className: "p-6 pb-0", children: /* @__PURE__ */ r.jsx(B, { ...x }) }),
-    /* @__PURE__ */ r.jsx(S, { className: "p-0", children: n }),
-    (o == null ? void 0 : o.show) !== !1 && o && /* @__PURE__ */ r.jsx(w, { className: "border-t py-4", children: /* @__PURE__ */ r.jsx(
-      q,
+  }) }), $ = (l) => /* @__PURE__ */ e.jsxs(M, { children: [
+    d && /* @__PURE__ */ e.jsx("div", { className: "p-6 pb-0", children: /* @__PURE__ */ e.jsx(F, { ...d }) }),
+    /* @__PURE__ */ e.jsx(C, { className: "p-0", children: l }),
+    (o == null ? void 0 : o.show) !== !1 && o && /* @__PURE__ */ e.jsx(R, { className: "border-t py-4", children: /* @__PURE__ */ e.jsx(
+      G,
       {
         currentPage: o.currentPage,
         pageSize: o.pageSize,
@@ -434,93 +422,94 @@ function ve({
         pageSizeOptions: o.pageSizeOptions,
         showPageSizeSelector: o.showPageSizeSelector,
         showTotal: o.showTotal,
-        searchActive: V
+        searchActive: z
       }
     ) })
-  ] }), M = (n, p) => /* @__PURE__ */ r.jsxs(D, { children: [
-    n,
-    p
+  ] }), W = (l, N) => /* @__PURE__ */ e.jsxs(O, { children: [
+    l,
+    N
   ] });
-  return N ? N(
-    b ? b(l(), i()) : M(l(), i())
-  ) : I(
-    b ? b(l(), i()) : M(l(), i())
+  return b ? b(
+    v ? v(u(), m()) : W(u(), m())
+  ) : $(
+    v ? v(u(), m()) : W(u(), m())
   );
 }
-function be({
-  open: a,
+function _e({
+  open: n,
   onOpenChange: h,
-  title: d,
-  description: j,
-  onConfirm: c,
-  loading: f = !1,
-  confirmText: x = "确认删除",
+  title: c,
+  description: x,
+  onConfirm: a,
+  loading: i = !1,
+  confirmText: d = "确认删除",
   cancelText: o = "取消",
-  confirmButtonVariant: _ = "destructive",
-  verification: m,
-  components: s
+  confirmButtonVariant: w = "destructive",
+  verification: f,
+  components: t,
+  loadingIcon: j
 }) {
-  const [T, N] = ie("");
-  if (ue(() => {
-    a && N("");
-  }, [a, m == null ? void 0 : m.targetValue]), !s)
-    return /* @__PURE__ */ r.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const [b, v] = ne("");
+  if (le(() => {
+    n && v("");
+  }, [n, f == null ? void 0 : f.targetValue]), !t)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
   const {
-    Dialog: b,
-    DialogContent: E,
-    DialogHeader: O,
-    DialogFooter: S,
-    DialogTitle: w,
-    DialogDescription: D,
+    Dialog: T,
+    DialogContent: M,
+    DialogHeader: C,
+    DialogFooter: R,
+    DialogTitle: O,
+    DialogDescription: S,
     Button: y,
-    Input: R,
-    Label: P
-  } = s, g = m ? T !== m.targetValue : !1, k = () => {
-    g || c();
+    Input: A,
+    Label: E
+  } = t, g = f ? b !== f.targetValue : !1, _ = () => {
+    g || a();
   };
-  return /* @__PURE__ */ r.jsx(b, { open: a, onOpenChange: h, children: /* @__PURE__ */ r.jsxs(E, { children: [
-    /* @__PURE__ */ r.jsxs(O, { children: [
-      /* @__PURE__ */ r.jsx(w, { asChild: !0, children: /* @__PURE__ */ r.jsx("div", { className: "flex items-center gap-2", children: d }) }),
-      /* @__PURE__ */ r.jsx(D, { asChild: !0, children: /* @__PURE__ */ r.jsx("div", { children: j }) })
+  return /* @__PURE__ */ e.jsx(T, { open: n, onOpenChange: h, children: /* @__PURE__ */ e.jsxs(M, { children: [
+    /* @__PURE__ */ e.jsxs(C, { children: [
+      /* @__PURE__ */ e.jsx(O, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: c }) }),
+      /* @__PURE__ */ e.jsx(S, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { children: x }) })
     ] }),
-    m && /* @__PURE__ */ r.jsx("div", { className: "space-y-4 py-2", children: /* @__PURE__ */ r.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ r.jsx(P, { htmlFor: "confirm-input", children: m.label || "请输入以确认" }),
-      /* @__PURE__ */ r.jsx(
-        R,
+    f && /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx(E, { htmlFor: "confirm-input", children: f.label || "请输入以确认" }),
+      /* @__PURE__ */ e.jsx(
+        A,
         {
           id: "confirm-input",
-          value: T,
-          onChange: (Y) => N(Y.target.value),
-          placeholder: m.placeholder,
-          disabled: f
+          value: b,
+          onChange: (P) => v(P.target.value),
+          placeholder: f.placeholder,
+          disabled: i
         }
       )
     ] }) }),
-    /* @__PURE__ */ r.jsxs(S, { children: [
-      /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ e.jsxs(R, { children: [
+      /* @__PURE__ */ e.jsx(
         y,
         {
           variant: "outline",
           onClick: () => h(!1),
-          disabled: f,
+          disabled: i,
           children: o
         }
       ),
-      /* @__PURE__ */ r.jsxs(
+      /* @__PURE__ */ e.jsxs(
         y,
         {
-          variant: _,
-          onClick: k,
-          disabled: g || f,
+          variant: w,
+          onClick: _,
+          disabled: g || i,
           children: [
-            f && /* @__PURE__ */ r.jsxs(
+            i && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: j || /* @__PURE__ */ e.jsxs(
               "svg",
               {
-                className: "mr-2 h-4 w-4 animate-spin",
+                className: "h-4 w-4 animate-spin",
                 fill: "none",
                 viewBox: "0 0 24 24",
                 children: [
-                  /* @__PURE__ */ r.jsx(
+                  /* @__PURE__ */ e.jsx(
                     "circle",
                     {
                       className: "opacity-25",
@@ -531,7 +520,7 @@ function be({
                       strokeWidth: "4"
                     }
                   ),
-                  /* @__PURE__ */ r.jsx(
+                  /* @__PURE__ */ e.jsx(
                     "path",
                     {
                       className: "opacity-75",
@@ -541,97 +530,63 @@ function be({
                   )
                 ]
               }
-            ),
-            x
+            ) }),
+            d
           ]
         }
       )
     ] })
   ] }) });
 }
-function ge({
-  title: a,
+function Re({
+  title: n,
   searchPlaceholder: h = "搜索...",
-  searchValue: d = "",
-  onSearchChange: j,
-  onSearch: c,
-  showSearch: f = !0,
-  action: x,
+  searchValue: c = "",
+  onSearchChange: x,
+  onSearch: a,
+  showSearch: i = !0,
+  action: d,
   actionLabel: o,
-  onActionClick: _,
-  loading: m = !1,
-  components: s
+  onActionClick: w,
+  loading: f = !1,
+  components: t
 }) {
-  if (!s)
-    return /* @__PURE__ */ r.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
-  const { Input: T, Button: N } = s, b = (E) => {
-    E.key === "Enter" && c && c();
+  if (!t)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const { Input: j, Button: b } = t, v = (T) => {
+    T.key === "Enter" && a && a();
   };
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-4 p-1", children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ r.jsx("div", { className: "text-lg font-semibold leading-none tracking-tight", children: a }),
-      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-        x && /* @__PURE__ */ r.jsx("div", { className: "flex items-center gap-2", children: x }),
-        !x && o && _ && /* @__PURE__ */ r.jsxs(N, { onClick: _, disabled: m, size: "sm", children: [
-          /* @__PURE__ */ r.jsx(
-            "svg",
-            {
-              className: "mr-2 h-4 w-4",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ r.jsx(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M12 4v16m8-8H4"
-                }
-              )
-            }
-          ),
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 p-1", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "text-lg font-semibold leading-none tracking-tight", children: n }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+        d && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: d }),
+        !d && o && w && /* @__PURE__ */ e.jsxs(b, { onClick: w, disabled: f, size: "sm", children: [
+          /* @__PURE__ */ e.jsx(fe, { className: "mr-2 h-4 w-4" }),
           o
         ] })
       ] })
     ] }),
-    f && /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ r.jsxs("div", { className: "relative max-w-sm flex-1", children: [
-        /* @__PURE__ */ r.jsx(
-          "svg",
-          {
-            className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ r.jsx(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ r.jsx(
-          T,
+    i && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "relative max-w-sm flex-1", children: [
+        /* @__PURE__ */ e.jsx(xe, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ e.jsx(
+          j,
           {
             placeholder: h,
-            value: d,
-            onChange: (E) => j == null ? void 0 : j(E.target.value),
-            onKeyPress: b,
+            value: c,
+            onChange: (T) => x == null ? void 0 : x(T.target.value),
+            onKeyPress: v,
             className: "h-9 pl-8",
-            disabled: m
+            disabled: f
           }
         )
       ] }),
-      c && /* @__PURE__ */ r.jsx(
-        N,
+      a && /* @__PURE__ */ e.jsx(
+        b,
         {
-          onClick: c,
-          disabled: m,
+          onClick: a,
+          disabled: f,
           variant: "secondary",
           size: "sm",
           children: "搜索"
@@ -640,126 +595,326 @@ function ge({
     ] })
   ] });
 }
-function ke({
-  currentPage: a,
+function Ce({
+  currentPage: n,
   pageSize: h,
-  total: d,
-  onPageChange: j,
-  onPageSizeChange: c,
-  pageSizeOptions: f = [10, 20, 50],
-  showPageSizeSelector: x = !0,
+  total: c,
+  onPageChange: x,
+  onPageSizeChange: a,
+  pageSizeOptions: i = [10, 20, 50],
+  showPageSizeSelector: d = !0,
   showTotal: o = !0,
-  searchActive: _ = !1,
-  components: m
+  searchActive: w = !1,
+  components: f
 }) {
-  if (!m)
-    return /* @__PURE__ */ r.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  if (!f)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
   const {
-    Button: s,
-    Select: T,
-    SelectTrigger: N,
-    SelectContent: b,
-    SelectItem: E,
-    SelectValue: O
-  } = m, S = Math.ceil(d / h), w = Math.max(S, 1), D = a * h + 1, y = Math.min((a + 1) * h, d), R = Array.from(
-    /* @__PURE__ */ new Set([...f, h])
-  ).sort((g, k) => g - k), P = x && !!c;
-  return d === 0 ? null : /* @__PURE__ */ r.jsxs("div", { className: "flex w-full items-center justify-between", children: [
-    o && /* @__PURE__ */ r.jsx("div", { className: "text-sm text-muted-foreground", children: _ ? `找到 ${d} 条匹配记录` : d > 0 ? `显示 ${D} - ${y} 条，共 ${d} 条记录` : "暂无数据" }),
-    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-2", children: [
-      P && /* @__PURE__ */ r.jsxs("div", { className: "mr-2 flex items-center gap-2", children: [
-        /* @__PURE__ */ r.jsx("span", { className: "text-sm text-muted-foreground", children: "每页" }),
-        /* @__PURE__ */ r.jsxs(
-          T,
+    Button: t,
+    Select: j,
+    SelectTrigger: b,
+    SelectContent: v,
+    SelectItem: T,
+    SelectValue: M
+  } = f, C = Math.ceil(c / h), R = Math.max(C, 1), O = n * h + 1, S = Math.min((n + 1) * h, c), y = Array.from(
+    /* @__PURE__ */ new Set([...i, h])
+  ).sort((E, g) => E - g), A = d && !!a;
+  return c === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+    o && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground", children: w ? `找到 ${c} 条匹配记录` : c > 0 ? `显示 ${O} - ${S} 条，共 ${c} 条记录` : "暂无数据" }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+      A && /* @__PURE__ */ e.jsxs("div", { className: "mr-2 flex items-center gap-2", children: [
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "每页" }),
+        /* @__PURE__ */ e.jsxs(
+          j,
           {
             value: String(h),
-            onValueChange: (g) => {
-              const k = Number(g);
-              Number.isNaN(k) || k === h || !c || c(k);
+            onValueChange: (E) => {
+              const g = Number(E);
+              Number.isNaN(g) || g === h || !a || a(g);
             },
             children: [
-              /* @__PURE__ */ r.jsx(N, { className: "h-8 w-[90px]", children: /* @__PURE__ */ r.jsx(O, {}) }),
-              /* @__PURE__ */ r.jsx(b, { children: R.map((g) => /* @__PURE__ */ r.jsx(E, { value: String(g), children: g }, g)) })
+              /* @__PURE__ */ e.jsx(b, { className: "h-8 w-[90px]", children: /* @__PURE__ */ e.jsx(M, {}) }),
+              /* @__PURE__ */ e.jsx(v, { children: y.map((E) => /* @__PURE__ */ e.jsx(T, { value: String(E), children: E }, E)) })
             ]
           }
         ),
-        /* @__PURE__ */ r.jsx("span", { className: "text-sm text-muted-foreground", children: "条" })
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "条" })
       ] }),
-      /* @__PURE__ */ r.jsxs("div", { className: "mr-4 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "mr-4 text-sm text-muted-foreground", children: [
         "第 ",
-        a + 1,
+        n + 1,
         " 页，共 ",
-        w,
+        R,
         " 页"
       ] }),
-      /* @__PURE__ */ r.jsxs(
-        s,
+      /* @__PURE__ */ e.jsxs(
+        t,
         {
           variant: "outline",
           size: "sm",
-          onClick: () => j(a - 1),
-          disabled: a === 0 || w <= 1,
+          onClick: () => x(n - 1),
+          disabled: n === 0 || R <= 1,
           children: [
-            /* @__PURE__ */ r.jsx(
-              "svg",
-              {
-                className: "h-4 w-4",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ r.jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M15 19l-7-7 7-7"
-                  }
-                )
-              }
-            ),
+            /* @__PURE__ */ e.jsx(me, { className: "h-4 w-4" }),
             "上一页"
           ]
         }
       ),
-      /* @__PURE__ */ r.jsxs(
-        s,
+      /* @__PURE__ */ e.jsxs(
+        t,
         {
           variant: "outline",
           size: "sm",
-          onClick: () => j(a + 1),
-          disabled: a >= w - 1 || w <= 1,
+          onClick: () => x(n + 1),
+          disabled: n >= R - 1 || R <= 1,
           children: [
             "下一页",
-            /* @__PURE__ */ r.jsx(
-              "svg",
-              {
-                className: "h-4 w-4",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ r.jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M9 5l7 7-7 7"
-                  }
-                )
-              }
-            )
+            /* @__PURE__ */ e.jsx(he, { className: "h-4 w-4" })
           ]
         }
       )
     ] })
   ] });
 }
+const be = [
+  {
+    value: "light",
+    label: "浅色",
+    icon: /* @__PURE__ */ e.jsxs(
+      "svg",
+      {
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: [
+          /* @__PURE__ */ e.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", strokeWidth: "2" }),
+          /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              className: "opacity-75",
+              d: "M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41",
+              strokeWidth: "2",
+              strokeLinecap: "round"
+            }
+          )
+        ]
+      }
+    )
+  },
+  {
+    value: "dark",
+    label: "深色",
+    icon: /* @__PURE__ */ e.jsx(
+      "svg",
+      {
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    )
+  },
+  {
+    value: "system",
+    label: "跟随系统",
+    icon: /* @__PURE__ */ e.jsxs(
+      "svg",
+      {
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "rect",
+            {
+              x: "2",
+              y: "3",
+              width: "20",
+              height: "14",
+              rx: "2",
+              ry: "2",
+              strokeWidth: "2"
+            }
+          ),
+          /* @__PURE__ */ e.jsx("path", { d: "M8 21h8m-4-4v4", strokeWidth: "2", strokeLinecap: "round" })
+        ]
+      }
+    )
+  }
+];
+function Se({
+  value: n,
+  onValueChange: h,
+  themes: c = be,
+  triggerVariant: x = "ghost",
+  triggerSize: a = "icon",
+  triggerClassName: i,
+  iconSize: d = 16,
+  showCurrentIcon: o = !0,
+  enableSSRHandling: w = !0,
+  triggerContent: f,
+  components: t,
+  themeIcons: j
+}) {
+  const [b, v] = ne(!1);
+  if (le(() => {
+    v(!0);
+  }, []), w && !b)
+    return null;
+  if (!t)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    DropdownMenu: T,
+    DropdownMenuTrigger: M,
+    DropdownMenuContent: C,
+    DropdownMenuRadioGroup: R,
+    DropdownMenuRadioItem: O,
+    Button: S
+  } = t, y = (_) => {
+    if (j && j[_])
+      return j[_];
+    const P = c.find((L) => L.value === _);
+    return P == null ? void 0 : P.icon;
+  }, A = y(n), E = o ? A : null, g = d ? { width: d, height: d } : {};
+  return /* @__PURE__ */ e.jsxs(T, { children: [
+    /* @__PURE__ */ e.jsx(M, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      S,
+      {
+        variant: x,
+        size: a,
+        className: i,
+        children: f || /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            style: g,
+            className: "inline-flex items-center justify-center",
+            children: E
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsx(R, { value: n, onValueChange: h, children: c.map((_) => /* @__PURE__ */ e.jsxs(O, { value: _.value, children: [
+      /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex items-center", children: y(_.value) }),
+      /* @__PURE__ */ e.jsx("span", { children: _.label })
+    ] }, _.value)) }) })
+  ] });
+}
+const ge = [
+  {
+    value: "light",
+    label: "浅色",
+    icon: /* @__PURE__ */ e.jsxs(
+      "svg",
+      {
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: [
+          /* @__PURE__ */ e.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", strokeWidth: "2" }),
+          /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              className: "opacity-75",
+              d: "M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41",
+              strokeWidth: "2",
+              strokeLinecap: "round"
+            }
+          )
+        ]
+      }
+    )
+  },
+  {
+    value: "dark",
+    label: "深色",
+    icon: /* @__PURE__ */ e.jsx(
+      "svg",
+      {
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    )
+  },
+  {
+    value: "system",
+    label: "跟随系统",
+    icon: /* @__PURE__ */ e.jsxs(
+      "svg",
+      {
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "rect",
+            {
+              x: "2",
+              y: "3",
+              width: "20",
+              height: "14",
+              rx: "2",
+              ry: "2",
+              strokeWidth: "2"
+            }
+          ),
+          /* @__PURE__ */ e.jsx("path", { d: "M8 21h8m-4-4v4", strokeWidth: "2", strokeLinecap: "round" })
+        ]
+      }
+    )
+  }
+];
+function Pe({
+  value: n,
+  onValueChange: h,
+  themes: c = ge,
+  iconSize: x = 16,
+  components: a,
+  themeIcons: i
+}) {
+  if (!a)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const { DropdownMenuRadioGroup: d, DropdownMenuRadioItem: o } = a, w = (t) => {
+    if (i && i[t])
+      return i[t];
+    const j = c.find((b) => b.value === t);
+    return j == null ? void 0 : j.icon;
+  }, f = x ? { width: x, height: x } : {};
+  return /* @__PURE__ */ e.jsx(d, { value: n, onValueChange: h, children: c.map((t) => /* @__PURE__ */ e.jsxs(o, { value: t.value, children: [
+    /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex items-center", style: f, children: w(t.value) }),
+    /* @__PURE__ */ e.jsx("span", { children: t.label })
+  ] }, t.value)) });
+}
 export {
-  ve as DataTable,
-  be as DeleteConfirmDialog,
-  ge as TableHeader,
-  ke as TablePagination,
-  pe as cn
+  Ee as DataTable,
+  _e as DeleteConfirmDialog,
+  Re as TableHeader,
+  Ce as TablePagination,
+  Se as ThemeSwitcher,
+  Pe as ThemeSwitcherContent,
+  ye as cn
 };
 //# sourceMappingURL=index.js.map