@baolq/ui 0.1.0 → 1.0.0

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * from './components/baole-ui/index'
+export * from './components/index'
 export {}

package/dist/index.js

@@ -2926,23 +2926,9 @@ const Ua = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   }
 ));
 Ua.displayName = "CardHeader";
-const Xa = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
-  "h3",
-  {
-    ref: r,
-    className: i("text-lg text-white", e),
-    ...t
-  }
-));
+const Xa = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o("h3", { ref: r, className: i("text-lg text-white", e), ...t }));
 Xa.displayName = "CardTitle";
-const Qa = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
-  "p",
-  {
-    ref: r,
-    className: i("text-sm text-white/60", e),
-    ...t
-  }
-));
+const Qa = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o("p", { ref: r, className: i("text-sm text-white/60", e), ...t }));
 Qa.displayName = "CardDescription";
 const Ja = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o("div", { ref: r, className: i("pt-0", e), ...t }));
 Ja.displayName = "CardContent";
@@ -2955,7 +2941,14 @@ const Za = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   }
 ));
 Za.displayName = "CardFooter";
-const eo = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o("div", { ref: r, className: i("absolute top-4 right-4", e), ...t }));
+const eo = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
+  "div",
+  {
+    ref: r,
+    className: i("absolute top-4 right-4", e),
+    ...t
+  }
+));
 eo.displayName = "CardAction";
 const to = Y(
   "inline-flex items-center font-medium transition-colors border",
@@ -5045,7 +5038,13 @@ const Ts = l.forwardRef(
 );
 Ts.displayName = "DatePicker";
 const zs = l.forwardRef(
-  ({ dateRange: e, onDateRangeChange: t, placeholder: r = "Pick a date range", disabled: a, className: s }, n) => /* @__PURE__ */ p(Me, { children: [
+  ({
+    dateRange: e,
+    onDateRangeChange: t,
+    placeholder: r = "Pick a date range",
+    disabled: a,
+    className: s
+  }, n) => /* @__PURE__ */ p(Me, { children: [
     /* @__PURE__ */ o(Ce, { asChild: !0, children: /* @__PURE__ */ p(
       H,
       {
@@ -5124,7 +5123,15 @@ const Is = l.forwardRef(
     placeholder: m = "Select time",
     className: f
   }, b) => {
-    const [v, h] = l.useState(t), [y, g] = l.useState(!1), u = e ?? v, w = a === "12" ? Array.from({ length: 12 }, (x, S) => S + 1) : Array.from({ length: 24 }, (x, S) => S), N = Array.from({ length: 60 / s }, (x, S) => S * s), P = Array.from({ length: 60 / n }, (x, S) => S * n), R = () => {
+    const [v, h] = l.useState(
+      t
+    ), [y, g] = l.useState(!1), u = e ?? v, w = a === "12" ? Array.from({ length: 12 }, (x, S) => S + 1) : Array.from({ length: 24 }, (x, S) => S), N = Array.from(
+      { length: 60 / s },
+      (x, S) => S * s
+    ), P = Array.from(
+      { length: 60 / n },
+      (x, S) => S * n
+    ), R = () => {
       if (!u) return m;
       let x = u.getHours();
       const S = u.getMinutes(), k = u.getSeconds();
@@ -5362,52 +5369,45 @@ const As = l.forwardRef(
         onMouseLeave: g,
         children: Array.from({ length: r }).map((w, N) => {
           const P = N < Math.floor(u), R = n && N === Math.floor(u) && u % 1 !== 0;
-          return /* @__PURE__ */ p(
-            "div",
-            {
-              className: "relative inline-flex cursor-pointer",
-              children: [
-                n && /* @__PURE__ */ o(
-                  "div",
-                  {
-                    className: "absolute inset-0 w-1/2 z-10",
-                    onClick: () => h(N, !0),
-                    onMouseEnter: () => y(N, !0)
-                  }
-                ),
-                /* @__PURE__ */ p(
-                  "div",
-                  {
-                    className: "relative",
-                    onClick: () => h(N, !1),
-                    onMouseEnter: () => y(N, !1),
-                    children: [
-                      /* @__PURE__ */ o(
-                        jt,
-                        {
-                          className: i(
-                            v[c],
-                            "transition-all",
-                            P || R ? "fill-[var(--color-primary)] text-[var(--color-primary)]" : "text-[var(--color-border-strong)]"
-                          )
-                        }
-                      ),
-                      R && /* @__PURE__ */ o("div", { className: "absolute inset-0 overflow-hidden w-1/2", children: /* @__PURE__ */ o(
-                        jt,
-                        {
-                          className: i(
-                            v[c],
-                            "fill-[var(--color-primary)] text-[var(--color-primary)]"
-                          )
-                        }
-                      ) })
-                    ]
-                  }
-                )
-              ]
-            },
-            N
-          );
+          return /* @__PURE__ */ p("div", { className: "relative inline-flex cursor-pointer", children: [
+            n && /* @__PURE__ */ o(
+              "div",
+              {
+                className: "absolute inset-0 w-1/2 z-10",
+                onClick: () => h(N, !0),
+                onMouseEnter: () => y(N, !0)
+              }
+            ),
+            /* @__PURE__ */ p(
+              "div",
+              {
+                className: "relative",
+                onClick: () => h(N, !1),
+                onMouseEnter: () => y(N, !1),
+                children: [
+                  /* @__PURE__ */ o(
+                    jt,
+                    {
+                      className: i(
+                        v[c],
+                        "transition-all",
+                        P || R ? "fill-[var(--color-primary)] text-[var(--color-primary)]" : "text-[var(--color-border-strong)]"
+                      )
+                    }
+                  ),
+                  R && /* @__PURE__ */ o("div", { className: "absolute inset-0 overflow-hidden w-1/2", children: /* @__PURE__ */ o(
+                    jt,
+                    {
+                      className: i(
+                        v[c],
+                        "fill-[var(--color-primary)] text-[var(--color-primary)]"
+                      )
+                    }
+                  ) })
+                ]
+              }
+            )
+          ] }, N);
         })
       }
     );
@@ -5647,7 +5647,10 @@ const Os = l.forwardRef(
     rows: m = 3,
     className: f
   }, b) => {
-    const [v, h] = l.useState(r), [y, g] = l.useState(!1), [u, w] = l.useState(""), [N, P] = l.useState({ top: 0, left: 0 }), [R, C] = l.useState(0), M = l.useRef(null), L = l.useRef(null), x = t ?? v, S = l.useMemo(() => u ? e.filter(
+    const [v, h] = l.useState(r), [y, g] = l.useState(!1), [u, w] = l.useState(""), [N, P] = l.useState({
+      top: 0,
+      left: 0
+    }), [R, C] = l.useState(0), M = l.useRef(null), L = l.useRef(null), x = t ?? v, S = l.useMemo(() => u ? e.filter(
       (D) => D.label.toLowerCase().includes(u.toLowerCase())
     ) : e, [e, u]);
     l.useEffect(() => {
@@ -5659,11 +5662,15 @@ const Os = l.forwardRef(
     const k = (D) => {
       const O = D.target.value;
       h(O), a == null || a(O);
-      const ee = D.target.selectionStart, G = O.slice(0, ee).match(new RegExp(`${n}(\\w*)$`));
+      const ee = D.target.selectionStart, G = O.slice(0, ee).match(
+        new RegExp(`${n}(\\w*)$`)
+      );
       G ? (w(G[1]), g(!0), C(0)) : g(!1);
     }, T = (D) => {
       if (!M.current) return;
-      const O = M.current.selectionStart, ee = x.slice(0, O), oe = x.slice(O), G = ee.match(new RegExp(`${n}(\\w*)$`));
+      const O = M.current.selectionStart, ee = x.slice(0, O), oe = x.slice(O), G = ee.match(
+        new RegExp(`${n}(\\w*)$`)
+      );
       if (!G) return;
       const te = ee.slice(0, -G[0].length), A = `${te}${n}${D.value} ${oe}`;
       h(A), a == null || a(A), s == null || s(D), g(!1), setTimeout(() => {
@@ -5759,7 +5766,9 @@ const Fs = l.forwardRef(
     changeOnSelect: c = !1,
     className: d
   }, m) => {
-    const [f, b] = l.useState(r), [v, h] = l.useState(!1), [y, g] = l.useState([e]), u = t ?? f, w = (R) => {
+    const [f, b] = l.useState(r), [v, h] = l.useState(!1), [y, g] = l.useState([
+      e
+    ]), u = t ?? f, w = (R) => {
       const C = [];
       let M = e;
       for (const L of R) {
@@ -5836,7 +5845,11 @@ const Vs = l.forwardRef(
     showSearch: c = !1,
     className: d
   }, m) => {
-    const [f, b] = l.useState([]), [v, h] = l.useState([]), [y, g] = l.useState(""), [u, w] = l.useState(""), N = e.filter((T) => !t.includes(T.key)), P = e.filter((T) => t.includes(T.key)), R = N.filter(
+    const [f, b] = l.useState([]), [v, h] = l.useState([]), [y, g] = l.useState(""), [u, w] = l.useState(""), N = e.filter(
+      (T) => !t.includes(T.key)
+    ), P = e.filter(
+      (T) => t.includes(T.key)
+    ), R = N.filter(
       (T) => T.title.toLowerCase().includes(y.toLowerCase())
     ), C = P.filter(
       (T) => T.title.toLowerCase().includes(u.toLowerCase())
@@ -5850,7 +5863,9 @@ const Vs = l.forwardRef(
       const T = [...t, ...f];
       a == null || a(T, "right", f), b([]);
     }, S = () => {
-      const T = t.filter((j) => !v.includes(j));
+      const T = t.filter(
+        (j) => !v.includes(j)
+      );
       a == null || a(T, "left", v), h([]);
     }, k = (T, j, D, O, ee, oe) => /* @__PURE__ */ p("div", { className: "flex flex-col w-64 h-80 border border-[var(--color-border)] rounded-lg bg-[var(--color-bg-glass)] backdrop-blur-[var(--blur-glass)]", children: [
       /* @__PURE__ */ p("div", { className: "p-3 border-b border-[var(--color-border)]", children: [
@@ -6655,7 +6670,10 @@ const xc = ne.Trigger, bn = ne.Portal, wc = ne.Close, Ir = l.forwardRef(({ class
   ne.Overlay,
   {
     ref: r,
-    className: i("fixed inset-0 z-50 bg-[var(--color-bg-overlay)] backdrop-blur-sm", e),
+    className: i(
+      "fixed inset-0 z-50 bg-[var(--color-bg-overlay)] backdrop-blur-sm",
+      e
+    ),
     ...t
   }
 ));
@@ -6959,22 +6977,29 @@ const Lr = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   }
 ));
 Lr.displayName = X.displayName;
-const kc = ({ children: e, ...t }) => /* @__PURE__ */ o(Zs, { ...t, children: /* @__PURE__ */ o(Tr, { className: "overflow-hidden p-0", children: /* @__PURE__ */ o(Lr, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--color-text-muted)] [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), Mn = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ p("div", { className: "flex items-center border-b border-[var(--color-border)] px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ o(qr, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ o(
-    X.Input,
-    {
-      ref: r,
-      className: i(
-        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none",
-        "placeholder:text-[var(--color-text-placeholder)]",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        e
-      ),
-      ...t
-    }
-  )
-] }));
+const kc = ({ children: e, ...t }) => /* @__PURE__ */ o(Zs, { ...t, children: /* @__PURE__ */ o(Tr, { className: "overflow-hidden p-0", children: /* @__PURE__ */ o(Lr, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--color-text-muted)] [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), Mn = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ p(
+  "div",
+  {
+    className: "flex items-center border-b border-[var(--color-border)] px-3",
+    "cmdk-input-wrapper": "",
+    children: [
+      /* @__PURE__ */ o(qr, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+      /* @__PURE__ */ o(
+        X.Input,
+        {
+          ref: r,
+          className: i(
+            "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none",
+            "placeholder:text-[var(--color-text-placeholder)]",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            e
+          ),
+          ...t
+        }
+      )
+    ]
+  }
+));
 Mn.displayName = X.Input.displayName;
 const Cn = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   X.List,
@@ -7093,10 +7118,7 @@ const Rc = he.Root, On = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE_
   he.Item,
   {
     ref: r,
-    className: i(
-      "border-b border-[var(--color-border)]",
-      e
-    ),
+    className: i("border-b border-[var(--color-border)]", e),
     ...t
   }
 ));
@@ -7125,7 +7147,13 @@ const Vn = l.forwardRef(({ className: e, children: t, ...r }, a) => /* @__PURE__
     ref: a,
     className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...r,
-    children: /* @__PURE__ */ o("div", { className: i("pb-4 pt-0 text-[var(--color-text-secondary)]", e), children: t })
+    children: /* @__PURE__ */ o(
+      "div",
+      {
+        className: i("pb-4 pt-0 text-[var(--color-text-secondary)]", e),
+        children: t
+      }
+    )
   }
 ));
 Vn.displayName = he.Content.displayName;
@@ -7885,7 +7913,10 @@ const Al = l.forwardRef(
       const h = () => {
         const y = window.scrollY + (s ?? window.innerHeight / 2), g = e.flatMap((w) => {
           var R;
-          const N = { href: w.href, el: document.querySelector(w.href) }, P = ((R = w.children) == null ? void 0 : R.map((C) => ({
+          const N = {
+            href: w.href,
+            el: document.querySelector(w.href)
+          }, P = ((R = w.children) == null ? void 0 : R.map((C) => ({
             href: C.href,
             el: document.querySelector(C.href)
           }))) || [];
@@ -8214,7 +8245,10 @@ const Vl = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   "div",
   {
     ref: r,
-    className: i("flex h-16 items-center border-b border-[var(--color-border)] px-4", e),
+    className: i(
+      "flex h-16 items-center border-b border-[var(--color-border)] px-4",
+      e
+    ),
     ...t
   }
 ));
@@ -8237,14 +8271,7 @@ const Wl = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   }
 ));
 Wl.displayName = "SidebarFooter";
-const _l = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
-  "div",
-  {
-    ref: r,
-    className: i("px-3 py-2", e),
-    ...t
-  }
-));
+const _l = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o("div", { ref: r, className: i("px-3 py-2", e), ...t }));
 _l.displayName = "SidebarGroup";
 const Bl = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   "div",
@@ -8259,33 +8286,24 @@ const Bl = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   }
 ));
 Bl.displayName = "SidebarGroupLabel";
-const Yl = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
-  "div",
+const Yl = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o("div", { ref: r, className: i("space-y-1", e), ...t }));
+Yl.displayName = "SidebarGroupContent";
+const Hl = l.forwardRef(({ className: e, icon: t, active: r, children: a, ...s }, n) => /* @__PURE__ */ p(
+  "a",
   {
-    ref: r,
-    className: i("space-y-1", e),
-    ...t
+    ref: n,
+    className: i(
+      "flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition-colors",
+      r ? "bg-[var(--color-bg-glass)] text-[var(--color-text)] font-medium" : "text-[var(--color-text-secondary)] hover:bg-[var(--color-bg-glass-hover)] hover:text-[var(--color-text)]",
+      e
+    ),
+    ...s,
+    children: [
+      t && /* @__PURE__ */ o("span", { className: "shrink-0", children: t }),
+      /* @__PURE__ */ o("span", { className: "truncate", children: a })
+    ]
   }
 ));
-Yl.displayName = "SidebarGroupContent";
-const Hl = l.forwardRef(
-  ({ className: e, icon: t, active: r, children: a, ...s }, n) => /* @__PURE__ */ p(
-    "a",
-    {
-      ref: n,
-      className: i(
-        "flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition-colors",
-        r ? "bg-[var(--color-bg-glass)] text-[var(--color-text)] font-medium" : "text-[var(--color-text-secondary)] hover:bg-[var(--color-bg-glass-hover)] hover:text-[var(--color-text)]",
-        e
-      ),
-      ...s,
-      children: [
-        t && /* @__PURE__ */ o("span", { className: "shrink-0", children: t }),
-        /* @__PURE__ */ o("span", { className: "truncate", children: a })
-      ]
-    }
-  )
-);
 Hl.displayName = "SidebarMenuItem";
 const $l = Y(
   "relative flex shrink-0 overflow-hidden rounded-full border-2 border-[var(--color-border)]",
@@ -8933,10 +8951,7 @@ const fi = Y(
           "border border-[var(--color-border)]",
           "text-[var(--color-text)]"
         ],
-        solid: [
-          "bg-[var(--color-bg-elevated)]",
-          "text-[var(--color-text)]"
-        ],
+        solid: ["bg-[var(--color-bg-elevated)]", "text-[var(--color-text)]"],
         gradient: [
           "bg-gradient-to-r from-[var(--color-primary)] to-[#ec4899]",
           "text-white shadow-[var(--glow-primary)]"
@@ -8949,14 +8964,8 @@ const fi = Y(
           "bg-yellow-500/20 border border-yellow-500/50",
           "text-yellow-500"
         ],
-        error: [
-          "bg-red-500/20 border border-red-500/50",
-          "text-red-500"
-        ],
-        info: [
-          "bg-blue-500/20 border border-blue-500/50",
-          "text-blue-500"
-        ]
+        error: ["bg-red-500/20 border border-red-500/50", "text-red-500"],
+        info: ["bg-blue-500/20 border border-blue-500/50", "text-blue-500"]
       }
     },
     defaultVariants: {
@@ -8964,15 +8973,7 @@ const fi = Y(
     }
   }
 ), pi = l.forwardRef(
-  ({
-    className: e,
-    variant: t,
-    closable: r,
-    onClose: a,
-    icon: s,
-    children: n,
-    ...c
-  }, d) => /* @__PURE__ */ p(
+  ({ className: e, variant: t, closable: r, onClose: a, icon: s, children: n, ...c }, d) => /* @__PURE__ */ p(
     "span",
     {
       ref: d,
@@ -9111,12 +9112,33 @@ const hi = l.forwardRef(
         [t - u - y, y],
         [y, t - u - y]
       ].forEach(([N, P]) => {
-        v.fillStyle = s, v.fillRect(N, P, u, u), v.fillStyle = a, v.fillRect(N + h, P + h, u - 2 * h, u - 2 * h), v.fillStyle = s, v.fillRect(N + 2 * h, P + 2 * h, u - 4 * h, u - 4 * h);
+        v.fillStyle = s, v.fillRect(N, P, u, u), v.fillStyle = a, v.fillRect(
+          N + h,
+          P + h,
+          u - 2 * h,
+          u - 2 * h
+        ), v.fillStyle = s, v.fillRect(
+          N + 2 * h,
+          P + 2 * h,
+          u - 4 * h,
+          u - 4 * h
+        );
       }), c) {
         const N = new Image();
         N.onload = () => {
           const P = (t - c.width) / 2, R = (t - c.height) / 2;
-          c.excavate && (v.fillStyle = a, v.fillRect(P - 5, R - 5, c.width + 10, c.height + 10)), v.drawImage(N, P, R, c.width, c.height);
+          c.excavate && (v.fillStyle = a, v.fillRect(
+            P - 5,
+            R - 5,
+            c.width + 10,
+            c.height + 10
+          )), v.drawImage(
+            N,
+            P,
+            R,
+            c.width,
+            c.height
+          );
         }, N.src = c.src;
       }
     }, [e, t, r, a, s, n, c]), /* @__PURE__ */ o(
@@ -9135,22 +9157,33 @@ const hi = l.forwardRef(
   }
 );
 hi.displayName = "QRCode";
-const mt = ({ active: e, payload: t, label: r }) => !e || !t || !t.length ? null : /* @__PURE__ */ p("div", { className: "rounded-lg border border-[var(--color-border)] bg-[var(--color-bg-elevated)] backdrop-blur-[var(--blur-glass)] p-3 shadow-[var(--shadow-glass)]", children: [
+const mt = ({
+  active: e,
+  payload: t,
+  label: r
+}) => !e || !t || !t.length ? null : /* @__PURE__ */ p("div", { className: "rounded-lg border border-[var(--color-border)] bg-[var(--color-bg-elevated)] backdrop-blur-[var(--blur-glass)] p-3 shadow-[var(--shadow-glass)]", children: [
   /* @__PURE__ */ o("p", { className: "text-sm font-medium text-[var(--color-text)] mb-2", children: r }),
-  t.map((a, s) => /* @__PURE__ */ p("div", { className: "flex items-center gap-2 text-xs text-[var(--color-text-secondary)]", children: [
-    /* @__PURE__ */ o(
-      "span",
-      {
-        className: "w-3 h-3 rounded-full",
-        style: { backgroundColor: a.color }
-      }
-    ),
-    /* @__PURE__ */ p("span", { children: [
-      a.name,
-      ":"
-    ] }),
-    /* @__PURE__ */ o("span", { className: "font-medium text-[var(--color-text)]", children: a.value })
-  ] }, s))
+  t.map((a, s) => /* @__PURE__ */ p(
+    "div",
+    {
+      className: "flex items-center gap-2 text-xs text-[var(--color-text-secondary)]",
+      children: [
+        /* @__PURE__ */ o(
+          "span",
+          {
+            className: "w-3 h-3 rounded-full",
+            style: { backgroundColor: a.color }
+          }
+        ),
+        /* @__PURE__ */ p("span", { children: [
+          a.name,
+          ":"
+        ] }),
+        /* @__PURE__ */ o("span", { className: "font-medium text-[var(--color-text)]", children: a.value })
+      ]
+    },
+    s
+  ))
 ] }), Hc = ({
   data: e,
   xKey: t,
@@ -9191,7 +9224,10 @@ const mt = ({ active: e, payload: t, label: r }) => !e || !t || !t.length ? null
   n && /* @__PURE__ */ o(
     nt,
     {
-      wrapperStyle: { color: "var(--color-text-secondary)", fontSize: 12 }
+      wrapperStyle: {
+        color: "var(--color-text-secondary)",
+        fontSize: 12
+      }
     }
   ),
   r.map((d, m) => /* @__PURE__ */ o(
@@ -9247,7 +9283,10 @@ const mt = ({ active: e, payload: t, label: r }) => !e || !t || !t.length ? null
   n && /* @__PURE__ */ o(
     nt,
     {
-      wrapperStyle: { color: "var(--color-text-secondary)", fontSize: 12 }
+      wrapperStyle: {
+        color: "var(--color-text-secondary)",
+        fontSize: 12
+      }
     }
   ),
   r.map((d, m) => /* @__PURE__ */ o(
@@ -9300,7 +9339,10 @@ const mt = ({ active: e, payload: t, label: r }) => !e || !t || !t.length ? null
   n && /* @__PURE__ */ o(
     nt,
     {
-      wrapperStyle: { color: "var(--color-text-secondary)", fontSize: 12 }
+      wrapperStyle: {
+        color: "var(--color-text-secondary)",
+        fontSize: 12
+      }
     }
   ),
   r.map((d, m) => /* @__PURE__ */ o(
@@ -9348,18 +9390,14 @@ const mt = ({ active: e, payload: t, label: r }) => !e || !t || !t.length ? null
     a && /* @__PURE__ */ o(
       nt,
       {
-        wrapperStyle: { color: "var(--color-text-secondary)", fontSize: 12 }
+        wrapperStyle: {
+          color: "var(--color-text-secondary)",
+          fontSize: 12
+        }
       }
     )
   ] }) }) });
-}, vi = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
-  "div",
-  {
-    ref: r,
-    className: i("flex min-h-screen", e),
-    ...t
-  }
-));
+}, vi = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o("div", { ref: r, className: i("flex min-h-screen", e), ...t }));
 vi.displayName = "Layout";
 const gi = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   "header",
@@ -9494,10 +9532,7 @@ const ki = l.forwardRef(
     "div",
     {
       ref: n,
-      className: i(
-        "flex items-center gap-3 my-4",
-        e
-      ),
+      className: i("flex items-center gap-3 my-4", e),
       ...s,
       children: [
         /* @__PURE__ */ o(
@@ -9762,7 +9797,10 @@ const Di = Y("inline-flex", {
       "div",
       {
         ref: m,
-        className: i(Di({ direction: t, size: r, align: a, wrap: s }), e),
+        className: i(
+          Di({ direction: t, size: r, align: a, wrap: s }),
+          e
+        ),
         ...d,
         children: f.map((b, v) => /* @__PURE__ */ p(l.Fragment, { children: [
           b,
@@ -9774,14 +9812,7 @@ const Di = Y("inline-flex", {
 );
 Li.displayName = "Space";
 const Ai = l.forwardRef(
-  ({
-    offsetTop: e,
-    offsetBottom: t,
-    target: r,
-    onChange: a,
-    className: s,
-    children: n
-  }, c) => {
+  ({ offsetTop: e, offsetBottom: t, target: r, onChange: a, className: s, children: n }, c) => {
     var y;
     const [d, m] = l.useState(!1), [f, b] = l.useState({}), v = l.useRef(null), h = l.useRef(null);
     return l.useEffect(() => {
@@ -9831,12 +9862,7 @@ const Ai = l.forwardRef(
 );
 Ai.displayName = "Affix";
 const Ei = l.forwardRef(
-  ({
-    visibilityHeight: e = 400,
-    target: t,
-    onClick: r,
-    className: a
-  }, s) => {
+  ({ visibilityHeight: e = 400, target: t, onClick: r, className: a }, s) => {
     const [n, c] = l.useState(!1);
     l.useEffect(() => {
       const m = t ? t() : window, f = () => {
@@ -9998,7 +10024,19 @@ const Oi = l.forwardRef(
         R.font = `${g} ${y * C}px ${u}`, R.fillStyle = h, R.textAlign = "left", R.textBaseline = "top", (Array.isArray(t) ? t : [t]).forEach((S, k) => {
           R.fillText(S, 0, k * (y * C + 10));
         }), N(P.toDataURL());
-    }, [t, r, a, s, c, h, y, g, u, m, f]), /* @__PURE__ */ p("div", { ref: v, className: i("relative", b), children: [
+    }, [
+      t,
+      r,
+      a,
+      s,
+      c,
+      h,
+      y,
+      g,
+      u,
+      m,
+      f
+    ]), /* @__PURE__ */ p("div", { ref: v, className: i("relative", b), children: [
       e,
       /* @__PURE__ */ o(
         "div",
@@ -10237,10 +10275,7 @@ const Zc = Tt.Root, ed = Tt.CollapsibleTrigger, td = Tt.CollapsibleContent, Ki =
           "bg-gradient-to-r from-[var(--color-primary)] to-[#ec4899]",
           "text-white shadow-[var(--glow-primary)]"
         ],
-        solid: [
-          "bg-[var(--color-bg-elevated)]",
-          "text-[var(--color-text)]"
-        ]
+        solid: ["bg-[var(--color-bg-elevated)]", "text-[var(--color-text)]"]
       },
       clickable: {
         true: "cursor-pointer hover:scale-105 active:scale-95"