@jinaan/uikit 0.1.36 → 0.1.37

package/dist/index.js

@@ -1,38 +1,38 @@
-import { jsx as t, jsxs as s, Fragment as rt } from "react/jsx-runtime";
-import { CircleNotch as Ot, Robot as Ut, Terminal as Xt, Check as Q, Copy as nt, XCircle as Jt, Warning as Qt, CheckCircle as Yt, Info as Zt, Minus as Kt, X as se, CaretDown as de, CaretRight as lt, MagnifyingGlass as ea, Columns as ta, Lock as aa, DotsSixVertical as ra, FunnelSimple as Qe, WarningCircle as na, CaretUp as la, CaretUpDown as ia, CaretLeft as oa } from "@phosphor-icons/react";
-import { forwardRef as f, useState as z, Children as it, isValidElement as ot, useRef as $, useEffect as U, useContext as q, useCallback as sa, createContext as Y, useId as ue, useMemo as Ye, useLayoutEffect as da } from "react";
+import { jsx as e, jsxs as s, Fragment as rt } from "react/jsx-runtime";
+import { CircleNotch as Ot, Robot as Ut, Terminal as Xt, Check as Z, Copy as nt, XCircle as Jt, Warning as Qt, CheckCircle as Yt, Info as Zt, Minus as Kt, X as ce, CaretDown as ue, CaretRight as lt, MagnifyingGlass as ea, Columns as ta, Lock as aa, DotsSixVertical as ra, FunnelSimple as Qe, WarningCircle as na, CaretUp as la, CaretUpDown as ia, CaretLeft as oa } from "@phosphor-icons/react";
+import { forwardRef as b, useState as z, Children as it, isValidElement as ot, useRef as $, useEffect as J, useContext as q, useCallback as sa, createContext as K, useId as pe, useMemo as Ye, useLayoutEffect as da } from "react";
 import { Slot as ca } from "@radix-ui/react-slot";
-import { cva as ze } from "class-variance-authority";
+import { cva as De } from "class-variance-authority";
 import { clsx as ua } from "clsx";
 import { twMerge as ma } from "tailwind-merge";
-import * as De from "@radix-ui/react-avatar";
+import * as Te from "@radix-ui/react-avatar";
 import * as Ze from "@radix-ui/react-checkbox";
 import * as I from "@radix-ui/react-dialog";
 import * as D from "@radix-ui/react-dropdown-menu";
 import * as M from "@radix-ui/react-select";
 import * as pa from "@radix-ui/react-label";
 import * as fa from "@radix-ui/react-separator";
