@jinaan/uikit 0.1.31 → 0.1.34

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as s, Fragment as Oe } from "react/jsx-runtime";
 import { CircleNotch as Lt, Robot as Rt, Terminal as At, Check as X, Copy as Xe, XCircle as Bt, Warning as Ft, CheckCircle as $t, Info as qt, Minus as Gt, X as ie, CaretDown as oe, CaretRight as Ht, MagnifyingGlass as Vt, Columns as Ut, Lock as Wt, DotsSixVertical as Ot, FunnelSimple as $e, WarningCircle as Xt, CaretUp as Jt, CaretUpDown as Qt } from "@phosphor-icons/react";
-import { forwardRef as f, useState as T, Children as Je, isValidElement as Qe, useRef as ae, useEffect as U, useContext as B, useCallback as Yt, createContext as J, useId as de, useMemo as qe } from "react";
+import { forwardRef as f, useState as D, Children as Je, isValidElement as Qe, useRef as ae, useEffect as U, useContext as B, useCallback as Yt, createContext as J, useId as de, useMemo as qe } from "react";
 import { Slot as Zt } from "@radix-ui/react-slot";
 import { cva as we } from "class-variance-authority";
 import { clsx as Kt } from "clsx";
@@ -8,8 +8,8 @@ import { twMerge as ea } from "tailwind-merge";
 import * as Ce from "@radix-ui/react-avatar";
 import * as Ge from "@radix-ui/react-checkbox";
 import * as I from "@radix-ui/react-dialog";
-import * as z from "@radix-ui/react-dropdown-menu";
-import * as P from "@radix-ui/react-select";
+import * as k from "@radix-ui/react-dropdown-menu";
+import * as M from "@radix-ui/react-select";
 import * as ta from "@radix-ui/react-label";
 import * as aa from "@radix-ui/react-separator";
 import * as O from "@radix-ui/react-tooltip";
