@jinaan/uikit 0.1.15 → 0.1.17

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as s, Fragment as ye } from "react/jsx-runtime";
 import { CircleNotch as wt, Robot as Ct, Terminal as St, Check as X, Copy as Fe, XCircle as zt, Warning as kt, CheckCircle as Dt, Info as Tt, Minus as Mt, X as le, CaretRight as Pt, CaretDown as ee, MagnifyingGlass as It, Columns as Et, Lock as _t, FunnelSimple as Ee, WarningCircle as jt, CaretUp as Lt, CaretUpDown as Rt } from "@phosphor-icons/react";
-import { forwardRef as b, useState as T, Children as $e, isValidElement as qe, useRef as te, useEffect as V, useContext as ie, useCallback as At, createContext as se, useId as de, useMemo as _e } from "react";
+import { forwardRef as p, useState as T, Children as $e, isValidElement as qe, useRef as te, useEffect as V, useContext as ie, useCallback as At, createContext as se, useId as de, useMemo as _e } from "react";
 import { Slot as Bt } from "@radix-ui/react-slot";
 import { cva as we } from "class-variance-authority";
 import { clsx as Ft } from "clsx";
@@ -59,7 +59,7 @@ const Vt = we(
   lg: "[&_svg]:size-[var(--control-icon-lg)]",
   xl: "[&_svg]:size-[var(--control-icon-xl)]",
   icon: "[&_svg]:size-[var(--control-icon-md)]"
-}, z = b(
+}, z = p(
   ({
     className: t,
     variant: a,
@@ -71,7 +71,7 @@ const Vt = we(
     loading: u = !1,
     fullWidth: h = !1,
     disabled: g,
-    children: p,
+    children: b,
     ...N
   }, k) => {
     const S = l ? Bt : "button", w = Ut[r ?? "md"];
@@ -88,9 +88,9 @@ const Vt = we(
           t
         ),
         ...N,
-        children: l ? p : /* @__PURE__ */ s(ye, { children: [
+        children: l ? b : /* @__PURE__ */ s(ye, { children: [
           u ? /* @__PURE__ */ e(Ht, { className: o("text-current", w), "aria-hidden": !0 }) : i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
-          p,
+          b,
           !u && d ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: d }) : null
         ] })
       }
@@ -133,7 +133,7 @@ function qa({
     ] })
   ] });
 }
