@jinaan/uikit 0.1.30 → 0.1.32

package/dist/index.js

@@ -1,32 +1,32 @@
-import { jsx as e, jsxs as s, Fragment as Oe } from "react/jsx-runtime";
+import { jsx as t, jsxs as s, Fragment as Oe } from "react/jsx-runtime";
 import { CircleNotch as Lt, Robot as Rt, Terminal as At, Check as X, Copy as Xe, XCircle as Bt, Warning as Ft, CheckCircle as $t, Info as qt, Minus as Gt, X as ie, CaretDown as oe, CaretRight as Ht, MagnifyingGlass as Vt, Columns as Ut, Lock as Wt, DotsSixVertical as Ot, FunnelSimple as $e, WarningCircle as Xt, CaretUp as Jt, CaretUpDown as Qt } from "@phosphor-icons/react";
-import { forwardRef as 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 { forwardRef as f, useState as D, Children as Je, isValidElement as Qe, useRef as ae, useEffect as U, useContext as B, useCallback as Yt, createContext as J, useId as de, useMemo as qe } from "react";
 import { Slot as Zt } from "@radix-ui/react-slot";
 import { cva as we } from "class-variance-authority";
 import { clsx as Kt } from "clsx";
 import { twMerge as ea } from "tailwind-merge";
 import * as Ce from "@radix-ui/react-avatar";
 import * as Ge from "@radix-ui/react-checkbox";
-import * as P from "@radix-ui/react-dialog";
-import * as C from "@radix-ui/react-dropdown-menu";
+import * as I from "@radix-ui/react-dialog";
+import * as k from "@radix-ui/react-dropdown-menu";
 import * as M from "@radix-ui/react-select";
 import * as ta from "@radix-ui/react-label";
 import * as aa from "@radix-ui/react-separator";
 import * as O from "@radix-ui/react-tooltip";
-function o(...t) {
-  return ea(Kt(t));
+function o(...e) {
+  return ea(Kt(e));
 }
-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);
+function ra(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);
   return l.splice(n, 0, i), l;
 }