@@ -65,49 +65,49 @@ const la = we(
   lg: "[&_svg]:size-[var(--control-icon-lg)]",
   xl: "[&_svg]:size-[var(--control-icon-xl)]",
   icon: "[&_svg]:size-[var(--control-icon-md)]"
-}, M = f(
+}, T = f(
   ({
     className: e,
     variant: a,
     size: n = "md",
     asChild: l = !1,
     leadingIcon: i,
-    trailingIcon: c,
-    iconOnly: u = !1,
-    loading: m = !1,
-    fullWidth: b = !1,
-    disabled: g,
+    trailingIcon: u,
+    iconOnly: m = !1,
+    loading: c = !1,
+    fullWidth: x = !1,
+    disabled: b,
     children: h,
-    ...y
+    ...N
   }, S) => {
-    const k = l ? Zt : "button", w = ia[n ?? "md"];
+    const C = l ? Zt : "button", w = ia[n ?? "md"];
     return /* @__PURE__ */ t(
-      k,
+      C,
       {
         ref: S,
-        "aria-busy": m || void 0,
-        disabled: l ? void 0 : g || m,
+        "aria-busy": c || void 0,
+        disabled: l ? void 0 : b || c,
         className: o(
           la({ variant: a, size: n }),
-          u && "aspect-square px-0",
-          b && "w-full",
-          m && "disabled:opacity-100",
+          m && "aspect-square px-0",
+          x && "w-full",
+          c && "disabled:opacity-100",
           e
         ),
-        ...y,
+        ...N,
         children: l ? h : /* @__PURE__ */ s("span", { className: "relative inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap)", children: [
           /* @__PURE__ */ s(
             "span",
             {
               className: o(
                 "inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap) transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
-                m && "translate-y-2 opacity-0"
+                c && "translate-y-2 opacity-0"
               ),
-              "aria-hidden": m || void 0,
+              "aria-hidden": c || void 0,
               children: [
-                !m && i ? /* @__PURE__ */ t("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
+                !c && i ? /* @__PURE__ */ t("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
                 h,
-                !m && c ? /* @__PURE__ */ t("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: c }) : null
+                !c && u ? /* @__PURE__ */ t("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: u }) : null
               ]
             }
           ),
@@ -117,7 +117,7 @@ const la = we(
               "data-button-spinner": !0,
               className: o(
                 "pointer-events-none absolute inset-0 flex items-center justify-center transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
-                m ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
+                c ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
               children: /* @__PURE__ */ t(na, { className: o("text-current", w) })
@@ -128,16 +128,16 @@ const la = we(
     );
   }
 );
-M.displayName = "Button";
+T.displayName = "Button";
 function rr({
   command: e,
   tag: a = "Build with agents",
   icon: n,
   className: l
 }) {
-  const [i, c] = T(!1), u = async () => {
+  const [i, u] = D(!1), m = async () => {
     try {
-      await navigator.clipboard.writeText(e), c(!0), window.setTimeout(() => c(!1), 1500);
+      await navigator.clipboard.writeText(e), u(!0), window.setTimeout(() => u(!1), 1500);
     } catch {
     }
   };
@@ -150,14 +150,14 @@ function rr({
       /* @__PURE__ */ t(At, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
       /* @__PURE__ */ t("span", { className: "truncate font-mono text-sm text-fg", children: e }),
       /* @__PURE__ */ t(
-        M,
+        T,
         {
           variant: "ghost",
           size: "sm",
           iconOnly: !0,
           "aria-label": "Copy prompt",
           className: "ml-auto",
-          onClick: u,
+          onClick: m,
           children: i ? /* @__PURE__ */ t(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ t(Xe, {})
         }
       )
@@ -262,7 +262,7 @@ function nr({
   icon: l,
   className: i
 }) {
-  const { Icon: c, className: u, iconClassName: m } = ca[e];
+  const { Icon: u, className: m, iconClassName: c } = ca[e];
   return /* @__PURE__ */ s(
     "div",
     {
@@ -270,11 +270,11 @@ function nr({
       className: o(
         "flex items-start gap-2.5 rounded-lg border px-3.5 py-3 text-sm",
         "animate-in fade-in-0 slide-in-from-top-1 duration-200 motion-reduce:animate-none",
-        u,
+        m,
         i
       ),
       children: [
-        /* @__PURE__ */ t("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", m), children: l ?? /* @__PURE__ */ t(c, { weight: "fill" }) }),
+        /* @__PURE__ */ t("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", c), children: l ?? /* @__PURE__ */ t(u, { weight: "fill" }) }),
         /* @__PURE__ */ s("div", { className: "min-w-0 space-y-0.5", children: [
           a ? /* @__PURE__ */ t("p", { className: "font-medium text-fg", children: a }) : null,
           n ? /* @__PURE__ */ t("div", { className: "text-muted", children: n }) : null
@@ -382,14 +382,14 @@ function ce({
   header: n,
   children: l,
   action: i,
-  tone: c = "default",
-  className: u,
-  headerClassName: m,
-  panelClassName: b,
-  minHeight: g
+  tone: u = "default",
+  className: m,
+  headerClassName: c,
+  panelClassName: x,
+  minHeight: b
 }) {
-  const h = !!(e || a), y = ga(i) ? /* @__PURE__ */ t(
-    M,
+  const h = !!(e || a), N = ga(i) ? /* @__PURE__ */ t(
+    T,
     {
       variant: i.variant ?? "primary",
       size: "xs",
@@ -403,17 +403,17 @@ function ce({
       ] }) : i.label
     }
   ) : i;
-  return /* @__PURE__ */ s(ua, { className: o("relative", ba[c], u), children: [
+  return /* @__PURE__ */ s(ua, { className: o("relative", ba[u], m), children: [
     /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
       n || h ? (
         // Header rows must not inherit the body row hover surface.
-        /* @__PURE__ */ s("div", { className: o("[--table-row-hover:transparent] text-table-header", m), children: [
+        /* @__PURE__ */ s("div", { className: o("[--table-row-hover:transparent] text-table-header", c), children: [
           h ? /* @__PURE__ */ s(
             "div",
             {
               className: o(
                 "px-(--table-pad-x) pb-3 pt-4",
-                y && "pr-28"
+                N && "pr-28"
               ),
               children: [
                 e ? /* @__PURE__ */ t("div", { className: "text-sm font-semibold text-fg", children: e }) : null,
@@ -427,13 +427,13 @@ function ce({
       /* @__PURE__ */ t(
         ma,
         {
-          className: o(ha[c], b),
-          style: g ? { minHeight: g } : void 0,
+          className: o(ha[u], x),
+          style: b ? { minHeight: b } : void 0,
           children: l
         }
       )
     ] }),
-    y ? /* @__PURE__ */ t("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ t("div", { className: "pointer-events-auto", children: y }) }) : null
+    N ? /* @__PURE__ */ t("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ t("div", { className: "pointer-events-auto", children: N }) }) : null
   ] });
 }
 function xa(e) {
@@ -447,8 +447,8 @@ function xa(e) {
 }
 const va = f(
   ({ className: e, children: a, ...n }, l) => {
-    const { header: i, body: c } = xa(a);
-    return /* @__PURE__ */ t("div", { ref: l, ...n, children: /* @__PURE__ */ t(ce, { className: o("shadow-xs", e), header: i, children: c }) });
+    const { header: i, body: u } = xa(a);
+    return /* @__PURE__ */ t("div", { ref: l, ...n, children: /* @__PURE__ */ t(ce, { className: o("shadow-xs", e), header: i, children: u }) });
   }
 );
 va.displayName = "Card";
@@ -580,39 +580,39 @@ function Ta({
   children: l,
   ...i
 }) {
-  const [c, u] = T(
+  const [u, m] = D(
     a ?? !1
-  ), [m, b] = T(!1), g = ae(!1), h = ae(null), y = e ?? c, S = ae(y);
-  S.current = y;
-  const k = e !== void 0;
+  ), [c, x] = D(!1), b = ae(!1), h = ae(null), N = e ?? u, S = ae(N);
+  S.current = N;
+  const C = e !== void 0;
   U(() => ka(), []), U(() => {
-    e && (h.current && clearTimeout(h.current), g.current = !1, b(!1));
+    e && (h.current && clearTimeout(h.current), b.current = !1, x(!1));
   }, [e]), U(
     () => () => {
       h.current && clearTimeout(h.current);
     },
     []
   );
-  const w = (x) => {
-    if (x) {
-      h.current && clearTimeout(h.current), g.current = !1, b(!1), k || u(!0), n == null || n(!0);
+  const w = (P) => {
+    if (P) {
+      h.current && clearTimeout(h.current), b.current = !1, x(!1), C || m(!0), n == null || n(!0);
       return;
     }
-    if (!y || g.current) return;
+    if (!N || b.current) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      k || u(!1), n == null || n(!1);
+      C || m(!1), n == null || n(!1);
       return;
     }
-    g.current = !0, b(!0), h.current = setTimeout(() => {
-      k || u(!1), n == null || n(!1), requestAnimationFrame(() => {
-        S.current && (g.current = !1, b(!1));
+    b.current = !0, x(!0), h.current = setTimeout(() => {
+      C || m(!1), n == null || n(!1), requestAnimationFrame(() => {
+        S.current && (b.current = !1, x(!1));
       });
     }, Da);
   };
-  return /* @__PURE__ */ t(rt.Provider, { value: () => w(!1), children: /* @__PURE__ */ t(at.Provider, { value: m, children: /* @__PURE__ */ t(ke.Provider, { value: !0, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(rt.Provider, { value: () => w(!1), children: /* @__PURE__ */ t(at.Provider, { value: c, children: /* @__PURE__ */ t(ke.Provider, { value: !0, children: /* @__PURE__ */ t(
     I.Root,
     {
-      open: y,
+      open: N,
       onOpenChange: w,
       ...i,
       children: l
@@ -631,7 +631,7 @@ const nt = f(({ onClick: e, ...a }, n) => /* @__PURE__ */ t(
 ));
 nt.displayName = "DialogTrigger";
 const sr = I.Close, lt = f(
-  ({ variant: e = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ t(I.Close, { asChild: !0, children: /* @__PURE__ */ t(M, { ref: l, type: "button", variant: e, ...n, children: a }) })
+  ({ variant: e = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ t(I.Close, { asChild: !0, children: /* @__PURE__ */ t(T, { ref: l, type: "button", variant: e, ...n, children: a }) })
 );
 lt.displayName = "DialogCancel";
 function it(e, a = !0) {
@@ -645,12 +645,12 @@ function it(e, a = !0) {
   e.dataset.dialogMotionStarted = "true";
   const l = za(e), i = l ? Sa(l, n) : null;
   i ? (e.style.setProperty("--dialog-dx", `${i.dx}px`), e.style.setProperty("--dialog-dy", `${i.dy}px`), e.style.setProperty("--dialog-sx", String(i.sx)), e.style.setProperty("--dialog-sy", String(i.sy)), e.classList.add("dialog-fly-in")) : (e.style.removeProperty("--dialog-dx"), e.style.removeProperty("--dialog-dy"), e.style.removeProperty("--dialog-sx"), e.style.removeProperty("--dialog-sy"), e.classList.add("dialog-pop-in"));
-  const c = () => {
+  const u = () => {
     e.classList.remove("dialog-fly-in", "dialog-pop-in");
-  }, u = (m) => {
-    m.target === e && (m.animationName !== "dialog-fly-in" && m.animationName !== "dialog-pop-in" || (e.removeEventListener("animationend", u), c()));
+  }, m = (c) => {
+    c.target === e && (c.animationName !== "dialog-fly-in" && c.animationName !== "dialog-pop-in" || (e.removeEventListener("animationend", m), u()));
   };
-  e.addEventListener("animationend", u);
+  e.addEventListener("animationend", m);
 }
 function Ma(e) {
   return e.replace(/dvh\b/g, "vh");
@@ -661,23 +661,24 @@ const ot = f(
     children: a,
     placement: n = "center",
     topOffset: l = "11dvh",
-    style: i,
-    onEscapeKeyDown: c,
-    onPointerDownOutside: u,
-    ...m
+    motion: i = "auto",
+    style: u,
+    onEscapeKeyDown: m,
+    onPointerDownOutside: c,
+    ...x
   }, b) => {
-    const g = B(at), h = n === "top", y = h ? {
+    const h = B(at), N = n === "top", S = N ? {
       "--dialog-top-offset": l,
       "--dialog-top-offset-fallback": Ma(l)
-    } : void 0, S = B(rt), k = ae(null), w = Yt(
-      (x) => {
-        if (k.current = x, x && it(x), typeof b == "function") {
-          b(x);
+    } : void 0, C = B(rt), w = ae(null), P = Yt(
+      (g) => {
+        if (w.current = g, g && i === "auto" && it(g), typeof b == "function") {
+          b(g);
           return;
         }
-        b && (b.current = x);
+        b && (b.current = g);
       },
-      [b]
+      [i, b]
     );
     return /* @__PURE__ */ s(I.Portal, { children: [
       /* @__PURE__ */ t(
@@ -685,8 +686,8 @@ const ot = f(
         {
           className: o(
             "fixed inset-0 z-50 overflow-hidden bg-overlay backdrop-blur-[3px] data-[state=open]:animate-in data-[state=open]:fade-in-0",
-            !g && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-            g && "opacity-0 transition-opacity duration-200"
+            !h && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+            h && "opacity-0 transition-opacity duration-200"
           ),
           children: /* @__PURE__ */ t(
             "span",
@@ -702,28 +703,29 @@ const ot = f(
         {
           className: o(
             "pointer-events-none fixed inset-0 z-50 flex justify-center overflow-y-auto p-4",
-            h ? "items-start" : "items-center"
+            N ? "items-start" : "items-center"
           ),
           children: /* @__PURE__ */ s(
             I.Content,
             {
-              ref: w,
-              style: y ? { ...y, ...i } : i,
+              ref: P,
+              style: S ? { ...S, ...u } : u,
               className: o(
                 "dialog-content pointer-events-auto relative flex max-h-[min(85vh,44rem)] w-full max-w-[22.4rem] flex-col gap-0 overflow-hidden will-change-[transform,opacity]",
                 "rounded-2xl border border-(--dialog-shell-border) bg-(--dialog-shell-bg) pb-3 shadow-(--dialog-shell-shadow) sm:pb-4",
-                h && "dialog-anchor-top",
-                g && "dialog-closing",
+                N && "dialog-anchor-top",
+                i === "command" && "dialog-command-motion",
+                h && "dialog-closing",
                 "focus:outline-none",
                 e
               ),
-              onEscapeKeyDown: (x) => {
-                c == null || c(x), !x.defaultPrevented && (x.preventDefault(), S());
+              onEscapeKeyDown: (g) => {
+                m == null || m(g), !g.defaultPrevented && (g.preventDefault(), C());
               },
-              onPointerDownOutside: (x) => {
-                u == null || u(x), !x.defaultPrevented && (x.preventDefault(), S());
+              onPointerDownOutside: (g) => {
+                c == null || c(g), !g.defaultPrevented && (g.preventDefault(), C());
               },
-              ...m,
+              ...x,
               children: [
                 a,
                 /* @__PURE__ */ s(I.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
@@ -831,14 +833,14 @@ function La({
   onChange: n,
   disabled: l = !1,
   name: i,
-  className: c,
-  children: u,
-  ...m
+  className: u,
+  children: m,
+  ...c
 }) {
-  const b = de(), g = i ?? b;
-  return /* @__PURE__ */ t(dt.Provider, { value: { name: g, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", c), ...m, children: [
+  const x = de(), b = i ?? x;
+  return /* @__PURE__ */ t(dt.Provider, { value: { name: b, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", u), ...c, children: [
     /* @__PURE__ */ t("legend", { className: "sr-only", children: e }),
-    u
+    m
   ] }) });
 }
 function Ra({
@@ -847,34 +849,34 @@ function Ra({
   description: n,
   badge: l,
   disabled: i = !1,
-  className: c
+  className: u
 }) {
-  const u = B(dt), m = de();
-  if (!u)
+  const m = B(dt), c = de();
+  if (!m)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const b = i || u.disabled, g = u.value === e;
+  const x = i || m.disabled, b = m.value === e;
   return /* @__PURE__ */ s(
     "label",
     {
       className: o(
         "group relative flex items-start gap-3",
-        b ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-        c
+        x ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+        u
       ),
       children: [
         /* @__PURE__ */ t(
           "input",
           {
             type: "radio",
-            name: u.name,
+            name: m.name,
             value: e,
-            checked: g,
-            disabled: b,
+            checked: b,
+            disabled: x,
             onChange: () => {
               var h;
-              return (h = u.onChange) == null ? void 0 : h.call(u, e);
+              return (h = m.onChange) == null ? void 0 : h.call(m, e);
             },
-            "aria-describedby": n ? m : void 0,
+            "aria-describedby": n ? c : void 0,
             className: "peer sr-only"
           }
         ),
@@ -894,7 +896,7 @@ function Ra({
             /* @__PURE__ */ t("span", { className: "text-base font-semibold text-fg", children: a }),
             l ? /* @__PURE__ */ t(da, { variant: "primary", children: l }) : null
           ] }),
-          n ? /* @__PURE__ */ t("span", { id: m, className: "mt-1 block text-sm text-muted", children: n }) : null
+          n ? /* @__PURE__ */ t("span", { id: c, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
       ]
     }
@@ -906,15 +908,15 @@ function dr({
   trigger: n,
   title: l,
   options: i,
-  defaultValue: c,
-  value: u,
-  onValueChange: m,
-  cancelLabel: b = "Cancel",
-  confirmLabel: g = "Continue",
+  defaultValue: u,
+  value: m,
+  onValueChange: c,
+  cancelLabel: x = "Cancel",
+  confirmLabel: b = "Continue",
   onConfirm: h
 }) {
-  var x;
-  const [y, S] = T(c ?? ((x = i[0]) == null ? void 0 : x.value) ?? ""), k = u ?? y;
+  var P;
+  const [N, S] = D(u ?? ((P = i[0]) == null ? void 0 : P.value) ?? ""), C = m ?? N;
   return /* @__PURE__ */ s(Ta, { open: e, onOpenChange: a, children: [
     n ? /* @__PURE__ */ t(nt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
@@ -925,22 +927,22 @@ function dr({
         children: [
           /* @__PURE__ */ s(Pa, { children: [
             /* @__PURE__ */ t(Ea, { children: /* @__PURE__ */ t(st, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ t(Ia, { children: /* @__PURE__ */ t(La, { label: l, value: k, onChange: (C) => {
-              u === void 0 && S(C), m == null || m(C);
-            }, children: i.map((C) => /* @__PURE__ */ t(
+            /* @__PURE__ */ t(Ia, { children: /* @__PURE__ */ t(La, { label: l, value: C, onChange: (g) => {
+              m === void 0 && S(g), c == null || c(g);
+            }, children: i.map((g) => /* @__PURE__ */ t(
               Ra,
               {
-                value: C.value,
-                title: C.title,
-                description: C.description,
-                badge: C.badge
+                value: g.value,
+                title: g.title,
+                description: g.description,
+                badge: g.badge
               },
-              C.value
+              g.value
             )) }) })
           ] }),
           /* @__PURE__ */ s(ja, { className: "gap-3 pt-2.5", children: [
-            /* @__PURE__ */ t(lt, { className: "flex-1", children: b }),
-            /* @__PURE__ */ t(M, { className: "flex-1", onClick: () => h == null ? void 0 : h(k), children: g })
+            /* @__PURE__ */ t(lt, { className: "flex-1", children: x }),
+            /* @__PURE__ */ t(T, { className: "flex-1", onClick: () => h == null ? void 0 : h(C), children: b })
           ] })
         ]
       }
@@ -948,7 +950,7 @@ function dr({
   ] });
 }
 function cr({ code: e, label: a, className: n }) {
-  const [l, i] = T(!1);
+  const [l, i] = D(!1);
   return /* @__PURE__ */ t(
     ce,
     {
@@ -1002,31 +1004,31 @@ const Aa = {
     type: n = "text",
     size: l = "md",
     leadingIcon: i,
-    trailingIcon: c,
-    onClear: u,
-    value: m,
-    defaultValue: b,
-    error: g = !1,
+    trailingIcon: u,
+    onClear: m,
+    value: c,
+    defaultValue: x,
+    error: b = !1,
     helperText: h,
-    id: y,
+    id: N,
     "aria-describedby": S,
-    disabled: k,
+    disabled: C,
     readOnly: w,
-    ...x
-  }, C) => {
-    const F = de(), Q = y ?? F, $ = !!h, _ = !!(u && (m !== void 0 ? String(m).length > 0 : b !== void 0 && String(b).length > 0)), Y = $ ? `${Q}-description` : void 0, ue = [S, Y].filter(Boolean).join(" ") || void 0, Z = /* @__PURE__ */ t(
+    ...P
+  }, g) => {
+    const F = de(), Q = N ?? F, $ = !!h, _ = !!(m && (c !== void 0 ? String(c).length > 0 : x !== void 0 && String(x).length > 0)), Y = $ ? `${Q}-description` : void 0, ue = [S, Y].filter(Boolean).join(" ") || void 0, Z = /* @__PURE__ */ t(
       "input",
       {
-        ref: C,
+        ref: g,
         id: Q,
         type: n,
-        disabled: k,
+        disabled: C,
         readOnly: w,
-        "aria-invalid": g || void 0,
+        "aria-invalid": b || void 0,
         "aria-describedby": ue,
-        style: i || c || _ ? {
+        style: i || u || _ ? {
           paddingInlineStart: i ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
-          paddingInlineEnd: c || _ ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
+          paddingInlineEnd: u || _ ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
         } : void 0,
         className: o(
           "flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
@@ -1035,19 +1037,19 @@ const Aa = {
           "placeholder:text-(--input-placeholder)",
           "hover:border-(--input-border-hover)",
           "focus-visible:outline-none focus-visible:border-(--input-border-focus) focus-visible:ring-2 focus-visible:ring-focus/30",
-          g && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
-          !g && "border-(--input-border)",
+          b && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
+          !b && "border-(--input-border)",
           n === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
-          k && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
+          C && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
           w && "cursor-default focus-visible:ring-0",
           e
         ),
-        value: m,
-        defaultValue: b,
-        ...x
+        value: c,
+        defaultValue: x,
+        ...P
       }
     );
-    return !i && !c && !_ && !$ ? Z : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
+    return !i && !u && !_ && !$ ? Z : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
         i ? /* @__PURE__ */ t(
           "span",
@@ -1066,14 +1068,14 @@ const Aa = {
           {
             type: "button",
             "aria-label": "Clear search",
-            onClick: u,
+            onClick: m,
             className: o(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
               We[l]
             ),
             children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ge[l]), children: /* @__PURE__ */ t(ie, {}) })
           }
-        ) : c ? /* @__PURE__ */ t(
+        ) : u ? /* @__PURE__ */ t(
           "span",
           {
             className: o(
@@ -1081,7 +1083,7 @@ const Aa = {
               We[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ge[l]), children: c })
+            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ge[l]), children: u })
           }
         ) : null
       ] }),
@@ -1089,7 +1091,7 @@ const Aa = {
         "p",
         {
           id: Y,
-          className: o("mt-1.5 text-xs", g ? "text-error" : "text-muted"),
+          className: o("mt-1.5 text-xs", b ? "text-error" : "text-muted"),
           children: h
         }
       ) : null
@@ -1101,7 +1103,7 @@ function ze(e, a) {
   let n = 0;
   return Je.forEach(e, (l) => {
     if (!Qe(l)) return;
-    if (a.some((c) => c === l.type)) {
+    if (a.some((u) => u === l.type)) {
       n += 1;
       return;
     }
@@ -1119,12 +1121,12 @@ function xe({
     W,
     pt
   ]) === 0;
-  return /* @__PURE__ */ t(ut.Provider, { value: n, children: /* @__PURE__ */ t(z.Root, { ...a, children: e }) });
+  return /* @__PURE__ */ t(ut.Provider, { value: n, children: /* @__PURE__ */ t(k.Root, { ...a, children: e }) });
 }
 const re = f(({ className: e, disabled: a, ...n }, l) => {
   const i = B(ut);
   return /* @__PURE__ */ t(
-    z.Trigger,
+    k.Trigger,
     {
       ref: l,
       className: o("group", e),
@@ -1147,8 +1149,8 @@ const mt = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   }
 ));
 mt.displayName = "DropdownMenuChevron";
-const ur = z.Group, mr = z.Portal, ne = f(({ className: e, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ t(z.Portal, { children: /* @__PURE__ */ t(
-  z.Content,
+const ur = k.Group, mr = k.Portal, ne = f(({ className: e, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ t(k.Portal, { children: /* @__PURE__ */ t(
+  k.Content,
   {
     ref: l,
     sideOffset: a,
@@ -1167,7 +1169,7 @@ const ur = z.Group, mr = z.Portal, ne = f(({ className: e, sideOffset: a = 8, ..
 ) }));
 ne.displayName = "DropdownMenuContent";
 const se = f(({ className: e, inset: a, ...n }, l) => /* @__PURE__ */ t(
-  z.Item,
+  k.Item,
   {
     ref: l,
     className: o(
@@ -1182,7 +1184,7 @@ const se = f(({ className: e, inset: a, ...n }, l) => /* @__PURE__ */ t(
 ));
 se.displayName = "DropdownMenuItem";
 const W = f(({ className: e, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
-  z.CheckboxItem,
+  k.CheckboxItem,
   {
     ref: i,
     className: o(
@@ -1192,14 +1194,14 @@ const W = f(({ className: e, children: a, checked: n, ...l }, i) => /* @__PURE__
     checked: n,
     ...l,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute left-2 flex size-4 shrink-0 items-center justify-center rounded border border-line-strong bg-transparent transition-colors group-data-[state=checked]:border-primary", children: /* @__PURE__ */ t(z.ItemIndicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-(--button-primary-bg) text-(--button-primary-fg) [--button-inner:var(--button-primary-inner)]", children: /* @__PURE__ */ t(X, { className: "size-3", weight: "bold" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute left-2 flex size-4 shrink-0 items-center justify-center rounded border border-line-strong bg-transparent transition-colors group-data-[state=checked]:border-primary", children: /* @__PURE__ */ t(k.ItemIndicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-(--button-primary-bg) text-(--button-primary-fg) [--button-inner:var(--button-primary-inner)]", children: /* @__PURE__ */ t(X, { className: "size-3", weight: "bold" }) }) }),
       a
     ]
   }
 ));
 W.displayName = "DropdownMenuCheckboxItem";
 const le = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  z.Label,
+  k.Label,
   {
     ref: n,
     className: o("px-2 py-1.5 text-xs font-medium text-subtle", e),
@@ -1207,8 +1209,8 @@ const le = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   }
 ));
 le.displayName = "DropdownMenuLabel";
-const pr = z.Sub, pt = f(({ className: e, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
-  z.SubTrigger,
+const pr = k.Sub, pt = f(({ className: e, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
+  k.SubTrigger,
   {
     ref: i,
     className: o(
@@ -1227,7 +1229,7 @@ const pr = z.Sub, pt = f(({ className: e, inset: a, children: n, ...l }, i) => /
 ));
 pt.displayName = "DropdownMenuSubTrigger";
 const $a = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  z.SubContent,
+  k.SubContent,
   {
     ref: n,
     sideOffset: 8,
@@ -1246,7 +1248,7 @@ const $a = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
 ));
 $a.displayName = "DropdownMenuSubContent";
 const ye = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  z.Separator,
+  k.Separator,
   {
     ref: n,
     className: o("-mx-1 my-1 h-px bg-line-strong", e),
@@ -1254,17 +1256,17 @@ const ye = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   }
 ));
 ye.displayName = "DropdownMenuSeparator";
-const fr = P.Group, qa = P.Value;
+const fr = M.Group, qa = M.Value;
 function Ga({
   children: e,
   disabled: a,
   ...n
 }) {
   const l = ze(e, [De]) === 0;
-  return /* @__PURE__ */ t(P.Root, { disabled: a || l, ...n, children: e });
+  return /* @__PURE__ */ t(M.Root, { disabled: a || l, ...n, children: e });
 }
 const ft = f(({ className: e, children: a, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
-  P.Trigger,
+  M.Trigger,
   {
     ref: i,
     className: o(
@@ -1278,16 +1280,16 @@ const ft = f(({ className: e, children: a, variant: n = "field", ...l }, i) => /
     ...l,
     children: [
       /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-left", children: a }),
-      /* @__PURE__ */ t(P.Icon, { asChild: !0, children: /* @__PURE__ */ t(oe, { className: "ml-auto size-3.5 shrink-0 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) })
+      /* @__PURE__ */ t(M.Icon, { asChild: !0, children: /* @__PURE__ */ t(oe, { className: "ml-auto size-3.5 shrink-0 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) })
     ]
   }
 ));
 ft.displayName = "SelectTrigger";
 const bt = f(
-  ({ className: e, children: a, position: n = "popper", sideOffset: l = 8, ...i }, c) => /* @__PURE__ */ t(P.Portal, { children: /* @__PURE__ */ t(
-    P.Content,
+  ({ className: e, children: a, position: n = "popper", sideOffset: l = 8, ...i }, u) => /* @__PURE__ */ t(M.Portal, { children: /* @__PURE__ */ t(
+    M.Content,
     {
-      ref: c,
+      ref: u,
       position: n,
       sideOffset: l,
       className: o(
@@ -1301,13 +1303,13 @@ const bt = f(
         e
       ),
       ...i,
-      children: /* @__PURE__ */ t(P.Viewport, { className: "p-0", children: a })
+      children: /* @__PURE__ */ t(M.Viewport, { className: "p-0", children: a })
     }
   ) })
 );
 bt.displayName = "SelectContent";
 const De = f(({ className: e, children: a, ...n }, l) => /* @__PURE__ */ s(
-  P.Item,
+  M.Item,
   {
     ref: l,
     className: o(
@@ -1316,14 +1318,14 @@ const De = f(({ className: e, children: a, ...n }, l) => /* @__PURE__ */ s(
     ),
     ...n,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ t(P.ItemIndicator, { children: /* @__PURE__ */ t(X, { className: "size-3.5" }) }) }),
-      /* @__PURE__ */ t(P.ItemText, { children: a })
+      /* @__PURE__ */ t("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ t(M.ItemIndicator, { children: /* @__PURE__ */ t(X, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ t(M.ItemText, { children: a })
     ]
   }
 ));
 De.displayName = "SelectItem";
 const Ha = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  P.Label,
+  M.Label,
   {
     ref: n,
     className: o("px-2 py-1.5 text-xs font-medium text-subtle", e),
@@ -1385,18 +1387,18 @@ function hr({
   getRowId: n,
   loading: l = !1,
   error: i,
-  empty: c,
-  search: u,
-  filters: m,
-  toolbarStart: b,
-  toolbarEnd: g,
+  empty: u,
+  search: m,
+  filters: c,
+  toolbarStart: x,
+  toolbarEnd: b,
   tabs: h,
-  activeTab: y,
+  activeTab: N,
   onTabChange: S,
-  infoBanner: k,
+  infoBanner: C,
   selectable: w = !1,
-  bulkActions: x,
-  rowActions: C,
+  bulkActions: P,
+  rowActions: g,
   onRowClick: F,
   defaultSort: Q,
   pageSize: $ = 25,
@@ -1407,40 +1409,40 @@ function hr({
   panelClassName: ht,
   className: gt
 }) {
-  const [Te, Me] = T(
+  const [Te, Me] = D(
     () => Object.fromEntries(
       a.filter((r) => r.defaultHidden && !r.required).map((r) => [r.id, !0])
     )
-  ), [Pe, Ie] = T(null), [me, Ee] = T(null), [N, xt] = T(
+  ), [Pe, Ie] = D(null), [me, Ee] = D(null), [y, xt] = D(
     Q ?? null
-  ), [q, K] = T(0), [L, vt] = T($), [R, pe] = T(/* @__PURE__ */ new Set()), [Nt, fe] = T([]), je = a.map((r) => r.id), _e = new Map(a.map((r) => [r.id, r])), Le = Pe ? Pe.map((r) => _e.get(r)).filter((r) => !!r) : a, E = Le.filter((r) => !Te[r.id]), Re = Le.filter((r) => Te[r.id] && !r.required), Ae = (r) => !!r.required, yt = (r) => _e.get(r), wt = (r, d) => {
+  ), [q, K] = D(0), [L, vt] = D($), [R, pe] = D(/* @__PURE__ */ new Set()), [Nt, fe] = D([]), je = a.map((r) => r.id), _e = new Map(a.map((r) => [r.id, r])), Le = Pe ? Pe.map((r) => _e.get(r)).filter((r) => !!r) : a, E = Le.filter((r) => !Te[r.id]), Re = Le.filter((r) => Te[r.id] && !r.required), Ae = (r) => !!r.required, yt = (r) => _e.get(r), wt = (r, d) => {
     const p = d ? yt(d) : void 0;
     !p || Ae(p) || r === d || Ie((v) => {
-      const D = v ?? je;
-      return ra(D, D.indexOf(r), D.indexOf(d));
+      const z = v ?? je;
+      return ra(z, z.indexOf(r), z.indexOf(d));
     });
   }, Ct = (r) => {
     Me((d) => ({ ...d, [r]: !1 })), Ie((d) => d && d.includes(r) ? d : [...d ?? je, r]);
-  }, be = (m ?? []).filter((r) => Nt.includes(r.id)), St = (m ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), ee = qe(() => {
+  }, be = (c ?? []).filter((r) => Nt.includes(r.id)), St = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), ee = qe(() => {
     let r = e;
-    for (const p of m ?? [])
+    for (const p of c ?? [])
       p.value.length > 0 && (r = r.filter((v) => p.match(v, p.value)));
-    if (!u || !u.value.trim()) return r;
-    const d = u.value.trim().toLowerCase();
-    return r.filter((p) => u.keys(p).toLowerCase().includes(d));
-  }, [e, u, m]), G = qe(() => {
-    if (!N) return ee;
-    const r = a.find((p) => p.id === N.id);
+    if (!m || !m.value.trim()) return r;
+    const d = m.value.trim().toLowerCase();
+    return r.filter((p) => m.keys(p).toLowerCase().includes(d));
+  }, [e, m, c]), G = qe(() => {
+    if (!y) return ee;
+    const r = a.find((p) => p.id === y.id);
     if (!(r != null && r.sortValue)) return ee;
-    const d = N.dir === "asc" ? 1 : -1;
+    const d = y.dir === "asc" ? 1 : -1;
     return [...ee].sort((p, v) => {
-      const D = r.sortValue(p), V = r.sortValue(v);
-      return D == null && V == null ? 0 : D == null ? 1 : V == null ? -1 : typeof D == "number" && typeof V == "number" ? (D - V) * d : String(D).localeCompare(String(V)) * d;
+      const z = r.sortValue(p), V = r.sortValue(v);
+      return z == null && V == null ? 0 : z == null ? 1 : V == null ? -1 : typeof z == "number" && typeof V == "number" ? (z - V) * d : String(z).localeCompare(String(V)) * d;
     });
-  }, [ee, N, a]), H = Math.max(1, Math.ceil(G.length / L));
+  }, [ee, y, a]), H = Math.max(1, Math.ceil(G.length / L));
   U(() => {
     K(0);
-  }, [u == null ? void 0 : u.value, L, N == null ? void 0 : N.id, N == null ? void 0 : N.dir, y, St]), U(() => {
+  }, [m == null ? void 0 : m.value, L, y == null ? void 0 : y.id, y == null ? void 0 : y.dir, N, St]), U(() => {
     q > H - 1 && K(H - 1);
   }, [q, H]);
   const te = q * L, j = G.slice(te, te + L), kt = (r) => {
@@ -1457,14 +1459,14 @@ function hr({
       const p = new Set(d);
       return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, Pt = !!(u || m != null && m.length || b || g), It = E.some((r) => r.width), Et = E.length > 1 ? 70 / (E.length - 1) : 100, jt = E.map((r, d) => r.width ? r.width : It ? "auto" : `${d === 0 ? 30 : Et}%`), Fe = [
+  }, Pt = !!(m || c != null && c.length || x || b), It = E.some((r) => r.width), Et = E.length > 1 ? 70 / (E.length - 1) : 100, jt = E.map((r, d) => r.width ? r.width : It ? "auto" : `${d === 0 ? 30 : Et}%`), Fe = [
     ...w ? ["2.75rem"] : [],
     ...jt,
-    ...C ? ["11rem"] : []
-  ], _t = (r) => (N == null ? void 0 : N.id) === r.id ? N.dir === "asc" ? "ascending" : "descending" : void 0;
+    ...g ? ["11rem"] : []
+  ], _t = (r) => (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? "ascending" : "descending" : void 0;
   return /* @__PURE__ */ s("div", { className: o("space-y-4", gt), children: [
     h && h.length > 0 && /* @__PURE__ */ t("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: h.map((r) => {
-      const d = r.id === y;
+      const d = r.id === N;
       return /* @__PURE__ */ t(
         "button",
         {
@@ -1482,24 +1484,24 @@ function hr({
       );
     }) }),
     Pt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      u && /* @__PURE__ */ t(
+      m && /* @__PURE__ */ t(
         ct,
         {
           type: "search",
-          "aria-label": u.placeholder ?? "Search",
-          placeholder: u.placeholder ?? "Search...",
-          value: u.value,
-          onChange: (r) => u.onChange(r.target.value),
-          onClear: () => u.onChange(""),
+          "aria-label": m.placeholder ?? "Search",
+          placeholder: m.placeholder ?? "Search...",
+          value: m.value,
+          onChange: (r) => m.onChange(r.target.value),
+          onClear: () => m.onChange(""),
           leadingIcon: /* @__PURE__ */ t(Vt, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
-      b,
+      x,
       /* @__PURE__ */ s(xe, { children: [
         /* @__PURE__ */ t(re, { asChild: !0, children: /* @__PURE__ */ t(
-          M,
+          T,
           {
             variant: "secondary",
             size: "md",
@@ -1567,9 +1569,9 @@ function hr({
           ] }) : null
         ] })
       ] }),
-      m && m.length > 0 ? /* @__PURE__ */ s(xe, { children: [
+      c && c.length > 0 ? /* @__PURE__ */ s(xe, { children: [
         /* @__PURE__ */ t(re, { asChild: !0, children: /* @__PURE__ */ t(
-          M,
+          T,
           {
             variant: "secondary",
             size: "md",
@@ -1578,7 +1580,7 @@ function hr({
             children: /* @__PURE__ */ t($e, {})
           }
         ) }),
-        /* @__PURE__ */ t(ne, { align: "start", className: "w-54", children: m.map((r) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t(ne, { align: "start", className: "w-54", children: c.map((r) => /* @__PURE__ */ t(
           se,
           {
             onSelect: () => fe(
@@ -1589,7 +1591,7 @@ function hr({
           r.id
         )) })
       ] }) : null,
-      g ? /* @__PURE__ */ t("div", { className: "flex-0 sm:ml-auto", children: g }) : null
+      b ? /* @__PURE__ */ t("div", { className: "flex-0 sm:ml-auto", children: b }) : null
     ] }),
     be.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       be.map((r) => {
@@ -1598,7 +1600,7 @@ function hr({
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ t(
-            M,
+            T,
             {
               variant: "secondary",
               size: "md",
@@ -1610,7 +1612,7 @@ function hr({
             }
           ),
           /* @__PURE__ */ s(xe, { children: [
-            /* @__PURE__ */ t(re, { asChild: !0, children: /* @__PURE__ */ s(M, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+            /* @__PURE__ */ t(re, { asChild: !0, children: /* @__PURE__ */ s(T, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
               /* @__PURE__ */ t($e, {}),
               /* @__PURE__ */ t("span", { className: "font-medium", children: r.label }),
               /* @__PURE__ */ t("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
@@ -1629,9 +1631,9 @@ function hr({
                   {
                     checked: v,
                     onCheckedChange: () => r.onChange(
-                      v ? r.value.filter((D) => D !== p.value) : [...r.value, p.value]
+                      v ? r.value.filter((z) => z !== p.value) : [...r.value, p.value]
                     ),
-                    onSelect: (D) => D.preventDefault(),
+                    onSelect: (z) => z.preventDefault(),
                     children: p.label
                   },
                   p.value
@@ -1656,14 +1658,14 @@ function hr({
         }
       )
     ] }) : null,
-    k,
+    C,
     w && R.size > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "font-medium text-fg", children: [
         R.size,
         " selected"
       ] }),
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: (x ?? []).map((r) => /* @__PURE__ */ s(
-        M,
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: (P ?? []).map((r) => /* @__PURE__ */ s(
+        T,
         {
           size: "md",
           variant: r.variant ?? "outline",
@@ -1715,7 +1717,7 @@ function hr({
                 {
                   className: o(Ua, r.align === "right" && "text-right", r.className),
                   children: r.sortable ? /* @__PURE__ */ s(
-                    M,
+                    T,
                     {
                       type: "button",
                       variant: "ghost",
@@ -1726,18 +1728,18 @@ function hr({
                         "h-auto gap-1.5 rounded-none px-0 py-0 text-[0.8125rem] text-table-header transition-colors [&_svg]:size-3.5",
                         "hover:bg-transparent hover:text-table-header-active hover:shadow-none",
                         "active:scale-100 active:bg-transparent active:shadow-none",
-                        (N == null ? void 0 : N.id) === r.id && "text-table-header-active"
+                        (y == null ? void 0 : y.id) === r.id && "text-table-header-active"
                       ),
                       children: [
                         r.header,
-                        (N == null ? void 0 : N.id) === r.id ? N.dir === "asc" ? /* @__PURE__ */ t(Jt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(oe, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(Qt, { className: "size-3.5 opacity-50" })
+                        (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? /* @__PURE__ */ t(Jt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(oe, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(Qt, { className: "size-3.5 opacity-50" })
                       ]
                     }
                   ) : r.header
                 },
                 r.id
               )),
-              C && /* @__PURE__ */ t("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ t("span", { className: "sr-only", children: "Actions" }) })
+              g && /* @__PURE__ */ t("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ t("span", { className: "sr-only", children: "Actions" }) })
             ] }) })
           ] })
         ),
@@ -1751,17 +1753,17 @@ function hr({
         ] }) : j.length === 0 ? /* @__PURE__ */ t(
           Va,
           {
-            icon: c == null ? void 0 : c.icon,
-            title: (c == null ? void 0 : c.title) ?? "No results",
-            description: typeof (c == null ? void 0 : c.description) == "string" ? c.description : void 0,
-            action: c == null ? void 0 : c.action
+            icon: u == null ? void 0 : u.icon,
+            title: (u == null ? void 0 : u.title) ?? "No results",
+            description: typeof (u == null ? void 0 : u.description) == "string" ? u.description : void 0,
+            action: u == null ? void 0 : u.action
           }
         ) : /* @__PURE__ */ s("table", { className: "w-full table-fixed border-collapse", children: [
           /* @__PURE__ */ t("colgroup", { children: Fe.map((r, d) => /* @__PURE__ */ t("col", { style: { width: r } }, d)) }),
           /* @__PURE__ */ t("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
             w && /* @__PURE__ */ t("th", { scope: "col", children: "Select" }),
             E.map((r) => /* @__PURE__ */ t("th", { scope: "col", "aria-sort": _t(r), children: r.header }, r.id)),
-            C && /* @__PURE__ */ t("th", { scope: "col", children: "Actions" })
+            g && /* @__PURE__ */ t("th", { scope: "col", children: "Actions" })
           ] }) }),
           /* @__PURE__ */ t(pa, { children: j.map((r) => {
             const d = n(r), p = R.has(d);
@@ -1789,7 +1791,7 @@ function hr({
                     },
                     v.id
                   )),
-                  C && /* @__PURE__ */ t(he, { className: "w-44 px-4 text-right", onClick: (v) => v.stopPropagation(), children: C(r) })
+                  g && /* @__PURE__ */ t(he, { className: "w-44 px-4 text-right", onClick: (v) => v.stopPropagation(), children: g(r) })
                 ]
               },
               d
@@ -1808,14 +1810,14 @@ function hr({
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ s(Ga, { value: String(L), onValueChange: (r) => vt(Number(r)), children: [
-          /* @__PURE__ */ t(ft, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ t(qa, {}) }),
+          /* @__PURE__ */ t(ft, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ t(qa, {}) }),
           /* @__PURE__ */ t(bt, { children: _.map((r) => /* @__PURE__ */ s(De, { value: String(r), children: [
             r,
             " / page"
           ] }, r)) })
         ] }),
         /* @__PURE__ */ t(
-          M,
+          T,
           {
             variant: "outline",
             size: "md",
@@ -1825,7 +1827,7 @@ function hr({
           }
         ),
         /* @__PURE__ */ t(
-          M,
+          T,
           {
             variant: "outline",
             size: "md",
@@ -1878,21 +1880,21 @@ function vr({
   options: n,
   size: l = "sm",
   className: i,
-  ...c
+  ...u
 }) {
-  const u = de();
+  const m = de();
   return /* @__PURE__ */ t(
     "div",
     {
       role: "radiogroup",
-      "aria-label": c["aria-label"],
+      "aria-label": u["aria-label"],
       className: o(
         "inline-flex w-fit items-center rounded-lg border border-line bg-canvas",
         l === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
         i
       ),
-      children: n.map((m) => {
-        const b = m.value === e;
+      children: n.map((c) => {
+        const x = c.value === e;
         return /* @__PURE__ */ s(
           "label",
           {
@@ -1900,25 +1902,25 @@ function vr({
               "inline-flex h-full cursor-pointer items-center justify-center gap-1.5 rounded-md text-sm font-medium transition-colors",
               "has-focus-visible:ring-2 has-focus-visible:ring-focus/40",
               l === "sm" ? "px-(--control-pad-x-sm) [&_svg]:size-(--control-icon-sm)" : "px-(--control-pad-x-md) [&_svg]:size-(--control-icon-md)",
-              b ? "btn-fill bg-(--button-secondary-bg) text-fg" : "text-muted hover:text-fg"
+              x ? "btn-fill bg-(--button-secondary-bg) text-fg" : "text-muted hover:text-fg"
             ),
             children: [
               /* @__PURE__ */ t(
                 "input",
                 {
                   type: "radio",
-                  name: u,
-                  value: m.value,
-                  checked: b,
-                  onChange: () => a(m.value),
+                  name: m,
+                  value: c.value,
+                  checked: x,
+                  onChange: () => a(c.value),
                   className: "sr-only"
                 }
               ),
-              m.icon,
-              m.label
+              c.icon,
+              c.label
             ]
           },
-          m.value
+          c.value
         );
       })
     }
@@ -1973,7 +1975,7 @@ export {
   Ke as AvatarFallback,
   Ze as AvatarImage,
   da as Badge,
-  M as Button,
+  T as Button,
   nr as Callout,
   va as Card,
   wa as CardContent,