-const Ge = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const Ge = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   Ce.Root,
   {
     ref: r,
@@ -145,7 +145,7 @@ const Ge = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 Ge.displayName = "Avatar";
-const He = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const He = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   Ce.Image,
   {
     ref: r,
@@ -154,7 +154,7 @@ const He = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 He.displayName = "AvatarImage";
-const Ve = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const Ve = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   Ce.Fallback,
   {
     ref: r,
@@ -357,7 +357,7 @@ function ce({
   panelClassName: h,
   minHeight: g
 }) {
-  const p = !!(t || a), N = aa(i) ? /* @__PURE__ */ e(
+  const b = !!(t || a), N = aa(i) ? /* @__PURE__ */ e(
     z,
     {
       variant: i.variant ?? "primary",
@@ -374,10 +374,10 @@ function ce({
   ) : i;
   return /* @__PURE__ */ s(Yt, { className: o("relative", ea[d], c), children: [
     /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
-      r || p ? (
+      r || b ? (
         // Header rows must not inherit the body row hover surface.
-        /* @__PURE__ */ s("div", { className: o("[--table-row-hover:transparent]", u), children: [
-          p ? /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: o("[--table-row-hover:transparent] text-table-header", u), children: [
+          b ? /* @__PURE__ */ s(
             "div",
             {
               className: o(
@@ -414,14 +414,14 @@ function ra(t) {
     body: a.filter((l) => !r.includes(l))
   };
 }
-const na = b(
+const na = p(
   ({ className: t, children: a, ...r }, l) => {
     const { header: i, body: d } = ra(a);
     return /* @__PURE__ */ e("div", { ref: l, ...r, children: /* @__PURE__ */ e(ce, { className: o("shadow-xs", t), header: i, children: d }) });
   }
 );
 na.displayName = "Card";
-const Ue = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const Ue = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   "div",
   {
     ref: r,
@@ -433,7 +433,7 @@ const Ue = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 Ue.displayName = "CardHeader";
-const la = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const la = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   "h2",
   {
     ref: r,
@@ -442,7 +442,7 @@ const la = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 la.displayName = "CardTitle";
-const ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const ia = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   "p",
   {
     ref: r,
@@ -455,9 +455,9 @@ const ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 ia.displayName = "CardDescription";
-const oa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", { ref: r, className: o("px-5 py-4", t), ...a }));
+const oa = p(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", { ref: r, className: o("px-5 py-4", t), ...a }));
 oa.displayName = "CardContent";
-const sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const sa = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   "div",
   {
     ref: r,
@@ -469,7 +469,7 @@ const sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 sa.displayName = "CardFooter";
-const xe = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const xe = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   je.Root,
   {
     ref: r,
@@ -542,7 +542,7 @@ function ua(t) {
 }
 const ma = 250, Xe = se(!1), Je = se(() => {
 });
-function pa({
+function ba({
   open: t,
   defaultOpen: a,
   onOpenChange: r,
@@ -551,20 +551,20 @@ function pa({
 }) {
   const [d, c] = T(
     a ?? !1
-  ), [u, h] = T(!1), g = te(!1), p = te(null), N = t ?? d, k = te(N);
+  ), [u, h] = T(!1), g = te(!1), b = te(null), N = t ?? d, k = te(N);
   k.current = N;
   const S = t !== void 0;
   V(() => ca(), []), V(() => {
-    t && (p.current && clearTimeout(p.current), g.current = !1, h(!1));
+    t && (b.current && clearTimeout(b.current), g.current = !1, h(!1));
   }, [t]), V(
     () => () => {
-      p.current && clearTimeout(p.current);
+      b.current && clearTimeout(b.current);
     },
     []
   );
   const w = (I) => {
     if (I) {
-      p.current && clearTimeout(p.current), g.current = !1, h(!1), S || c(!0), r == null || r(!0);
+      b.current && clearTimeout(b.current), g.current = !1, h(!1), S || c(!0), r == null || r(!0);
       return;
     }
     if (!N || g.current) return;
@@ -572,7 +572,7 @@ function pa({
       S || c(!1), r == null || r(!1);
       return;
     }
-    g.current = !0, h(!0), p.current = setTimeout(() => {
+    g.current = !0, h(!0), b.current = setTimeout(() => {
       S || c(!1), r == null || r(!1), requestAnimationFrame(() => {
         k.current && (g.current = !1, h(!1));
       });
@@ -588,7 +588,7 @@ function pa({
     }
   ) }) });
 }
-const Qe = b(({ onClick: t, ...a }, r) => /* @__PURE__ */ e(
+const Qe = p(({ onClick: t, ...a }, r) => /* @__PURE__ */ e(
   M.Trigger,
   {
     ref: r,
@@ -599,7 +599,7 @@ const Qe = b(({ onClick: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 Qe.displayName = "DialogTrigger";
-const Wa = M.Close, Ye = b(
+const Wa = M.Close, Ye = p(
   ({ variant: t = "secondary", children: a = "Cancel", ...r }, l) => /* @__PURE__ */ e(M.Close, { asChild: !0, children: /* @__PURE__ */ e(z, { ref: l, type: "button", variant: t, ...r, children: a }) })
 );
 Ye.displayName = "DialogCancel";
@@ -621,14 +621,14 @@ function Ze(t, a = !0) {
   };
   t.addEventListener("animationend", c);
 }
-const Oe = b(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOutside: l, ...i }, d) => {
+const Oe = p(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOutside: l, ...i }, d) => {
   const c = ie(Xe), u = ie(Je), h = te(null), g = At(
-    (p) => {
-      if (h.current = p, p && Ze(p), typeof d == "function") {
-        d(p);
+    (b) => {
+      if (h.current = b, b && Ze(b), typeof d == "function") {
+        d(b);
         return;
       }
-      d && (d.current = p);
+      d && (d.current = b);
     },
     [d]
   );
@@ -661,11 +661,11 @@ const Oe = b(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOuts
           "focus:outline-none",
           t
         ),
-        onEscapeKeyDown: (p) => {
-          r == null || r(p), !p.defaultPrevented && (p.preventDefault(), u());
+        onEscapeKeyDown: (b) => {
+          r == null || r(b), !b.defaultPrevented && (b.preventDefault(), u());
         },
-        onPointerDownOutside: (p) => {
-          l == null || l(p), !p.defaultPrevented && (p.preventDefault(), u());
+        onPointerDownOutside: (b) => {
+          l == null || l(b), !b.defaultPrevented && (b.preventDefault(), u());
         },
         ...i,
         children: [
@@ -680,7 +680,7 @@ const Oe = b(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOuts
   ] });
 });
 Oe.displayName = "DialogContent";
-function ba({
+function pa({
   className: t,
   ...a
 }) {
@@ -734,14 +734,14 @@ function ga({
     {
       "data-slot": "footer",
       className: o(
-        "flex shrink-0 flex-col-reverse gap-2 px-3 pt-3 sm:flex-row sm:justify-end sm:px-4 sm:pt-3.5",
+        "flex shrink-0 flex-col-reverse gap-2 px-3 pt-3 sm:flex-row sm:px-4 sm:pt-3.5 sm:[&>*]:flex-1",
         t
       ),
       ...a
     }
   );
 }
-const Ke = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const Ke = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   M.Title,
   {
     ref: r,
@@ -750,7 +750,7 @@ const Ke = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 Ke.displayName = "DialogTitle";
-const xa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const xa = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   M.Description,
   {
     ref: r,
@@ -806,8 +806,8 @@ function Na({
             checked: g,
             disabled: h,
             onChange: () => {
-              var p;
-              return (p = c.onChange) == null ? void 0 : p.call(c, t);
+              var b;
+              return (b = c.onChange) == null ? void 0 : b.call(c, t);
             },
             "aria-describedby": r ? u : void 0,
             className: "peer sr-only"
@@ -846,11 +846,11 @@ function Xa({
   onValueChange: u,
   cancelLabel: h = "Cancel",
   confirmLabel: g = "Continue",
-  onConfirm: p
+  onConfirm: b
 }) {
   var I;
   const [N, k] = T(d ?? ((I = i[0]) == null ? void 0 : I.value) ?? ""), S = c ?? N;
-  return /* @__PURE__ */ s(pa, { open: t, onOpenChange: a, children: [
+  return /* @__PURE__ */ s(ba, { open: t, onOpenChange: a, children: [
     r ? /* @__PURE__ */ e(Qe, { asChild: !0, children: r }) : null,
     /* @__PURE__ */ s(
       Oe,
@@ -858,7 +858,7 @@ function Xa({
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ s(ba, { children: [
+          /* @__PURE__ */ s(pa, { children: [
             /* @__PURE__ */ e(ha, { children: /* @__PURE__ */ e(Ke, { className: "text-xl", children: l }) }),
             /* @__PURE__ */ e(fa, { children: /* @__PURE__ */ e(va, { label: l, value: S, onChange: (y) => {
               c === void 0 && k(y), u == null || u(y);
@@ -875,7 +875,7 @@ function Xa({
           ] }),
           /* @__PURE__ */ s(ga, { className: "gap-3 pt-2.5", children: [
             /* @__PURE__ */ e(Ye, { className: "flex-1", children: h }),
-            /* @__PURE__ */ e(z, { className: "flex-1", onClick: () => p == null ? void 0 : p(S), children: g })
+            /* @__PURE__ */ e(z, { className: "flex-1", onClick: () => b == null ? void 0 : b(S), children: g })
           ] })
         ]
       }
@@ -930,7 +930,7 @@ const ya = {
   md: "size-[var(--control-icon-md)]",
   lg: "size-[var(--control-icon-lg)]",
   xl: "size-[var(--control-icon-xl)]"
-}, tt = b(
+}, tt = p(
   ({
     className: t,
     containerClassName: a,
@@ -942,14 +942,14 @@ const ya = {
     value: u,
     defaultValue: h,
     error: g = !1,
-    helperText: p,
+    helperText: b,
     id: N,
     "aria-describedby": k,
     disabled: S,
     readOnly: w,
     ...I
   }, y) => {
-    const B = de(), J = N ?? B, F = !!p, j = !!(c && (u !== void 0 ? String(u).length > 0 : h !== void 0 && String(h).length > 0)), Q = F ? `${J}-description` : void 0, ue = [k, Q].filter(Boolean).join(" ") || void 0, Y = /* @__PURE__ */ e(
+    const B = de(), J = N ?? B, F = !!b, j = !!(c && (u !== void 0 ? String(u).length > 0 : h !== void 0 && String(h).length > 0)), Q = F ? `${J}-description` : void 0, ue = [k, Q].filter(Boolean).join(" ") || void 0, Y = /* @__PURE__ */ e(
       "input",
       {
         ref: y,
@@ -1025,7 +1025,7 @@ const ya = {
         {
           id: Q,
           className: o("mt-1.5 text-xs", g ? "text-error" : "text-muted"),
-          children: p
+          children: b
         }
       ) : null
     ] });
@@ -1056,7 +1056,7 @@ function ge({
   ]) === 0;
   return /* @__PURE__ */ e(at.Provider, { value: r, children: /* @__PURE__ */ e(C.Root, { ...a, children: t }) });
 }
-const ae = b(({ disabled: t, ...a }, r) => {
+const ae = p(({ disabled: t, ...a }, r) => {
   const l = ie(at);
   return /* @__PURE__ */ e(
     C.Trigger,
@@ -1068,7 +1068,7 @@ const ae = b(({ disabled: t, ...a }, r) => {
   );
 });
 ae.displayName = "DropdownMenuTrigger";
-const Qa = C.Group, Ya = C.Portal, re = b(({ className: t, sideOffset: a = 8, ...r }, l) => /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
+const Qa = C.Group, Ya = C.Portal, re = p(({ className: t, sideOffset: a = 8, ...r }, l) => /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
   C.Content,
   {
     ref: l,
@@ -1087,7 +1087,7 @@ const Qa = C.Group, Ya = C.Portal, re = b(({ className: t, sideOffset: a = 8, ..
   }
 ) }));
 re.displayName = "DropdownMenuContent";
-const oe = b(({ className: t, inset: a, ...r }, l) => /* @__PURE__ */ e(
+const oe = p(({ className: t, inset: a, ...r }, l) => /* @__PURE__ */ e(
   C.Item,
   {
     ref: l,
@@ -1102,7 +1102,7 @@ const oe = b(({ className: t, inset: a, ...r }, l) => /* @__PURE__ */ e(
   }
 ));
 oe.displayName = "DropdownMenuItem";
-const U = b(({ className: t, children: a, checked: r, ...l }, i) => /* @__PURE__ */ s(
+const U = p(({ className: t, children: a, checked: r, ...l }, i) => /* @__PURE__ */ s(
   C.CheckboxItem,
   {
     ref: i,
@@ -1119,7 +1119,7 @@ const U = b(({ className: t, children: a, checked: r, ...l }, i) => /* @__PURE__
   }
 ));
 U.displayName = "DropdownMenuCheckboxItem";
-const ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const ne = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   C.Label,
   {
     ref: r,
@@ -1128,7 +1128,7 @@ const ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 ne.displayName = "DropdownMenuLabel";
-const Za = C.Sub, rt = b(({ className: t, inset: a, children: r, ...l }, i) => /* @__PURE__ */ s(
+const Za = C.Sub, rt = p(({ className: t, inset: a, children: r, ...l }, i) => /* @__PURE__ */ s(
   C.SubTrigger,
   {
     ref: i,
@@ -1147,7 +1147,7 @@ const Za = C.Sub, rt = b(({ className: t, inset: a, children: r, ...l }, i) => /
   }
 ));
 rt.displayName = "DropdownMenuSubTrigger";
-const Sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const Sa = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   C.SubContent,
   {
     ref: r,
@@ -1166,7 +1166,7 @@ const Sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 Sa.displayName = "DropdownMenuSubContent";
-const Ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const Ne = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   C.Separator,
   {
     ref: r,
@@ -1184,7 +1184,7 @@ function ka({
   const l = ze(t, [ke]) === 0;
   return /* @__PURE__ */ e(D.Root, { disabled: a || l, ...r, children: t });
 }
-const nt = b(({ className: t, children: a, variant: r = "field", ...l }, i) => /* @__PURE__ */ s(
+const nt = p(({ className: t, children: a, variant: r = "field", ...l }, i) => /* @__PURE__ */ s(
   D.Trigger,
   {
     ref: i,
@@ -1205,7 +1205,7 @@ const nt = b(({ className: t, children: a, variant: r = "field", ...l }, i) => /
   }
 ));
 nt.displayName = "SelectTrigger";
-const lt = b(
+const lt = p(
   ({ className: t, children: a, position: r = "popper", sideOffset: l = 8, ...i }, d) => /* @__PURE__ */ e(D.Portal, { children: /* @__PURE__ */ e(
     D.Content,
     {
@@ -1228,7 +1228,7 @@ const lt = b(
   ) })
 );
 lt.displayName = "SelectContent";
-const ke = b(({ className: t, children: a, ...r }, l) => /* @__PURE__ */ s(
+const ke = p(({ className: t, children: a, ...r }, l) => /* @__PURE__ */ s(
   D.Item,
   {
     ref: l,
@@ -1244,7 +1244,7 @@ const ke = b(({ className: t, children: a, ...r }, l) => /* @__PURE__ */ s(
   }
 ));
 ke.displayName = "SelectItem";
-const Da = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const Da = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   D.Label,
   {
     ref: r,
@@ -1278,7 +1278,7 @@ function Ta({
     }
   );
 }
-const Ma = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium";
+const Ma = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium text-table-header";
 function Pa(t) {
   return t.split(/\s+/).slice(0, 2).map((a) => {
     var r;
@@ -1312,7 +1312,7 @@ function er({
   filters: u,
   toolbarStart: h,
   toolbarEnd: g,
-  tabs: p,
+  tabs: b,
   activeTab: N,
   onTabChange: k,
   infoBanner: S,
@@ -1335,7 +1335,7 @@ function er({
     )
   ), [x, st] = T(
     J ?? null
-  ), [$, Z] = T(0), [L, dt] = T(F), [R, me] = T(/* @__PURE__ */ new Set()), [ct, pe] = T([]), E = a.filter((n) => !De[n.id]), Me = a.filter((n) => De[n.id] && !n.required), be = (u ?? []).filter((n) => ct.includes(n.id)), ut = (u ?? []).map((n) => `${n.id}:${n.value.join(",")}`).join("|"), O = _e(() => {
+  ), [$, Z] = T(0), [L, dt] = T(F), [R, me] = T(/* @__PURE__ */ new Set()), [ct, be] = T([]), E = a.filter((n) => !De[n.id]), Me = a.filter((n) => De[n.id] && !n.required), pe = (u ?? []).filter((n) => ct.includes(n.id)), ut = (u ?? []).map((n) => `${n.id}:${n.value.join(",")}`).join("|"), O = _e(() => {
     let n = t;
     for (const f of u ?? [])
       f.value.length > 0 && (n = n.filter((v) => f.match(v, f.value)));
@@ -1361,7 +1361,7 @@ function er({
     n.sortable && st(
       (m) => (m == null ? void 0 : m.id) === n.id ? m.dir === "asc" ? { id: n.id, dir: "desc" } : null : { id: n.id, dir: "asc" }
     );
-  }, Pe = _.length > 0 && _.every((n) => R.has(r(n))), pt = _.some((n) => R.has(r(n))), bt = t.filter((n) => R.has(r(n))), ft = () => {
+  }, Pe = _.length > 0 && _.every((n) => R.has(r(n))), bt = _.some((n) => R.has(r(n))), pt = t.filter((n) => R.has(r(n))), ft = () => {
     me((n) => {
       const m = new Set(n);
       return Pe ? _.forEach((f) => m.delete(r(f))) : _.forEach((f) => m.add(r(f))), m;
@@ -1377,7 +1377,7 @@ function er({
     ...y ? ["11rem"] : []
   ], yt = (n) => (x == null ? void 0 : x.id) === n.id ? x.dir === "asc" ? "ascending" : "descending" : void 0;
   return /* @__PURE__ */ s("div", { className: o("space-y-4", ot), children: [
-    p && p.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: p.map((n) => {
+    b && b.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: b.map((n) => {
       const m = n.id === N;
       return /* @__PURE__ */ e(
         "button",
@@ -1469,7 +1469,7 @@ function er({
         /* @__PURE__ */ e(re, { align: "start", className: "w-54", children: u.map((n) => /* @__PURE__ */ e(
           oe,
           {
-            onSelect: () => pe(
+            onSelect: () => be(
               (m) => m.includes(n.id) ? m : [...m, n.id]
             ),
             children: n.label
@@ -1479,10 +1479,10 @@ function er({
       ] }) : null,
       g ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: g }) : null
     ] }),
-    be.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      be.map((n) => {
+    pe.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      pe.map((n) => {
         const m = () => {
-          n.onChange([]), pe((f) => f.filter((v) => v !== n.id));
+          n.onChange([]), be((f) => f.filter((v) => v !== n.id));
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ e(
@@ -1536,8 +1536,8 @@ function er({
         {
           type: "button",
           onClick: () => {
-            for (const n of be) n.onChange([]);
-            pe([]);
+            for (const n of pe) n.onChange([]);
+            be([]);
           },
           className: "text-sm text-muted transition-colors hover:text-fg",
           children: "Clear filters"
@@ -1556,7 +1556,7 @@ function er({
           size: "md",
           variant: n.variant ?? "outline",
           disabled: n.disabled,
-          onClick: () => void n.onRun(bt),
+          onClick: () => void n.onRun(pt),
           children: [
             n.icon,
             n.label
@@ -1594,7 +1594,7 @@ function er({
                 xe,
                 {
                   "aria-label": "Select all rows",
-                  checked: Pe ? !0 : pt ? "indeterminate" : !1,
+                  checked: Pe ? !0 : bt ? "indeterminate" : !1,
                   onCheckedChange: ft
                 }
               ) }),
@@ -1748,7 +1748,7 @@ function ar({ className: t, ...a }) {
     }
   );
 }
-const Ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const Ia = p(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   qt.Root,
   {
     ref: r,
@@ -1812,7 +1812,7 @@ function rr({
     }
   );
 }
-const Ea = b(({ className: t, orientation: a = "horizontal", decorative: r = !0, ...l }, i) => /* @__PURE__ */ e(
+const Ea = p(({ className: t, orientation: a = "horizontal", decorative: r = !0, ...l }, i) => /* @__PURE__ */ e(
   Gt.Root,
   {
     ref: i,
@@ -1836,7 +1836,7 @@ function nr({ className: t, ...a }) {
     }
   );
 }
-const lr = W.Provider, ir = W.Root, or = W.Trigger, _a = b(({ className: t, sideOffset: a = 6, ...r }, l) => /* @__PURE__ */ e(W.Portal, { children: /* @__PURE__ */ e(
+const lr = W.Provider, ir = W.Root, or = W.Trigger, _a = p(({ className: t, sideOffset: a = 6, ...r }, l) => /* @__PURE__ */ e(W.Portal, { children: /* @__PURE__ */ e(
   W.Content,
   {
     ref: l,
@@ -1874,7 +1874,7 @@ export {
   Ja as CodeBlock,
   er as DataTable,
   Ka as DataTableIdentity,
-  pa as Dialog,
+  ba as Dialog,
   fa as DialogBody,
   Ye as DialogCancel,
   Wa as DialogClose,
@@ -1882,7 +1882,7 @@ export {
   xa as DialogDescription,
   ga as DialogFooter,
   ha as DialogHeader,
-  ba as DialogPanel,
+  pa as DialogPanel,
   Ke as DialogTitle,
   Qe as DialogTrigger,
   ge as DropdownMenu,