-import * as J from "@radix-ui/react-tooltip";
-function o(...e) {
-  return ma(ua(e));
+import * as Y from "@radix-ui/react-tooltip";
+function o(...t) {
+  return ma(ua(t));
 }
-function ba(e, a, n) {
-  if (a === n || a < 0 || n < 0 || a >= e.length || n >= e.length)
-    return e;
-  const l = [...e], [i] = l.splice(a, 1);
+function ba(t, a, n) {
+  if (a === n || a < 0 || n < 0 || a >= t.length || n >= t.length)
+    return t;
+  const l = [...t], [i] = l.splice(a, 1);
   return l.splice(n, 0, i), l;
 }
-function ha({ className: e }) {
-  return /* @__PURE__ */ t(
+function ha({ className: t }) {
+  return /* @__PURE__ */ e(
     Ot,
     {
-      className: o("size-4 animate-spin text-muted", e),
+      className: o("size-4 animate-spin text-muted", t),
       weight: "bold",
       "aria-hidden": !0
     }
   );
 }
-const ga = ze(
+const ga = De(
   "relative inline-flex select-none items-center justify-center gap-[var(--control-gap)] whitespace-nowrap rounded-[var(--control-radius)] border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[120ms] active:scale-[0.97] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -65,9 +65,9 @@ const ga = ze(
   lg: "[&_svg]:size-[var(--control-icon-lg)]",
   xl: "[&_svg]:size-[var(--control-icon-xl)]",
   icon: "[&_svg]:size-[var(--control-icon-md)]"
-}, T = f(
+}, T = b(
   ({
-    className: e,
+    className: t,
     variant: a,
     size: n = "md",
     asChild: l = !1,
@@ -76,26 +76,26 @@ const ga = ze(
     iconOnly: m = !1,
     loading: c = !1,
     fullWidth: x = !1,
-    disabled: b,
-    children: h,
-    ...N
+    disabled: h,
+    children: g,
+    ...y
   }, k) => {
     const S = l ? ca : "button", w = xa[n ?? "md"];
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ e(
       S,
       {
         ref: k,
         "aria-busy": c || void 0,
-        disabled: l ? void 0 : b || c,
+        disabled: l ? void 0 : h || c,
         className: o(
           ga({ variant: a, size: n }),
           m && "aspect-square px-0",
           x && "w-full",
           c && "disabled:opacity-100",
-          e
+          t
         ),
-        ...N,
-        children: l ? h : /* @__PURE__ */ s("span", { className: "relative inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap)", children: [
+        ...y,
+        children: l ? g : /* @__PURE__ */ s("span", { className: "relative inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap)", children: [
           /* @__PURE__ */ s(
             "span",
             {
@@ -105,13 +105,13 @@ const ga = ze(
               ),
               "aria-hidden": c || void 0,
               children: [
-                !c && i ? /* @__PURE__ */ t("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
-                h,
-                !c && u ? /* @__PURE__ */ t("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: u }) : null
+                !c && i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
+                g,
+                !c && u ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: u }) : null
               ]
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             "span",
             {
               "data-button-spinner": !0,
@@ -120,7 +120,7 @@ const ga = ze(
                 c ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
-              children: /* @__PURE__ */ t(ha, { className: o("text-current", w) })
+              children: /* @__PURE__ */ e(ha, { className: o("text-current", w) })
             }
           )
         ] })
@@ -130,26 +130,26 @@ const ga = ze(
 );
 T.displayName = "Button";
 function br({
-  command: e,
+  command: t,
   tag: a = "Build with agents",
   icon: n,
   className: l
 }) {
   const [i, u] = z(!1), m = async () => {
     try {
-      await navigator.clipboard.writeText(e), u(!0), window.setTimeout(() => u(!1), 1500);
+      await navigator.clipboard.writeText(t), u(!0), window.setTimeout(() => u(!1), 1500);
     } catch {
     }
   };
   return /* @__PURE__ */ s("div", { className: o("relative inline-flex max-w-full", l), children: [
     /* @__PURE__ */ s("span", { className: "absolute -top-2.5 left-4 z-10 inline-flex items-center gap-1.5 rounded-md bg-fg px-2 py-1 text-[11px] font-medium text-canvas shadow-sm", children: [
-      n ?? /* @__PURE__ */ t(Ut, { className: "size-3.5", weight: "fill" }),
+      n ?? /* @__PURE__ */ e(Ut, { className: "size-3.5", weight: "fill" }),
       a
     ] }),
     /* @__PURE__ */ s("div", { className: "mt-2 flex w-full items-center gap-2 rounded-xl border border-line bg-surface py-2 pl-3 pr-2 shadow-sm", children: [
-      /* @__PURE__ */ t(Xt, { 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(
+      /* @__PURE__ */ e(Xt, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ e("span", { className: "truncate font-mono text-sm text-fg", children: t }),
+      /* @__PURE__ */ e(
         T,
         {
           variant: "ghost",
@@ -158,46 +158,46 @@ function br({
           "aria-label": "Copy prompt",
           className: "ml-auto",
           onClick: m,
-          children: i ? /* @__PURE__ */ t(Q, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ t(nt, {})
+          children: i ? /* @__PURE__ */ e(Z, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(nt, {})
         }
       )
     ] })
   ] });
 }
-const st = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  De.Root,
+const st = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Te.Root,
   {
     ref: n,
     className: o(
       "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
-      e
+      t
     ),
     ...a
   }
 ));
 st.displayName = "Avatar";
-const dt = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  De.Image,
+const dt = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Te.Image,
   {
     ref: n,
-    className: o("aspect-square size-full object-cover", e),
+    className: o("aspect-square size-full object-cover", t),
     ...a
   }
 ));
 dt.displayName = "AvatarImage";
-const ct = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  De.Fallback,
+const ct = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Te.Fallback,
   {
     ref: n,
     className: o(
       "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
-      e
+      t
     ),
     ...a
   }
 ));
 ct.displayName = "AvatarFallback";
-const va = ze(
+const va = De(
   "inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
   {
     variants: {
@@ -213,7 +213,7 @@ const va = ze(
     },
     defaultVariants: { variant: "neutral" }
   }
-), Na = ze("size-1.5 shrink-0 rounded-full", {
+), ya = De("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -227,9 +227,9 @@ const va = ze(
   },
   defaultVariants: { variant: "neutral" }
 });
-function ya({ className: e, variant: a, dot: n = !1, children: l, ...i }) {
-  return /* @__PURE__ */ s("span", { className: o(va({ variant: a }), e), ...i, children: [
-    n ? /* @__PURE__ */ t("span", { className: o(Na({ variant: a })), "aria-hidden": !0 }) : null,
+function Na({ className: t, variant: a, dot: n = !1, children: l, ...i }) {
+  return /* @__PURE__ */ s("span", { className: o(va({ variant: a }), t), ...i, children: [
+    n ? /* @__PURE__ */ e("span", { className: o(ya({ variant: a })), "aria-hidden": !0 }) : null,
     l
   ] });
 }
@@ -256,17 +256,17 @@ const wa = {
   }
 };
 function hr({
-  variant: e = "info",
+  variant: t = "info",
   title: a,
   children: n,
   icon: l,
   className: i
 }) {
-  const { Icon: u, className: m, iconClassName: c } = wa[e];
+  const { Icon: u, className: m, iconClassName: c } = wa[t];
   return /* @__PURE__ */ s(
     "div",
     {
-      role: e === "error" ? "alert" : void 0,
+      role: t === "error" ? "alert" : void 0,
       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",
@@ -274,91 +274,91 @@ function hr({
         i
       ),
       children: [
-        /* @__PURE__ */ t("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", c), children: l ?? /* @__PURE__ */ t(u, { weight: "fill" }) }),
+        /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", c), children: l ?? /* @__PURE__ */ e(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
+          a ? /* @__PURE__ */ e("p", { className: "font-medium text-fg", children: a }) : null,
+          n ? /* @__PURE__ */ e("div", { className: "text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
 function Ca({
-  className: e,
+  className: t,
   ...a
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "div",
     {
       className: o(
         "w-full overflow-hidden rounded-(--table-radius-outer) bg-table-container p-(--table-inset)",
-        e
+        t
       ),
       ...a
     }
   );
 }
 function Sa({
-  className: e,
+  className: t,
   ...a
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "div",
     {
       className: o(
         "overflow-hidden rounded-(--table-radius-panel) border border-table-panel-border bg-table-panel",
-        e
+        t
       ),
       ...a
     }
   );
 }
-function gr({ className: e, ...a }) {
-  return /* @__PURE__ */ t(
+function gr({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
     "table",
     {
-      className: o("w-full table-fixed border-collapse caption-bottom text-sm", e),
+      className: o("w-full table-fixed border-collapse caption-bottom text-sm", t),
       ...a
     }
   );
 }
-function xr({ className: e, ...a }) {
-  return /* @__PURE__ */ t("thead", { className: e, ...a });
+function xr({ className: t, ...a }) {
+  return /* @__PURE__ */ e("thead", { className: t, ...a });
 }
-function ka({ className: e, ...a }) {
-  return /* @__PURE__ */ t("tbody", { className: o("[&_tr:last-child]:border-0", e), ...a });
+function ka({ className: t, ...a }) {
+  return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...a });
 }
-function za({ className: e, ...a }) {
-  return /* @__PURE__ */ t(
+function za({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
     "tr",
     {
       className: o(
         "border-b border-table-panel-border transition-colors last:border-0 hover:bg-table-row-hover data-[state=selected]:bg-table-row-selected",
-        e
+        t
       ),
       ...a
     }
   );
 }
-function vr({ className: e, ...a }) {
-  return /* @__PURE__ */ t(
+function vr({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
     "th",
     {
       className: o(
         "h-(--table-header-h) whitespace-nowrap px-(--table-pad-x) text-left align-middle text-[0.8125rem] font-medium text-table-header",
-        e
+        t
       ),
       ...a
     }
   );
 }
-function Ne({ className: e, ...a }) {
-  return /* @__PURE__ */ t(
+function Ne({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
     "td",
     {
       className: o(
         "whitespace-nowrap px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
-        e
+        t
       ),
       ...a
     }
@@ -373,11 +373,11 @@ const Da = {
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function Ma(e) {
-  return typeof e == "object" && e !== null && "label" in e && typeof e.label == "string";
+function Ma(t) {
+  return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
 }
-function me({
-  title: e,
+function fe({
+  title: t,
   description: a,
   header: n,
   children: l,
@@ -386,9 +386,9 @@ function me({
   className: m,
   headerClassName: c,
   panelClassName: x,
-  minHeight: b
+  minHeight: h
 }) {
-  const h = !!(e || a), N = Ma(i) ? /* @__PURE__ */ t(
+  const g = !!(t || a), y = Ma(i) ? /* @__PURE__ */ e(
     T,
     {
       variant: i.variant ?? "primary",
@@ -405,102 +405,102 @@ function me({
   ) : i;
   return /* @__PURE__ */ s(Ca, { className: o("relative", Da[u], m), children: [
     /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
-      n || h ? (
+      n || g ? (
         // Header rows must not inherit the body row hover surface.
         /* @__PURE__ */ s("div", { className: o("[--table-row-hover:transparent] text-table-header", c), children: [
-          h ? /* @__PURE__ */ s(
+          g ? /* @__PURE__ */ s(
             "div",
             {
               className: o(
                 "px-(--table-pad-x) pb-3 pt-4",
-                N && "pr-28"
+                y && "pr-28"
               ),
               children: [
-                e ? /* @__PURE__ */ t("div", { className: "text-sm font-semibold text-fg", children: e }) : null,
-                a ? /* @__PURE__ */ t("div", { className: "mt-0.5 text-sm text-muted", children: a }) : null
+                t ? /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-fg", children: t }) : null,
+                a ? /* @__PURE__ */ e("div", { className: "mt-0.5 text-sm text-muted", children: a }) : null
               ]
             }
           ) : null,
           n
         ] })
       ) : null,
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         Sa,
         {
           className: o(Ta[u], x),
-          style: b ? { minHeight: b } : void 0,
+          style: h ? { minHeight: h } : void 0,
           children: l
         }
       )
     ] }),
-    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
+    y ? /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: y }) }) : null
   ] });
 }
-function Pa(e) {
-  const a = it.toArray(e), n = a.filter(
+function Pa(t) {
+  const a = it.toArray(t), n = a.filter(
     (l) => ot(l) && l.type === ut
   );
   return {
-    header: n.length > 0 ? /* @__PURE__ */ t(rt, { children: n }) : void 0,
+    header: n.length > 0 ? /* @__PURE__ */ e(rt, { children: n }) : void 0,
     body: a.filter((l) => !n.includes(l))
   };
 }
-const Ia = f(
-  ({ className: e, children: a, ...n }, l) => {
+const Ia = b(
+  ({ className: t, children: a, ...n }, l) => {
     const { header: i, body: u } = Pa(a);
-    return /* @__PURE__ */ t("div", { ref: l, ...n, children: /* @__PURE__ */ t(me, { className: o("shadow-xs", e), header: i, children: u }) });
+    return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(fe, { className: o("shadow-xs", t), header: i, children: u }) });
   }
 );
 Ia.displayName = "Card";
-const ut = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+const ut = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
     className: o(
       "flex flex-col gap-1 px-5 py-4",
-      e
+      t
     ),
     ...a
   }
 ));
 ut.displayName = "CardHeader";
-const ja = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+const ja = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "h2",
   {
     ref: n,
-    className: o("text-sm font-semibold text-fg", e),
+    className: o("text-sm font-semibold text-fg", t),
     ...a
   }
 ));
 ja.displayName = "CardTitle";
-const Ea = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+const Ea = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "p",
   {
     ref: n,
     className: o(
       "mt-1 border-t border-card-divider pt-2 text-sm text-muted",
       "first:mt-0 first:border-t-0 first:pt-0",
-      e
+      t
     ),
     ...a
   }
 ));
 Ea.displayName = "CardDescription";
-const _a = f(({ className: e, ...a }, n) => /* @__PURE__ */ t("div", { ref: n, className: o("px-5 py-4", e), ...a }));
+const _a = b(({ className: t, ...a }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...a }));
 _a.displayName = "CardContent";
-const La = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+const La = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
     className: o(
       "flex items-center gap-3 border-t border-line px-5 py-3",
-      e
+      t
     ),
     ...a
   }
 ));
 La.displayName = "CardFooter";
-const Ce = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+const Se = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   Ze.Root,
   {
     ref: n,
@@ -510,31 +510,31 @@ const Ce = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:border-primary",
       "data-[state=indeterminate]:border-primary",
-      e
+      t
     ),
     ...a,
-    children: /* @__PURE__ */ t(Ze.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: a.checked === "indeterminate" ? /* @__PURE__ */ t(Kt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ t(Q, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ e(Ze.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: a.checked === "indeterminate" ? /* @__PURE__ */ e(Kt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(Z, { className: "size-3", weight: "bold" }) })
   }
 ));
-Ce.displayName = "Checkbox";
-function Ke(e) {
-  return e.width > 0 && e.height > 0;
+Se.displayName = "Checkbox";
+function Ke(t) {
+  return t.width > 0 && t.height > 0;
 }
-function et(e) {
-  return Math.min(1, Math.max(0.1, e));
+function et(t) {
+  return Math.min(1, Math.max(0.1, t));
 }
-function Ra(e, a) {
-  return !Ke(e) || !Ke(a) ? null : {
-    dx: e.left + e.width / 2 - (a.left + a.width / 2),
-    dy: e.top + e.height / 2 - (a.top + a.height / 2),
-    sx: et(e.width / a.width),
-    sy: et(e.height / a.height)
+function Ra(t, a) {
+  return !Ke(t) || !Ke(a) ? null : {
+    dx: t.left + t.width / 2 - (a.left + a.width / 2),
+    dy: t.top + t.height / 2 - (a.top + a.height / 2),
+    sx: et(t.width / a.width),
+    sy: et(t.height / a.height)
   };
 }
 const mt = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
 let F = null, tt = !1;
-function Te(e) {
-  const a = e.getBoundingClientRect();
+function Me(t) {
+  const a = t.getBoundingClientRect();
   return a.width <= 0 || a.height <= 0 ? null : {
     left: a.left,
     top: a.top,
@@ -542,39 +542,39 @@ function Te(e) {
     height: a.height
   };
 }
-function Se(e) {
-  if (!(e instanceof Element)) return;
-  const a = e.closest(mt);
+function ke(t) {
+  if (!(t instanceof Element)) return;
+  const a = t.closest(mt);
   if (!a) return;
-  const n = Te(a);
+  const n = Me(a);
   n && (F = { rect: n, at: Date.now() });
 }
 function Aa() {
   tt || typeof document > "u" || (tt = !0, document.addEventListener(
     "pointerdown",
-    (e) => Se(e.target),
+    (t) => ke(t.target),
     !0
   ), document.addEventListener(
     "keydown",
-    (e) => {
-      e.key !== "Enter" && e.key !== " " || Se(document.activeElement);
+    (t) => {
+      t.key !== "Enter" && t.key !== " " || ke(document.activeElement);
     },
     !0
   ));
 }
-function Ba(e) {
+function Ba(t) {
   if (F && Date.now() - F.at < 2e3) {
     const n = F.rect;
     return F = null, n;
   }
   F = null;
   const a = document.activeElement;
-  return a instanceof Element && a !== e && !e.contains(a) && a.matches(mt) ? Te(a) : null;
+  return a instanceof Element && a !== t && !t.contains(a) && a.matches(mt) ? Me(a) : null;
 }
-const Fa = 250, pt = Y(!1), ft = Y(() => {
-}), Me = Y(!1);
+const Fa = 250, pt = K(!1), ft = K(() => {
+}), Pe = K(!1);
 function $a({
-  open: e,
+  open: t,
   defaultOpen: a,
   onOpenChange: n,
   children: l,
@@ -582,82 +582,82 @@ function $a({
 }) {
   const [u, m] = z(
     a ?? !1
-  ), [c, x] = z(!1), b = $(!1), h = $(null), N = e ?? u, k = $(N);
-  k.current = N;
-  const S = e !== void 0;
-  U(() => Aa(), []), U(() => {
-    e && (h.current && clearTimeout(h.current), b.current = !1, x(!1));
-  }, [e]), U(
+  ), [c, x] = z(!1), h = $(!1), g = $(null), y = t ?? u, k = $(y);
+  k.current = y;
+  const S = t !== void 0;
+  J(() => Aa(), []), J(() => {
+    t && (g.current && clearTimeout(g.current), h.current = !1, x(!1));
+  }, [t]), J(
     () => () => {
-      h.current && clearTimeout(h.current);
+      g.current && clearTimeout(g.current);
     },
     []
   );
   const w = (P) => {
     if (P) {
-      h.current && clearTimeout(h.current), b.current = !1, x(!1), S || m(!0), n == null || n(!0);
+      g.current && clearTimeout(g.current), h.current = !1, x(!1), S || m(!0), n == null || n(!0);
       return;
     }
-    if (!N || b.current) return;
+    if (!y || h.current) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
       S || m(!1), n == null || n(!1);
       return;
     }
-    b.current = !0, x(!0), h.current = setTimeout(() => {
+    h.current = !0, x(!0), g.current = setTimeout(() => {
       S || m(!1), n == null || n(!1), requestAnimationFrame(() => {
-        k.current && (b.current = !1, x(!1));
+        k.current && (h.current = !1, x(!1));
       });
     }, Fa);
   };
-  return /* @__PURE__ */ t(ft.Provider, { value: () => w(!1), children: /* @__PURE__ */ t(pt.Provider, { value: c, children: /* @__PURE__ */ t(Me.Provider, { value: !0, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(ft.Provider, { value: () => w(!1), children: /* @__PURE__ */ e(pt.Provider, { value: c, children: /* @__PURE__ */ e(Pe.Provider, { value: !0, children: /* @__PURE__ */ e(
     I.Root,
     {
-      open: N,
+      open: y,
       onOpenChange: w,
       ...i,
       children: l
     }
   ) }) }) });
 }
-const bt = f(({ onClick: e, ...a }, n) => /* @__PURE__ */ t(
+const bt = b(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
   I.Trigger,
   {
     ref: n,
     onClick: (l) => {
-      Se(l.currentTarget), e == null || e(l);
+      ke(l.currentTarget), t == null || t(l);
     },
     ...a
   }
 ));
 bt.displayName = "DialogTrigger";
-const Nr = I.Close, ht = f(
-  ({ 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 }) })
+const yr = I.Close, ht = b(
+  ({ variant: t = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ e(I.Close, { asChild: !0, children: /* @__PURE__ */ e(T, { ref: l, type: "button", variant: t, ...n, children: a }) })
 );
 ht.displayName = "DialogCancel";
-function gt(e, a = !0) {
-  if (e.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
+function gt(t, a = !0) {
+  if (t.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
     return;
-  const n = Te(e);
+  const n = Me(t);
   if (!n) {
-    a && window.requestAnimationFrame(() => gt(e, !1));
+    a && window.requestAnimationFrame(() => gt(t, !1));
     return;
   }
-  e.dataset.dialogMotionStarted = "true";
-  const l = Ba(e), i = l ? Ra(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"));
+  t.dataset.dialogMotionStarted = "true";
+  const l = Ba(t), i = l ? Ra(l, n) : null;
+  i ? (t.style.setProperty("--dialog-dx", `${i.dx}px`), t.style.setProperty("--dialog-dy", `${i.dy}px`), t.style.setProperty("--dialog-sx", String(i.sx)), t.style.setProperty("--dialog-sy", String(i.sy)), t.classList.add("dialog-fly-in")) : (t.style.removeProperty("--dialog-dx"), t.style.removeProperty("--dialog-dy"), t.style.removeProperty("--dialog-sx"), t.style.removeProperty("--dialog-sy"), t.classList.add("dialog-pop-in"));
   const u = () => {
-    e.classList.remove("dialog-fly-in", "dialog-pop-in");
+    t.classList.remove("dialog-fly-in", "dialog-pop-in");
   }, m = (c) => {
-    c.target === e && (c.animationName !== "dialog-fly-in" && c.animationName !== "dialog-pop-in" || (e.removeEventListener("animationend", m), u()));
+    c.target === t && (c.animationName !== "dialog-fly-in" && c.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", m), u()));
   };
-  e.addEventListener("animationend", m);
+  t.addEventListener("animationend", m);
 }
-function qa(e) {
-  return e.replace(/dvh\b/g, "vh");
+function qa(t) {
+  return t.replace(/dvh\b/g, "vh");
 }
-const xt = f(
+const xt = b(
   ({
-    className: e,
+    className: t,
     children: a,
     placement: n = "center",
     topOffset: l = "11dvh",
@@ -666,30 +666,30 @@ const xt = f(
     onEscapeKeyDown: m,
     onPointerDownOutside: c,
     ...x
-  }, b) => {
-    const h = q(pt), N = n === "top", k = N ? {
+  }, h) => {
+    const g = q(pt), y = n === "top", k = y ? {
       "--dialog-top-offset": l,
       "--dialog-top-offset-fallback": qa(l)
     } : void 0, S = q(ft), w = $(null), P = sa(
-      (g) => {
-        if (w.current = g, g && i === "auto" && gt(g), typeof b == "function") {
-          b(g);
+      (f) => {
+        if (w.current = f, f && i === "auto" && gt(f), typeof h == "function") {
+          h(f);
           return;
         }
-        b && (b.current = g);
+        h && (h.current = f);
       },
-      [i, b]
+      [i, h]
     );
     return /* @__PURE__ */ s(I.Portal, { children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         I.Overlay,
         {
           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",
-            !h && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-            h && "opacity-0 transition-opacity duration-200"
+            !g && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+            g && "opacity-0 transition-opacity duration-200"
           ),
-          children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ e(
             "span",
             {
               "aria-hidden": "true",
@@ -698,12 +698,12 @@ const xt = f(
           )
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "div",
         {
           className: o(
             "pointer-events-none fixed inset-0 z-50 flex justify-center overflow-y-auto p-4",
-            N ? "items-start" : "items-center"
+            y ? "items-start" : "items-center"
           ),
           children: /* @__PURE__ */ s(
             I.Content,
@@ -713,24 +713,24 @@ const xt = f(
               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",
-                N && "dialog-anchor-top",
+                y && "dialog-anchor-top",
                 i === "command" && "dialog-command-motion",
-                h && "dialog-closing",
+                g && "dialog-closing",
                 "focus:outline-none",
-                e
+                t
               ),
-              onEscapeKeyDown: (g) => {
-                m == null || m(g), !g.defaultPrevented && (g.preventDefault(), S());
+              onEscapeKeyDown: (f) => {
+                m == null || m(f), !f.defaultPrevented && (f.preventDefault(), S());
               },
-              onPointerDownOutside: (g) => {
-                c == null || c(g), !g.defaultPrevented && (g.preventDefault(), S());
+              onPointerDownOutside: (f) => {
+                c == null || c(f), !f.defaultPrevented && (f.preventDefault(), S());
               },
               ...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: [
-                  /* @__PURE__ */ t(se, { className: "size-4" }),
-                  /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
+                  /* @__PURE__ */ e(ce, { className: "size-4" }),
+                  /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
                 ] })
               ]
             }
@@ -742,93 +742,93 @@ const xt = f(
 );
 xt.displayName = "DialogContent";
 function Ga({
-  className: e,
+  className: t,
   ...a
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "panel",
       className: o(
         "flex min-h-0 flex-1 flex-col overflow-hidden rounded-b-2xl border-x-0 border-t-0 border-b border-(--dialog-panel-border) bg-(--dialog-panel-bg) shadow-(--dialog-panel-shadow)",
-        e
+        t
       ),
       ...a
     }
   );
 }
 function Ha({
-  className: e,
+  className: t,
   ...a
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "body",
-      className: o("min-h-0 flex-1 overflow-y-auto px-5 py-4", e),
+      className: o("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
       ...a
     }
   );
 }
 function Va({
-  className: e,
+  className: t,
   ...a
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "header",
       className: o(
         "flex shrink-0 flex-col gap-1.5 border-b border-(--dialog-panel-border) px-5 py-4",
-        e
+        t
       ),
       ...a
     }
   );
 }
 function Wa({
-  className: e,
+  className: t,
   ...a
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "footer",
       className: o(
         "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",
-        e
+        t
       ),
       ...a
     }
   );
 }
-const vt = f(({ className: e, ...a }, n) => {
-  const l = q(Me) ? I.Title : "h2";
-  return /* @__PURE__ */ t(
+const vt = b(({ className: t, ...a }, n) => {
+  const l = q(Pe) ? I.Title : "h2";
+  return /* @__PURE__ */ e(
     l,
     {
       ref: n,
-      className: o("text-base font-semibold text-fg", e),
+      className: o("text-base font-semibold text-fg", t),
       ...a
     }
   );
 });
 vt.displayName = "DialogTitle";
-const Oa = f(({ className: e, ...a }, n) => {
-  const l = q(Me) ? I.Description : "p";
-  return /* @__PURE__ */ t(
+const Oa = b(({ className: t, ...a }, n) => {
+  const l = q(Pe) ? I.Description : "p";
+  return /* @__PURE__ */ e(
     l,
     {
       ref: n,
-      className: o("text-sm text-muted", e),
+      className: o("text-sm text-muted", t),
       ...a
     }
   );
 });
 Oa.displayName = "DialogDescription";
-const Nt = Y(null);
+const yt = K(null);
 function Ua({
-  label: e,
+  label: t,
   value: a,
   onChange: n,
   disabled: l = !1,
@@ -837,24 +837,24 @@ function Ua({
   children: m,
   ...c
 }) {
-  const x = ue(), b = i ?? x;
-  return /* @__PURE__ */ t(Nt.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 }),
+  const x = pe(), h = i ?? x;
+  return /* @__PURE__ */ e(yt.Provider, { value: { name: h, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", u), ...c, children: [
+    /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
     m
   ] }) });
 }
 function Xa({
-  value: e,
+  value: t,
   title: a,
   description: n,
   badge: l,
   disabled: i = !1,
   className: u
 }) {
-  const m = q(Nt), c = ue();
+  const m = q(yt), c = pe();
   if (!m)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const x = i || m.disabled, b = m.value === e;
+  const x = i || m.disabled, h = m.value === t;
   return /* @__PURE__ */ s(
     "label",
     {
@@ -864,23 +864,23 @@ function Xa({
         u
       ),
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "input",
           {
             type: "radio",
             name: m.name,
-            value: e,
-            checked: b,
+            value: t,
+            checked: h,
             disabled: x,
             onChange: () => {
-              var h;
-              return (h = m.onChange) == null ? void 0 : h.call(m, e);
+              var g;
+              return (g = m.onChange) == null ? void 0 : g.call(m, t);
             },
             "aria-describedby": n ? c : void 0,
             className: "peer sr-only"
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": !0,
@@ -893,17 +893,17 @@ function Xa({
         ),
         /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ s("span", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ t("span", { className: "text-base font-semibold text-fg", children: a }),
-            l ? /* @__PURE__ */ t(ya, { variant: "primary", children: l }) : null
+            /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: a }),
+            l ? /* @__PURE__ */ e(Na, { variant: "primary", children: l }) : null
           ] }),
-          n ? /* @__PURE__ */ t("span", { id: c, className: "mt-1 block text-sm text-muted", children: n }) : null
+          n ? /* @__PURE__ */ e("span", { id: c, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
-function yr({
-  open: e,
+function Nr({
+  open: t,
   onOpenChange: a,
   trigger: n,
   title: l,
@@ -912,13 +912,13 @@ function yr({
   value: m,
   onValueChange: c,
   cancelLabel: x = "Cancel",
-  confirmLabel: b = "Continue",
-  onConfirm: h
+  confirmLabel: h = "Continue",
+  onConfirm: g
 }) {
   var P;
-  const [N, k] = z(u ?? ((P = i[0]) == null ? void 0 : P.value) ?? ""), S = m ?? N;
-  return /* @__PURE__ */ s($a, { open: e, onOpenChange: a, children: [
-    n ? /* @__PURE__ */ t(bt, { asChild: !0, children: n }) : null,
+  const [y, k] = z(u ?? ((P = i[0]) == null ? void 0 : P.value) ?? ""), S = m ?? y;
+  return /* @__PURE__ */ s($a, { open: t, onOpenChange: a, children: [
+    n ? /* @__PURE__ */ e(bt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
       xt,
       {
@@ -926,49 +926,49 @@ function yr({
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
           /* @__PURE__ */ s(Ga, { children: [
-            /* @__PURE__ */ t(Va, { children: /* @__PURE__ */ t(vt, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ t(Ha, { children: /* @__PURE__ */ t(Ua, { label: l, value: S, onChange: (g) => {
-              m === void 0 && k(g), c == null || c(g);
-            }, children: i.map((g) => /* @__PURE__ */ t(
+            /* @__PURE__ */ e(Va, { children: /* @__PURE__ */ e(vt, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ e(Ha, { children: /* @__PURE__ */ e(Ua, { label: l, value: S, onChange: (f) => {
+              m === void 0 && k(f), c == null || c(f);
+            }, children: i.map((f) => /* @__PURE__ */ e(
               Xa,
               {
-                value: g.value,
-                title: g.title,
-                description: g.description,
-                badge: g.badge
+                value: f.value,
+                title: f.title,
+                description: f.description,
+                badge: f.badge
               },
-              g.value
+              f.value
             )) }) })
           ] }),
           /* @__PURE__ */ s(Wa, { className: "gap-3 pt-2.5", children: [
-            /* @__PURE__ */ t(ht, { className: "flex-1", children: x }),
-            /* @__PURE__ */ t(T, { className: "flex-1", onClick: () => h == null ? void 0 : h(S), children: b })
+            /* @__PURE__ */ e(ht, { className: "flex-1", children: x }),
+            /* @__PURE__ */ e(T, { className: "flex-1", onClick: () => g == null ? void 0 : g(S), children: h })
           ] })
         ]
       }
     )
   ] });
 }
-function wr({ code: e, label: a, className: n }) {
+function wr({ code: t, label: a, className: n }) {
   const [l, i] = z(!1);
-  return /* @__PURE__ */ t(
-    me,
+  return /* @__PURE__ */ e(
+    fe,
     {
       className: n,
-      header: /* @__PURE__ */ t("div", { className: "flex h-(--table-header-h) items-center px-(--table-pad-x) pr-28", children: /* @__PURE__ */ t("span", { className: "truncate text-[13px] font-medium text-table-header", children: a }) }),
+      header: /* @__PURE__ */ e("div", { className: "flex h-(--table-header-h) items-center px-(--table-pad-x) pr-28", children: /* @__PURE__ */ e("span", { className: "truncate text-[13px] font-medium text-table-header", children: a }) }),
       action: {
         label: l ? "Copied" : "Copy",
-        icon: l ? /* @__PURE__ */ t(Q, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ t(nt, {}),
+        icon: l ? /* @__PURE__ */ e(Z, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(nt, {}),
         variant: "ghost",
         onClick: async () => {
           try {
-            await navigator.clipboard.writeText(e), i(!0), window.setTimeout(() => i(!1), 1500);
+            await navigator.clipboard.writeText(t), i(!0), window.setTimeout(() => i(!1), 1500);
           } catch {
           }
         }
       },
       panelClassName: "min-w-0",
-      children: /* @__PURE__ */ t("pre", { className: "overflow-x-auto p-4 font-mono text-xs leading-relaxed text-fg", children: /* @__PURE__ */ t("code", { children: e }) })
+      children: /* @__PURE__ */ e("pre", { className: "overflow-x-auto p-4 font-mono text-xs leading-relaxed text-fg", children: /* @__PURE__ */ e("code", { children: t }) })
     }
   );
 }
@@ -992,14 +992,14 @@ const Ja = {
   md: "right-[var(--control-pad-x-md)]",
   lg: "right-[var(--control-pad-x-lg)]",
   xl: "right-[var(--control-pad-x-xl)]"
-}, ye = {
+}, we = {
   sm: "size-[var(--control-icon-sm)]",
   md: "size-[var(--control-icon-md)]",
   lg: "size-[var(--control-icon-lg)]",
   xl: "size-[var(--control-icon-xl)]"
-}, yt = f(
+}, Nt = b(
   ({
-    className: e,
+    className: t,
     containerClassName: a,
     type: n = "text",
     size: l = "md",
@@ -1008,24 +1008,24 @@ const Ja = {
     onClear: m,
     value: c,
     defaultValue: x,
-    error: b = !1,
-    helperText: h,
-    id: N,
+    error: h = !1,
+    helperText: g,
+    id: y,
     "aria-describedby": k,
     disabled: S,
     readOnly: w,
     ...P
-  }, g) => {
-    const G = ue(), Z = N ?? G, H = !!h, R = !!(m && (c !== void 0 ? String(c).length > 0 : x !== void 0 && String(x).length > 0)), K = H ? `${Z}-description` : void 0, pe = [k, K].filter(Boolean).join(" ") || void 0, ee = /* @__PURE__ */ t(
+  }, f) => {
+    const G = pe(), ee = y ?? G, H = !!g, R = !!(m && (c !== void 0 ? String(c).length > 0 : x !== void 0 && String(x).length > 0)), te = H ? `${ee}-description` : void 0, be = [k, te].filter(Boolean).join(" ") || void 0, ae = /* @__PURE__ */ e(
       "input",
       {
-        ref: g,
-        id: Z,
+        ref: f,
+        id: ee,
         type: n,
         disabled: S,
         readOnly: w,
-        "aria-invalid": b || void 0,
-        "aria-describedby": pe,
+        "aria-invalid": h || void 0,
+        "aria-describedby": be,
         style: i || u || R ? {
           paddingInlineStart: i ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
           paddingInlineEnd: u || R ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
@@ -1037,21 +1037,21 @@ const Ja = {
           "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",
-          b && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
-          !b && "border-(--input-border)",
+          h && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
+          !h && "border-(--input-border)",
           n === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
           S && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
           w && "cursor-default focus-visible:ring-0",
-          e
+          t
         ),
         value: c,
         defaultValue: x,
         ...P
       }
     );
-    return !i && !u && !R && !H ? ee : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
+    return !i && !u && !R && !H ? ae : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
-        i ? /* @__PURE__ */ t(
+        i ? /* @__PURE__ */ e(
           "span",
           {
             className: o(
@@ -1059,11 +1059,11 @@ const Ja = {
               Ya[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ye[l]), children: i })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", we[l]), children: i })
           }
         ) : null,
-        ee,
-        R ? /* @__PURE__ */ t(
+        ae,
+        R ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -1073,9 +1073,9 @@ const Ja = {
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
               at[l]
             ),
-            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ye[l]), children: /* @__PURE__ */ t(se, {}) })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", we[l]), children: /* @__PURE__ */ e(ce, {}) })
           }
-        ) : u ? /* @__PURE__ */ t(
+        ) : u ? /* @__PURE__ */ e(
           "span",
           {
             className: o(
@@ -1083,73 +1083,73 @@ const Ja = {
               at[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ye[l]), children: u })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", we[l]), children: u })
           }
         ) : null
       ] }),
-      H ? /* @__PURE__ */ t(
+      H ? /* @__PURE__ */ e(
         "p",
         {
-          id: K,
-          className: o("mt-1.5 text-xs", b ? "text-error" : "text-muted"),
-          children: h
+          id: te,
+          className: o("mt-1.5 text-xs", h ? "text-error" : "text-muted"),
+          children: g
         }
       ) : null
     ] });
   }
 );
-yt.displayName = "Input";
-function Pe(e, a) {
+Nt.displayName = "Input";
+function Ie(t, a) {
   let n = 0;
-  return it.forEach(e, (l) => {
+  return it.forEach(t, (l) => {
     if (!ot(l)) return;
     if (a.some((u) => u === l.type)) {
       n += 1;
       return;
     }
     const i = l.props.children;
-    i && (n += Pe(i, a));
+    i && (n += Ie(i, a));
   }), n;
 }
-const wt = Y(!1);
-function we({
-  children: e,
+const wt = K(!1);
+function Ce({
+  children: t,
   ...a
 }) {
-  const n = Pe(e, [
-    ce,
-    X,
+  const n = Ie(t, [
+    me,
+    Q,
     St
   ]) === 0;
-  return /* @__PURE__ */ t(wt.Provider, { value: n, children: /* @__PURE__ */ t(D.Root, { ...a, children: e }) });
+  return /* @__PURE__ */ e(wt.Provider, { value: n, children: /* @__PURE__ */ e(D.Root, { ...a, children: t }) });
 }
-const le = f(({ className: e, disabled: a, ...n }, l) => {
+const oe = b(({ className: t, disabled: a, ...n }, l) => {
   const i = q(wt);
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     D.Trigger,
     {
       ref: l,
-      className: o("group", e),
+      className: o("group", t),
       disabled: a || i,
       ...n
     }
   );
 });
-le.displayName = "DropdownMenuTrigger";
-const Ct = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  de,
+oe.displayName = "DropdownMenuTrigger";
+const Ct = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  ue,
   {
     ref: n,
     "aria-hidden": !0,
     className: o(
       "ml-auto size-3.5 shrink-0 text-subtle transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none",
-      e
+      t
     ),
     ...a
   }
 ));
 Ct.displayName = "DropdownMenuChevron";
-const Cr = D.Group, Sr = D.Portal, ie = f(({ className: e, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ t(D.Portal, { children: /* @__PURE__ */ t(
+const Cr = D.Group, Sr = D.Portal, se = b(({ className: t, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ e(D.Portal, { children: /* @__PURE__ */ e(
   D.Content,
   {
     ref: l,
@@ -1162,13 +1162,13 @@ const Cr = D.Group, Sr = D.Portal, ie = f(({ className: e, sideOffset: a = 8, ..
       "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
       "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
       "duration-150 ease-out",
-      e
+      t
     ),
     ...n
   }
 ) }));
-ie.displayName = "DropdownMenuContent";
-const ce = f(({ className: e, inset: a, ...n }, l) => /* @__PURE__ */ t(
+se.displayName = "DropdownMenuContent";
+const me = b(({ className: t, inset: a, ...n }, l) => /* @__PURE__ */ e(
   D.Item,
   {
     ref: l,
@@ -1177,39 +1177,39 @@ const ce = f(({ className: e, inset: a, ...n }, l) => /* @__PURE__ */ t(
       "focus:bg-(--menu-highlight) data-disabled:pointer-events-none data-disabled:opacity-50",
       "[&_svg]:size-4 [&_svg]:text-muted",
       a && "pl-8",
-      e
+      t
     ),
     ...n
   }
 ));
-ce.displayName = "DropdownMenuItem";
-const X = f(({ className: e, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
+me.displayName = "DropdownMenuItem";
+const Q = b(({ className: t, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
   D.CheckboxItem,
   {
     ref: i,
     className: o(
       "group relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none transition-colors focus:bg-(--menu-highlight)",
-      e
+      t
     ),
     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(D.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(Q, { className: "size-3", weight: "bold" }) }) }),
+      /* @__PURE__ */ e("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__ */ e(D.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__ */ e(Z, { className: "size-3", weight: "bold" }) }) }),
       a
     ]
   }
 ));
-X.displayName = "DropdownMenuCheckboxItem";
-const oe = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+Q.displayName = "DropdownMenuCheckboxItem";
+const de = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   D.Label,
   {
     ref: n,
-    className: o("px-2 py-1.5 text-xs font-medium text-subtle", e),
+    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...a
   }
 ));
-oe.displayName = "DropdownMenuLabel";
-const kr = D.Sub, St = f(({ className: e, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
+de.displayName = "DropdownMenuLabel";
+const kr = D.Sub, St = b(({ className: t, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
   D.SubTrigger,
   {
     ref: i,
@@ -1218,17 +1218,17 @@ const kr = D.Sub, St = f(({ className: e, inset: a, children: n, ...l }, i) => /
       "focus:bg-(--menu-highlight) data-[state=open]:bg-(--menu-highlight)",
       "[&_svg]:size-4 [&_svg]:text-muted",
       a && "pl-8",
-      e
+      t
     ),
     ...l,
     children: [
       n,
-      /* @__PURE__ */ t(lt, { className: "ml-auto shrink-0" })
+      /* @__PURE__ */ e(lt, { className: "ml-auto shrink-0" })
     ]
   }
 ));
 St.displayName = "DropdownMenuSubTrigger";
-const Za = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+const Za = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   D.SubContent,
   {
     ref: n,
@@ -1241,31 +1241,31 @@ const Za = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
       "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
       "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
       "duration-150 ease-out",
-      e
+      t
     ),
     ...a
   }
 ));
 Za.displayName = "DropdownMenuSubContent";
-const ke = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+const ze = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   D.Separator,
   {
     ref: n,
-    className: o("-mx-1 my-1 h-px bg-line-strong", e),
+    className: o("-mx-1 my-1 h-px bg-line-strong", t),
     ...a
   }
 ));
-ke.displayName = "DropdownMenuSeparator";
+ze.displayName = "DropdownMenuSeparator";
 const zr = M.Group, Ka = M.Value;
 function er({
-  children: e,
+  children: t,
   disabled: a,
   ...n
 }) {
-  const l = Pe(e, [Ie]) === 0;
-  return /* @__PURE__ */ t(M.Root, { disabled: a || l, ...n, children: e });
+  const l = Ie(t, [je]) === 0;
+  return /* @__PURE__ */ e(M.Root, { disabled: a || l, ...n, children: t });
 }
-const kt = f(({ className: e, children: a, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
+const kt = b(({ className: t, children: a, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
   M.Trigger,
   {
     ref: i,
@@ -1275,18 +1275,18 @@ const kt = f(({ className: e, children: a, variant: n = "field", ...l }, i) => /
       "data-disabled:cursor-not-allowed data-disabled:opacity-50",
       n === "field" && "h-(--control-h-md) w-full rounded-md border border-line bg-surface px-3 focus:border-primary focus:ring-2 focus:ring-focus/30",
       n === "inline" && "btn-fill btn-inner-border btn-interactive h-(--control-h-md) w-auto rounded-(--control-radius) border-0 bg-(--button-secondary-bg) px-(--control-pad-x-sm) font-medium text-fg hover:bg-(--button-surface-hover) active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
-      e
+      t
     ),
     ...l,
     children: [
-      /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-left", children: a }),
-      /* @__PURE__ */ t(M.Icon, { asChild: !0, children: /* @__PURE__ */ t(de, { 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__ */ e("span", { className: "min-w-0 flex-1 truncate text-left", children: a }),
+      /* @__PURE__ */ e(M.Icon, { asChild: !0, children: /* @__PURE__ */ e(ue, { 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" }) })
     ]
   }
 ));
 kt.displayName = "SelectTrigger";
-const zt = f(
-  ({ className: e, children: a, position: n = "popper", sideOffset: l = 8, ...i }, u) => /* @__PURE__ */ t(M.Portal, { children: /* @__PURE__ */ t(
+const zt = b(
+  ({ className: t, children: a, position: n = "popper", sideOffset: l = 8, ...i }, u) => /* @__PURE__ */ e(M.Portal, { children: /* @__PURE__ */ e(
     M.Content,
     {
       ref: u,
@@ -1300,41 +1300,41 @@ const zt = f(
         "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
         "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
         "duration-150 ease-out",
-        e
+        t
       ),
       ...i,
-      children: /* @__PURE__ */ t(M.Viewport, { className: "p-0", children: a })
+      children: /* @__PURE__ */ e(M.Viewport, { className: "p-0", children: a })
     }
   ) })
 );
 zt.displayName = "SelectContent";
-const Ie = f(({ className: e, children: a, ...n }, l) => /* @__PURE__ */ s(
+const je = b(({ className: t, children: a, ...n }, l) => /* @__PURE__ */ s(
   M.Item,
   {
     ref: l,
     className: o(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none focus:bg-(--menu-highlight) data-disabled:pointer-events-none data-disabled:opacity-50",
-      e
+      t
     ),
     ...n,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ t(M.ItemIndicator, { children: /* @__PURE__ */ t(Q, { className: "size-3.5" }) }) }),
-      /* @__PURE__ */ t(M.ItemText, { children: a })
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(M.ItemIndicator, { children: /* @__PURE__ */ e(Z, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e(M.ItemText, { children: a })
     ]
   }
 ));
-Ie.displayName = "SelectItem";
-const tr = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+je.displayName = "SelectItem";
+const tr = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   M.Label,
   {
     ref: n,
-    className: o("px-2 py-1.5 text-xs font-medium text-subtle", e),
+    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...a
   }
 ));
 tr.displayName = "SelectLabel";
 function ar({
-  icon: e,
+  icon: t,
   title: a,
   description: n,
   action: l,
@@ -1348,41 +1348,41 @@ function ar({
         i
       ),
       children: [
-        e ? /* @__PURE__ */ t("div", { className: "flex size-[var(--table-empty-icon)] items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-table-muted [&_svg]:size-8", children: e }) : null,
+        t ? /* @__PURE__ */ e("div", { className: "flex size-[var(--table-empty-icon)] items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-table-muted [&_svg]:size-8", children: t }) : null,
         /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ t("p", { className: "text-[1.75rem] font-semibold leading-tight text-table-header-active", children: a }),
-          n ? /* @__PURE__ */ t("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: n }) : null
+          /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold leading-tight text-table-header-active", children: a }),
+          n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: n }) : null
         ] }),
-        l ? /* @__PURE__ */ t("div", { className: "text-sm font-medium text-table-accent", children: l }) : null
+        l ? /* @__PURE__ */ e("div", { className: "text-sm font-medium text-table-accent", children: l }) : null
       ]
     }
   );
 }
 const rr = "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 nr(e) {
-  return e.split(/\s+/).slice(0, 2).map((a) => {
+function nr(t) {
+  return t.split(/\s+/).slice(0, 2).map((a) => {
     var n;
     return ((n = a[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
 function Dr({
-  name: e,
+  name: t,
   secondary: a,
   image: n
 }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
     /* @__PURE__ */ s(st, { className: "size-8", children: [
-      n ? /* @__PURE__ */ t(dt, { src: n, alt: "" }) : null,
-      /* @__PURE__ */ t(ct, { children: nr(e) })
+      n ? /* @__PURE__ */ e(dt, { src: n, alt: "" }) : null,
+      /* @__PURE__ */ e(ct, { children: nr(t) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ t("div", { className: "truncate font-medium text-table-header-active", children: e }),
-      a ? /* @__PURE__ */ t("div", { className: "truncate text-xs text-table-muted", children: a }) : null
+      /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
+      a ? /* @__PURE__ */ e("div", { className: "truncate text-xs text-table-muted", children: a }) : null
     ] })
   ] });
 }
 function Tr({
-  rows: e,
+  rows: t,
   columns: a,
   getRowId: n,
   loading: l = !1,
@@ -1391,109 +1391,109 @@ function Tr({
   search: m,
   filters: c,
   toolbarStart: x,
-  toolbarEnd: b,
-  tabs: h,
-  activeTab: N,
+  toolbarEnd: h,
+  tabs: g,
+  activeTab: y,
   onTabChange: k,
   infoBanner: S,
   selectable: w = !1,
   bulkActions: P,
-  rowActions: g,
+  rowActions: f,
   onRowClick: G,
-  defaultSort: Z,
+  defaultSort: ee,
   pageSize: H = 25,
   pageSizeOptions: R = [10, 25, 50, 100],
-  pagination: K = "auto",
-  tone: pe,
-  headerAction: ee,
+  pagination: te = "auto",
+  tone: be,
+  headerAction: ae,
   headerClassName: Dt,
   panelClassName: Tt,
   className: Mt
 }) {
-  const [je, Ee] = z(
+  const [Ee, _e] = z(
     () => Object.fromEntries(
       a.filter((r) => r.defaultHidden && !r.required).map((r) => [r.id, !0])
     )
-  ), [_e, Le] = z(null), [fe, Re] = z(null), [y, Pt] = z(
-    Z ?? null
-  ), [V, te] = z(0), [_, It] = z(H), [A, be] = z(/* @__PURE__ */ new Set()), [jt, he] = z([]), Ae = a.map((r) => r.id), Be = new Map(a.map((r) => [r.id, r])), Fe = _e ? _e.map((r) => Be.get(r)).filter((r) => !!r) : a, W = Fe.filter((r) => !je[r.id]), $e = Fe.filter((r) => je[r.id] && !r.required), qe = (r) => !!r.required, Et = (r) => Be.get(r), _t = (r, d) => {
+  ), [Le, Re] = z(null), [he, Ae] = z(null), [N, Pt] = z(
+    ee ?? null
+  ), [V, re] = z(0), [_, It] = z(H), [A, ge] = z(/* @__PURE__ */ new Set()), [jt, xe] = z([]), Be = a.map((r) => r.id), Fe = new Map(a.map((r) => [r.id, r])), $e = Le ? Le.map((r) => Fe.get(r)).filter((r) => !!r) : a, W = $e.filter((r) => !Ee[r.id]), qe = $e.filter((r) => Ee[r.id] && !r.required), Ge = (r) => !!r.required, Et = (r) => Fe.get(r), _t = (r, d) => {
     const p = d ? Et(d) : void 0;
-    !p || qe(p) || r === d || Le((v) => {
-      const C = v ?? Ae;
+    !p || Ge(p) || r === d || Re((v) => {
+      const C = v ?? Be;
       return ba(C, C.indexOf(r), C.indexOf(d));
     });
   }, Lt = (r) => {
-    Ee((d) => ({ ...d, [r]: !1 })), Le((d) => d && d.includes(r) ? d : [...d ?? Ae, r]);
-  }, ge = (c ?? []).filter((r) => jt.includes(r.id)), Rt = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), ae = Ye(() => {
-    let r = e;
+    _e((d) => ({ ...d, [r]: !1 })), Re((d) => d && d.includes(r) ? d : [...d ?? Be, r]);
+  }, ve = (c ?? []).filter((r) => jt.includes(r.id)), Rt = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), ne = Ye(() => {
+    let r = t;
     for (const p of c ?? [])
       p.value.length > 0 && (r = r.filter((v) => p.match(v, p.value)));
     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]), B = Ye(() => {
-    if (!y) return ae;
-    const r = a.find((p) => p.id === y.id);
-    if (!(r != null && r.sortValue)) return ae;
-    const d = y.dir === "asc" ? 1 : -1;
-    return [...ae].sort((p, v) => {
+  }, [t, m, c]), B = Ye(() => {
+    if (!N) return ne;
+    const r = a.find((p) => p.id === N.id);
+    if (!(r != null && r.sortValue)) return ne;
+    const d = N.dir === "asc" ? 1 : -1;
+    return [...ne].sort((p, v) => {
       const C = r.sortValue(p), j = r.sortValue(v);
       return C == null && j == null ? 0 : C == null ? 1 : j == null ? -1 : typeof C == "number" && typeof j == "number" ? (C - j) * d : String(C).localeCompare(String(j)) * d;
     });
-  }, [ae, y, a]), O = Math.max(1, Math.ceil(B.length / _)), At = !l && !i && B.length > 0 && (K === "always" || B.length > _);
-  U(() => {
-    te(0);
-  }, [m == null ? void 0 : m.value, _, y == null ? void 0 : y.id, y == null ? void 0 : y.dir, N, Rt]), U(() => {
-    V > O - 1 && te(O - 1);
+  }, [ne, N, a]), O = Math.max(1, Math.ceil(B.length / _)), At = !l && !i && B.length > 0 && (te === "always" || B.length > _);
+  J(() => {
+    re(0);
+  }, [m == null ? void 0 : m.value, _, N == null ? void 0 : N.id, N == null ? void 0 : N.dir, y, Rt]), J(() => {
+    V > O - 1 && re(O - 1);
   }, [V, O]);
-  const re = V * _, L = B.slice(re, re + _), Bt = (r) => {
+  const le = V * _, L = B.slice(le, le + _), Bt = (r) => {
     r.sortable && Pt(
       (d) => (d == null ? void 0 : d.id) === r.id ? d.dir === "asc" ? { id: r.id, dir: "desc" } : null : { id: r.id, dir: "asc" }
     );
-  }, Ge = L.length > 0 && L.every((r) => A.has(n(r))), Ft = L.some((r) => A.has(n(r))), $t = e.filter((r) => A.has(n(r))), qt = () => {
-    be((r) => {
+  }, He = L.length > 0 && L.every((r) => A.has(n(r))), Ft = L.some((r) => A.has(n(r))), $t = t.filter((r) => A.has(n(r))), qt = () => {
+    ge((r) => {
       const d = new Set(r);
-      return Ge ? L.forEach((p) => d.delete(n(p))) : L.forEach((p) => d.add(n(p))), d;
+      return He ? L.forEach((p) => d.delete(n(p))) : L.forEach((p) => d.add(n(p))), d;
     });
   }, Gt = (r) => {
-    be((d) => {
+    ge((d) => {
       const p = new Set(d);
       return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, Ht = !!(m || c != null && c.length || x || b), Vt = (r) => (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? "ascending" : "descending" : void 0, He = $(null), Ve = $(null), [We, Oe] = z([]), Wt = W.map((r) => r.id).join("\0");
+  }, Ht = !!(m || c != null && c.length || x || h), Vt = (r) => (N == null ? void 0 : N.id) === r.id ? N.dir === "asc" ? "ascending" : "descending" : void 0, Ve = $(null), We = $(null), [U, Oe] = z([]), Wt = W.map((r) => r.id).join("\0");
   da(() => {
-    const r = He.current;
+    const r = Ve.current;
     if (!r) return;
     const d = () => {
       var Ue, Xe, Je;
-      const v = (Xe = (Ue = r.tBodies[0]) == null ? void 0 : Ue.rows.item(0)) == null ? void 0 : Xe.cells, C = (Je = Ve.current) == null ? void 0 : Je.querySelectorAll("thead th");
+      const v = (Xe = (Ue = r.tBodies[0]) == null ? void 0 : Ue.rows.item(0)) == null ? void 0 : Xe.cells, C = (Je = We.current) == null ? void 0 : Je.querySelectorAll("thead th");
       if (!v || v.length === 0) {
         Oe((E) => E.length === 0 ? E : []);
         return;
       }
       const j = Array.from(
         v,
-        (E, ve) => {
-          var ne;
+        (E, ye) => {
+          var ie;
           return Math.max(
             Math.round(E.getBoundingClientRect().width),
-            Math.round(((ne = C == null ? void 0 : C.item(ve)) == null ? void 0 : ne.scrollWidth) ?? 0)
+            Math.round(((ie = C == null ? void 0 : C.item(ye)) == null ? void 0 : ie.scrollWidth) ?? 0)
           );
         }
       );
       Oe(
-        (E) => E.length === j.length && E.every((ve, ne) => ve === j[ne]) ? E : j
+        (E) => E.length === j.length && E.every((ye, ie) => ye === j[ie]) ? E : j
       );
     };
     if (d(), typeof ResizeObserver > "u") return;
     const p = new ResizeObserver(d);
     return p.observe(r), () => p.disconnect();
-  }, [Wt, w, g, l, i]);
-  const xe = We.reduce((r, d) => r + d, 0);
+  }, [Wt, w, f, l, i]);
+  const X = U.reduce((r, d) => r + d, 0);
   return /* @__PURE__ */ s("div", { className: o("space-y-4", Mt), 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 === N;
-      return /* @__PURE__ */ t(
+    g && g.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: g.map((r) => {
+      const d = r.id === y;
+      return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
@@ -1510,8 +1510,8 @@ function Tr({
       );
     }) }),
     Ht && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      m && /* @__PURE__ */ t(
-        yt,
+      m && /* @__PURE__ */ e(
+        Nt,
         {
           type: "search",
           "aria-label": m.placeholder ?? "Search",
@@ -1519,29 +1519,29 @@ function Tr({
           value: m.value,
           onChange: (r) => m.onChange(r.target.value),
           onClear: () => m.onChange(""),
-          leadingIcon: /* @__PURE__ */ t(ea, {}),
+          leadingIcon: /* @__PURE__ */ e(ea, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
       x,
-      /* @__PURE__ */ s(we, { children: [
-        /* @__PURE__ */ t(le, { asChild: !0, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ s(Ce, { children: [
+        /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e(
           T,
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ t(ta, {}),
-            trailingIcon: /* @__PURE__ */ t(Ct, {}),
+            leadingIcon: /* @__PURE__ */ e(ta, {}),
+            trailingIcon: /* @__PURE__ */ e(Ct, {}),
             children: "Columns"
           }
         ) }),
-        /* @__PURE__ */ s(ie, { align: "end", className: "w-54", children: [
-          /* @__PURE__ */ t(oe, { className: "text-[13px]", children: "Active columns" }),
+        /* @__PURE__ */ s(se, { align: "end", className: "w-54", children: [
+          /* @__PURE__ */ e(de, { className: "text-[13px]", children: "Active columns" }),
           W.map((r) => {
-            const d = qe(r);
+            const d = Ge(r);
             return /* @__PURE__ */ s(
-              X,
+              Q,
               {
                 checked: !0,
                 draggable: !d,
@@ -1550,27 +1550,27 @@ function Tr({
                     p.preventDefault();
                     return;
                   }
-                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), Re(r.id);
+                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), Ae(r.id);
                 },
                 onDragOver: (p) => {
-                  fe && (p.preventDefault(), _t(fe, r.id));
+                  he && (p.preventDefault(), _t(he, r.id));
                 },
                 onDrop: (p) => p.preventDefault(),
-                onDragEnd: () => Re(null),
+                onDragEnd: () => Ae(null),
                 onCheckedChange: (p) => {
-                  !p && !d && Ee((v) => ({ ...v, [r.id]: !0 }));
+                  !p && !d && _e((v) => ({ ...v, [r.id]: !0 }));
                 },
                 onSelect: (p) => p.preventDefault(),
                 className: "justify-between",
                 children: [
-                  /* @__PURE__ */ t("span", { className: "truncate", children: r.header }),
-                  d ? /* @__PURE__ */ t(aa, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ t(
+                  /* @__PURE__ */ e("span", { className: "truncate", children: r.header }),
+                  d ? /* @__PURE__ */ e(aa, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
                     ra,
                     {
                       "aria-hidden": !0,
                       className: o(
                         "size-3.5 shrink-0",
-                        fe === r.id ? "text-primary" : "text-subtle"
+                        he === r.id ? "text-primary" : "text-subtle"
                       )
                     }
                   )
@@ -1579,11 +1579,11 @@ function Tr({
               r.id
             );
           }),
-          $e.length > 0 ? /* @__PURE__ */ s(rt, { children: [
-            /* @__PURE__ */ t(ke, {}),
-            /* @__PURE__ */ t(oe, { className: "text-[13px]", children: "Available columns" }),
-            $e.map((r) => /* @__PURE__ */ t(
-              X,
+          qe.length > 0 ? /* @__PURE__ */ s(rt, { children: [
+            /* @__PURE__ */ e(ze, {}),
+            /* @__PURE__ */ e(de, { className: "text-[13px]", children: "Available columns" }),
+            qe.map((r) => /* @__PURE__ */ e(
+              Q,
               {
                 checked: !1,
                 onCheckedChange: () => Lt(r.id),
@@ -1595,21 +1595,21 @@ function Tr({
           ] }) : null
         ] })
       ] }),
-      c && c.length > 0 ? /* @__PURE__ */ s(we, { children: [
-        /* @__PURE__ */ t(le, { asChild: !0, children: /* @__PURE__ */ t(
+      c && c.length > 0 ? /* @__PURE__ */ s(Ce, { children: [
+        /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e(
           T,
           {
             variant: "secondary",
             size: "md",
             iconOnly: !0,
             "aria-label": "Add filter",
-            children: /* @__PURE__ */ t(Qe, {})
+            children: /* @__PURE__ */ e(Qe, {})
           }
         ) }),
-        /* @__PURE__ */ t(ie, { align: "start", className: "w-54", children: c.map((r) => /* @__PURE__ */ t(
-          ce,
+        /* @__PURE__ */ e(se, { align: "start", className: "w-54", children: c.map((r) => /* @__PURE__ */ e(
+          me,
           {
-            onSelect: () => he(
+            onSelect: () => xe(
               (d) => d.includes(r.id) ? d : [...d, r.id]
             ),
             children: r.label
@@ -1617,15 +1617,15 @@ function Tr({
           r.id
         )) })
       ] }) : null,
-      b ? /* @__PURE__ */ t("div", { className: "flex-0 sm:ml-auto", children: b }) : null
+      h ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: h }) : null
     ] }),
-    ge.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      ge.map((r) => {
+    ve.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      ve.map((r) => {
         const d = () => {
-          r.onChange([]), he((p) => p.filter((v) => v !== r.id));
+          r.onChange([]), xe((p) => p.filter((v) => v !== r.id));
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             T,
             {
               variant: "secondary",
@@ -1634,26 +1634,26 @@ function Tr({
               "aria-label": `Remove ${r.label} filter`,
               className: "rounded-r-none",
               onClick: d,
-              children: /* @__PURE__ */ t(se, {})
+              children: /* @__PURE__ */ e(ce, {})
             }
           ),
-          /* @__PURE__ */ s(we, { children: [
-            /* @__PURE__ */ t(le, { asChild: !0, children: /* @__PURE__ */ s(T, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
-              /* @__PURE__ */ t(Qe, {}),
-              /* @__PURE__ */ t("span", { className: "font-medium", children: r.label }),
-              /* @__PURE__ */ t("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
-              /* @__PURE__ */ t("span", { className: "text-muted", children: r.value.length > 0 ? `${r.value.length} selected` : "Enter value" }),
-              /* @__PURE__ */ t(de, { className: "text-muted" })
+          /* @__PURE__ */ s(Ce, { children: [
+            /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ s(T, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+              /* @__PURE__ */ e(Qe, {}),
+              /* @__PURE__ */ e("span", { className: "font-medium", children: r.label }),
+              /* @__PURE__ */ e("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
+              /* @__PURE__ */ e("span", { className: "text-muted", children: r.value.length > 0 ? `${r.value.length} selected` : "Enter value" }),
+              /* @__PURE__ */ e(ue, { className: "text-muted" })
             ] }) }),
-            /* @__PURE__ */ s(ie, { align: "start", className: "w-56", children: [
-              /* @__PURE__ */ s(oe, { className: "text-[13px]", children: [
+            /* @__PURE__ */ s(se, { align: "start", className: "w-56", children: [
+              /* @__PURE__ */ s(de, { className: "text-[13px]", children: [
                 "Filter by ",
                 r.label
               ] }),
               r.options.map((p) => {
                 const v = r.value.includes(p.value);
-                return /* @__PURE__ */ t(
-                  X,
+                return /* @__PURE__ */ e(
+                  Q,
                   {
                     checked: v,
                     onCheckedChange: () => r.onChange(
@@ -1665,19 +1665,19 @@ function Tr({
                   p.value
                 );
               }),
-              /* @__PURE__ */ t(ke, {}),
-              /* @__PURE__ */ t(ce, { onSelect: d, children: "Clear filter" })
+              /* @__PURE__ */ e(ze, {}),
+              /* @__PURE__ */ e(me, { onSelect: d, children: "Clear filter" })
             ] })
           ] })
         ] }, r.id);
       }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           onClick: () => {
-            for (const r of ge) r.onChange([]);
-            he([]);
+            for (const r of ve) r.onChange([]);
+            xe([]);
           },
           className: "text-sm text-muted transition-colors hover:text-fg",
           children: "Clear filters"
@@ -1690,7 +1690,7 @@ function Tr({
         A.size,
         " selected"
       ] }),
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: (P ?? []).map((r) => /* @__PURE__ */ s(
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (P ?? []).map((r) => /* @__PURE__ */ s(
         T,
         {
           size: "md",
@@ -1708,20 +1708,20 @@ function Tr({
         "button",
         {
           type: "button",
-          onClick: () => be(/* @__PURE__ */ new Set()),
+          onClick: () => ge(/* @__PURE__ */ new Set()),
           className: "ml-auto inline-flex items-center gap-1 text-xs text-muted hover:text-fg",
           children: [
-            /* @__PURE__ */ t(se, { className: "size-3.5" }),
+            /* @__PURE__ */ e(ce, { className: "size-3.5" }),
             "Clear"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ t(
-      me,
+    /* @__PURE__ */ e(
+      fe,
       {
-        action: ee,
-        tone: pe,
+        action: ae,
+        tone: be,
         headerClassName: Dt,
         panelClassName: Tt,
         header: (
@@ -1731,25 +1731,29 @@ function Tr({
           /* @__PURE__ */ s(
             "table",
             {
-              ref: Ve,
+              ref: We,
               role: "presentation",
               className: "w-full table-fixed border-collapse",
               style: {
-                width: xe > 0 ? xe : void 0,
-                visibility: xe > 0 ? void 0 : "hidden"
+                width: X > 0 ? X : void 0,
+                visibility: X > 0 ? void 0 : "hidden"
               },
               children: [
-                /* @__PURE__ */ t("colgroup", { children: We.map((r, d) => /* @__PURE__ */ t("col", { style: { width: r } }, d)) }),
-                /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ s("tr", { children: [
-                  w && /* @__PURE__ */ t("th", { className: "h-(--table-header-h) w-11 px-4 align-middle", children: /* @__PURE__ */ t(
-                    Ce,
+                /* @__PURE__ */ s("colgroup", { children: [
+                  w && /* @__PURE__ */ e("col", { style: { width: "2.75rem" } }, "selectable"),
+                  U.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)),
+                  f && /* @__PURE__ */ e("col", { style: { width: "11rem" } }, "actions")
+                ] }),
+                /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
+                  w && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-4 align-middle", children: /* @__PURE__ */ e(
+                    Se,
                     {
                       "aria-label": "Select all rows",
-                      checked: Ge ? !0 : Ft ? "indeterminate" : !1,
+                      checked: He ? !0 : Ft ? "indeterminate" : !1,
                       onCheckedChange: qt
                     }
                   ) }),
-                  W.map((r) => /* @__PURE__ */ t(
+                  W.map((r) => /* @__PURE__ */ e(
                     "th",
                     {
                       className: o(rr, r.align === "right" && "text-right", r.className),
@@ -1765,31 +1769,31 @@ function Tr({
                             "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",
-                            (y == null ? void 0 : y.id) === r.id && "text-table-header-active"
+                            (N == null ? void 0 : N.id) === r.id && "text-table-header-active"
                           ),
                           children: [
                             r.header,
-                            (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? /* @__PURE__ */ t(la, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(de, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(ia, { className: "size-3.5 opacity-50" })
+                            (N == null ? void 0 : N.id) === r.id ? N.dir === "asc" ? /* @__PURE__ */ e(la, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(ue, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(ia, { className: "size-3.5 opacity-50" })
                           ]
                         }
                       ) : r.header
                     },
                     r.id
                   )),
-                  g && /* @__PURE__ */ t("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ t("span", { className: "sr-only", children: "Actions" }) })
+                  f && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
                 ] }) })
               ]
             }
           )
         ),
-        children: l ? /* @__PURE__ */ t("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((r) => /* @__PURE__ */ t("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, r)) }) : i ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
-          /* @__PURE__ */ t("div", { className: "flex size-(--table-empty-icon) items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ t(na, { weight: "duotone" }) }),
+        children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((r) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, r)) }) : i ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+          /* @__PURE__ */ e("div", { className: "flex size-(--table-empty-icon) items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ e(na, { weight: "duotone" }) }),
           /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ t("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: i.title }),
-            i.description ? /* @__PURE__ */ t("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: i.description }) : null
+            /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: i.title }),
+            i.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: i.description }) : null
           ] }),
           i.action
-        ] }) : L.length === 0 ? /* @__PURE__ */ t(
+        ] }) : L.length === 0 ? /* @__PURE__ */ e(
           ar,
           {
             icon: u == null ? void 0 : u.icon,
@@ -1797,81 +1801,97 @@ function Tr({
             description: typeof (u == null ? void 0 : u.description) == "string" ? u.description : void 0,
             action: u == null ? void 0 : u.action
           }
-        ) : /* @__PURE__ */ s("table", { ref: He, className: "w-full table-auto border-collapse text-left", children: [
-          /* @__PURE__ */ t("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
-            w && /* @__PURE__ */ t("th", { scope: "col", children: "Select" }),
-            W.map((r) => /* @__PURE__ */ t("th", { scope: "col", "aria-sort": Vt(r), children: r.header }, r.id)),
-            g && /* @__PURE__ */ t("th", { scope: "col", children: "Actions" })
-          ] }) }),
-          /* @__PURE__ */ t(ka, { children: L.map((r) => {
-            const d = n(r), p = A.has(d);
-            return /* @__PURE__ */ s(
-              za,
-              {
-                "data-state": p ? "selected" : void 0,
-                onClick: G ? () => G(r) : void 0,
-                className: G ? "cursor-pointer" : void 0,
-                children: [
-                  w && /* @__PURE__ */ t(Ne, { className: "w-11 px-4", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ t(
-                    Ce,
-                    {
-                      "aria-label": "Select row",
-                      checked: p,
-                      onCheckedChange: () => Gt(d)
-                    }
-                  ) }),
-                  W.map((v) => /* @__PURE__ */ t(
-                    Ne,
-                    {
-                      "data-numeric": v.numeric ? "" : void 0,
-                      className: o(v.align === "right" && "text-right", v.className),
-                      children: v.cell(r)
-                    },
-                    v.id
-                  )),
-                  g && /* @__PURE__ */ t(Ne, { className: "w-44 px-4 text-right", onClick: (v) => v.stopPropagation(), children: g(r) })
-                ]
-              },
-              d
-            );
-          }) })
-        ] })
+        ) : /* @__PURE__ */ s(
+          "table",
+          {
+            ref: Ve,
+            className: o(
+              "w-full border-collapse text-left",
+              U.length > 0 ? "table-fixed" : "table-auto"
+            ),
+            style: { width: X > 0 ? X : void 0 },
+            children: [
+              U.length > 0 && /* @__PURE__ */ s("colgroup", { children: [
+                w && /* @__PURE__ */ e("col", { style: { width: "2.75rem" } }, "selectable"),
+                U.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)),
+                f && /* @__PURE__ */ e("col", { style: { width: "11rem" } }, "actions")
+              ] }),
+              /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
+                w && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
+                W.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": Vt(r), children: r.header }, r.id)),
+                f && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
+              ] }) }),
+              /* @__PURE__ */ e(ka, { children: L.map((r) => {
+                const d = n(r), p = A.has(d);
+                return /* @__PURE__ */ s(
+                  za,
+                  {
+                    "data-state": p ? "selected" : void 0,
+                    onClick: G ? () => G(r) : void 0,
+                    className: G ? "cursor-pointer" : void 0,
+                    children: [
+                      w && /* @__PURE__ */ e(Ne, { className: "w-11 px-4", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ e(
+                        Se,
+                        {
+                          "aria-label": "Select row",
+                          checked: p,
+                          onCheckedChange: () => Gt(d)
+                        }
+                      ) }),
+                      W.map((v) => /* @__PURE__ */ e(
+                        Ne,
+                        {
+                          "data-numeric": v.numeric ? "" : void 0,
+                          className: o(v.align === "right" && "text-right", v.className),
+                          children: v.cell(r)
+                        },
+                        v.id
+                      )),
+                      f && /* @__PURE__ */ e(Ne, { className: "w-44 px-4 text-right", onClick: (v) => v.stopPropagation(), children: f(r) })
+                    ]
+                  },
+                  d
+                );
+              }) })
+            ]
+          }
+        )
       }
     ),
     At && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
-        re + 1,
+        le + 1,
         "–",
-        Math.min(re + _, B.length),
+        Math.min(le + _, B.length),
         " of ",
         B.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ s(er, { value: String(_), onValueChange: (r) => It(Number(r)), children: [
-          /* @__PURE__ */ t(kt, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ t(Ka, {}) }),
-          /* @__PURE__ */ t(zt, { children: R.map((r) => /* @__PURE__ */ t(Ie, { value: String(r), children: r }, r)) })
+          /* @__PURE__ */ e(kt, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(Ka, {}) }),
+          /* @__PURE__ */ e(zt, { children: R.map((r) => /* @__PURE__ */ e(je, { value: String(r), children: r }, r)) })
         ] }),
         /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             T,
             {
               variant: "secondary",
               size: "icon",
               "aria-label": "Previous page",
               disabled: V <= 0,
-              onClick: () => te((r) => Math.max(0, r - 1)),
-              children: /* @__PURE__ */ t(oa, {})
+              onClick: () => re((r) => Math.max(0, r - 1)),
+              children: /* @__PURE__ */ e(oa, {})
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             T,
             {
               variant: "secondary",
               size: "icon",
               "aria-label": "Next page",
               disabled: V >= O - 1,
-              onClick: () => te((r) => Math.min(O - 1, r + 1)),
-              children: /* @__PURE__ */ t(lt, {})
+              onClick: () => re((r) => Math.min(O - 1, r + 1)),
+              children: /* @__PURE__ */ e(lt, {})
             }
           )
         ] })
@@ -1879,50 +1899,50 @@ function Tr({
     ] })
   ] });
 }
-function Mr({ icon: e, title: a, description: n, action: l, className: i }) {
-  return /* @__PURE__ */ t(me, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
-    e ? /* @__PURE__ */ t("div", { className: "flex size-11 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-6", children: e }) : null,
+function Mr({ icon: t, title: a, description: n, action: l, className: i }) {
+  return /* @__PURE__ */ e(fe, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+    t ? /* @__PURE__ */ e("div", { className: "flex size-11 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-6", children: t }) : null,
     /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ t("p", { className: "text-sm font-medium text-fg", children: a }),
-      n ? /* @__PURE__ */ t("p", { className: "mx-auto max-w-sm text-sm text-muted", children: n }) : null
+      /* @__PURE__ */ e("p", { className: "text-sm font-medium text-fg", children: a }),
+      n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: n }) : null
     ] }),
     l
   ] }) });
 }
-function Pr({ className: e, ...a }) {
-  return /* @__PURE__ */ t(
+function Pr({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
     "kbd",
     {
       className: o(
         "inline-flex h-5 min-w-5 items-center justify-center rounded border border-line bg-elevated px-1.5 font-mono text-[11px] font-medium text-subtle",
-        e
+        t
       ),
       ...a
     }
   );
 }
-const lr = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+const lr = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   pa.Root,
   {
     ref: n,
     className: o(
       "mb-2.5 block text-sm font-medium text-fg leading-none last:mb-0 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-      e
+      t
     ),
     ...a
   }
 ));
 lr.displayName = "Label";
 function Ir({
-  value: e,
+  value: t,
   onValueChange: a,
   options: n,
   size: l = "sm",
   className: i,
   ...u
 }) {
-  const m = ue();
-  return /* @__PURE__ */ t(
+  const m = pe();
+  return /* @__PURE__ */ e(
     "div",
     {
       role: "radiogroup",
@@ -1933,7 +1953,7 @@ function Ir({
         i
       ),
       children: n.map((c) => {
-        const x = c.value === e;
+        const x = c.value === t;
         return /* @__PURE__ */ s(
           "label",
           {
@@ -1944,7 +1964,7 @@ function Ir({
               x ? "btn-fill bg-(--button-secondary-bg) text-fg" : "text-muted hover:text-fg"
             ),
             children: [
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ e(
                 "input",
                 {
                   type: "radio",
@@ -1965,7 +1985,7 @@ function Ir({
     }
   );
 }
-const ir = f(({ className: e, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ t(
+const ir = b(({ className: t, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
   fa.Root,
   {
     ref: i,
@@ -1974,23 +1994,23 @@ const ir = f(({ className: e, orientation: a = "horizontal", decorative: n = !0,
     className: o(
       "shrink-0 bg-line",
       a === "horizontal" ? "h-px w-full" : "h-full w-px",
-      e
+      t
     ),
     ...l
   }
 ));
 ir.displayName = "Separator";
-function jr({ className: e, ...a }) {
-  return /* @__PURE__ */ t(
+function jr({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
     "div",
     {
-      className: o("animate-pulse rounded-md bg-elevated", e),
+      className: o("animate-pulse rounded-md bg-elevated", t),
       ...a
     }
   );
 }
-const Er = J.Provider, _r = J.Root, Lr = J.Trigger, or = f(({ className: e, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ t(J.Portal, { children: /* @__PURE__ */ t(
-  J.Content,
+const Er = Y.Provider, _r = Y.Root, Lr = Y.Trigger, or = b(({ className: t, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ e(Y.Portal, { children: /* @__PURE__ */ e(
+  Y.Content,
   {
     ref: l,
     sideOffset: a,
@@ -2002,7 +2022,7 @@ const Er = J.Provider, _r = J.Root, Lr = J.Trigger, or = f(({ className: e, side
       "data-[side=bottom]:slide-in-from-top-1 data-[side=top]:slide-in-from-bottom-1",
       "data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1",
       "duration-150 ease-out",
-      e
+      t
     ),
     ...n
   }
@@ -2013,7 +2033,7 @@ export {
   st as Avatar,
   ct as AvatarFallback,
   dt as AvatarImage,
-  ya as Badge,
+  Na as Badge,
   T as Button,
   hr as Callout,
   Ia as Card,
@@ -2022,15 +2042,15 @@ export {
   La as CardFooter,
   ut as CardHeader,
   ja as CardTitle,
-  Ce as Checkbox,
-  yr as ChoiceDialog,
+  Se as Checkbox,
+  Nr as ChoiceDialog,
   wr as CodeBlock,
   Tr as DataTable,
   Dr as DataTableIdentity,
   $a as Dialog,
   Ha as DialogBody,
   ht as DialogCancel,
-  Nr as DialogClose,
+  yr as DialogClose,
   xt as DialogContent,
   Oa as DialogDescription,
   Wa as DialogFooter,
@@ -2038,21 +2058,21 @@ export {
   Ga as DialogPanel,
   vt as DialogTitle,
   bt as DialogTrigger,
-  we as DropdownMenu,
-  X as DropdownMenuCheckboxItem,
+  Ce as DropdownMenu,
+  Q as DropdownMenuCheckboxItem,
   Ct as DropdownMenuChevron,
-  ie as DropdownMenuContent,
+  se as DropdownMenuContent,
   Cr as DropdownMenuGroup,
-  ce as DropdownMenuItem,
-  oe as DropdownMenuLabel,
+  me as DropdownMenuItem,
+  de as DropdownMenuLabel,
   Sr as DropdownMenuPortal,
-  ke as DropdownMenuSeparator,
+  ze as DropdownMenuSeparator,
   kr as DropdownMenuSub,
   Za as DropdownMenuSubContent,
   St as DropdownMenuSubTrigger,
-  le as DropdownMenuTrigger,
+  oe as DropdownMenuTrigger,
   Mr as EmptyState,
-  yt as Input,
+  Nt as Input,
   Pr as Kbd,
   lr as Label,
   Xa as RadioCard,
@@ -2061,7 +2081,7 @@ export {
   er as Select,
   zt as SelectContent,
   zr as SelectGroup,
-  Ie as SelectItem,
+  je as SelectItem,
   tr as SelectLabel,
   kt as SelectTrigger,
   Ka as SelectValue,
@@ -2077,7 +2097,7 @@ export {
   xr as TableHeader,
   Sa as TablePanel,
   za as TableRow,
-  me as TableSurface,
+  fe as TableSurface,
   _r as Tooltip,
   or as TooltipContent,
   Er as TooltipProvider,