-function na({ className: t }) {
-  return /* @__PURE__ */ e(
+function na({ className: e }) {
+  return /* @__PURE__ */ t(
     Lt,
     {
-      className: o("size-4 animate-spin text-muted", t),
+      className: o("size-4 animate-spin text-muted", e),
       weight: "bold",
       "aria-hidden": !0
     }
@@ -65,62 +65,62 @@ const la = we(
   lg: "[&_svg]:size-[var(--control-icon-lg)]",
   xl: "[&_svg]:size-[var(--control-icon-xl)]",
   icon: "[&_svg]:size-[var(--control-icon-md)]"
-}, D = b(
+}, T = f(
   ({
-    className: t,
+    className: e,
     variant: a,
     size: n = "md",
     asChild: l = !1,
     leadingIcon: i,
-    trailingIcon: d,
-    iconOnly: u = !1,
-    loading: m = !1,
-    fullWidth: h = !1,
-    disabled: g,
-    children: f,
+    trailingIcon: u,
+    iconOnly: m = !1,
+    loading: c = !1,
+    fullWidth: x = !1,
+    disabled: b,
+    children: h,
     ...N
-  }, T) => {
-    const S = l ? Zt : "button", w = ia[n ?? "md"];
-    return /* @__PURE__ */ e(
-      S,
+  }, S) => {
+    const C = l ? Zt : "button", w = ia[n ?? "md"];
+    return /* @__PURE__ */ t(
+      C,
       {
-        ref: T,
-        "aria-busy": m || void 0,
-        disabled: l ? void 0 : g || m,
+        ref: S,
+        "aria-busy": c || void 0,
+        disabled: l ? void 0 : b || c,
         className: o(
           la({ variant: a, size: n }),
-          u && "aspect-square px-0",
-          h && "w-full",
-          m && "disabled:opacity-100",
-          t
+          m && "aspect-square px-0",
+          x && "w-full",
+          c && "disabled:opacity-100",
+          e
         ),
         ...N,
-        children: l ? f : /* @__PURE__ */ s("span", { className: "relative inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap)", children: [
+        children: l ? h : /* @__PURE__ */ s("span", { className: "relative inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap)", children: [
           /* @__PURE__ */ s(
             "span",
             {
               className: o(
                 "inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap) transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
-                m && "translate-y-2 opacity-0"
+                c && "translate-y-2 opacity-0"
               ),
-              "aria-hidden": m || void 0,
+              "aria-hidden": c || void 0,
               children: [
-                !m && i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
-                f,
-                !m && d ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: d }) : null
+                !c && i ? /* @__PURE__ */ t("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
+                h,
+                !c && u ? /* @__PURE__ */ t("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: u }) : null
               ]
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             "span",
             {
               "data-button-spinner": !0,
               className: o(
                 "pointer-events-none absolute inset-0 flex items-center justify-center transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
-                m ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
+                c ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(na, { className: o("text-current", w) })
+              children: /* @__PURE__ */ t(na, { className: o("text-current", w) })
             }
           )
         ] })
@@ -128,70 +128,70 @@ const la = we(
     );
   }
 );
-D.displayName = "Button";
-function ar({
-  command: t,
+T.displayName = "Button";
+function rr({
+  command: e,
   tag: a = "Build with agents",
   icon: n,
   className: l
 }) {
-  const [i, d] = z(!1), u = async () => {
+  const [i, u] = D(!1), m = async () => {
     try {
-      await navigator.clipboard.writeText(t), d(!0), window.setTimeout(() => d(!1), 1500);
+      await navigator.clipboard.writeText(e), u(!0), window.setTimeout(() => u(!1), 1500);
     } catch {
     }
   };
   return /* @__PURE__ */ s("div", { className: o("relative inline-flex max-w-full", l), children: [
     /* @__PURE__ */ s("span", { className: "absolute -top-2.5 left-4 z-10 inline-flex items-center gap-1.5 rounded-md bg-fg px-2 py-1 text-[11px] font-medium text-canvas shadow-sm", children: [
-      n ?? /* @__PURE__ */ e(Rt, { className: "size-3.5", weight: "fill" }),
+      n ?? /* @__PURE__ */ t(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__ */ 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,
+      /* @__PURE__ */ t(At, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ t("span", { className: "truncate font-mono text-sm text-fg", children: e }),
+      /* @__PURE__ */ t(
+        T,
         {
           variant: "ghost",
           size: "sm",
           iconOnly: !0,
           "aria-label": "Copy prompt",
           className: "ml-auto",
-          onClick: u,
-          children: i ? /* @__PURE__ */ e(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Xe, {})
+          onClick: m,
+          children: i ? /* @__PURE__ */ t(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ t(Xe, {})
         }
       )
     ] })
   ] });
 }
-const Ye = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const Ye = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   Ce.Root,
   {
     ref: n,
     className: o(
       "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
-      t
+      e
     ),
     ...a
   }
 ));
 Ye.displayName = "Avatar";
-const Ze = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const Ze = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   Ce.Image,
   {
     ref: n,
-    className: o("aspect-square size-full object-cover", t),
+    className: o("aspect-square size-full object-cover", e),
     ...a
   }
 ));
 Ze.displayName = "AvatarImage";
-const Ke = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const Ke = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   Ce.Fallback,
   {
     ref: n,
     className: o(
       "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
-      t
+      e
     ),
     ...a
   }
@@ -227,9 +227,9 @@ const oa = we(
   },
   defaultVariants: { variant: "neutral" }
 });
-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,
+function da({ className: e, variant: a, dot: n = !1, children: l, ...i }) {
+  return /* @__PURE__ */ s("span", { className: o(oa({ variant: a }), e), ...i, children: [
+    n ? /* @__PURE__ */ t("span", { className: o(sa({ variant: a })), "aria-hidden": !0 }) : null,
     l
   ] });
 }
@@ -255,110 +255,110 @@ const ca = {
     iconClassName: "text-error"
   }
 };
-function rr({
-  variant: t = "info",
+function nr({
+  variant: e = "info",
   title: a,
   children: n,
   icon: l,
   className: i
 }) {
-  const { Icon: d, className: u, iconClassName: m } = ca[t];
+  const { Icon: u, className: m, iconClassName: c } = ca[e];
   return /* @__PURE__ */ s(
     "div",
     {
-      role: t === "error" ? "alert" : void 0,
+      role: e === "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",
-        u,
+        m,
         i
       ),
       children: [
-        /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", m), children: l ?? /* @__PURE__ */ e(d, { weight: "fill" }) }),
+        /* @__PURE__ */ t("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", c), children: l ?? /* @__PURE__ */ t(u, { weight: "fill" }) }),
         /* @__PURE__ */ s("div", { className: "min-w-0 space-y-0.5", children: [
-          a ? /* @__PURE__ */ e("p", { className: "font-medium text-fg", children: a }) : null,
-          n ? /* @__PURE__ */ e("div", { className: "text-muted", children: n }) : null
+          a ? /* @__PURE__ */ t("p", { className: "font-medium text-fg", children: a }) : null,
+          n ? /* @__PURE__ */ t("div", { className: "text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
 function ua({
-  className: t,
+  className: e,
   ...a
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     "div",
     {
       className: o(
         "w-full overflow-hidden rounded-(--table-radius-outer) bg-table-container p-(--table-inset)",
-        t
+        e
       ),
       ...a
     }
   );
 }
 function ma({
-  className: t,
+  className: e,
   ...a
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     "div",
     {
       className: o(
         "overflow-hidden rounded-(--table-radius-panel) border border-table-panel-border bg-table-panel",
-        t
+        e
       ),
       ...a
     }
   );
 }
-function nr({ className: t, ...a }) {
-  return /* @__PURE__ */ e(
+function lr({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
     "table",
     {
-      className: o("w-full table-fixed border-collapse caption-bottom text-sm", t),
+      className: o("w-full table-fixed border-collapse caption-bottom text-sm", e),
       ...a
     }
   );
 }
-function lr({ className: t, ...a }) {
-  return /* @__PURE__ */ e("thead", { className: t, ...a });
+function ir({ className: e, ...a }) {
+  return /* @__PURE__ */ t("thead", { className: 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("tbody", { className: o("[&_tr:last-child]:border-0", e), ...a });
 }
-function fa({ className: t, ...a }) {
-  return /* @__PURE__ */ e(
+function fa({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
     "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",
-        t
+        e
       ),
       ...a
     }
   );
 }
-function ir({ className: t, ...a }) {
-  return /* @__PURE__ */ e(
+function or({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
     "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",
-        t
+        e
       ),
       ...a
     }
   );
 }
-function he({ className: t, ...a }) {
-  return /* @__PURE__ */ e(
+function he({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
     "td",
     {
       className: o(
         "px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
-        t
+        e
       ),
       ...a
     }
@@ -373,23 +373,23 @@ const ba = {
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function ga(t) {
-  return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
+function ga(e) {
+  return typeof e == "object" && e !== null && "label" in e && typeof e.label == "string";
 }
 function ce({
-  title: t,
+  title: e,
   description: a,
   header: n,
   children: l,
   action: i,
-  tone: d = "default",
-  className: u,
-  headerClassName: m,
-  panelClassName: h,
-  minHeight: g
+  tone: u = "default",
+  className: m,
+  headerClassName: c,
+  panelClassName: x,
+  minHeight: b
 }) {
-  const f = !!(t || a), N = ga(i) ? /* @__PURE__ */ e(
-    D,
+  const h = !!(e || a), N = ga(i) ? /* @__PURE__ */ t(
+    T,
     {
       variant: i.variant ?? "primary",
       size: "xs",
@@ -403,12 +403,12 @@ function ce({
       ] }) : i.label
     }
   ) : i;
-  return /* @__PURE__ */ s(ua, { className: o("relative", ba[d], u), children: [
+  return /* @__PURE__ */ s(ua, { className: o("relative", ba[u], m), children: [
     /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
-      n || f ? (
+      n || h ? (
         // Header rows must not inherit the body row hover surface.
-        /* @__PURE__ */ s("div", { className: o("[--table-row-hover:transparent] text-table-header", m), children: [
-          f ? /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: o("[--table-row-hover:transparent] text-table-header", c), children: [
+          h ? /* @__PURE__ */ s(
             "div",
             {
               className: o(
@@ -416,91 +416,91 @@ function ce({
                 N && "pr-28"
               ),
               children: [
-                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
+                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
               ]
             }
           ) : null,
           n
         ] })
       ) : null,
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t(
         ma,
         {
-          className: o(ha[d], h),
-          style: g ? { minHeight: g } : void 0,
+          className: o(ha[u], x),
+          style: b ? { minHeight: b } : void 0,
           children: l
         }
       )
     ] }),
-    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
+    N ? /* @__PURE__ */ t("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ t("div", { className: "pointer-events-auto", children: N }) }) : null
   ] });
 }
-function xa(t) {
-  const a = Je.toArray(t), n = a.filter(
+function xa(e) {
+  const a = Je.toArray(e), n = a.filter(
     (l) => Qe(l) && l.type === et
   );
   return {
-    header: n.length > 0 ? /* @__PURE__ */ e(Oe, { children: n }) : void 0,
+    header: n.length > 0 ? /* @__PURE__ */ t(Oe, { children: n }) : void 0,
     body: a.filter((l) => !n.includes(l))
   };
 }
-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 }) });
+const va = f(
+  ({ className: e, children: a, ...n }, l) => {
+    const { header: i, body: u } = xa(a);
+    return /* @__PURE__ */ t("div", { ref: l, ...n, children: /* @__PURE__ */ t(ce, { className: o("shadow-xs", e), header: i, children: u }) });
   }
 );
 va.displayName = "Card";
-const et = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const et = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   "div",
   {
     ref: n,
     className: o(
       "flex flex-col gap-1 px-5 py-4",
-      t
+      e
     ),
     ...a
   }
 ));
 et.displayName = "CardHeader";
-const Na = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const Na = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   "h2",
   {
     ref: n,
-    className: o("text-sm font-semibold text-fg", t),
+    className: o("text-sm font-semibold text-fg", e),
     ...a
   }
 ));
 Na.displayName = "CardTitle";
-const ya = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const ya = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   "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",
-      t
+      e
     ),
     ...a
   }
 ));
 ya.displayName = "CardDescription";
-const wa = b(({ className: t, ...a }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...a }));
+const wa = f(({ className: e, ...a }, n) => /* @__PURE__ */ t("div", { ref: n, className: o("px-5 py-4", e), ...a }));
 wa.displayName = "CardContent";
-const Ca = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const Ca = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   "div",
   {
     ref: n,
     className: o(
       "flex items-center gap-3 border-t border-line px-5 py-3",
-      t
+      e
     ),
     ...a
   }
 ));
 Ca.displayName = "CardFooter";
-const ve = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const ve = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   Ge.Root,
   {
     ref: n,
@@ -510,31 +510,31 @@ const ve = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:border-primary",
       "data-[state=indeterminate]:border-primary",
-      t
+      e
     ),
     ...a,
-    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" }) })
+    children: /* @__PURE__ */ t(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__ */ t(Gt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ t(X, { className: "size-3", weight: "bold" }) })
   }
 ));
 ve.displayName = "Checkbox";
-function He(t) {
-  return t.width > 0 && t.height > 0;
+function He(e) {
+  return e.width > 0 && e.height > 0;
 }
-function Ve(t) {
-  return Math.min(1, Math.max(0.1, t));
+function Ve(e) {
+  return Math.min(1, Math.max(0.1, e));
 }
-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)
+function Sa(e, a) {
+  return !He(e) || !He(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: Ve(e.width / a.width),
+    sy: Ve(e.height / a.height)
   };
 }
 const tt = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
 let A = null, Ue = !1;
-function Se(t) {
-  const a = t.getBoundingClientRect();
+function Se(e) {
+  const a = e.getBoundingClientRect();
   return a.width <= 0 || a.height <= 0 ? null : {
     left: a.left,
     top: a.top,
@@ -542,9 +542,9 @@ function Se(t) {
     height: a.height
   };
 }
-function Ne(t) {
-  if (!(t instanceof Element)) return;
-  const a = t.closest(tt);
+function Ne(e) {
+  if (!(e instanceof Element)) return;
+  const a = e.closest(tt);
   if (!a) return;
   const n = Se(a);
   n && (A = { rect: n, at: Date.now() });
@@ -552,65 +552,65 @@ function Ne(t) {
 function ka() {
   Ue || typeof document > "u" || (Ue = !0, document.addEventListener(
     "pointerdown",
-    (t) => Ne(t.target),
+    (e) => Ne(e.target),
     !0
   ), document.addEventListener(
     "keydown",
-    (t) => {
-      t.key !== "Enter" && t.key !== " " || Ne(document.activeElement);
+    (e) => {
+      e.key !== "Enter" && e.key !== " " || Ne(document.activeElement);
     },
     !0
   ));
 }
-function za(t) {
+function za(e) {
   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 !== t && !t.contains(a) && a.matches(tt) ? Se(a) : null;
+  return a instanceof Element && a !== e && !e.contains(a) && a.matches(tt) ? Se(a) : null;
 }
 const Da = 250, at = J(!1), rt = J(() => {
 }), ke = J(!1);
 function Ta({
-  open: t,
+  open: e,
   defaultOpen: a,
   onOpenChange: n,
   children: l,
   ...i
 }) {
-  const [d, u] = z(
+  const [u, m] = D(
     a ?? !1
-  ), [m, h] = z(!1), g = ae(!1), f = ae(null), N = t ?? d, T = ae(N);
-  T.current = N;
-  const S = t !== void 0;
+  ), [c, x] = D(!1), b = ae(!1), h = ae(null), N = e ?? u, S = ae(N);
+  S.current = N;
+  const C = e !== void 0;
   U(() => ka(), []), U(() => {
-    t && (f.current && clearTimeout(f.current), g.current = !1, h(!1));
-  }, [t]), U(
+    e && (h.current && clearTimeout(h.current), b.current = !1, x(!1));
+  }, [e]), U(
     () => () => {
-      f.current && clearTimeout(f.current);
+      h.current && clearTimeout(h.current);
     },
     []
   );
-  const w = (I) => {
-    if (I) {
-      f.current && clearTimeout(f.current), g.current = !1, h(!1), S || u(!0), n == null || n(!0);
+  const w = (P) => {
+    if (P) {
+      h.current && clearTimeout(h.current), b.current = !1, x(!1), C || m(!0), n == null || n(!0);
       return;
     }
-    if (!N || g.current) return;
+    if (!N || b.current) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      S || u(!1), n == null || n(!1);
+      C || m(!1), n == null || n(!1);
       return;
     }
-    g.current = !0, h(!0), f.current = setTimeout(() => {
-      S || u(!1), n == null || n(!1), requestAnimationFrame(() => {
-        T.current && (g.current = !1, h(!1));
+    b.current = !0, x(!0), h.current = setTimeout(() => {
+      C || m(!1), n == null || n(!1), requestAnimationFrame(() => {
+        S.current && (b.current = !1, x(!1));
       });
     }, Da);
   };
-  return /* @__PURE__ */ 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,
+  return /* @__PURE__ */ t(rt.Provider, { value: () => w(!1), children: /* @__PURE__ */ t(at.Provider, { value: c, children: /* @__PURE__ */ t(ke.Provider, { value: !0, children: /* @__PURE__ */ t(
+    I.Root,
     {
       open: N,
       onOpenChange: w,
@@ -619,238 +619,268 @@ function Ta({
     }
   ) }) }) });
 }
-const nt = b(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
-  P.Trigger,
+const nt = f(({ onClick: e, ...a }, n) => /* @__PURE__ */ t(
+  I.Trigger,
   {
     ref: n,
     onClick: (l) => {
-      Ne(l.currentTarget), t == null || t(l);
+      Ne(l.currentTarget), e == null || e(l);
     },
     ...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 }) })
+const sr = I.Close, lt = f(
+  ({ variant: e = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ t(I.Close, { asChild: !0, children: /* @__PURE__ */ t(T, { ref: l, type: "button", variant: e, ...n, children: a }) })
 );
 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)
+function it(e, a = !0) {
+  if (e.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
     return;
-  const n = Se(t);
+  const n = Se(e);
   if (!n) {
-    a && window.requestAnimationFrame(() => it(t, !1));
+    a && window.requestAnimationFrame(() => it(e, !1));
     return;
   }
-  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 = () => {
-    t.classList.remove("dialog-fly-in", "dialog-pop-in");
-  }, u = (m) => {
-    m.target === t && (m.animationName !== "dialog-fly-in" && m.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", u), d()));
+  e.dataset.dialogMotionStarted = "true";
+  const l = za(e), i = l ? Sa(l, n) : null;
+  i ? (e.style.setProperty("--dialog-dx", `${i.dx}px`), e.style.setProperty("--dialog-dy", `${i.dy}px`), e.style.setProperty("--dialog-sx", String(i.sx)), e.style.setProperty("--dialog-sy", String(i.sy)), e.classList.add("dialog-fly-in")) : (e.style.removeProperty("--dialog-dx"), e.style.removeProperty("--dialog-dy"), e.style.removeProperty("--dialog-sx"), e.style.removeProperty("--dialog-sy"), e.classList.add("dialog-pop-in"));
+  const u = () => {
+    e.classList.remove("dialog-fly-in", "dialog-pop-in");
+  }, m = (c) => {
+    c.target === e && (c.animationName !== "dialog-fly-in" && c.animationName !== "dialog-pop-in" || (e.removeEventListener("animationend", m), u()));
   };
-  t.addEventListener("animationend", u);
+  e.addEventListener("animationend", m);
 }
-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 && it(f), typeof d == "function") {
-        d(f);
-        return;
-      }
-      d && (d.current = f);
-    },
-    [d]
-  );
-  return /* @__PURE__ */ s(P.Portal, { children: [
-    /* @__PURE__ */ e(
-      P.Overlay,
-      {
-        className: o(
-          "fixed inset-0 z-50 overflow-hidden bg-overlay backdrop-blur-[3px] data-[state=open]:animate-in data-[state=open]:fade-in-0",
-          !u && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-          u && "opacity-0 transition-opacity duration-200"
-        ),
-        children: /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "dialog-noise pointer-events-none absolute inset-0"
-          }
-        )
-      }
-    ),
-    /* @__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,
-        className: o(
-          "dialog-content pointer-events-auto relative flex max-h-[min(85vh,44rem)] w-full max-w-[22.4rem] flex-col gap-0 overflow-hidden will-change-[transform,opacity]",
-          "rounded-2xl border border-(--dialog-shell-border) bg-(--dialog-shell-bg) pb-3 shadow-(--dialog-shell-shadow) sm:pb-4",
-          u && "dialog-closing",
-          "focus:outline-none",
-          t
-        ),
-        onEscapeKeyDown: (f) => {
-          n == null || n(f), !f.defaultPrevented && (f.preventDefault(), m());
-        },
-        onPointerDownOutside: (f) => {
-          l == null || l(f), !f.defaultPrevented && (f.preventDefault(), m());
-        },
-        ...i,
-        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__ */ e(ie, { className: "size-4" }),
-            /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    ) })
-  ] });
-});
+function Ma(e) {
+  return e.replace(/dvh\b/g, "vh");
+}
+const ot = f(
+  ({
+    className: e,
+    children: a,
+    placement: n = "center",
+    topOffset: l = "11dvh",
+    motion: i = "auto",
+    style: u,
+    onEscapeKeyDown: m,
+    onPointerDownOutside: c,
+    ...x
+  }, b) => {
+    const h = B(at), N = n === "top", S = N ? {
+      "--dialog-top-offset": l,
+      "--dialog-top-offset-fallback": Ma(l)
+    } : void 0, C = B(rt), w = ae(null), P = Yt(
+      (g) => {
+        if (w.current = g, g && i === "auto" && it(g), typeof b == "function") {
+          b(g);
+          return;
+        }
+        b && (b.current = g);
+      },
+      [i, b]
+    );
+    return /* @__PURE__ */ s(I.Portal, { children: [
+      /* @__PURE__ */ t(
+        I.Overlay,
+        {
+          className: o(
+            "fixed inset-0 z-50 overflow-hidden bg-overlay backdrop-blur-[3px] data-[state=open]:animate-in data-[state=open]:fade-in-0",
+            !h && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+            h && "opacity-0 transition-opacity duration-200"
+          ),
+          children: /* @__PURE__ */ t(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "dialog-noise pointer-events-none absolute inset-0"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: o(
+            "pointer-events-none fixed inset-0 z-50 flex justify-center overflow-y-auto p-4",
+            N ? "items-start" : "items-center"
+          ),
+          children: /* @__PURE__ */ s(
+            I.Content,
+            {
+              ref: P,
+              style: S ? { ...S, ...u } : u,
+              className: o(
+                "dialog-content pointer-events-auto relative flex max-h-[min(85vh,44rem)] w-full max-w-[22.4rem] flex-col gap-0 overflow-hidden will-change-[transform,opacity]",
+                "rounded-2xl border border-(--dialog-shell-border) bg-(--dialog-shell-bg) pb-3 shadow-(--dialog-shell-shadow) sm:pb-4",
+                N && "dialog-anchor-top",
+                i === "command" && "dialog-command-motion",
+                h && "dialog-closing",
+                "focus:outline-none",
+                e
+              ),
+              onEscapeKeyDown: (g) => {
+                m == null || m(g), !g.defaultPrevented && (g.preventDefault(), C());
+              },
+              onPointerDownOutside: (g) => {
+                c == null || c(g), !g.defaultPrevented && (g.preventDefault(), C());
+              },
+              ...x,
+              children: [
+                a,
+                /* @__PURE__ */ s(I.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
+                  /* @__PURE__ */ t(ie, { className: "size-4" }),
+                  /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
+                ] })
+              ]
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
 ot.displayName = "DialogContent";
-function Ma({
-  className: t,
+function Pa({
+  className: e,
   ...a
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     "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)",
-        t
+        e
       ),
       ...a
     }
   );
 }
-function Pa({
-  className: t,
+function Ia({
+  className: e,
   ...a
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "body",
-      className: o("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
+      className: o("min-h-0 flex-1 overflow-y-auto px-5 py-4", e),
       ...a
     }
   );
 }
-function Ia({
-  className: t,
+function Ea({
+  className: e,
   ...a
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "header",
       className: o(
         "flex shrink-0 flex-col gap-1.5 border-b border-(--dialog-panel-border) px-5 py-4",
-        t
+        e
       ),
       ...a
     }
   );
 }
-function Ea({
-  className: t,
+function ja({
+  className: e,
   ...a
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     "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",
-        t
+        e
       ),
       ...a
     }
   );
 }
-const st = b(({ className: t, ...a }, n) => {
-  const l = B(ke) ? P.Title : "h2";
-  return /* @__PURE__ */ e(
+const st = f(({ className: e, ...a }, n) => {
+  const l = B(ke) ? I.Title : "h2";
+  return /* @__PURE__ */ t(
     l,
     {
       ref: n,
-      className: o("text-base font-semibold text-fg", t),
+      className: o("text-base font-semibold text-fg", e),
       ...a
     }
   );
 });
 st.displayName = "DialogTitle";
-const ja = b(({ className: t, ...a }, n) => {
-  const l = B(ke) ? P.Description : "p";
-  return /* @__PURE__ */ e(
+const _a = f(({ className: e, ...a }, n) => {
+  const l = B(ke) ? I.Description : "p";
+  return /* @__PURE__ */ t(
     l,
     {
       ref: n,
-      className: o("text-sm text-muted", t),
+      className: o("text-sm text-muted", e),
       ...a
     }
   );
 });
-ja.displayName = "DialogDescription";
+_a.displayName = "DialogDescription";
 const dt = J(null);
-function _a({
-  label: t,
+function La({
+  label: e,
   value: a,
   onChange: n,
   disabled: l = !1,
   name: i,
-  className: d,
-  children: u,
-  ...m
+  className: u,
+  children: m,
+  ...c
 }) {
-  const h = de(), g = i ?? h;
-  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
+  const x = de(), b = i ?? x;
+  return /* @__PURE__ */ t(dt.Provider, { value: { name: b, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", u), ...c, children: [
+    /* @__PURE__ */ t("legend", { className: "sr-only", children: e }),
+    m
   ] }) });
 }
-function La({
-  value: t,
+function Ra({
+  value: e,
   title: a,
   description: n,
   badge: l,
   disabled: i = !1,
-  className: d
+  className: u
 }) {
-  const u = B(dt), m = de();
-  if (!u)
+  const m = B(dt), c = de();
+  if (!m)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const h = i || u.disabled, g = u.value === t;
+  const x = i || m.disabled, b = m.value === e;
   return /* @__PURE__ */ s(
     "label",
     {
       className: o(
         "group relative flex items-start gap-3",
-        h ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-        d
+        x ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+        u
       ),
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "input",
           {
             type: "radio",
-            name: u.name,
-            value: t,
-            checked: g,
-            disabled: h,
+            name: m.name,
+            value: e,
+            checked: b,
+            disabled: x,
             onChange: () => {
-              var f;
-              return (f = u.onChange) == null ? void 0 : f.call(u, t);
+              var h;
+              return (h = m.onChange) == null ? void 0 : h.call(m, e);
             },
-            "aria-describedby": n ? m : void 0,
+            "aria-describedby": n ? c : void 0,
             className: "peer sr-only"
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "span",
           {
             "aria-hidden": !0,
@@ -863,96 +893,96 @@ function La({
         ),
         /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ s("span", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: a }),
-            l ? /* @__PURE__ */ e(da, { variant: "primary", children: l }) : null
+            /* @__PURE__ */ t("span", { className: "text-base font-semibold text-fg", children: a }),
+            l ? /* @__PURE__ */ t(da, { variant: "primary", children: l }) : null
           ] }),
-          n ? /* @__PURE__ */ e("span", { id: m, className: "mt-1 block text-sm text-muted", children: n }) : null
+          n ? /* @__PURE__ */ t("span", { id: c, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
-function sr({
-  open: t,
+function dr({
+  open: e,
   onOpenChange: a,
   trigger: n,
   title: l,
   options: i,
-  defaultValue: d,
-  value: u,
-  onValueChange: m,
-  cancelLabel: h = "Cancel",
-  confirmLabel: g = "Continue",
-  onConfirm: f
+  defaultValue: u,
+  value: m,
+  onValueChange: c,
+  cancelLabel: x = "Cancel",
+  confirmLabel: b = "Continue",
+  onConfirm: h
 }) {
-  var I;
-  const [N, T] = z(d ?? ((I = i[0]) == null ? void 0 : I.value) ?? ""), S = u ?? N;
-  return /* @__PURE__ */ s(Ta, { open: t, onOpenChange: a, children: [
-    n ? /* @__PURE__ */ e(nt, { asChild: !0, children: n }) : null,
+  var P;
+  const [N, S] = D(u ?? ((P = i[0]) == null ? void 0 : P.value) ?? ""), C = m ?? N;
+  return /* @__PURE__ */ s(Ta, { open: e, onOpenChange: a, children: [
+    n ? /* @__PURE__ */ t(nt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
       ot,
       {
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__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__ */ e(
-              La,
+          /* @__PURE__ */ s(Pa, { children: [
+            /* @__PURE__ */ t(Ea, { children: /* @__PURE__ */ t(st, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ t(Ia, { children: /* @__PURE__ */ t(La, { label: l, value: C, onChange: (g) => {
+              m === void 0 && S(g), c == null || c(g);
+            }, children: i.map((g) => /* @__PURE__ */ t(
+              Ra,
               {
-                value: y.value,
-                title: y.title,
-                description: y.description,
-                badge: y.badge
+                value: g.value,
+                title: g.title,
+                description: g.description,
+                badge: g.badge
               },
-              y.value
+              g.value
             )) }) })
           ] }),
-          /* @__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 })
+          /* @__PURE__ */ s(ja, { className: "gap-3 pt-2.5", children: [
+            /* @__PURE__ */ t(lt, { className: "flex-1", children: x }),
+            /* @__PURE__ */ t(T, { className: "flex-1", onClick: () => h == null ? void 0 : h(C), children: b })
           ] })
         ]
       }
     )
   ] });
 }
-function dr({ code: t, label: a, className: n }) {
-  const [l, i] = z(!1);
-  return /* @__PURE__ */ e(
+function cr({ code: e, label: a, className: n }) {
+  const [l, i] = D(!1);
+  return /* @__PURE__ */ t(
     ce,
     {
       className: n,
-      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 }) }),
+      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 }) }),
       action: {
         label: l ? "Copied" : "Copy",
-        icon: l ? /* @__PURE__ */ e(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Xe, {}),
+        icon: l ? /* @__PURE__ */ t(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ t(Xe, {}),
         variant: "ghost",
         onClick: async () => {
           try {
-            await navigator.clipboard.writeText(t), i(!0), window.setTimeout(() => i(!1), 1500);
+            await navigator.clipboard.writeText(e), i(!0), window.setTimeout(() => i(!1), 1500);
           } catch {
           }
         }
       },
       panelClassName: "min-w-0",
-      children: /* @__PURE__ */ e("pre", { className: "overflow-x-auto p-4 font-mono text-xs leading-relaxed text-fg", children: /* @__PURE__ */ e("code", { children: t }) })
+      children: /* @__PURE__ */ t("pre", { className: "overflow-x-auto p-4 font-mono text-xs leading-relaxed text-fg", children: /* @__PURE__ */ t("code", { children: e }) })
     }
   );
 }
-const Ra = {
+const Aa = {
   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"
-}, Aa = {
+}, Ba = {
   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)]"
-}, Ba = {
+}, Fa = {
   sm: "left-[var(--control-pad-x-sm)]",
   md: "left-[var(--control-pad-x-md)]",
   lg: "left-[var(--control-pad-x-lg)]",
@@ -967,85 +997,85 @@ const Ra = {
   md: "size-[var(--control-icon-md)]",
   lg: "size-[var(--control-icon-lg)]",
   xl: "size-[var(--control-icon-xl)]"
-}, ct = b(
+}, ct = f(
   ({
-    className: t,
+    className: e,
     containerClassName: a,
     type: n = "text",
     size: l = "md",
     leadingIcon: i,
-    trailingIcon: d,
-    onClear: u,
-    value: m,
-    defaultValue: h,
-    error: g = !1,
-    helperText: f,
+    trailingIcon: u,
+    onClear: m,
+    value: c,
+    defaultValue: x,
+    error: b = !1,
+    helperText: h,
     id: N,
-    "aria-describedby": T,
-    disabled: S,
+    "aria-describedby": S,
+    disabled: C,
     readOnly: w,
-    ...I
-  }, y) => {
-    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(
+    ...P
+  }, g) => {
+    const F = de(), Q = N ?? F, $ = !!h, _ = !!(m && (c !== void 0 ? String(c).length > 0 : x !== void 0 && String(x).length > 0)), Y = $ ? `${Q}-description` : void 0, ue = [S, Y].filter(Boolean).join(" ") || void 0, Z = /* @__PURE__ */ t(
       "input",
       {
-        ref: y,
+        ref: g,
         id: Q,
         type: n,
-        disabled: S,
+        disabled: C,
         readOnly: w,
-        "aria-invalid": g || void 0,
+        "aria-invalid": b || void 0,
         "aria-describedby": ue,
-        style: i || d || _ ? {
+        style: i || u || _ ? {
           paddingInlineStart: i ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
-          paddingInlineEnd: d || _ ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
+          paddingInlineEnd: u || _ ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
         } : void 0,
         className: o(
           "flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
-          Ra[l],
           Aa[l],
+          Ba[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",
-          g && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
-          !g && "border-(--input-border)",
+          b && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
+          !b && "border-(--input-border)",
           n === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
-          S && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
+          C && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
           w && "cursor-default focus-visible:ring-0",
-          t
+          e
         ),
-        value: m,
-        defaultValue: h,
-        ...I
+        value: c,
+        defaultValue: x,
+        ...P
       }
     );
-    return !i && !d && !_ && !$ ? Z : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
+    return !i && !u && !_ && !$ ? Z : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
-        i ? /* @__PURE__ */ e(
+        i ? /* @__PURE__ */ t(
           "span",
           {
             className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              Ba[l]
+              Fa[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ge[l]), children: i })
+            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ge[l]), children: i })
           }
         ) : null,
         Z,
-        _ ? /* @__PURE__ */ e(
+        _ ? /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             "aria-label": "Clear search",
-            onClick: u,
+            onClick: m,
             className: o(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
               We[l]
             ),
-            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ge[l]), children: /* @__PURE__ */ e(ie, {}) })
+            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ge[l]), children: /* @__PURE__ */ t(ie, {}) })
           }
-        ) : d ? /* @__PURE__ */ e(
+        ) : u ? /* @__PURE__ */ t(
           "span",
           {
             className: o(
@@ -1053,27 +1083,27 @@ const Ra = {
               We[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ge[l]), children: d })
+            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ge[l]), children: u })
           }
         ) : null
       ] }),
-      $ ? /* @__PURE__ */ e(
+      $ ? /* @__PURE__ */ t(
         "p",
         {
           id: Y,
-          className: o("mt-1.5 text-xs", g ? "text-error" : "text-muted"),
-          children: f
+          className: o("mt-1.5 text-xs", b ? "text-error" : "text-muted"),
+          children: h
         }
       ) : null
     ] });
   }
 );
 ct.displayName = "Input";
-function ze(t, a) {
+function ze(e, a) {
   let n = 0;
-  return Je.forEach(t, (l) => {
+  return Je.forEach(e, (l) => {
     if (!Qe(l)) return;
-    if (a.some((d) => d === l.type)) {
+    if (a.some((u) => u === l.type)) {
       n += 1;
       return;
     }
@@ -1083,44 +1113,44 @@ function ze(t, a) {
 }
 const ut = J(!1);
 function xe({
-  children: t,
+  children: e,
   ...a
 }) {
-  const n = ze(t, [
+  const n = ze(e, [
     se,
     W,
     pt
   ]) === 0;
-  return /* @__PURE__ */ e(ut.Provider, { value: n, children: /* @__PURE__ */ e(C.Root, { ...a, children: t }) });
+  return /* @__PURE__ */ t(ut.Provider, { value: n, children: /* @__PURE__ */ t(k.Root, { ...a, children: e }) });
 }
-const re = b(({ className: t, disabled: a, ...n }, l) => {
+const re = f(({ className: e, disabled: a, ...n }, l) => {
   const i = B(ut);
-  return /* @__PURE__ */ e(
-    C.Trigger,
+  return /* @__PURE__ */ t(
+    k.Trigger,
     {
       ref: l,
-      className: o("group", t),
+      className: o("group", e),
       disabled: a || i,
       ...n
     }
   );
 });
 re.displayName = "DropdownMenuTrigger";
-const mt = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const mt = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   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",
-      t
+      e
     ),
     ...a
   }
 ));
 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,
+const ur = k.Group, mr = k.Portal, ne = f(({ className: e, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ t(k.Portal, { children: /* @__PURE__ */ t(
+  k.Content,
   {
     ref: l,
     sideOffset: a,
@@ -1132,14 +1162,14 @@ const cr = C.Group, ur = C.Portal, ne = b(({ className: t, 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",
-      t
+      e
     ),
     ...n
   }
 ) }));
 ne.displayName = "DropdownMenuContent";
-const se = b(({ className: t, inset: a, ...n }, l) => /* @__PURE__ */ e(
-  C.Item,
+const se = f(({ className: e, inset: a, ...n }, l) => /* @__PURE__ */ t(
+  k.Item,
   {
     ref: l,
     className: o(
@@ -1147,40 +1177,40 @@ const se = b(({ className: t, inset: a, ...n }, l) => /* @__PURE__ */ e(
       "focus:bg-(--menu-highlight) data-disabled:pointer-events-none data-disabled:opacity-50",
       "[&_svg]:size-4 [&_svg]:text-muted",
       a && "pl-8",
-      t
+      e
     ),
     ...n
   }
 ));
 se.displayName = "DropdownMenuItem";
-const W = b(({ className: t, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
-  C.CheckboxItem,
+const W = f(({ className: e, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
+  k.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)",
-      t
+      e
     ),
     checked: n,
     ...l,
     children: [
-      /* @__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" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute left-2 flex size-4 shrink-0 items-center justify-center rounded border border-line-strong bg-transparent transition-colors group-data-[state=checked]:border-primary", children: /* @__PURE__ */ t(k.ItemIndicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-(--button-primary-bg) text-(--button-primary-fg) [--button-inner:var(--button-primary-inner)]", children: /* @__PURE__ */ t(X, { className: "size-3", weight: "bold" }) }) }),
       a
     ]
   }
 ));
 W.displayName = "DropdownMenuCheckboxItem";
-const le = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  C.Label,
+const le = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  k.Label,
   {
     ref: n,
-    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    className: o("px-2 py-1.5 text-xs font-medium text-subtle", e),
     ...a
   }
 ));
 le.displayName = "DropdownMenuLabel";
-const mr = C.Sub, pt = b(({ className: t, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
-  C.SubTrigger,
+const pr = k.Sub, pt = f(({ className: e, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
+  k.SubTrigger,
   {
     ref: i,
     className: o(
@@ -1188,18 +1218,18 @@ const mr = C.Sub, pt = b(({ className: t, 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",
-      t
+      e
     ),
     ...l,
     children: [
       n,
-      /* @__PURE__ */ e(Ht, { className: "ml-auto shrink-0" })
+      /* @__PURE__ */ t(Ht, { className: "ml-auto shrink-0" })
     ]
   }
 ));
 pt.displayName = "DropdownMenuSubTrigger";
-const Fa = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  C.SubContent,
+const $a = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  k.SubContent,
   {
     ref: n,
     sideOffset: 8,
@@ -1211,31 +1241,31 @@ const Fa = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
       "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",
-      t
+      e
     ),
     ...a
   }
 ));
-Fa.displayName = "DropdownMenuSubContent";
-const ye = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  C.Separator,
+$a.displayName = "DropdownMenuSubContent";
+const ye = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  k.Separator,
   {
     ref: n,
-    className: o("-mx-1 my-1 h-px bg-line-strong", t),
+    className: o("-mx-1 my-1 h-px bg-line-strong", e),
     ...a
   }
 ));
 ye.displayName = "DropdownMenuSeparator";
-const pr = M.Group, $a = M.Value;
-function qa({
-  children: t,
+const fr = M.Group, qa = M.Value;
+function Ga({
+  children: e,
   disabled: a,
   ...n
 }) {
-  const l = ze(t, [De]) === 0;
-  return /* @__PURE__ */ e(M.Root, { disabled: a || l, ...n, children: t });
+  const l = ze(e, [De]) === 0;
+  return /* @__PURE__ */ t(M.Root, { disabled: a || l, ...n, children: e });
 }
-const ft = b(({ className: t, children: a, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
+const ft = f(({ className: e, children: a, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
   M.Trigger,
   {
     ref: i,
@@ -1245,21 +1275,21 @@ const ft = b(({ className: t, 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",
-      t
+      e
     ),
     ...l,
     children: [
-      /* @__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" }) })
+      /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-left", children: a }),
+      /* @__PURE__ */ t(M.Icon, { asChild: !0, children: /* @__PURE__ */ t(oe, { className: "ml-auto size-3.5 shrink-0 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) })
     ]
   }
 ));
 ft.displayName = "SelectTrigger";
-const bt = b(
-  ({ className: t, children: a, position: n = "popper", sideOffset: l = 8, ...i }, d) => /* @__PURE__ */ e(M.Portal, { children: /* @__PURE__ */ e(
+const bt = f(
+  ({ className: e, children: a, position: n = "popper", sideOffset: l = 8, ...i }, u) => /* @__PURE__ */ t(M.Portal, { children: /* @__PURE__ */ t(
     M.Content,
     {
-      ref: d,
+      ref: u,
       position: n,
       sideOffset: l,
       className: o(
@@ -1270,41 +1300,41 @@ const bt = 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",
-        t
+        e
       ),
       ...i,
-      children: /* @__PURE__ */ e(M.Viewport, { className: "p-0", children: a })
+      children: /* @__PURE__ */ t(M.Viewport, { className: "p-0", children: a })
     }
   ) })
 );
 bt.displayName = "SelectContent";
-const De = b(({ className: t, children: a, ...n }, l) => /* @__PURE__ */ s(
+const De = f(({ className: e, 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",
-      t
+      e
     ),
     ...n,
     children: [
-      /* @__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 })
+      /* @__PURE__ */ t("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ t(M.ItemIndicator, { children: /* @__PURE__ */ t(X, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ t(M.ItemText, { children: a })
     ]
   }
 ));
 De.displayName = "SelectItem";
-const Ga = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const Ha = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   M.Label,
   {
     ref: n,
-    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    className: o("px-2 py-1.5 text-xs font-medium text-subtle", e),
     ...a
   }
 ));
-Ga.displayName = "SelectLabel";
-function Ha({
-  icon: t,
+Ha.displayName = "SelectLabel";
+function Va({
+  icon: e,
   title: a,
   description: n,
   action: l,
@@ -1318,57 +1348,57 @@ function Ha({
         i
       ),
       children: [
-        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,
+        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,
         /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-          /* @__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
+          /* @__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
         ] }),
-        l ? /* @__PURE__ */ e("div", { className: "text-sm font-medium text-table-accent", children: l }) : null
+        l ? /* @__PURE__ */ t("div", { className: "text-sm font-medium text-table-accent", children: l }) : null
       ]
     }
   );
 }
-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) => {
+const Ua = "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 Wa(e) {
+  return e.split(/\s+/).slice(0, 2).map((a) => {
     var n;
     return ((n = a[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
-function fr({
-  name: t,
+function br({
+  name: e,
   secondary: a,
   image: n
 }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
     /* @__PURE__ */ s(Ye, { className: "size-8", children: [
-      n ? /* @__PURE__ */ e(Ze, { src: n, alt: "" }) : null,
-      /* @__PURE__ */ e(Ke, { children: Ua(t) })
+      n ? /* @__PURE__ */ t(Ze, { src: n, alt: "" }) : null,
+      /* @__PURE__ */ t(Ke, { children: Wa(e) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
-      /* @__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
+      /* @__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
     ] })
   ] });
 }
-function br({
-  rows: t,
+function hr({
+  rows: e,
   columns: a,
   getRowId: n,
   loading: l = !1,
   error: i,
-  empty: d,
-  search: u,
-  filters: m,
-  toolbarStart: h,
-  toolbarEnd: g,
-  tabs: f,
+  empty: u,
+  search: m,
+  filters: c,
+  toolbarStart: x,
+  toolbarEnd: b,
+  tabs: h,
   activeTab: N,
-  onTabChange: T,
-  infoBanner: S,
+  onTabChange: S,
+  infoBanner: C,
   selectable: w = !1,
-  bulkActions: I,
-  rowActions: y,
+  bulkActions: P,
+  rowActions: g,
   onRowClick: F,
   defaultSort: Q,
   pageSize: $ = 25,
@@ -1379,74 +1409,74 @@ function br({
   panelClassName: ht,
   className: gt
 }) {
-  const [Te, Me] = z(
+  const [Te, Me] = D(
     () => Object.fromEntries(
       a.filter((r) => r.defaultHidden && !r.required).map((r) => [r.id, !0])
     )
-  ), [Pe, Ie] = z(null), [me, Ee] = z(null), [v, xt] = z(
+  ), [Pe, Ie] = D(null), [me, Ee] = D(null), [y, xt] = D(
     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));
+  ), [q, K] = D(0), [L, vt] = D($), [R, pe] = D(/* @__PURE__ */ new Set()), [Nt, fe] = D([]), je = a.map((r) => r.id), _e = new Map(a.map((r) => [r.id, r])), Le = Pe ? Pe.map((r) => _e.get(r)).filter((r) => !!r) : a, E = Le.filter((r) => !Te[r.id]), Re = Le.filter((r) => Te[r.id] && !r.required), Ae = (r) => !!r.required, yt = (r) => _e.get(r), wt = (r, d) => {
+    const p = d ? yt(d) : void 0;
+    !p || Ae(p) || r === d || Ie((v) => {
+      const z = v ?? je;
+      return ra(z, z.indexOf(r), z.indexOf(d));
     });
   }, 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));
-  }, [t, u, m]), G = qe(() => {
-    if (!v) return ee;
-    const r = a.find((p) => p.id === v.id);
+    Me((d) => ({ ...d, [r]: !1 })), Ie((d) => d && d.includes(r) ? d : [...d ?? je, r]);
+  }, be = (c ?? []).filter((r) => Nt.includes(r.id)), St = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), ee = qe(() => {
+    let r = e;
+    for (const p of c ?? [])
+      p.value.length > 0 && (r = r.filter((v) => p.match(v, p.value)));
+    if (!m || !m.value.trim()) return r;
+    const d = m.value.trim().toLowerCase();
+    return r.filter((p) => m.keys(p).toLowerCase().includes(d));
+  }, [e, m, c]), G = qe(() => {
+    if (!y) return ee;
+    const r = a.find((p) => p.id === y.id);
     if (!(r != null && r.sortValue)) return ee;
-    const c = v.dir === "asc" ? 1 : -1;
-    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;
+    const d = y.dir === "asc" ? 1 : -1;
+    return [...ee].sort((p, v) => {
+      const z = r.sortValue(p), V = r.sortValue(v);
+      return z == null && V == null ? 0 : z == null ? 1 : V == null ? -1 : typeof z == "number" && typeof V == "number" ? (z - V) * d : String(z).localeCompare(String(V)) * d;
     });
-  }, [ee, v, a]), H = Math.max(1, Math.ceil(G.length / L));
+  }, [ee, y, a]), H = Math.max(1, Math.ceil(G.length / L));
   U(() => {
     K(0);
-  }, [u == null ? void 0 : u.value, L, v == null ? void 0 : v.id, v == null ? void 0 : v.dir, N, St]), U(() => {
+  }, [m == null ? void 0 : m.value, L, y == null ? void 0 : y.id, y == null ? void 0 : y.dir, N, St]), U(() => {
     q > H - 1 && K(H - 1);
   }, [q, H]);
   const te = q * L, j = G.slice(te, te + L), kt = (r) => {
     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" }
+      (d) => (d == null ? void 0 : d.id) === r.id ? d.dir === "asc" ? { id: r.id, dir: "desc" } : null : { id: r.id, dir: "asc" }
     );
-  }, 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 = () => {
+  }, Be = j.length > 0 && j.every((r) => R.has(n(r))), zt = j.some((r) => R.has(n(r))), Dt = e.filter((r) => R.has(n(r))), Tt = () => {
     pe((r) => {
-      const c = new Set(r);
-      return Be ? j.forEach((p) => c.delete(n(p))) : j.forEach((p) => c.add(n(p))), c;
+      const d = new Set(r);
+      return Be ? j.forEach((p) => d.delete(n(p))) : j.forEach((p) => d.add(n(p))), d;
     });
   }, Mt = (r) => {
-    pe((c) => {
-      const p = new Set(c);
+    pe((d) => {
+      const p = new Set(d);
       return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, 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 = [
+  }, Pt = !!(m || c != null && c.length || x || b), It = E.some((r) => r.width), Et = E.length > 1 ? 70 / (E.length - 1) : 100, jt = E.map((r, d) => r.width ? r.width : It ? "auto" : `${d === 0 ? 30 : Et}%`), Fe = [
     ...w ? ["2.75rem"] : [],
     ...jt,
-    ...y ? ["11rem"] : []
-  ], _t = (r) => (v == null ? void 0 : v.id) === r.id ? v.dir === "asc" ? "ascending" : "descending" : void 0;
+    ...g ? ["11rem"] : []
+  ], _t = (r) => (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? "ascending" : "descending" : void 0;
   return /* @__PURE__ */ s("div", { className: o("space-y-4", gt), children: [
-    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__ */ e(
+    h && h.length > 0 && /* @__PURE__ */ t("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: h.map((r) => {
+      const d = r.id === N;
+      return /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           role: "tab",
-          "aria-selected": c,
-          onClick: () => T == null ? void 0 : T(r.id),
+          "aria-selected": d,
+          onClick: () => S == null ? void 0 : S(r.id),
           className: o(
             "-mb-px border-b-2 px-3 py-2 text-sm transition-colors",
-            c ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
+            d ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
           ),
           children: r.label
         },
@@ -1454,43 +1484,43 @@ function br({
       );
     }) }),
     Pt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      u && /* @__PURE__ */ e(
+      m && /* @__PURE__ */ t(
         ct,
         {
           type: "search",
-          "aria-label": u.placeholder ?? "Search",
-          placeholder: u.placeholder ?? "Search...",
-          value: u.value,
-          onChange: (r) => u.onChange(r.target.value),
-          onClear: () => u.onChange(""),
-          leadingIcon: /* @__PURE__ */ e(Vt, {}),
+          "aria-label": m.placeholder ?? "Search",
+          placeholder: m.placeholder ?? "Search...",
+          value: m.value,
+          onChange: (r) => m.onChange(r.target.value),
+          onClear: () => m.onChange(""),
+          leadingIcon: /* @__PURE__ */ t(Vt, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
-      h,
+      x,
       /* @__PURE__ */ s(xe, { children: [
-        /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ e(
-          D,
+        /* @__PURE__ */ t(re, { asChild: !0, children: /* @__PURE__ */ t(
+          T,
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ e(Ut, {}),
-            trailingIcon: /* @__PURE__ */ e(mt, {}),
+            leadingIcon: /* @__PURE__ */ t(Ut, {}),
+            trailingIcon: /* @__PURE__ */ t(mt, {}),
             children: "Columns"
           }
         ) }),
         /* @__PURE__ */ s(ne, { align: "end", className: "w-54", children: [
-          /* @__PURE__ */ e(le, { className: "text-[13px]", children: "Active columns" }),
+          /* @__PURE__ */ t(le, { className: "text-[13px]", children: "Active columns" }),
           E.map((r) => {
-            const c = Ae(r);
+            const d = Ae(r);
             return /* @__PURE__ */ s(
               W,
               {
                 checked: !0,
-                draggable: !c,
+                draggable: !d,
                 onDragStart: (p) => {
-                  if (c) {
+                  if (d) {
                     p.preventDefault();
                     return;
                   }
@@ -1502,13 +1532,13 @@ function br({
                 onDrop: (p) => p.preventDefault(),
                 onDragEnd: () => Ee(null),
                 onCheckedChange: (p) => {
-                  !p && !c && Me((x) => ({ ...x, [r.id]: !0 }));
+                  !p && !d && Me((v) => ({ ...v, [r.id]: !0 }));
                 },
                 onSelect: (p) => p.preventDefault(),
                 className: "justify-between",
                 children: [
-                  /* @__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(
+                  /* @__PURE__ */ t("span", { className: "truncate", children: r.header }),
+                  d ? /* @__PURE__ */ t(Wt, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ t(
                     Ot,
                     {
                       "aria-hidden": !0,
@@ -1524,14 +1554,14 @@ function br({
             );
           }),
           Re.length > 0 ? /* @__PURE__ */ s(Oe, { children: [
-            /* @__PURE__ */ e(ye, {}),
-            /* @__PURE__ */ e(le, { className: "text-[13px]", children: "Available columns" }),
-            Re.map((r) => /* @__PURE__ */ e(
+            /* @__PURE__ */ t(ye, {}),
+            /* @__PURE__ */ t(le, { className: "text-[13px]", children: "Available columns" }),
+            Re.map((r) => /* @__PURE__ */ t(
               W,
               {
                 checked: !1,
                 onCheckedChange: () => Ct(r.id),
-                onSelect: (c) => c.preventDefault(),
+                onSelect: (d) => d.preventDefault(),
                 children: r.header
               },
               r.id
@@ -1539,55 +1569,55 @@ function br({
           ] }) : null
         ] })
       ] }),
-      m && m.length > 0 ? /* @__PURE__ */ s(xe, { children: [
-        /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ e(
-          D,
+      c && c.length > 0 ? /* @__PURE__ */ s(xe, { children: [
+        /* @__PURE__ */ t(re, { asChild: !0, children: /* @__PURE__ */ t(
+          T,
           {
             variant: "secondary",
             size: "md",
             iconOnly: !0,
             "aria-label": "Add filter",
-            children: /* @__PURE__ */ e($e, {})
+            children: /* @__PURE__ */ t($e, {})
           }
         ) }),
-        /* @__PURE__ */ e(ne, { align: "start", className: "w-54", children: m.map((r) => /* @__PURE__ */ e(
+        /* @__PURE__ */ t(ne, { align: "start", className: "w-54", children: c.map((r) => /* @__PURE__ */ t(
           se,
           {
             onSelect: () => fe(
-              (c) => c.includes(r.id) ? c : [...c, r.id]
+              (d) => d.includes(r.id) ? d : [...d, r.id]
             ),
             children: r.label
           },
           r.id
         )) })
       ] }) : null,
-      g ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: g }) : null
+      b ? /* @__PURE__ */ t("div", { className: "flex-0 sm:ml-auto", children: b }) : null
     ] }),
     be.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       be.map((r) => {
-        const c = () => {
-          r.onChange([]), fe((p) => p.filter((x) => x !== r.id));
+        const d = () => {
+          r.onChange([]), fe((p) => p.filter((v) => v !== r.id));
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
-          /* @__PURE__ */ e(
-            D,
+          /* @__PURE__ */ t(
+            T,
             {
               variant: "secondary",
               size: "md",
               iconOnly: !0,
               "aria-label": `Remove ${r.label} filter`,
               className: "rounded-r-none",
-              onClick: c,
-              children: /* @__PURE__ */ e(ie, {})
+              onClick: d,
+              children: /* @__PURE__ */ t(ie, {})
             }
           ),
           /* @__PURE__ */ s(xe, { children: [
-            /* @__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__ */ t(re, { asChild: !0, children: /* @__PURE__ */ s(T, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+              /* @__PURE__ */ t($e, {}),
+              /* @__PURE__ */ t("span", { className: "font-medium", children: r.label }),
+              /* @__PURE__ */ t("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
+              /* @__PURE__ */ t("span", { className: "text-muted", children: r.value.length > 0 ? `${r.value.length} selected` : "Enter value" }),
+              /* @__PURE__ */ t(oe, { className: "text-muted" })
             ] }) }),
             /* @__PURE__ */ s(ne, { align: "start", className: "w-56", children: [
               /* @__PURE__ */ s(le, { className: "text-[13px]", children: [
@@ -1595,27 +1625,27 @@ function br({
                 r.label
               ] }),
               r.options.map((p) => {
-                const x = r.value.includes(p.value);
-                return /* @__PURE__ */ e(
+                const v = r.value.includes(p.value);
+                return /* @__PURE__ */ t(
                   W,
                   {
-                    checked: x,
+                    checked: v,
                     onCheckedChange: () => r.onChange(
-                      x ? r.value.filter((k) => k !== p.value) : [...r.value, p.value]
+                      v ? r.value.filter((z) => z !== p.value) : [...r.value, p.value]
                     ),
-                    onSelect: (k) => k.preventDefault(),
+                    onSelect: (z) => z.preventDefault(),
                     children: p.label
                   },
                   p.value
                 );
               }),
-              /* @__PURE__ */ e(ye, {}),
-              /* @__PURE__ */ e(se, { onSelect: c, children: "Clear filter" })
+              /* @__PURE__ */ t(ye, {}),
+              /* @__PURE__ */ t(se, { onSelect: d, children: "Clear filter" })
             ] })
           ] })
         ] }, r.id);
       }),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t(
         "button",
         {
           type: "button",
@@ -1628,14 +1658,14 @@ function br({
         }
       )
     ] }) : null,
-    S,
+    C,
     w && R.size > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "font-medium text-fg", children: [
         R.size,
         " selected"
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (I ?? []).map((r) => /* @__PURE__ */ s(
-        D,
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: (P ?? []).map((r) => /* @__PURE__ */ s(
+        T,
         {
           size: "md",
           variant: r.variant ?? "outline",
@@ -1655,13 +1685,13 @@ function br({
           onClick: () => pe(/* @__PURE__ */ new Set()),
           className: "ml-auto inline-flex items-center gap-1 text-xs text-muted hover:text-fg",
           children: [
-            /* @__PURE__ */ e(ie, { className: "size-3.5" }),
+            /* @__PURE__ */ t(ie, { className: "size-3.5" }),
             "Clear"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       ce,
       {
         action: ue,
@@ -1672,9 +1702,9 @@ function br({
           // 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__ */ 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(
+            /* @__PURE__ */ t("colgroup", { children: Fe.map((r, d) => /* @__PURE__ */ t("col", { style: { width: r } }, d)) }),
+            /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ s("tr", { children: [
+              w && /* @__PURE__ */ t("th", { className: "h-(--table-header-h) w-11 px-4 align-middle", children: /* @__PURE__ */ t(
                 ve,
                 {
                   "aria-label": "Select all rows",
@@ -1682,12 +1712,12 @@ function br({
                   onCheckedChange: Tt
                 }
               ) }),
-              E.map((r) => /* @__PURE__ */ e(
+              E.map((r) => /* @__PURE__ */ t(
                 "th",
                 {
-                  className: o(Va, r.align === "right" && "text-right", r.className),
+                  className: o(Ua, r.align === "right" && "text-right", r.className),
                   children: r.sortable ? /* @__PURE__ */ s(
-                    D,
+                    T,
                     {
                       type: "button",
                       variant: "ghost",
@@ -1698,45 +1728,45 @@ function br({
                         "h-auto gap-1.5 rounded-none px-0 py-0 text-[0.8125rem] text-table-header transition-colors [&_svg]:size-3.5",
                         "hover:bg-transparent hover:text-table-header-active hover:shadow-none",
                         "active:scale-100 active:bg-transparent active:shadow-none",
-                        (v == null ? void 0 : v.id) === r.id && "text-table-header-active"
+                        (y == null ? void 0 : y.id) === r.id && "text-table-header-active"
                       ),
                       children: [
                         r.header,
-                        (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" })
+                        (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? /* @__PURE__ */ t(Jt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(oe, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(Qt, { className: "size-3.5 opacity-50" })
                       ]
                     }
                   ) : r.header
                 },
                 r.id
               )),
-              y && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
+              g && /* @__PURE__ */ t("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ t("span", { className: "sr-only", children: "Actions" }) })
             ] }) })
           ] })
         ),
-        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" }) }),
+        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(Xt, { weight: "duotone" }) }),
           /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-            /* @__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
+            /* @__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
           ] }),
           i.action
-        ] }) : j.length === 0 ? /* @__PURE__ */ e(
-          Ha,
+        ] }) : j.length === 0 ? /* @__PURE__ */ t(
+          Va,
           {
-            icon: d == null ? void 0 : d.icon,
-            title: (d == null ? void 0 : d.title) ?? "No results",
-            description: typeof (d == null ? void 0 : d.description) == "string" ? d.description : void 0,
-            action: d == null ? void 0 : d.action
+            icon: u == null ? void 0 : u.icon,
+            title: (u == null ? void 0 : u.title) ?? "No results",
+            description: typeof (u == null ? void 0 : u.description) == "string" ? u.description : void 0,
+            action: u == null ? void 0 : u.action
           }
         ) : /* @__PURE__ */ s("table", { className: "w-full table-fixed border-collapse", children: [
-          /* @__PURE__ */ 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("colgroup", { children: Fe.map((r, d) => /* @__PURE__ */ t("col", { style: { width: r } }, d)) }),
+          /* @__PURE__ */ t("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
+            w && /* @__PURE__ */ t("th", { scope: "col", children: "Select" }),
+            E.map((r) => /* @__PURE__ */ t("th", { scope: "col", "aria-sort": _t(r), children: r.header }, r.id)),
+            g && /* @__PURE__ */ t("th", { scope: "col", children: "Actions" })
           ] }) }),
-          /* @__PURE__ */ e(pa, { children: j.map((r) => {
-            const c = n(r), p = R.has(c);
+          /* @__PURE__ */ t(pa, { children: j.map((r) => {
+            const d = n(r), p = R.has(d);
             return /* @__PURE__ */ s(
               fa,
               {
@@ -1744,27 +1774,27 @@ function br({
                 onClick: F ? () => F(r) : void 0,
                 className: F ? "cursor-pointer" : void 0,
                 children: [
-                  w && /* @__PURE__ */ e(he, { className: "w-11 px-4", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ e(
+                  w && /* @__PURE__ */ t(he, { className: "w-11 px-4", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ t(
                     ve,
                     {
                       "aria-label": "Select row",
                       checked: p,
-                      onCheckedChange: () => Mt(c)
+                      onCheckedChange: () => Mt(d)
                     }
                   ) }),
-                  E.map((x) => /* @__PURE__ */ e(
+                  E.map((v) => /* @__PURE__ */ t(
                     he,
                     {
-                      "data-numeric": x.numeric ? "" : void 0,
-                      className: o(x.align === "right" && "text-right", x.className),
-                      children: x.cell(r)
+                      "data-numeric": v.numeric ? "" : void 0,
+                      className: o(v.align === "right" && "text-right", v.className),
+                      children: v.cell(r)
                     },
-                    x.id
+                    v.id
                   )),
-                  y && /* @__PURE__ */ e(he, { className: "w-44 px-4 text-right", onClick: (x) => x.stopPropagation(), children: y(r) })
+                  g && /* @__PURE__ */ t(he, { className: "w-44 px-4 text-right", onClick: (v) => v.stopPropagation(), children: g(r) })
                 ]
               },
-              c
+              d
             );
           }) })
         ] })
@@ -1779,15 +1809,15 @@ function br({
         G.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", 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: [
+        /* @__PURE__ */ s(Ga, { value: String(L), onValueChange: (r) => vt(Number(r)), children: [
+          /* @__PURE__ */ t(ft, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ t(qa, {}) }),
+          /* @__PURE__ */ t(bt, { children: _.map((r) => /* @__PURE__ */ s(De, { value: String(r), children: [
             r,
             " / page"
           ] }, r)) })
         ] }),
-        /* @__PURE__ */ e(
-          D,
+        /* @__PURE__ */ t(
+          T,
           {
             variant: "outline",
             size: "md",
@@ -1796,8 +1826,8 @@ function br({
             children: "Previous"
           }
         ),
-        /* @__PURE__ */ e(
-          D,
+        /* @__PURE__ */ t(
+          T,
           {
             variant: "outline",
             size: "md",
@@ -1810,61 +1840,61 @@ function br({
     ] })
   ] });
 }
-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,
+function gr({ 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,
     /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-      /* @__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
+      /* @__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
     ] }),
     l
   ] }) });
 }
-function gr({ className: t, ...a }) {
-  return /* @__PURE__ */ e(
+function xr({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
     "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",
-        t
+        e
       ),
       ...a
     }
   );
 }
-const Wa = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const Oa = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   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",
-      t
+      e
     ),
     ...a
   }
 ));
-Wa.displayName = "Label";
-function xr({
-  value: t,
+Oa.displayName = "Label";
+function vr({
+  value: e,
   onValueChange: a,
   options: n,
   size: l = "sm",
   className: i,
-  ...d
+  ...u
 }) {
-  const u = de();
-  return /* @__PURE__ */ e(
+  const m = de();
+  return /* @__PURE__ */ t(
     "div",
     {
       role: "radiogroup",
-      "aria-label": d["aria-label"],
+      "aria-label": u["aria-label"],
       className: o(
         "inline-flex w-fit items-center rounded-lg border border-line bg-canvas",
         l === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
         i
       ),
-      children: n.map((m) => {
-        const h = m.value === t;
+      children: n.map((c) => {
+        const x = c.value === e;
         return /* @__PURE__ */ s(
           "label",
           {
@@ -1872,31 +1902,31 @@ function xr({
               "inline-flex h-full cursor-pointer items-center justify-center gap-1.5 rounded-md text-sm font-medium transition-colors",
               "has-focus-visible:ring-2 has-focus-visible:ring-focus/40",
               l === "sm" ? "px-(--control-pad-x-sm) [&_svg]:size-(--control-icon-sm)" : "px-(--control-pad-x-md) [&_svg]:size-(--control-icon-md)",
-              h ? "btn-fill bg-(--button-secondary-bg) text-fg" : "text-muted hover:text-fg"
+              x ? "btn-fill bg-(--button-secondary-bg) text-fg" : "text-muted hover:text-fg"
             ),
             children: [
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ t(
                 "input",
                 {
                   type: "radio",
-                  name: u,
-                  value: m.value,
-                  checked: h,
-                  onChange: () => a(m.value),
+                  name: m,
+                  value: c.value,
+                  checked: x,
+                  onChange: () => a(c.value),
                   className: "sr-only"
                 }
               ),
-              m.icon,
-              m.label
+              c.icon,
+              c.label
             ]
           },
-          m.value
+          c.value
         );
       })
     }
   );
 }
-const Oa = b(({ className: t, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
+const Xa = f(({ className: e, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ t(
   aa.Root,
   {
     ref: i,
@@ -1905,22 +1935,22 @@ const Oa = b(({ className: t, orientation: a = "horizontal", decorative: n = !0,
     className: o(
       "shrink-0 bg-line",
       a === "horizontal" ? "h-px w-full" : "h-full w-px",
-      t
+      e
     ),
     ...l
   }
 ));
-Oa.displayName = "Separator";
-function vr({ className: t, ...a }) {
-  return /* @__PURE__ */ e(
+Xa.displayName = "Separator";
+function Nr({ className: e, ...a }) {
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: o("animate-pulse rounded-md bg-elevated", t),
+      className: o("animate-pulse rounded-md bg-elevated", e),
       ...a
     }
   );
 }
-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(
+const yr = O.Provider, wr = O.Root, Cr = O.Trigger, Ja = f(({ className: e, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ t(O.Portal, { children: /* @__PURE__ */ t(
   O.Content,
   {
     ref: l,
@@ -1933,20 +1963,20 @@ const Nr = O.Provider, yr = O.Root, wr = O.Trigger, Xa = b(({ className: t, 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",
-      t
+      e
     ),
     ...n
   }
 ) }));
-Xa.displayName = "TooltipContent";
+Ja.displayName = "TooltipContent";
 export {
-  ar as AgentPrompt,
+  rr as AgentPrompt,
   Ye as Avatar,
   Ke as AvatarFallback,
   Ze as AvatarImage,
   da as Badge,
-  D as Button,
-  rr as Callout,
+  T as Button,
+  nr as Callout,
   va as Card,
   wa as CardContent,
   ya as CardDescription,
@@ -1954,65 +1984,65 @@ export {
   et as CardHeader,
   Na as CardTitle,
   ve as Checkbox,
-  sr as ChoiceDialog,
-  dr as CodeBlock,
-  br as DataTable,
-  fr as DataTableIdentity,
+  dr as ChoiceDialog,
+  cr as CodeBlock,
+  hr as DataTable,
+  br as DataTableIdentity,
   Ta as Dialog,
-  Pa as DialogBody,
+  Ia as DialogBody,
   lt as DialogCancel,
-  or as DialogClose,
+  sr as DialogClose,
   ot as DialogContent,
-  ja as DialogDescription,
-  Ea as DialogFooter,
-  Ia as DialogHeader,
-  Ma as DialogPanel,
+  _a as DialogDescription,
+  ja as DialogFooter,
+  Ea as DialogHeader,
+  Pa as DialogPanel,
   st as DialogTitle,
   nt as DialogTrigger,
   xe as DropdownMenu,
   W as DropdownMenuCheckboxItem,
   mt as DropdownMenuChevron,
   ne as DropdownMenuContent,
-  cr as DropdownMenuGroup,
+  ur as DropdownMenuGroup,
   se as DropdownMenuItem,
   le as DropdownMenuLabel,
-  ur as DropdownMenuPortal,
+  mr as DropdownMenuPortal,
   ye as DropdownMenuSeparator,
-  mr as DropdownMenuSub,
-  Fa as DropdownMenuSubContent,
+  pr as DropdownMenuSub,
+  $a as DropdownMenuSubContent,
   pt as DropdownMenuSubTrigger,
   re as DropdownMenuTrigger,
-  hr as EmptyState,
+  gr as EmptyState,
   ct as Input,
-  gr as Kbd,
-  Wa as Label,
-  La as RadioCard,
-  _a as RadioGroup,
-  xr as Segmented,
-  qa as Select,
+  xr as Kbd,
+  Oa as Label,
+  Ra as RadioCard,
+  La as RadioGroup,
+  vr as Segmented,
+  Ga as Select,
   bt as SelectContent,
-  pr as SelectGroup,
+  fr as SelectGroup,
   De as SelectItem,
-  Ga as SelectLabel,
+  Ha as SelectLabel,
   ft as SelectTrigger,
-  $a as SelectValue,
-  Oa as Separator,
-  vr as Skeleton,
+  qa as SelectValue,
+  Xa as Separator,
+  Nr as Skeleton,
   na as Spinner,
-  nr as Table,
+  lr as Table,
   pa as TableBody,
   he as TableCell,
   ua as TableContainer,
-  Ha as TableEmptyState,
-  ir as TableHead,
-  lr as TableHeader,
+  Va as TableEmptyState,
+  or as TableHead,
+  ir as TableHeader,
   ma as TablePanel,
   fa as TableRow,
   ce as TableSurface,
-  yr as Tooltip,
-  Xa as TooltipContent,
-  Nr as TooltipProvider,
-  wr as TooltipTrigger,
+  wr as Tooltip,
+  Ja as TooltipContent,
+  yr as TooltipProvider,
+  Cr as TooltipTrigger,
   oa as badgeVariants,
   la as buttonVariants
 };