@jinaan/uikit 0.1.29 → 0.1.30

package/dist/index.js

@@ -1,38 +1,38 @@
-import { jsx as t, jsxs as s, Fragment as We } from "react/jsx-runtime";
-import { CircleNotch as _t, Robot as Lt, Terminal as Rt, Check as O, Copy as Oe, XCircle as At, Warning as Bt, CheckCircle as Ft, Info as $t, Minus as qt, X as ne, CaretDown as le, CaretRight as Gt, MagnifyingGlass as Ht, Columns as Vt, Lock as Ut, DotsSixVertical as Wt, FunnelSimple as Fe, WarningCircle as Ot, CaretUp as Xt, CaretUpDown as Jt } from "@phosphor-icons/react";
-import { forwardRef as b, useState as z, Children as Xe, isValidElement as Je, useRef as ee, useEffect as V, useContext as ie, useCallback as Qt, createContext as se, useId as de, useMemo as $e } from "react";
-import { Slot as Yt } from "@radix-ui/react-slot";
+import { jsx as e, jsxs as s, Fragment as Oe } from "react/jsx-runtime";
+import { CircleNotch as Lt, Robot as Rt, Terminal as At, Check as X, Copy as Xe, XCircle as Bt, Warning as Ft, CheckCircle as $t, Info as qt, Minus as Gt, X as ie, CaretDown as oe, CaretRight as Ht, MagnifyingGlass as Vt, Columns as Ut, Lock as Wt, DotsSixVertical as Ot, FunnelSimple as $e, WarningCircle as Xt, CaretUp as Jt, CaretUpDown as Qt } from "@phosphor-icons/react";
+import { forwardRef as b, useState as z, Children as Je, isValidElement as Qe, useRef as ae, useEffect as U, useContext as B, useCallback as Yt, createContext as J, useId as de, useMemo as qe } from "react";
+import { Slot as Zt } from "@radix-ui/react-slot";
 import { cva as we } from "class-variance-authority";
-import { clsx as Zt } from "clsx";
-import { twMerge as Kt } from "tailwind-merge";
+import { clsx as Kt } from "clsx";
+import { twMerge as ea } from "tailwind-merge";
 import * as Ce from "@radix-ui/react-avatar";
-import * as qe from "@radix-ui/react-checkbox";
+import * as Ge from "@radix-ui/react-checkbox";
 import * as P from "@radix-ui/react-dialog";
 import * as C from "@radix-ui/react-dropdown-menu";
 import * as M from "@radix-ui/react-select";
-import * as ea from "@radix-ui/react-label";
-import * as ta from "@radix-ui/react-separator";
-import * as W from "@radix-ui/react-tooltip";
-function o(...e) {
-  return Kt(Zt(e));
+import * as ta from "@radix-ui/react-label";
+import * as aa from "@radix-ui/react-separator";
+import * as O from "@radix-ui/react-tooltip";
+function o(...t) {
+  return ea(Kt(t));
 }
-function aa(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 ra(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 ra({ className: e }) {
-  return /* @__PURE__ */ t(
-    _t,
+function na({ className: t }) {
+  return /* @__PURE__ */ e(
+    Lt,
     {
-      className: o("size-4 animate-spin text-muted", e),
+      className: o("size-4 animate-spin text-muted", t),
       weight: "bold",
       "aria-hidden": !0
     }
   );
 }
-const na = we(
+const la = we(
   "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: {
@@ -58,7 +58,7 @@ const na = we(
       size: "md"
     }
   }
-), la = {
+), ia = {
   xs: "[&_svg]:size-[var(--control-icon-xs)]",
   sm: "[&_svg]:size-[var(--control-icon-sm)]",
   md: "[&_svg]:size-[var(--control-icon-md)]",
@@ -67,7 +67,7 @@ const na = we(
   icon: "[&_svg]:size-[var(--control-icon-md)]"
 }, D = b(
   ({
-    className: e,
+    className: t,
     variant: a,
     size: n = "md",
     asChild: l = !1,
@@ -80,19 +80,19 @@ const na = we(
     children: f,
     ...N
   }, T) => {
-    const S = l ? Yt : "button", w = la[n ?? "md"];
-    return /* @__PURE__ */ t(
+    const S = l ? Zt : "button", w = ia[n ?? "md"];
+    return /* @__PURE__ */ e(
       S,
       {
         ref: T,
         "aria-busy": m || void 0,
         disabled: l ? void 0 : g || m,
         className: o(
-          na({ variant: a, size: n }),
+          la({ variant: a, size: n }),
           u && "aspect-square px-0",
           h && "w-full",
           m && "disabled:opacity-100",
-          e
+          t
         ),
         ...N,
         children: l ? f : /* @__PURE__ */ s("span", { className: "relative inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap)", children: [
@@ -105,13 +105,13 @@ const na = we(
               ),
               "aria-hidden": m || void 0,
               children: [
-                !m && i ? /* @__PURE__ */ t("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
+                !m && i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
                 f,
-                !m && d ? /* @__PURE__ */ t("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: d }) : null
+                !m && d ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: d }) : null
               ]
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             "span",
             {
               "data-button-spinner": !0,
@@ -120,7 +120,7 @@ const na = we(
                 m ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
-              children: /* @__PURE__ */ t(ra, { className: o("text-current", w) })
+              children: /* @__PURE__ */ e(na, { className: o("text-current", w) })
             }
           )
         ] })
@@ -129,27 +129,27 @@ const na = we(
   }
 );
 D.displayName = "Button";
-function tr({
-  command: e,
+function ar({
+  command: t,
   tag: a = "Build with agents",
   icon: n,
   className: l
 }) {
   const [i, d] = z(!1), u = async () => {
     try {
-      await navigator.clipboard.writeText(e), d(!0), window.setTimeout(() => d(!1), 1500);
+      await navigator.clipboard.writeText(t), d(!0), window.setTimeout(() => d(!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(Lt, { className: "size-3.5", weight: "fill" }),
+      n ?? /* @__PURE__ */ e(Rt, { 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(Rt, { 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(At, { 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(
         D,
         {
           variant: "ghost",
@@ -158,46 +158,46 @@ function tr({
           "aria-label": "Copy prompt",
           className: "ml-auto",
           onClick: u,
-          children: i ? /* @__PURE__ */ t(O, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ t(Oe, {})
+          children: i ? /* @__PURE__ */ e(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Xe, {})
         }
       )
     ] })
   ] });
 }
-const Qe = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+const Ye = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   Ce.Root,
   {
     ref: n,
     className: o(
       "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
-      e
+      t
     ),
     ...a
   }
 ));
-Qe.displayName = "Avatar";
-const Ye = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+Ye.displayName = "Avatar";
+const Ze = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   Ce.Image,
   {
     ref: n,
-    className: o("aspect-square size-full object-cover", e),
+    className: o("aspect-square size-full object-cover", t),
     ...a
   }
 ));
-Ye.displayName = "AvatarImage";
-const Ze = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+Ze.displayName = "AvatarImage";
+const Ke = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   Ce.Fallback,
   {
     ref: n,
     className: o(
       "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
-      e
+      t
     ),
     ...a
   }
 ));
-Ze.displayName = "AvatarFallback";
-const ia = we(
+Ke.displayName = "AvatarFallback";
+const oa = we(
   "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 ia = we(
     },
     defaultVariants: { variant: "neutral" }
   }
-), oa = we("size-1.5 shrink-0 rounded-full", {
+), sa = we("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -227,46 +227,46 @@ const ia = we(
   },
   defaultVariants: { variant: "neutral" }
 });
-function sa({ className: e, variant: a, dot: n = !1, children: l, ...i }) {
-  return /* @__PURE__ */ s("span", { className: o(ia({ variant: a }), e), ...i, children: [
-    n ? /* @__PURE__ */ t("span", { className: o(oa({ variant: a })), "aria-hidden": !0 }) : null,
+function da({ className: t, variant: a, dot: n = !1, children: l, ...i }) {
+  return /* @__PURE__ */ s("span", { className: o(oa({ variant: a }), t), ...i, children: [
+    n ? /* @__PURE__ */ e("span", { className: o(sa({ variant: a })), "aria-hidden": !0 }) : null,
     l
   ] });
 }
-const da = {
+const ca = {
   info: {
-    Icon: $t,
+    Icon: qt,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: Ft,
+    Icon: $t,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
   warning: {
-    Icon: Bt,
+    Icon: Ft,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: At,
+    Icon: Bt,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function ar({
-  variant: e = "info",
+function rr({
+  variant: t = "info",
   title: a,
   children: n,
   icon: l,
   className: i
 }) {
-  const { Icon: d, className: u, iconClassName: m } = da[e];
+  const { Icon: d, className: u, iconClassName: m } = ca[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,110 +274,110 @@ function ar({
         i
       ),
       children: [
-        /* @__PURE__ */ t("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", m), children: l ?? /* @__PURE__ */ t(d, { weight: "fill" }) }),
+        /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", m), children: l ?? /* @__PURE__ */ e(d, { 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,
+function ua({
+  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 ua({
-  className: e,
+function ma({
+  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 rr({ className: e, ...a }) {
-  return /* @__PURE__ */ t(
+function nr({ 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 nr({ className: e, ...a }) {
-  return /* @__PURE__ */ t("thead", { className: e, ...a });
+function lr({ className: t, ...a }) {
+  return /* @__PURE__ */ e("thead", { className: t, ...a });
 }
-function ma({ className: e, ...a }) {
-  return /* @__PURE__ */ t("tbody", { className: o("[&_tr:last-child]:border-0", e), ...a });
+function pa({ className: t, ...a }) {
+  return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...a });
 }
-function pa({ className: e, ...a }) {
-  return /* @__PURE__ */ t(
+function fa({ 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 lr({ className: e, ...a }) {
-  return /* @__PURE__ */ t(
+function ir({ 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 he({ className: e, ...a }) {
-  return /* @__PURE__ */ t(
+function he({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
     "td",
     {
       className: o(
         "px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
-        e
+        t
       ),
       ...a
     }
   );
 }
-const fa = {
+const ba = {
   default: "bg-table-container",
   muted: "bg-surface border border-line",
   transparent: "bg-transparent"
-}, ba = {
+}, ha = {
   default: "bg-table-panel border-table-panel-border",
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function ha(e) {
-  return typeof e == "object" && e !== null && "label" in e && typeof e.label == "string";
+function ga(t) {
+  return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
 }
 function ce({
-  title: e,
+  title: t,
   description: a,
   header: n,
   children: l,
@@ -388,7 +388,7 @@ function ce({
   panelClassName: h,
   minHeight: g
 }) {
-  const f = !!(e || a), N = ha(i) ? /* @__PURE__ */ t(
+  const f = !!(t || a), N = ga(i) ? /* @__PURE__ */ e(
     D,
     {
       variant: i.variant ?? "primary",
@@ -403,7 +403,7 @@ function ce({
       ] }) : i.label
     }
   ) : i;
-  return /* @__PURE__ */ s(ca, { className: o("relative", fa[d], u), children: [
+  return /* @__PURE__ */ s(ua, { className: o("relative", ba[d], u), children: [
     /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
       n || f ? (
         // Header rows must not inherit the body row hover surface.
@@ -416,92 +416,92 @@ function ce({
                 N && "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(
-        ua,
+      /* @__PURE__ */ e(
+        ma,
         {
-          className: o(ba[d], h),
+          className: o(ha[d], h),
           style: g ? { minHeight: g } : 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
+    N ? /* @__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: N }) }) : null
   ] });
 }
-function ga(e) {
-  const a = Xe.toArray(e), n = a.filter(
-    (l) => Je(l) && l.type === Ke
+function xa(t) {
+  const a = Je.toArray(t), n = a.filter(
+    (l) => Qe(l) && l.type === et
   );
   return {
-    header: n.length > 0 ? /* @__PURE__ */ t(We, { children: n }) : void 0,
+    header: n.length > 0 ? /* @__PURE__ */ e(Oe, { children: n }) : void 0,
     body: a.filter((l) => !n.includes(l))
   };
 }
-const xa = b(
-  ({ className: e, children: a, ...n }, l) => {
-    const { header: i, body: d } = ga(a);
-    return /* @__PURE__ */ t("div", { ref: l, ...n, children: /* @__PURE__ */ t(ce, { className: o("shadow-xs", e), header: i, children: d }) });
+const va = b(
+  ({ className: t, children: a, ...n }, l) => {
+    const { header: i, body: d } = xa(a);
+    return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(ce, { className: o("shadow-xs", t), header: i, children: d }) });
   }
 );
-xa.displayName = "Card";
-const Ke = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+va.displayName = "Card";
+const et = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
     className: o(
       "flex flex-col gap-1 px-5 py-4",
-      e
+      t
     ),
     ...a
   }
 ));
-Ke.displayName = "CardHeader";
-const va = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+et.displayName = "CardHeader";
+const Na = 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
   }
 ));
-va.displayName = "CardTitle";
-const Na = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+Na.displayName = "CardTitle";
+const ya = 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
   }
 ));
-Na.displayName = "CardDescription";
-const ya = b(({ className: e, ...a }, n) => /* @__PURE__ */ t("div", { ref: n, className: o("px-5 py-4", e), ...a }));
-ya.displayName = "CardContent";
-const wa = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+ya.displayName = "CardDescription";
+const wa = b(({ className: t, ...a }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...a }));
+wa.displayName = "CardContent";
+const Ca = 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
   }
 ));
-wa.displayName = "CardFooter";
-const ve = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  qe.Root,
+Ca.displayName = "CardFooter";
+const ve = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ge.Root,
   {
     ref: n,
     className: o(
@@ -510,31 +510,31 @@ const ve = b(({ 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(qe.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(qt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ t(O, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ e(Ge.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(Gt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(X, { className: "size-3", weight: "bold" }) })
   }
 ));
 ve.displayName = "Checkbox";
-function Ge(e) {
-  return e.width > 0 && e.height > 0;
+function He(t) {
+  return t.width > 0 && t.height > 0;
 }
-function He(e) {
-  return Math.min(1, Math.max(0.1, e));
+function Ve(t) {
+  return Math.min(1, Math.max(0.1, t));
 }
-function Ca(e, a) {
-  return !Ge(e) || !Ge(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: He(e.width / a.width),
-    sy: He(e.height / a.height)
+function Sa(t, a) {
+  return !He(t) || !He(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: Ve(t.width / a.width),
+    sy: Ve(t.height / a.height)
   };
 }
-const et = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
-let A = null, Ve = !1;
-function Se(e) {
-  const a = e.getBoundingClientRect();
+const tt = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
+let A = null, Ue = !1;
+function Se(t) {
+  const a = t.getBoundingClientRect();
   return a.width <= 0 || a.height <= 0 ? null : {
     left: a.left,
     top: a.top,
@@ -542,39 +542,39 @@ function Se(e) {
     height: a.height
   };
 }
-function Ne(e) {
-  if (!(e instanceof Element)) return;
-  const a = e.closest(et);
+function Ne(t) {
+  if (!(t instanceof Element)) return;
+  const a = t.closest(tt);
   if (!a) return;
   const n = Se(a);
   n && (A = { rect: n, at: Date.now() });
 }
-function Sa() {
-  Ve || typeof document > "u" || (Ve = !0, document.addEventListener(
+function ka() {
+  Ue || typeof document > "u" || (Ue = !0, document.addEventListener(
     "pointerdown",
-    (e) => Ne(e.target),
+    (t) => Ne(t.target),
     !0
   ), document.addEventListener(
     "keydown",
-    (e) => {
-      e.key !== "Enter" && e.key !== " " || Ne(document.activeElement);
+    (t) => {
+      t.key !== "Enter" && t.key !== " " || Ne(document.activeElement);
     },
     !0
   ));
 }
-function ka(e) {
+function za(t) {
   if (A && Date.now() - A.at < 2e3) {
     const n = A.rect;
     return A = null, n;
   }
   A = null;
   const a = document.activeElement;
-  return a instanceof Element && a !== e && !e.contains(a) && a.matches(et) ? Se(a) : null;
+  return a instanceof Element && a !== t && !t.contains(a) && a.matches(tt) ? Se(a) : null;
 }
-const za = 250, tt = se(!1), at = se(() => {
-});
-function Da({
-  open: e,
+const Da = 250, at = J(!1), rt = J(() => {
+}), ke = J(!1);
+function Ta({
+  open: t,
   defaultOpen: a,
   onOpenChange: n,
   children: l,
@@ -582,12 +582,12 @@ function Da({
 }) {
   const [d, u] = z(
     a ?? !1
-  ), [m, h] = z(!1), g = ee(!1), f = ee(null), N = e ?? d, T = ee(N);
+  ), [m, h] = z(!1), g = ae(!1), f = ae(null), N = t ?? d, T = ae(N);
   T.current = N;
-  const S = e !== void 0;
-  V(() => Sa(), []), V(() => {
-    e && (f.current && clearTimeout(f.current), g.current = !1, h(!1));
-  }, [e]), V(
+  const S = t !== void 0;
+  U(() => ka(), []), U(() => {
+    t && (f.current && clearTimeout(f.current), g.current = !1, h(!1));
+  }, [t]), U(
     () => () => {
       f.current && clearTimeout(f.current);
     },
@@ -607,9 +607,9 @@ function Da({
       S || u(!1), n == null || n(!1), requestAnimationFrame(() => {
         T.current && (g.current = !1, h(!1));
       });
-    }, za);
+    }, Da);
   };
-  return /* @__PURE__ */ t(at.Provider, { value: () => w(!1), children: /* @__PURE__ */ t(tt.Provider, { value: m, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(rt.Provider, { value: () => w(!1), children: /* @__PURE__ */ e(at.Provider, { value: m, children: /* @__PURE__ */ e(ke.Provider, { value: !0, children: /* @__PURE__ */ e(
     P.Root,
     {
       open: N,
@@ -617,45 +617,45 @@ function Da({
       ...i,
       children: l
     }
-  ) }) });
+  ) }) }) });
 }
-const rt = b(({ onClick: e, ...a }, n) => /* @__PURE__ */ t(
+const nt = b(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
   P.Trigger,
   {
     ref: n,
     onClick: (l) => {
-      Ne(l.currentTarget), e == null || e(l);
+      Ne(l.currentTarget), t == null || t(l);
     },
     ...a
   }
 ));
-rt.displayName = "DialogTrigger";
-const ir = P.Close, nt = b(
-  ({ variant: e = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ t(P.Close, { asChild: !0, children: /* @__PURE__ */ t(D, { ref: l, type: "button", variant: e, ...n, children: a }) })
+nt.displayName = "DialogTrigger";
+const or = P.Close, lt = b(
+  ({ variant: t = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ e(P.Close, { asChild: !0, children: /* @__PURE__ */ e(D, { ref: l, type: "button", variant: t, ...n, children: a }) })
 );
-nt.displayName = "DialogCancel";
-function lt(e, a = !0) {
-  if (e.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
+lt.displayName = "DialogCancel";
+function it(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 = Se(e);
+  const n = Se(t);
   if (!n) {
-    a && window.requestAnimationFrame(() => lt(e, !1));
+    a && window.requestAnimationFrame(() => it(t, !1));
     return;
   }
-  e.dataset.dialogMotionStarted = "true";
-  const l = ka(e), i = l ? Ca(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 = za(t), i = l ? Sa(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 d = () => {
-    e.classList.remove("dialog-fly-in", "dialog-pop-in");
+    t.classList.remove("dialog-fly-in", "dialog-pop-in");
   }, u = (m) => {
-    m.target === e && (m.animationName !== "dialog-fly-in" && m.animationName !== "dialog-pop-in" || (e.removeEventListener("animationend", u), d()));
+    m.target === t && (m.animationName !== "dialog-fly-in" && m.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", u), d()));
   };
-  e.addEventListener("animationend", u);
+  t.addEventListener("animationend", u);
 }
-const it = b(({ className: e, children: a, onEscapeKeyDown: n, onPointerDownOutside: l, ...i }, d) => {
-  const u = ie(tt), m = ie(at), h = ee(null), g = Qt(
+const ot = b(({ className: t, children: a, onEscapeKeyDown: n, onPointerDownOutside: l, ...i }, d) => {
+  const u = B(at), m = B(rt), h = ae(null), g = Yt(
     (f) => {
-      if (h.current = f, f && lt(f), typeof d == "function") {
+      if (h.current = f, f && it(f), typeof d == "function") {
         d(f);
         return;
       }
@@ -664,7 +664,7 @@ const it = b(({ className: e, children: a, onEscapeKeyDown: n, onPointerDownOuts
     [d]
   );
   return /* @__PURE__ */ s(P.Portal, { children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       P.Overlay,
       {
         className: o(
@@ -672,7 +672,7 @@ const it = b(({ className: e, children: a, onEscapeKeyDown: n, onPointerDownOuts
           !u && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
           u && "opacity-0 transition-opacity duration-200"
         ),
-        children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": "true",
@@ -681,7 +681,7 @@ const it = b(({ className: e, children: a, onEscapeKeyDown: n, onPointerDownOuts
         )
       }
     ),
-    /* @__PURE__ */ t("div", { className: "pointer-events-none fixed inset-0 z-50 flex items-center justify-center overflow-y-auto p-4", children: /* @__PURE__ */ s(
+    /* @__PURE__ */ e("div", { className: "pointer-events-none fixed inset-0 z-50 flex items-center justify-center overflow-y-auto p-4", children: /* @__PURE__ */ s(
       P.Content,
       {
         ref: g,
@@ -690,7 +690,7 @@ const it = b(({ className: e, children: a, onEscapeKeyDown: n, onPointerDownOuts
           "rounded-2xl border border-(--dialog-shell-border) bg-(--dialog-shell-bg) pb-3 shadow-(--dialog-shell-shadow) sm:pb-4",
           u && "dialog-closing",
           "focus:outline-none",
-          e
+          t
         ),
         onEscapeKeyDown: (f) => {
           n == null || n(f), !f.defaultPrevented && (f.preventDefault(), m());
@@ -702,97 +702,103 @@ const it = b(({ className: e, children: a, onEscapeKeyDown: n, onPointerDownOuts
         children: [
           a,
           /* @__PURE__ */ s(P.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(ne, { className: "size-4" }),
-            /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ e(ie, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
     ) })
   ] });
 });
-it.displayName = "DialogContent";
-function Ta({
-  className: e,
+ot.displayName = "DialogContent";
+function Ma({
+  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 Ma({
-  className: e,
+function Pa({
+  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 Pa({
-  className: e,
+function Ia({
+  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 Ia({
-  className: e,
+function Ea({
+  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 ot = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  P.Title,
-  {
-    ref: n,
-    className: o("text-base font-semibold text-fg", e),
-    ...a
-  }
-));
-ot.displayName = "DialogTitle";
-const Ea = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  P.Description,
-  {
-    ref: n,
-    className: o("text-sm text-muted", e),
-    ...a
-  }
-));
-Ea.displayName = "DialogDescription";
-const st = se(null);
-function ja({
-  label: e,
+const st = b(({ className: t, ...a }, n) => {
+  const l = B(ke) ? P.Title : "h2";
+  return /* @__PURE__ */ e(
+    l,
+    {
+      ref: n,
+      className: o("text-base font-semibold text-fg", t),
+      ...a
+    }
+  );
+});
+st.displayName = "DialogTitle";
+const ja = b(({ className: t, ...a }, n) => {
+  const l = B(ke) ? P.Description : "p";
+  return /* @__PURE__ */ e(
+    l,
+    {
+      ref: n,
+      className: o("text-sm text-muted", t),
+      ...a
+    }
+  );
+});
+ja.displayName = "DialogDescription";
+const dt = J(null);
+function _a({
+  label: t,
   value: a,
   onChange: n,
   disabled: l = !1,
@@ -802,23 +808,23 @@ function ja({
   ...m
 }) {
   const h = de(), g = i ?? h;
-  return /* @__PURE__ */ t(st.Provider, { value: { name: g, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", d), ...m, children: [
-    /* @__PURE__ */ t("legend", { className: "sr-only", children: e }),
+  return /* @__PURE__ */ e(dt.Provider, { value: { name: g, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", d), ...m, children: [
+    /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
     u
   ] }) });
 }
-function _a({
-  value: e,
+function La({
+  value: t,
   title: a,
   description: n,
   badge: l,
   disabled: i = !1,
   className: d
 }) {
-  const u = ie(st), m = de();
+  const u = B(dt), m = de();
   if (!u)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const h = i || u.disabled, g = u.value === e;
+  const h = i || u.disabled, g = u.value === t;
   return /* @__PURE__ */ s(
     "label",
     {
@@ -828,23 +834,23 @@ function _a({
         d
       ),
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "input",
           {
             type: "radio",
             name: u.name,
-            value: e,
+            value: t,
             checked: g,
             disabled: h,
             onChange: () => {
               var f;
-              return (f = u.onChange) == null ? void 0 : f.call(u, e);
+              return (f = u.onChange) == null ? void 0 : f.call(u, t);
             },
             "aria-describedby": n ? m : void 0,
             className: "peer sr-only"
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": !0,
@@ -857,17 +863,17 @@ function _a({
         ),
         /* @__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(sa, { variant: "primary", children: l }) : null
+            /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: a }),
+            l ? /* @__PURE__ */ e(da, { variant: "primary", children: l }) : null
           ] }),
-          n ? /* @__PURE__ */ t("span", { id: m, className: "mt-1 block text-sm text-muted", children: n }) : null
+          n ? /* @__PURE__ */ e("span", { id: m, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
-function or({
-  open: e,
+function sr({
+  open: t,
   onOpenChange: a,
   trigger: n,
   title: l,
@@ -881,20 +887,20 @@ function or({
 }) {
   var I;
   const [N, T] = z(d ?? ((I = i[0]) == null ? void 0 : I.value) ?? ""), S = u ?? N;
-  return /* @__PURE__ */ s(Da, { open: e, onOpenChange: a, children: [
-    n ? /* @__PURE__ */ t(rt, { asChild: !0, children: n }) : null,
+  return /* @__PURE__ */ s(Ta, { open: t, onOpenChange: a, children: [
+    n ? /* @__PURE__ */ e(nt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
-      it,
+      ot,
       {
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ s(Ta, { children: [
-            /* @__PURE__ */ t(Pa, { children: /* @__PURE__ */ t(ot, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ t(Ma, { children: /* @__PURE__ */ t(ja, { label: l, value: S, onChange: (y) => {
+          /* @__PURE__ */ s(Ma, { children: [
+            /* @__PURE__ */ e(Ia, { children: /* @__PURE__ */ e(st, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ e(Pa, { children: /* @__PURE__ */ e(_a, { label: l, value: S, onChange: (y) => {
               u === void 0 && T(y), m == null || m(y);
-            }, children: i.map((y) => /* @__PURE__ */ t(
-              _a,
+            }, children: i.map((y) => /* @__PURE__ */ e(
+              La,
               {
                 value: y.value,
                 title: y.title,
@@ -904,54 +910,54 @@ function or({
               y.value
             )) }) })
           ] }),
-          /* @__PURE__ */ s(Ia, { className: "gap-3 pt-2.5", children: [
-            /* @__PURE__ */ t(nt, { className: "flex-1", children: h }),
-            /* @__PURE__ */ t(D, { className: "flex-1", onClick: () => f == null ? void 0 : f(S), children: g })
+          /* @__PURE__ */ s(Ea, { className: "gap-3 pt-2.5", children: [
+            /* @__PURE__ */ e(lt, { className: "flex-1", children: h }),
+            /* @__PURE__ */ e(D, { className: "flex-1", onClick: () => f == null ? void 0 : f(S), children: g })
           ] })
         ]
       }
     )
   ] });
 }
-function sr({ code: e, label: a, className: n }) {
+function dr({ code: t, label: a, className: n }) {
   const [l, i] = z(!1);
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     ce,
     {
       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(O, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ t(Oe, {}),
+        icon: l ? /* @__PURE__ */ e(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Xe, {}),
         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 }) })
     }
   );
 }
-const La = {
+const Ra = {
   sm: "h-[var(--control-h-sm)] text-sm",
   md: "h-[var(--control-h-md)] text-sm",
   lg: "h-[var(--control-h-lg)] text-sm",
   xl: "h-[var(--control-h-xl)] rounded-lg text-base"
-}, Ra = {
+}, Aa = {
   sm: "px-[var(--control-pad-x-sm)]",
   md: "px-[var(--control-pad-x-md)]",
   lg: "px-[var(--control-pad-x-lg)]",
   xl: "px-[var(--control-pad-x-xl)]"
-}, Aa = {
+}, Ba = {
   sm: "left-[var(--control-pad-x-sm)]",
   md: "left-[var(--control-pad-x-md)]",
   lg: "left-[var(--control-pad-x-lg)]",
   xl: "left-[var(--control-pad-x-xl)]"
-}, Ue = {
+}, We = {
   sm: "right-[var(--control-pad-x-sm)]",
   md: "right-[var(--control-pad-x-md)]",
   lg: "right-[var(--control-pad-x-lg)]",
@@ -961,9 +967,9 @@ const La = {
   md: "size-[var(--control-icon-md)]",
   lg: "size-[var(--control-icon-lg)]",
   xl: "size-[var(--control-icon-xl)]"
-}, dt = b(
+}, ct = b(
   ({
-    className: e,
+    className: t,
     containerClassName: a,
     type: n = "text",
     size: l = "md",
@@ -980,11 +986,11 @@ const La = {
     readOnly: w,
     ...I
   }, y) => {
-    const B = de(), X = N ?? B, F = !!f, _ = !!(u && (m !== void 0 ? String(m).length > 0 : h !== void 0 && String(h).length > 0)), J = F ? `${X}-description` : void 0, ue = [T, J].filter(Boolean).join(" ") || void 0, Q = /* @__PURE__ */ t(
+    const F = de(), Q = N ?? F, $ = !!f, _ = !!(u && (m !== void 0 ? String(m).length > 0 : h !== void 0 && String(h).length > 0)), Y = $ ? `${Q}-description` : void 0, ue = [T, Y].filter(Boolean).join(" ") || void 0, Z = /* @__PURE__ */ e(
       "input",
       {
         ref: y,
-        id: X,
+        id: Q,
         type: n,
         disabled: S,
         readOnly: w,
@@ -996,8 +1002,8 @@ const La = {
         } : void 0,
         className: o(
           "flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
-          La[l],
           Ra[l],
+          Aa[l],
           "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",
@@ -1006,28 +1012,28 @@ const La = {
           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: m,
         defaultValue: h,
         ...I
       }
     );
-    return !i && !d && !_ && !F ? Q : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
+    return !i && !d && !_ && !$ ? Z : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
-        i ? /* @__PURE__ */ t(
+        i ? /* @__PURE__ */ e(
           "span",
           {
             className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              Aa[l]
+              Ba[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ge[l]), children: i })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ge[l]), children: i })
           }
         ) : null,
-        Q,
-        _ ? /* @__PURE__ */ t(
+        Z,
+        _ ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -1035,26 +1041,26 @@ const La = {
             onClick: u,
             className: o(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
-              Ue[l]
+              We[l]
             ),
-            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ge[l]), children: /* @__PURE__ */ t(ne, {}) })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ge[l]), children: /* @__PURE__ */ e(ie, {}) })
           }
-        ) : d ? /* @__PURE__ */ t(
+        ) : d ? /* @__PURE__ */ e(
           "span",
           {
             className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              Ue[l]
+              We[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ge[l]), children: d })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ge[l]), children: d })
           }
         ) : null
       ] }),
-      F ? /* @__PURE__ */ t(
+      $ ? /* @__PURE__ */ e(
         "p",
         {
-          id: J,
+          id: Y,
           className: o("mt-1.5 text-xs", g ? "text-error" : "text-muted"),
           children: f
         }
@@ -1062,58 +1068,58 @@ const La = {
     ] });
   }
 );
-dt.displayName = "Input";
-function ke(e, a) {
+ct.displayName = "Input";
+function ze(t, a) {
   let n = 0;
-  return Xe.forEach(e, (l) => {
-    if (!Je(l)) return;
+  return Je.forEach(t, (l) => {
+    if (!Qe(l)) return;
     if (a.some((d) => d === l.type)) {
       n += 1;
       return;
     }
     const i = l.props.children;
-    i && (n += ke(i, a));
+    i && (n += ze(i, a));
   }), n;
 }
-const ct = se(!1);
+const ut = J(!1);
 function xe({
-  children: e,
+  children: t,
   ...a
 }) {
-  const n = ke(e, [
-    oe,
-    U,
-    mt
+  const n = ze(t, [
+    se,
+    W,
+    pt
   ]) === 0;
-  return /* @__PURE__ */ t(ct.Provider, { value: n, children: /* @__PURE__ */ t(C.Root, { ...a, children: e }) });
+  return /* @__PURE__ */ e(ut.Provider, { value: n, children: /* @__PURE__ */ e(C.Root, { ...a, children: t }) });
 }
-const te = b(({ className: e, disabled: a, ...n }, l) => {
-  const i = ie(ct);
-  return /* @__PURE__ */ t(
+const re = b(({ className: t, disabled: a, ...n }, l) => {
+  const i = B(ut);
+  return /* @__PURE__ */ e(
     C.Trigger,
     {
       ref: l,
-      className: o("group", e),
+      className: o("group", t),
       disabled: a || i,
       ...n
     }
   );
 });
-te.displayName = "DropdownMenuTrigger";
-const ut = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  le,
+re.displayName = "DropdownMenuTrigger";
+const mt = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  oe,
   {
     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
   }
 ));
-ut.displayName = "DropdownMenuChevron";
-const dr = C.Group, cr = C.Portal, ae = b(({ className: e, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ t(C.Portal, { children: /* @__PURE__ */ t(
+mt.displayName = "DropdownMenuChevron";
+const cr = C.Group, ur = C.Portal, ne = b(({ className: t, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
   C.Content,
   {
     ref: l,
@@ -1126,13 +1132,13 @@ const dr = C.Group, cr = C.Portal, ae = b(({ 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
   }
 ) }));
-ae.displayName = "DropdownMenuContent";
-const oe = b(({ className: e, inset: a, ...n }, l) => /* @__PURE__ */ t(
+ne.displayName = "DropdownMenuContent";
+const se = b(({ className: t, inset: a, ...n }, l) => /* @__PURE__ */ e(
   C.Item,
   {
     ref: l,
@@ -1141,39 +1147,39 @@ const oe = b(({ 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
   }
 ));
-oe.displayName = "DropdownMenuItem";
-const U = b(({ className: e, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
+se.displayName = "DropdownMenuItem";
+const W = b(({ className: t, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
   C.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(C.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(O, { 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(C.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(X, { className: "size-3", weight: "bold" }) }) }),
       a
     ]
   }
 ));
-U.displayName = "DropdownMenuCheckboxItem";
-const re = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+W.displayName = "DropdownMenuCheckboxItem";
+const le = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   C.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
   }
 ));
-re.displayName = "DropdownMenuLabel";
-const ur = C.Sub, mt = b(({ className: e, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
+le.displayName = "DropdownMenuLabel";
+const mr = C.Sub, pt = b(({ className: t, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
   C.SubTrigger,
   {
     ref: i,
@@ -1182,17 +1188,17 @@ const ur = C.Sub, mt = b(({ 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(Gt, { className: "ml-auto shrink-0" })
+      /* @__PURE__ */ e(Ht, { className: "ml-auto shrink-0" })
     ]
   }
 ));
-mt.displayName = "DropdownMenuSubTrigger";
-const Ba = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+pt.displayName = "DropdownMenuSubTrigger";
+const Fa = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   C.SubContent,
   {
     ref: n,
@@ -1205,31 +1211,31 @@ const Ba = b(({ 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
   }
 ));
-Ba.displayName = "DropdownMenuSubContent";
-const ye = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+Fa.displayName = "DropdownMenuSubContent";
+const ye = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   C.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
   }
 ));
 ye.displayName = "DropdownMenuSeparator";
-const mr = M.Group, Fa = M.Value;
-function $a({
-  children: e,
+const pr = M.Group, $a = M.Value;
+function qa({
+  children: t,
   disabled: a,
   ...n
 }) {
-  const l = ke(e, [ze]) === 0;
-  return /* @__PURE__ */ t(M.Root, { disabled: a || l, ...n, children: e });
+  const l = ze(t, [De]) === 0;
+  return /* @__PURE__ */ e(M.Root, { disabled: a || l, ...n, children: t });
 }
-const pt = b(({ className: e, children: a, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
+const ft = b(({ className: t, children: a, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
   M.Trigger,
   {
     ref: i,
@@ -1239,18 +1245,18 @@ const pt = b(({ 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(le, { 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(oe, { className: "ml-auto size-3.5 shrink-0 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) })
     ]
   }
 ));
-pt.displayName = "SelectTrigger";
-const ft = b(
-  ({ className: e, children: a, position: n = "popper", sideOffset: l = 8, ...i }, d) => /* @__PURE__ */ t(M.Portal, { children: /* @__PURE__ */ t(
+ft.displayName = "SelectTrigger";
+const bt = b(
+  ({ className: t, children: a, position: n = "popper", sideOffset: l = 8, ...i }, d) => /* @__PURE__ */ e(M.Portal, { children: /* @__PURE__ */ e(
     M.Content,
     {
       ref: d,
@@ -1264,41 +1270,41 @@ const ft = b(
         "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 })
     }
   ) })
 );
-ft.displayName = "SelectContent";
-const ze = b(({ className: e, children: a, ...n }, l) => /* @__PURE__ */ s(
+bt.displayName = "SelectContent";
+const De = 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(O, { 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(X, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e(M.ItemText, { children: a })
     ]
   }
 ));
-ze.displayName = "SelectItem";
-const qa = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+De.displayName = "SelectItem";
+const Ga = 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
   }
 ));
-qa.displayName = "SelectLabel";
-function Ga({
-  icon: e,
+Ga.displayName = "SelectLabel";
+function Ha({
+  icon: t,
   title: a,
   description: n,
   action: l,
@@ -1312,41 +1318,41 @@ function Ga({
         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 Ha = "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 Va(e) {
-  return e.split(/\s+/).slice(0, 2).map((a) => {
+const Va = "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 Ua(t) {
+  return t.split(/\s+/).slice(0, 2).map((a) => {
     var n;
     return ((n = a[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
-function pr({
-  name: e,
+function fr({
+  name: t,
   secondary: a,
   image: n
 }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ s(Qe, { className: "size-8", children: [
-      n ? /* @__PURE__ */ t(Ye, { src: n, alt: "" }) : null,
-      /* @__PURE__ */ t(Ze, { children: Va(e) })
+    /* @__PURE__ */ s(Ye, { className: "size-8", children: [
+      n ? /* @__PURE__ */ e(Ze, { src: n, alt: "" }) : null,
+      /* @__PURE__ */ e(Ke, { children: Ua(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 fr({
-  rows: e,
+function br({
+  rows: t,
   columns: a,
   getRowId: n,
   loading: l = !1,
@@ -1363,75 +1369,75 @@ function fr({
   selectable: w = !1,
   bulkActions: I,
   rowActions: y,
-  onRowClick: B,
-  defaultSort: X,
-  pageSize: F = 25,
+  onRowClick: F,
+  defaultSort: Q,
+  pageSize: $ = 25,
   pageSizeOptions: _ = [10, 25, 50, 100],
-  tone: J,
+  tone: Y,
   headerAction: ue,
-  headerClassName: Q,
-  panelClassName: bt,
-  className: ht
+  headerClassName: Z,
+  panelClassName: ht,
+  className: gt
 }) {
-  const [De, Te] = z(
+  const [Te, Me] = z(
     () => Object.fromEntries(
       a.filter((r) => r.defaultHidden && !r.required).map((r) => [r.id, !0])
     )
-  ), [Me, Pe] = z(null), [me, Ie] = z(null), [v, gt] = z(
-    X ?? null
-  ), [$, Y] = z(0), [L, xt] = z(F), [R, pe] = z(/* @__PURE__ */ new Set()), [vt, fe] = z([]), Ee = a.map((r) => r.id), je = new Map(a.map((r) => [r.id, r])), _e = Me ? Me.map((r) => je.get(r)).filter((r) => !!r) : a, E = _e.filter((r) => !De[r.id]), Le = _e.filter((r) => De[r.id] && !r.required), Re = (r) => !!r.required, Nt = (r) => je.get(r), yt = (r, c) => {
-    const p = c ? Nt(c) : void 0;
-    !p || Re(p) || r === c || Pe((x) => {
-      const k = x ?? Ee;
-      return aa(k, k.indexOf(r), k.indexOf(c));
+  ), [Pe, Ie] = z(null), [me, Ee] = z(null), [v, xt] = z(
+    Q ?? null
+  ), [q, K] = z(0), [L, vt] = z($), [R, pe] = z(/* @__PURE__ */ new Set()), [Nt, fe] = z([]), je = a.map((r) => r.id), _e = new Map(a.map((r) => [r.id, r])), Le = Pe ? Pe.map((r) => _e.get(r)).filter((r) => !!r) : a, E = Le.filter((r) => !Te[r.id]), Re = Le.filter((r) => Te[r.id] && !r.required), Ae = (r) => !!r.required, yt = (r) => _e.get(r), wt = (r, c) => {
+    const p = c ? yt(c) : void 0;
+    !p || Ae(p) || r === c || Ie((x) => {
+      const k = x ?? je;
+      return ra(k, k.indexOf(r), k.indexOf(c));
     });
-  }, wt = (r) => {
-    Te((c) => ({ ...c, [r]: !1 })), Pe((c) => c && c.includes(r) ? c : [...c ?? Ee, r]);
-  }, be = (m ?? []).filter((r) => vt.includes(r.id)), Ct = (m ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), Z = $e(() => {
-    let r = e;
+  }, Ct = (r) => {
+    Me((c) => ({ ...c, [r]: !1 })), Ie((c) => c && c.includes(r) ? c : [...c ?? je, r]);
+  }, be = (m ?? []).filter((r) => Nt.includes(r.id)), St = (m ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), ee = qe(() => {
+    let r = t;
     for (const p of m ?? [])
       p.value.length > 0 && (r = r.filter((x) => p.match(x, p.value)));
     if (!u || !u.value.trim()) return r;
     const c = u.value.trim().toLowerCase();
     return r.filter((p) => u.keys(p).toLowerCase().includes(c));
-  }, [e, u, m]), q = $e(() => {
-    if (!v) return Z;
+  }, [t, u, m]), G = qe(() => {
+    if (!v) return ee;
     const r = a.find((p) => p.id === v.id);
-    if (!(r != null && r.sortValue)) return Z;
+    if (!(r != null && r.sortValue)) return ee;
     const c = v.dir === "asc" ? 1 : -1;
-    return [...Z].sort((p, x) => {
-      const k = r.sortValue(p), H = r.sortValue(x);
-      return k == null && H == null ? 0 : k == null ? 1 : H == null ? -1 : typeof k == "number" && typeof H == "number" ? (k - H) * c : String(k).localeCompare(String(H)) * c;
+    return [...ee].sort((p, x) => {
+      const k = r.sortValue(p), V = r.sortValue(x);
+      return k == null && V == null ? 0 : k == null ? 1 : V == null ? -1 : typeof k == "number" && typeof V == "number" ? (k - V) * c : String(k).localeCompare(String(V)) * c;
     });
-  }, [Z, v, a]), G = Math.max(1, Math.ceil(q.length / L));
-  V(() => {
-    Y(0);
-  }, [u == null ? void 0 : u.value, L, v == null ? void 0 : v.id, v == null ? void 0 : v.dir, N, Ct]), V(() => {
-    $ > G - 1 && Y(G - 1);
-  }, [$, G]);
-  const K = $ * L, j = q.slice(K, K + L), St = (r) => {
-    r.sortable && gt(
+  }, [ee, v, a]), H = Math.max(1, Math.ceil(G.length / L));
+  U(() => {
+    K(0);
+  }, [u == null ? void 0 : u.value, L, v == null ? void 0 : v.id, v == null ? void 0 : v.dir, N, St]), U(() => {
+    q > H - 1 && K(H - 1);
+  }, [q, H]);
+  const te = q * L, j = G.slice(te, te + L), kt = (r) => {
+    r.sortable && xt(
       (c) => (c == null ? void 0 : c.id) === r.id ? c.dir === "asc" ? { id: r.id, dir: "desc" } : null : { id: r.id, dir: "asc" }
     );
-  }, Ae = j.length > 0 && j.every((r) => R.has(n(r))), kt = j.some((r) => R.has(n(r))), zt = e.filter((r) => R.has(n(r))), Dt = () => {
+  }, Be = j.length > 0 && j.every((r) => R.has(n(r))), zt = j.some((r) => R.has(n(r))), Dt = t.filter((r) => R.has(n(r))), Tt = () => {
     pe((r) => {
       const c = new Set(r);
-      return Ae ? j.forEach((p) => c.delete(n(p))) : j.forEach((p) => c.add(n(p))), c;
+      return Be ? j.forEach((p) => c.delete(n(p))) : j.forEach((p) => c.add(n(p))), c;
     });
-  }, Tt = (r) => {
+  }, Mt = (r) => {
     pe((c) => {
       const p = new Set(c);
       return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, Mt = !!(u || m != null && m.length || h || g), Pt = E.some((r) => r.width), It = E.length > 1 ? 70 / (E.length - 1) : 100, Et = E.map((r, c) => r.width ? r.width : Pt ? "auto" : `${c === 0 ? 30 : It}%`), Be = [
+  }, Pt = !!(u || m != null && m.length || h || g), It = E.some((r) => r.width), Et = E.length > 1 ? 70 / (E.length - 1) : 100, jt = E.map((r, c) => r.width ? r.width : It ? "auto" : `${c === 0 ? 30 : Et}%`), Fe = [
     ...w ? ["2.75rem"] : [],
-    ...Et,
+    ...jt,
     ...y ? ["11rem"] : []
-  ], jt = (r) => (v == null ? void 0 : v.id) === r.id ? v.dir === "asc" ? "ascending" : "descending" : void 0;
-  return /* @__PURE__ */ s("div", { className: o("space-y-4", ht), children: [
-    f && f.length > 0 && /* @__PURE__ */ t("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: f.map((r) => {
+  ], _t = (r) => (v == null ? void 0 : v.id) === r.id ? v.dir === "asc" ? "ascending" : "descending" : void 0;
+  return /* @__PURE__ */ s("div", { className: o("space-y-4", gt), children: [
+    f && f.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: f.map((r) => {
       const c = r.id === N;
-      return /* @__PURE__ */ t(
+      return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
@@ -1447,9 +1453,9 @@ function fr({
         r.id
       );
     }) }),
-    Mt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      u && /* @__PURE__ */ t(
-        dt,
+    Pt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      u && /* @__PURE__ */ e(
+        ct,
         {
           type: "search",
           "aria-label": u.placeholder ?? "Search",
@@ -1457,29 +1463,29 @@ function fr({
           value: u.value,
           onChange: (r) => u.onChange(r.target.value),
           onClear: () => u.onChange(""),
-          leadingIcon: /* @__PURE__ */ t(Ht, {}),
+          leadingIcon: /* @__PURE__ */ e(Vt, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
       h,
       /* @__PURE__ */ s(xe, { children: [
-        /* @__PURE__ */ t(te, { asChild: !0, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ e(
           D,
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ t(Vt, {}),
-            trailingIcon: /* @__PURE__ */ t(ut, {}),
+            leadingIcon: /* @__PURE__ */ e(Ut, {}),
+            trailingIcon: /* @__PURE__ */ e(mt, {}),
             children: "Columns"
           }
         ) }),
-        /* @__PURE__ */ s(ae, { align: "end", className: "w-54", children: [
-          /* @__PURE__ */ t(re, { className: "text-[13px]", children: "Active columns" }),
+        /* @__PURE__ */ s(ne, { align: "end", className: "w-54", children: [
+          /* @__PURE__ */ e(le, { className: "text-[13px]", children: "Active columns" }),
           E.map((r) => {
-            const c = Re(r);
+            const c = Ae(r);
             return /* @__PURE__ */ s(
-              U,
+              W,
               {
                 checked: !0,
                 draggable: !c,
@@ -1488,22 +1494,22 @@ function fr({
                     p.preventDefault();
                     return;
                   }
-                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), Ie(r.id);
+                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), Ee(r.id);
                 },
                 onDragOver: (p) => {
-                  me && (p.preventDefault(), yt(me, r.id));
+                  me && (p.preventDefault(), wt(me, r.id));
                 },
                 onDrop: (p) => p.preventDefault(),
-                onDragEnd: () => Ie(null),
+                onDragEnd: () => Ee(null),
                 onCheckedChange: (p) => {
-                  !p && !c && Te((x) => ({ ...x, [r.id]: !0 }));
+                  !p && !c && Me((x) => ({ ...x, [r.id]: !0 }));
                 },
                 onSelect: (p) => p.preventDefault(),
                 className: "justify-between",
                 children: [
-                  /* @__PURE__ */ t("span", { className: "truncate", children: r.header }),
-                  c ? /* @__PURE__ */ t(Ut, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ t(
-                    Wt,
+                  /* @__PURE__ */ e("span", { className: "truncate", children: r.header }),
+                  c ? /* @__PURE__ */ e(Wt, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
+                    Ot,
                     {
                       "aria-hidden": !0,
                       className: o(
@@ -1517,14 +1523,14 @@ function fr({
               r.id
             );
           }),
-          Le.length > 0 ? /* @__PURE__ */ s(We, { children: [
-            /* @__PURE__ */ t(ye, {}),
-            /* @__PURE__ */ t(re, { className: "text-[13px]", children: "Available columns" }),
-            Le.map((r) => /* @__PURE__ */ t(
-              U,
+          Re.length > 0 ? /* @__PURE__ */ s(Oe, { children: [
+            /* @__PURE__ */ e(ye, {}),
+            /* @__PURE__ */ e(le, { className: "text-[13px]", children: "Available columns" }),
+            Re.map((r) => /* @__PURE__ */ e(
+              W,
               {
                 checked: !1,
-                onCheckedChange: () => wt(r.id),
+                onCheckedChange: () => Ct(r.id),
                 onSelect: (c) => c.preventDefault(),
                 children: r.header
               },
@@ -1534,18 +1540,18 @@ function fr({
         ] })
       ] }),
       m && m.length > 0 ? /* @__PURE__ */ s(xe, { children: [
-        /* @__PURE__ */ t(te, { asChild: !0, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ e(
           D,
           {
             variant: "secondary",
             size: "md",
             iconOnly: !0,
             "aria-label": "Add filter",
-            children: /* @__PURE__ */ t(Fe, {})
+            children: /* @__PURE__ */ e($e, {})
           }
         ) }),
-        /* @__PURE__ */ t(ae, { align: "start", className: "w-54", children: m.map((r) => /* @__PURE__ */ t(
-          oe,
+        /* @__PURE__ */ e(ne, { align: "start", className: "w-54", children: m.map((r) => /* @__PURE__ */ e(
+          se,
           {
             onSelect: () => fe(
               (c) => c.includes(r.id) ? c : [...c, r.id]
@@ -1555,7 +1561,7 @@ function fr({
           r.id
         )) })
       ] }) : null,
-      g ? /* @__PURE__ */ t("div", { className: "flex-0 sm:ml-auto", children: g }) : null
+      g ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: g }) : null
     ] }),
     be.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       be.map((r) => {
@@ -1563,7 +1569,7 @@ function fr({
           r.onChange([]), fe((p) => p.filter((x) => x !== r.id));
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             D,
             {
               variant: "secondary",
@@ -1572,26 +1578,26 @@ function fr({
               "aria-label": `Remove ${r.label} filter`,
               className: "rounded-r-none",
               onClick: c,
-              children: /* @__PURE__ */ t(ne, {})
+              children: /* @__PURE__ */ e(ie, {})
             }
           ),
           /* @__PURE__ */ s(xe, { children: [
-            /* @__PURE__ */ t(te, { asChild: !0, children: /* @__PURE__ */ s(D, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
-              /* @__PURE__ */ t(Fe, {}),
-              /* @__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(le, { className: "text-muted" })
+            /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ s(D, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+              /* @__PURE__ */ e($e, {}),
+              /* @__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(oe, { className: "text-muted" })
             ] }) }),
-            /* @__PURE__ */ s(ae, { align: "start", className: "w-56", children: [
-              /* @__PURE__ */ s(re, { className: "text-[13px]", children: [
+            /* @__PURE__ */ s(ne, { align: "start", className: "w-56", children: [
+              /* @__PURE__ */ s(le, { className: "text-[13px]", children: [
                 "Filter by ",
                 r.label
               ] }),
               r.options.map((p) => {
                 const x = r.value.includes(p.value);
-                return /* @__PURE__ */ t(
-                  U,
+                return /* @__PURE__ */ e(
+                  W,
                   {
                     checked: x,
                     onCheckedChange: () => r.onChange(
@@ -1603,13 +1609,13 @@ function fr({
                   p.value
                 );
               }),
-              /* @__PURE__ */ t(ye, {}),
-              /* @__PURE__ */ t(oe, { onSelect: c, children: "Clear filter" })
+              /* @__PURE__ */ e(ye, {}),
+              /* @__PURE__ */ e(se, { onSelect: c, children: "Clear filter" })
             ] })
           ] })
         ] }, r.id);
       }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "button",
         {
           type: "button",
@@ -1628,13 +1634,13 @@ function fr({
         R.size,
         " selected"
       ] }),
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: (I ?? []).map((r) => /* @__PURE__ */ s(
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (I ?? []).map((r) => /* @__PURE__ */ s(
         D,
         {
           size: "md",
           variant: r.variant ?? "outline",
           disabled: r.disabled,
-          onClick: () => void r.onRun(zt),
+          onClick: () => void r.onRun(Dt),
           children: [
             r.icon,
             r.label
@@ -1649,37 +1655,37 @@ function fr({
           onClick: () => pe(/* @__PURE__ */ new Set()),
           className: "ml-auto inline-flex items-center gap-1 text-xs text-muted hover:text-fg",
           children: [
-            /* @__PURE__ */ t(ne, { className: "size-3.5" }),
+            /* @__PURE__ */ e(ie, { className: "size-3.5" }),
             "Clear"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       ce,
       {
         action: ue,
-        tone: J,
-        headerClassName: Q,
-        panelClassName: bt,
+        tone: Y,
+        headerClassName: Z,
+        panelClassName: ht,
         header: (
           // Visible header: presentational so its controls stay focusable while
           // the body table carries the semantic column headers (sr-only).
           /* @__PURE__ */ s("table", { role: "presentation", className: "w-full table-fixed border-collapse", children: [
-            /* @__PURE__ */ t("colgroup", { children: Be.map((r, c) => /* @__PURE__ */ t("col", { style: { width: r } }, c)) }),
-            /* @__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(
+            /* @__PURE__ */ e("colgroup", { children: Fe.map((r, c) => /* @__PURE__ */ e("col", { style: { width: r } }, c)) }),
+            /* @__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(
                 ve,
                 {
                   "aria-label": "Select all rows",
-                  checked: Ae ? !0 : kt ? "indeterminate" : !1,
-                  onCheckedChange: Dt
+                  checked: Be ? !0 : zt ? "indeterminate" : !1,
+                  onCheckedChange: Tt
                 }
               ) }),
-              E.map((r) => /* @__PURE__ */ t(
+              E.map((r) => /* @__PURE__ */ e(
                 "th",
                 {
-                  className: o(Ha, r.align === "right" && "text-right", r.className),
+                  className: o(Va, r.align === "right" && "text-right", r.className),
                   children: r.sortable ? /* @__PURE__ */ s(
                     D,
                     {
@@ -1687,7 +1693,7 @@ function fr({
                       variant: "ghost",
                       size: "xs",
                       "aria-label": `Sort by ${r.header}`,
-                      onClick: () => St(r),
+                      onClick: () => kt(r),
                       className: o(
                         "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",
@@ -1696,26 +1702,26 @@ function fr({
                       ),
                       children: [
                         r.header,
-                        (v == null ? void 0 : v.id) === r.id ? v.dir === "asc" ? /* @__PURE__ */ t(Xt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(le, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(Jt, { className: "size-3.5 opacity-50" })
+                        (v == null ? void 0 : v.id) === r.id ? v.dir === "asc" ? /* @__PURE__ */ e(Jt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(oe, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Qt, { className: "size-3.5 opacity-50" })
                       ]
                     }
                   ) : r.header
                 },
                 r.id
               )),
-              y && /* @__PURE__ */ t("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ t("span", { className: "sr-only", children: "Actions" }) })
+              y && /* @__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(Ot, { 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(Xt, { 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
-        ] }) : j.length === 0 ? /* @__PURE__ */ t(
-          Ga,
+        ] }) : j.length === 0 ? /* @__PURE__ */ e(
+          Ha,
           {
             icon: d == null ? void 0 : d.icon,
             title: (d == null ? void 0 : d.title) ?? "No results",
@@ -1723,30 +1729,30 @@ function fr({
             action: d == null ? void 0 : d.action
           }
         ) : /* @__PURE__ */ s("table", { className: "w-full table-fixed border-collapse", children: [
-          /* @__PURE__ */ t("colgroup", { children: Be.map((r, c) => /* @__PURE__ */ t("col", { style: { width: r } }, c)) }),
-          /* @__PURE__ */ t("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
-            w && /* @__PURE__ */ t("th", { scope: "col", children: "Select" }),
-            E.map((r) => /* @__PURE__ */ t("th", { scope: "col", "aria-sort": jt(r), children: r.header }, r.id)),
-            y && /* @__PURE__ */ t("th", { scope: "col", children: "Actions" })
+          /* @__PURE__ */ e("colgroup", { children: Fe.map((r, c) => /* @__PURE__ */ e("col", { style: { width: r } }, c)) }),
+          /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
+            w && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
+            E.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": _t(r), children: r.header }, r.id)),
+            y && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
           ] }) }),
-          /* @__PURE__ */ t(ma, { children: j.map((r) => {
+          /* @__PURE__ */ e(pa, { children: j.map((r) => {
             const c = n(r), p = R.has(c);
             return /* @__PURE__ */ s(
-              pa,
+              fa,
               {
                 "data-state": p ? "selected" : void 0,
-                onClick: B ? () => B(r) : void 0,
-                className: B ? "cursor-pointer" : void 0,
+                onClick: F ? () => F(r) : void 0,
+                className: F ? "cursor-pointer" : void 0,
                 children: [
-                  w && /* @__PURE__ */ t(he, { className: "w-11 px-4", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ t(
+                  w && /* @__PURE__ */ e(he, { className: "w-11 px-4", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ e(
                     ve,
                     {
                       "aria-label": "Select row",
                       checked: p,
-                      onCheckedChange: () => Tt(c)
+                      onCheckedChange: () => Mt(c)
                     }
                   ) }),
-                  E.map((x) => /* @__PURE__ */ t(
+                  E.map((x) => /* @__PURE__ */ e(
                     he,
                     {
                       "data-numeric": x.numeric ? "" : void 0,
@@ -1755,7 +1761,7 @@ function fr({
                     },
                     x.id
                   )),
-                  y && /* @__PURE__ */ t(he, { className: "w-44 px-4 text-right", onClick: (x) => x.stopPropagation(), children: y(r) })
+                  y && /* @__PURE__ */ e(he, { className: "w-44 px-4 text-right", onClick: (x) => x.stopPropagation(), children: y(r) })
                 ]
               },
               c
@@ -1764,39 +1770,39 @@ function fr({
         ] })
       }
     ),
-    !l && !i && q.length > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
+    !l && !i && G.length > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
-        K + 1,
+        te + 1,
         "–",
-        Math.min(K + L, q.length),
+        Math.min(te + L, G.length),
         " of ",
-        q.length
+        G.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s($a, { value: String(L), onValueChange: (r) => xt(Number(r)), children: [
-          /* @__PURE__ */ t(pt, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ t(Fa, {}) }),
-          /* @__PURE__ */ t(ft, { children: _.map((r) => /* @__PURE__ */ s(ze, { value: String(r), children: [
+        /* @__PURE__ */ s(qa, { value: String(L), onValueChange: (r) => vt(Number(r)), children: [
+          /* @__PURE__ */ e(ft, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ e($a, {}) }),
+          /* @__PURE__ */ e(bt, { children: _.map((r) => /* @__PURE__ */ s(De, { value: String(r), children: [
             r,
             " / page"
           ] }, r)) })
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           D,
           {
             variant: "outline",
             size: "md",
-            disabled: $ <= 0,
-            onClick: () => Y((r) => Math.max(0, r - 1)),
+            disabled: q <= 0,
+            onClick: () => K((r) => Math.max(0, r - 1)),
             children: "Previous"
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           D,
           {
             variant: "outline",
             size: "md",
-            disabled: $ >= G - 1,
-            onClick: () => Y((r) => Math.min(G - 1, r + 1)),
+            disabled: q >= H - 1,
+            onClick: () => K((r) => Math.min(H - 1, r + 1)),
             children: "Next"
           }
         )
@@ -1804,42 +1810,42 @@ function fr({
     ] })
   ] });
 }
-function br({ icon: e, title: a, description: n, action: l, className: i }) {
-  return /* @__PURE__ */ t(ce, { 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 hr({ icon: t, title: a, description: n, action: l, className: i }) {
+  return /* @__PURE__ */ e(ce, { 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 hr({ className: e, ...a }) {
-  return /* @__PURE__ */ t(
+function gr({ 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 Ua = b(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  ea.Root,
+const Wa = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  ta.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
   }
 ));
-Ua.displayName = "Label";
-function gr({
-  value: e,
+Wa.displayName = "Label";
+function xr({
+  value: t,
   onValueChange: a,
   options: n,
   size: l = "sm",
@@ -1847,7 +1853,7 @@ function gr({
   ...d
 }) {
   const u = de();
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "div",
     {
       role: "radiogroup",
@@ -1858,7 +1864,7 @@ function gr({
         i
       ),
       children: n.map((m) => {
-        const h = m.value === e;
+        const h = m.value === t;
         return /* @__PURE__ */ s(
           "label",
           {
@@ -1869,7 +1875,7 @@ function gr({
               h ? "btn-fill bg-(--button-secondary-bg) text-fg" : "text-muted hover:text-fg"
             ),
             children: [
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ e(
                 "input",
                 {
                   type: "radio",
@@ -1890,8 +1896,8 @@ function gr({
     }
   );
 }
-const Wa = b(({ className: e, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ t(
-  ta.Root,
+const Oa = b(({ className: t, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
+  aa.Root,
   {
     ref: i,
     decorative: n,
@@ -1899,23 +1905,23 @@ const Wa = b(({ 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
   }
 ));
-Wa.displayName = "Separator";
-function xr({ className: e, ...a }) {
-  return /* @__PURE__ */ t(
+Oa.displayName = "Separator";
+function vr({ 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 vr = W.Provider, Nr = W.Root, yr = W.Trigger, Oa = b(({ className: e, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ t(W.Portal, { children: /* @__PURE__ */ t(
-  W.Content,
+const Nr = O.Provider, yr = O.Root, wr = O.Trigger, Xa = b(({ className: t, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ e(O.Portal, { children: /* @__PURE__ */ e(
+  O.Content,
   {
     ref: l,
     sideOffset: a,
@@ -1927,87 +1933,87 @@ const vr = W.Provider, Nr = W.Root, yr = W.Trigger, Oa = b(({ 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
   }
 ) }));
-Oa.displayName = "TooltipContent";
+Xa.displayName = "TooltipContent";
 export {
-  tr as AgentPrompt,
-  Qe as Avatar,
-  Ze as AvatarFallback,
-  Ye as AvatarImage,
-  sa as Badge,
+  ar as AgentPrompt,
+  Ye as Avatar,
+  Ke as AvatarFallback,
+  Ze as AvatarImage,
+  da as Badge,
   D as Button,
-  ar as Callout,
-  xa as Card,
-  ya as CardContent,
-  Na as CardDescription,
-  wa as CardFooter,
-  Ke as CardHeader,
-  va as CardTitle,
+  rr as Callout,
+  va as Card,
+  wa as CardContent,
+  ya as CardDescription,
+  Ca as CardFooter,
+  et as CardHeader,
+  Na as CardTitle,
   ve as Checkbox,
-  or as ChoiceDialog,
-  sr as CodeBlock,
-  fr as DataTable,
-  pr as DataTableIdentity,
-  Da as Dialog,
-  Ma as DialogBody,
-  nt as DialogCancel,
-  ir as DialogClose,
-  it as DialogContent,
-  Ea as DialogDescription,
-  Ia as DialogFooter,
-  Pa as DialogHeader,
-  Ta as DialogPanel,
-  ot as DialogTitle,
-  rt as DialogTrigger,
+  sr as ChoiceDialog,
+  dr as CodeBlock,
+  br as DataTable,
+  fr as DataTableIdentity,
+  Ta as Dialog,
+  Pa as DialogBody,
+  lt as DialogCancel,
+  or as DialogClose,
+  ot as DialogContent,
+  ja as DialogDescription,
+  Ea as DialogFooter,
+  Ia as DialogHeader,
+  Ma as DialogPanel,
+  st as DialogTitle,
+  nt as DialogTrigger,
   xe as DropdownMenu,
-  U as DropdownMenuCheckboxItem,
-  ut as DropdownMenuChevron,
-  ae as DropdownMenuContent,
-  dr as DropdownMenuGroup,
-  oe as DropdownMenuItem,
-  re as DropdownMenuLabel,
-  cr as DropdownMenuPortal,
+  W as DropdownMenuCheckboxItem,
+  mt as DropdownMenuChevron,
+  ne as DropdownMenuContent,
+  cr as DropdownMenuGroup,
+  se as DropdownMenuItem,
+  le as DropdownMenuLabel,
+  ur as DropdownMenuPortal,
   ye as DropdownMenuSeparator,
-  ur as DropdownMenuSub,
-  Ba as DropdownMenuSubContent,
-  mt as DropdownMenuSubTrigger,
-  te as DropdownMenuTrigger,
-  br as EmptyState,
-  dt as Input,
-  hr as Kbd,
-  Ua as Label,
-  _a as RadioCard,
-  ja as RadioGroup,
-  gr as Segmented,
-  $a as Select,
-  ft as SelectContent,
-  mr as SelectGroup,
-  ze as SelectItem,
-  qa as SelectLabel,
-  pt as SelectTrigger,
-  Fa as SelectValue,
-  Wa as Separator,
-  xr as Skeleton,
-  ra as Spinner,
-  rr as Table,
-  ma as TableBody,
+  mr as DropdownMenuSub,
+  Fa as DropdownMenuSubContent,
+  pt as DropdownMenuSubTrigger,
+  re as DropdownMenuTrigger,
+  hr as EmptyState,
+  ct as Input,
+  gr as Kbd,
+  Wa as Label,
+  La as RadioCard,
+  _a as RadioGroup,
+  xr as Segmented,
+  qa as Select,
+  bt as SelectContent,
+  pr as SelectGroup,
+  De as SelectItem,
+  Ga as SelectLabel,
+  ft as SelectTrigger,
+  $a as SelectValue,
+  Oa as Separator,
+  vr as Skeleton,
+  na as Spinner,
+  nr as Table,
+  pa as TableBody,
   he as TableCell,
-  ca as TableContainer,
-  Ga as TableEmptyState,
-  lr as TableHead,
-  nr as TableHeader,
-  ua as TablePanel,
-  pa as TableRow,
+  ua as TableContainer,
+  Ha as TableEmptyState,
+  ir as TableHead,
+  lr as TableHeader,
+  ma as TablePanel,
+  fa as TableRow,
   ce as TableSurface,
-  Nr as Tooltip,
-  Oa as TooltipContent,
-  vr as TooltipProvider,
-  yr as TooltipTrigger,
-  ia as badgeVariants,
-  na as buttonVariants
+  yr as Tooltip,
+  Xa as TooltipContent,
+  Nr as TooltipProvider,
+  wr as TooltipTrigger,
+  oa as badgeVariants,
+  la as buttonVariants
 };
 //# sourceMappingURL=index.js.map