@jinaan/uikit 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,33 +1,33 @@
-import { jsx as e, jsxs as i, Fragment as De } from "react/jsx-runtime";
-import { CircleNotch as tt, Robot as at, Terminal as rt, Check as V, Copy as Te, XCircle as nt, Warning as lt, CheckCircle as st, Info as it, Minus as ot, X as be, CaretDown as Q, MagnifyingGlass as dt, Columns as ct, Lock as mt, FunnelSimple as ye, WarningCircle as ut, CaretUp as bt, CaretUpDown as pt } from "@phosphor-icons/react";
-import { forwardRef as b, useState as D, useContext as ht, useId as te, createContext as ft, useMemo as we, useEffect as Ce } from "react";
-import { Slot as vt } from "@radix-ui/react-slot";
+import { jsx as e, jsxs as i, Fragment as Se } from "react/jsx-runtime";
+import { CircleNotch as et, Robot as tt, Terminal as at, Check as V, Copy as De, XCircle as rt, Warning as nt, CheckCircle as lt, Info as it, Minus as st, X as te, CaretDown as Q, MagnifyingGlass as ot, Columns as dt, Lock as ct, FunnelSimple as ye, WarningCircle as mt, CaretUp as ut, CaretUpDown as bt } from "@phosphor-icons/react";
+import { forwardRef as p, useState as T, useContext as pt, useId as ae, createContext as ht, useMemo as we, useEffect as Ce } from "react";
+import { Slot as ft } from "@radix-ui/react-slot";
 import { cva as pe } from "class-variance-authority";
 import { clsx as xt } from "clsx";
 import { twMerge as gt } from "tailwind-merge";
 import * as he from "@radix-ui/react-avatar";
 import * as ze from "@radix-ui/react-checkbox";
-import * as T from "@radix-ui/react-dialog";
+import * as I from "@radix-ui/react-dialog";
 import * as z from "@radix-ui/react-dropdown-menu";
 import * as C from "@radix-ui/react-select";
-import * as Nt from "@radix-ui/react-label";
-import * as yt from "@radix-ui/react-separator";
+import * as vt from "@radix-ui/react-label";
+import * as Nt from "@radix-ui/react-separator";
 import * as q from "@radix-ui/react-tooltip";
-function l(...t) {
-  return gt(xt(t));
+function l(...a) {
+  return gt(xt(a));
 }
-function wt({ className: t }) {
+function yt({ className: a }) {
   return /* @__PURE__ */ e(
-    tt,
+    et,
     {
-      className: l("size-4 animate-spin text-muted", t),
+      className: l("size-4 animate-spin text-muted", a),
       weight: "bold",
       "aria-hidden": !0
     }
   );
 }
-const Ct = pe(
-  "relative inline-flex select-none items-center justify-center gap-[var(--control-gap)] whitespace-nowrap rounded-[var(--control-radius)] border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[120ms] active:scale-[0.97] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus/40 focus-visible:ring-offset-1 focus-visible:ring-offset-canvas disabled:pointer-events-none disabled:opacity-50",
+const wt = pe(
+  "relative inline-flex select-none items-center justify-center gap-[var(--control-gap)] whitespace-nowrap rounded-[var(--control-radius)] border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[120ms] active:scale-[0.97] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
@@ -52,74 +52,74 @@ const Ct = pe(
       size: "md"
     }
   }
-), zt = {
+), Ct = {
   xs: "[&_svg]:size-[var(--control-icon-xs)]",
   sm: "[&_svg]:size-[var(--control-icon-sm)]",
   md: "[&_svg]:size-[var(--control-icon-md)]",
   lg: "[&_svg]:size-[var(--control-icon-lg)]",
   xl: "[&_svg]:size-[var(--control-icon-xl)]",
   icon: "[&_svg]:size-[var(--control-icon-md)]"
-}, w = b(
+}, y = p(
   ({
-    className: t,
+    className: a,
     variant: r,
     size: n = "md",
     asChild: s = !1,
-    leadingIcon: d,
+    leadingIcon: o,
     trailingIcon: u,
     iconOnly: c = !1,
     loading: m = !1,
     fullWidth: h = !1,
-    disabled: x,
-    children: g,
-    ...I
+    disabled: g,
+    children: v,
+    ...j
   }, k) => {
-    const S = s ? vt : "button", y = zt[n ?? "md"];
+    const S = s ? ft : "button", w = Ct[n ?? "md"];
     return /* @__PURE__ */ e(
       S,
       {
         ref: k,
         "aria-busy": m || void 0,
-        disabled: s ? void 0 : x || m,
+        disabled: s ? void 0 : g || m,
         className: l(
-          Ct({ variant: r, size: n }),
+          wt({ variant: r, size: n }),
           c && "aspect-square px-0",
           h && "w-full",
-          t
+          a
         ),
-        ...I,
-        children: s ? g : /* @__PURE__ */ i(De, { children: [
-          m ? /* @__PURE__ */ e(wt, { className: l("text-current", y), "aria-hidden": !0 }) : d ? /* @__PURE__ */ e("span", { className: l("inline-flex shrink-0", y), "aria-hidden": !0, children: d }) : null,
-          g,
-          !m && u ? /* @__PURE__ */ e("span", { className: l("inline-flex shrink-0", y), "aria-hidden": !0, children: u }) : null
+        ...j,
+        children: s ? v : /* @__PURE__ */ i(Se, { children: [
+          m ? /* @__PURE__ */ e(yt, { className: l("text-current", w), "aria-hidden": !0 }) : o ? /* @__PURE__ */ e("span", { className: l("inline-flex shrink-0", w), "aria-hidden": !0, children: o }) : null,
+          v,
+          !m && u ? /* @__PURE__ */ e("span", { className: l("inline-flex shrink-0", w), "aria-hidden": !0, children: u }) : null
         ] })
       }
     );
   }
 );
-w.displayName = "Button";
-function va({
-  command: t,
+y.displayName = "Button";
+function fa({
+  command: a,
   tag: r = "Build with agents",
   icon: n,
   className: s
 }) {
-  const [d, u] = D(!1), c = async () => {
+  const [o, u] = T(!1), c = async () => {
     try {
-      await navigator.clipboard.writeText(t), u(!0), window.setTimeout(() => u(!1), 1500);
+      await navigator.clipboard.writeText(a), u(!0), window.setTimeout(() => u(!1), 1500);
     } catch {
     }
   };
   return /* @__PURE__ */ i("div", { className: l("relative inline-flex max-w-full", s), children: [
     /* @__PURE__ */ i("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(at, { className: "size-3.5", weight: "fill" }),
+      n ?? /* @__PURE__ */ e(tt, { className: "size-3.5", weight: "fill" }),
       r
     ] }),
     /* @__PURE__ */ i("div", { className: "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(rt, { 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(at, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ e("span", { className: "truncate font-mono text-sm text-fg", children: a }),
       /* @__PURE__ */ e(
-        w,
+        y,
         {
           variant: "ghost",
           size: "sm",
@@ -127,46 +127,46 @@ function va({
           "aria-label": "Copy prompt",
           className: "ml-auto",
           onClick: c,
-          children: d ? /* @__PURE__ */ e(V, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Te, {})
+          children: o ? /* @__PURE__ */ e(V, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(De, {})
         }
       )
     ] })
   ] });
 }
-const Ie = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+const Te = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
   he.Root,
   {
     ref: n,
     className: l(
       "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
-      t
+      a
     ),
     ...r
   }
 ));
-Ie.displayName = "Avatar";
-const _e = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+Te.displayName = "Avatar";
+const Ie = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
   he.Image,
   {
     ref: n,
-    className: l("aspect-square size-full object-cover", t),
+    className: l("aspect-square size-full object-cover", a),
     ...r
   }
 ));
-_e.displayName = "AvatarImage";
-const je = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+Ie.displayName = "AvatarImage";
+const je = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
   he.Fallback,
   {
     ref: n,
     className: l(
       "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
-      t
+      a
     ),
     ...r
   }
 ));
 je.displayName = "AvatarFallback";
-const kt = pe(
+const zt = pe(
   "inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
   {
     variants: {
@@ -182,7 +182,7 @@ const kt = pe(
     },
     defaultVariants: { variant: "neutral" }
   }
-), St = pe("size-1.5 shrink-0 rounded-full", {
+), kt = pe("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -196,50 +196,50 @@ const kt = pe(
   },
   defaultVariants: { variant: "neutral" }
 });
-function Dt({ className: t, variant: r, dot: n = !1, children: s, ...d }) {
-  return /* @__PURE__ */ i("span", { className: l(kt({ variant: r }), t), ...d, children: [
-    n ? /* @__PURE__ */ e("span", { className: l(St({ variant: r })), "aria-hidden": !0 }) : null,
+function St({ className: a, variant: r, dot: n = !1, children: s, ...o }) {
+  return /* @__PURE__ */ i("span", { className: l(zt({ variant: r }), a), ...o, children: [
+    n ? /* @__PURE__ */ e("span", { className: l(kt({ variant: r })), "aria-hidden": !0 }) : null,
     s
   ] });
 }
-const Tt = {
+const Dt = {
   info: {
     Icon: it,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: st,
+    Icon: lt,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
   warning: {
-    Icon: lt,
+    Icon: nt,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: nt,
+    Icon: rt,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
 function xa({
-  variant: t = "info",
+  variant: a = "info",
   title: r,
   children: n,
   icon: s,
-  className: d
+  className: o
 }) {
-  const { Icon: u, className: c, iconClassName: m } = Tt[t];
+  const { Icon: u, className: c, iconClassName: m } = Dt[a];
   return /* @__PURE__ */ i(
     "div",
     {
-      role: t === "error" ? "alert" : void 0,
+      role: a === "error" ? "alert" : void 0,
       className: l(
         "flex items-start gap-2.5 rounded-lg border px-3.5 py-3 text-sm",
         c,
-        d
+        o
       ),
       children: [
         /* @__PURE__ */ e("span", { className: l("mt-0.5 shrink-0 [&_svg]:size-4", m), children: s ?? /* @__PURE__ */ e(u, { weight: "fill" }) }),
@@ -251,53 +251,53 @@ function xa({
     }
   );
 }
-const It = b(
-  ({ className: t, ...r }, n) => /* @__PURE__ */ e(
+const Tt = p(
+  ({ className: a, ...r }, n) => /* @__PURE__ */ e(
     "div",
     {
       ref: n,
       className: l(
         "rounded-card border border-line bg-surface shadow-xs",
-        t
+        a
       ),
       ...r
     }
   )
 );
-It.displayName = "Card";
-const _t = b(
-  ({ className: t, ...r }, n) => /* @__PURE__ */ e(
+Tt.displayName = "Card";
+const It = p(
+  ({ className: a, ...r }, n) => /* @__PURE__ */ e(
     "div",
     {
       ref: n,
-      className: l("flex flex-col gap-1 border-b border-line px-5 py-4", t),
+      className: l("flex flex-col gap-1 border-b border-line px-5 py-4", a),
       ...r
     }
   )
 );
-_t.displayName = "CardHeader";
-const jt = b(
-  ({ className: t, ...r }, n) => /* @__PURE__ */ e("h2", { ref: n, className: l("text-sm font-semibold text-fg", t), ...r })
+It.displayName = "CardHeader";
+const jt = p(
+  ({ className: a, ...r }, n) => /* @__PURE__ */ e("h2", { ref: n, className: l("text-sm font-semibold text-fg", a), ...r })
 );
 jt.displayName = "CardTitle";
-const Pt = b(({ className: t, ...r }, n) => /* @__PURE__ */ e("p", { ref: n, className: l("text-sm text-muted", t), ...r }));
-Pt.displayName = "CardDescription";
-const Mt = b(
-  ({ className: t, ...r }, n) => /* @__PURE__ */ e("div", { ref: n, className: l("px-5 py-4", t), ...r })
+const _t = p(({ className: a, ...r }, n) => /* @__PURE__ */ e("p", { ref: n, className: l("text-sm text-muted", a), ...r }));
+_t.displayName = "CardDescription";
+const Pt = p(
+  ({ className: a, ...r }, n) => /* @__PURE__ */ e("div", { ref: n, className: l("px-5 py-4", a), ...r })
 );
-Mt.displayName = "CardContent";
-const Lt = b(
-  ({ className: t, ...r }, n) => /* @__PURE__ */ e(
+Pt.displayName = "CardContent";
+const Mt = p(
+  ({ className: a, ...r }, n) => /* @__PURE__ */ e(
     "div",
     {
       ref: n,
-      className: l("flex items-center gap-3 border-t border-line px-5 py-3", t),
+      className: l("flex items-center gap-3 border-t border-line px-5 py-3", a),
       ...r
     }
   )
 );
-Lt.displayName = "CardFooter";
-const ce = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+Mt.displayName = "CardFooter";
+const me = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
   ze.Root,
   {
     ref: n,
@@ -307,17 +307,17 @@ const ce = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-fg",
       "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-fg",
-      t
+      a
     ),
     ...r,
-    children: /* @__PURE__ */ e(ze.Indicator, { className: "flex items-center justify-center text-current", children: r.checked === "indeterminate" ? /* @__PURE__ */ e(ot, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(V, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ e(ze.Indicator, { className: "flex items-center justify-center text-current", children: r.checked === "indeterminate" ? /* @__PURE__ */ e(st, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(V, { className: "size-3", weight: "bold" }) })
   }
 ));
-ce.displayName = "Checkbox";
-const Et = T.Root, At = T.Trigger, ga = T.Close, Pe = b(({ className: t, children: r, ...n }, s) => /* @__PURE__ */ i(T.Portal, { children: [
-  /* @__PURE__ */ e(T.Overlay, { className: "fixed inset-0 z-50 bg-overlay backdrop-blur-[1px] data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0" }),
+me.displayName = "Checkbox";
+const Et = I.Root, Lt = I.Trigger, ga = I.Close, _e = p(({ className: a, children: r, ...n }, s) => /* @__PURE__ */ i(I.Portal, { children: [
+  /* @__PURE__ */ e(I.Overlay, { className: "fixed inset-0 z-50 bg-overlay backdrop-blur-[1px] data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0" }),
   /* @__PURE__ */ i(
-    T.Content,
+    I.Content,
     {
       ref: s,
       className: l(
@@ -328,116 +328,116 @@ const Et = T.Root, At = T.Trigger, ga = T.Close, Pe = b(({ className: t, childre
         "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
         "data-[state=open]:slide-in-from-top-2 duration-200 ease-out",
         "focus:outline-none",
-        t
+        a
       ),
       ...n,
       children: [
         r,
-        /* @__PURE__ */ i(T.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(be, { className: "size-4" }),
+        /* @__PURE__ */ i(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__ */ e(te, { className: "size-4" }),
           /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
-Pe.displayName = "DialogContent";
-function Bt({ className: t, ...r }) {
+_e.displayName = "DialogContent";
+function At({ className: a, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "panel",
       className: l(
         "flex min-h-0 flex-1 flex-col overflow-hidden rounded-b-2xl border-x-0 border-t-0 border-b border-[var(--dialog-panel-border)] bg-[var(--dialog-panel-bg)] shadow-[var(--dialog-panel-shadow)]",
-        t
+        a
       ),
       ...r
     }
   );
 }
-function Rt({ className: t, ...r }) {
+function Rt({ className: a, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "body",
-      className: l("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
+      className: l("min-h-0 flex-1 overflow-y-auto px-5 py-4", a),
       ...r
     }
   );
 }
-function Ft({ className: t, ...r }) {
+function Bt({ className: a, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "header",
       className: l(
         "flex shrink-0 flex-col gap-1.5 border-b border-[var(--dialog-panel-border)] px-5 py-4",
-        t
+        a
       ),
       ...r
     }
   );
 }
-function Ht({ className: t, ...r }) {
+function Ft({ className: a, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "footer",
       className: l(
         "flex shrink-0 flex-col-reverse gap-2 px-3 pt-3 sm:flex-row sm:justify-end sm:px-4 sm:pt-3.5",
-        t
+        a
       ),
       ...r
     }
   );
 }
-const Me = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  T.Title,
+const Pe = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
+  I.Title,
   {
     ref: n,
-    className: l("text-base font-semibold text-fg", t),
+    className: l("text-base font-semibold text-fg", a),
     ...r
   }
 ));
-Me.displayName = "DialogTitle";
-const $t = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  T.Description,
+Pe.displayName = "DialogTitle";
+const $t = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
+  I.Description,
   {
     ref: n,
-    className: l("text-sm text-muted", t),
+    className: l("text-sm text-muted", a),
     ...r
   }
 ));
 $t.displayName = "DialogDescription";
-const Le = ft(null);
-function Gt({
-  label: t,
+const Me = ht(null);
+function Ht({
+  label: a,
   value: r,
   onChange: n,
   disabled: s = !1,
-  name: d,
+  name: o,
   className: u,
   children: c,
   ...m
 }) {
-  const h = te(), x = d ?? h;
-  return /* @__PURE__ */ e(Le.Provider, { value: { name: x, value: r, onChange: n, disabled: s }, children: /* @__PURE__ */ i("fieldset", { className: l("flex flex-col gap-6", u), ...m, children: [
-    /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
+  const h = ae(), g = o ?? h;
+  return /* @__PURE__ */ e(Me.Provider, { value: { name: g, value: r, onChange: n, disabled: s }, children: /* @__PURE__ */ i("fieldset", { className: l("flex flex-col gap-6", u), ...m, children: [
+    /* @__PURE__ */ e("legend", { className: "sr-only", children: a }),
     c
   ] }) });
 }
-function qt({
-  value: t,
+function Gt({
+  value: a,
   title: r,
   description: n,
   badge: s,
-  disabled: d = !1,
+  disabled: o = !1,
   className: u
 }) {
-  const c = ht(Le), m = te();
+  const c = pt(Me), m = ae();
   if (!c)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const h = d || c.disabled, x = c.value === t;
+  const h = o || c.disabled, g = c.value === a;
   return /* @__PURE__ */ i(
     "label",
     {
@@ -452,12 +452,12 @@ function qt({
           {
             type: "radio",
             name: c.name,
-            value: t,
-            checked: x,
+            value: a,
+            checked: g,
             disabled: h,
             onChange: () => {
-              var g;
-              return (g = c.onChange) == null ? void 0 : g.call(c, t);
+              var v;
+              return (v = c.onChange) == null ? void 0 : v.call(c, a);
             },
             "aria-describedby": n ? m : void 0,
             className: "peer sr-only"
@@ -477,7 +477,7 @@ function qt({
         /* @__PURE__ */ i("span", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ i("span", { className: "flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: r }),
-            s ? /* @__PURE__ */ e(Dt, { variant: "primary", children: s }) : null
+            s ? /* @__PURE__ */ e(St, { variant: "primary", children: s }) : null
           ] }),
           n ? /* @__PURE__ */ e("span", { id: m, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
@@ -485,35 +485,35 @@ function qt({
     }
   );
 }
-function Na({
-  open: t,
+function va({
+  open: a,
   onOpenChange: r,
   trigger: n,
   title: s,
-  options: d,
+  options: o,
   defaultValue: u,
   value: c,
   onValueChange: m,
   cancelLabel: h = "Cancel",
-  confirmLabel: x = "Continue",
-  onConfirm: g
+  confirmLabel: g = "Continue",
+  onConfirm: v
 }) {
-  var P;
-  const [I, k] = D(u ?? ((P = d[0]) == null ? void 0 : P.value) ?? ""), S = c ?? I;
-  return /* @__PURE__ */ i(Et, { open: t, onOpenChange: r, children: [
-    n ? /* @__PURE__ */ e(At, { asChild: !0, children: n }) : null,
+  var M;
+  const [j, k] = T(u ?? ((M = o[0]) == null ? void 0 : M.value) ?? ""), S = c ?? j;
+  return /* @__PURE__ */ i(Et, { open: a, onOpenChange: r, children: [
+    n ? /* @__PURE__ */ e(Lt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ i(
-      Pe,
+      _e,
       {
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ i(Bt, { children: [
-            /* @__PURE__ */ e(Ft, { children: /* @__PURE__ */ e(Me, { className: "text-xl", children: s }) }),
-            /* @__PURE__ */ e(Rt, { children: /* @__PURE__ */ e(Gt, { label: s, value: S, onChange: (N) => {
+          /* @__PURE__ */ i(At, { children: [
+            /* @__PURE__ */ e(Bt, { children: /* @__PURE__ */ e(Pe, { className: "text-xl", children: s }) }),
+            /* @__PURE__ */ e(Rt, { children: /* @__PURE__ */ e(Ht, { label: s, value: S, onChange: (N) => {
               c === void 0 && k(N), m == null || m(N);
-            }, children: d.map((N) => /* @__PURE__ */ e(
-              qt,
+            }, children: o.map((N) => /* @__PURE__ */ e(
+              Gt,
               {
                 value: N.value,
                 title: N.title,
@@ -523,9 +523,9 @@ function Na({
               N.value
             )) }) })
           ] }),
-          /* @__PURE__ */ i(Ht, { className: "gap-3 pt-2.5", children: [
+          /* @__PURE__ */ i(Ft, { className: "gap-3 pt-2.5", children: [
             /* @__PURE__ */ e(
-              w,
+              y,
               {
                 variant: "secondary",
                 className: "flex-1",
@@ -533,17 +533,17 @@ function Na({
                 children: h
               }
             ),
-            /* @__PURE__ */ e(w, { className: "flex-1", onClick: () => g == null ? void 0 : g(S), children: x })
+            /* @__PURE__ */ e(y, { className: "flex-1", onClick: () => v == null ? void 0 : v(S), children: g })
           ] })
         ]
       }
     )
   ] });
 }
-function ya({ code: t, label: r, className: n }) {
-  const [s, d] = D(!1), u = async () => {
+function Na({ code: a, label: r, className: n }) {
+  const [s, o] = T(!1), u = async () => {
     try {
-      await navigator.clipboard.writeText(t), d(!0), window.setTimeout(() => d(!1), 1500);
+      await navigator.clipboard.writeText(a), o(!0), window.setTimeout(() => o(!1), 1500);
     } catch {
     }
   };
@@ -558,27 +558,27 @@ function ya({ code: t, label: r, className: n }) {
         /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2 border-b border-line px-3 py-2", children: [
           /* @__PURE__ */ e("span", { className: "truncate text-xs font-medium text-subtle", children: r }),
           /* @__PURE__ */ e(
-            w,
+            y,
             {
               variant: "ghost",
               size: "sm",
-              leadingIcon: s ? /* @__PURE__ */ e(V, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Te, {}),
+              leadingIcon: s ? /* @__PURE__ */ e(V, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(De, {}),
               onClick: u,
               children: s ? "Copied" : "Copy"
             }
           )
         ] }),
-        /* @__PURE__ */ e("pre", { className: "overflow-x-auto p-4 font-mono text-xs leading-relaxed text-fg", children: /* @__PURE__ */ e("code", { children: t }) })
+        /* @__PURE__ */ e("pre", { className: "overflow-x-auto p-4 font-mono text-xs leading-relaxed text-fg", children: /* @__PURE__ */ e("code", { children: a }) })
       ]
     }
   );
 }
-const Vt = {
+const qt = {
   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-[var(--control-radius-xl)] text-base"
-}, Ot = {
+}, Vt = {
   sm: "px-[var(--control-pad-x-sm)]",
   md: "px-[var(--control-pad-x-md)]",
   lg: "px-[var(--control-pad-x-lg)]",
@@ -598,88 +598,88 @@ const Vt = {
   md: "size-[var(--control-icon-md)]",
   lg: "size-[var(--control-icon-lg)]",
   xl: "size-[var(--control-icon-xl)]"
-}, Ee = b(
+}, Ee = p(
   ({
-    className: t,
+    className: a,
     containerClassName: r,
     type: n = "text",
     size: s = "md",
-    leadingIcon: d,
+    leadingIcon: o,
     trailingIcon: u,
     onClear: c,
     value: m,
     defaultValue: h,
-    error: x = !1,
-    helperText: g,
-    id: I,
+    error: g = !1,
+    helperText: v,
+    id: j,
     "aria-describedby": k,
     disabled: S,
-    readOnly: y,
-    ...P
+    readOnly: w,
+    ...M
   }, N) => {
-    const A = te(), O = I ?? A, B = !!g, M = !!(c && (m !== void 0 ? String(m).length > 0 : h !== void 0 && String(h).length > 0)), W = B ? `${O}-description` : void 0, ae = [k, W].filter(Boolean).join(" ") || void 0, U = /* @__PURE__ */ e(
+    const R = ae(), W = j ?? R, B = !!v, E = !!(c && (m !== void 0 ? String(m).length > 0 : h !== void 0 && String(h).length > 0)), O = B ? `${W}-description` : void 0, re = [k, O].filter(Boolean).join(" ") || void 0, U = /* @__PURE__ */ e(
       "input",
       {
         ref: N,
-        id: O,
+        id: W,
         type: n,
         disabled: S,
-        readOnly: y,
-        "aria-invalid": x || void 0,
-        "aria-describedby": ae,
-        style: d || u || M ? {
-          paddingInlineStart: d ? `calc(var(--control-pad-x-${s}) + var(--control-icon-${s}) + var(--control-gap))` : void 0,
-          paddingInlineEnd: u || M ? `calc(var(--control-pad-x-${s}) + var(--control-icon-${s}) + var(--control-gap))` : void 0
+        readOnly: w,
+        "aria-invalid": g || void 0,
+        "aria-describedby": re,
+        style: o || u || E ? {
+          paddingInlineStart: o ? `calc(var(--control-pad-x-${s}) + var(--control-icon-${s}) + var(--control-gap))` : void 0,
+          paddingInlineEnd: u || E ? `calc(var(--control-pad-x-${s}) + var(--control-icon-${s}) + var(--control-gap))` : void 0
         } : void 0,
         className: l(
-          "flex w-full rounded-[var(--control-radius)] border bg-[var(--input-bg)] text-[var(--input-fg)] transition-colors",
+          "flex w-full rounded-(--control-radius) border bg-(--input-bg) text-(--input-fg) transition-colors",
+          qt[s],
           Vt[s],
-          Ot[s],
-          "placeholder:text-[var(--input-placeholder)]",
-          "hover:border-[var(--input-border-hover)]",
-          "focus-visible:outline-none focus-visible:border-[var(--input-border-focus)] focus-visible:ring-2 focus-visible:ring-focus/30",
-          x && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
-          !x && "border-[var(--input-border)]",
-          S && "cursor-not-allowed bg-[var(--input-bg-disabled)] opacity-60 hover:border-[var(--input-border)]",
-          y && "cursor-default focus-visible:ring-0",
-          t
+          "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)",
+          S && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
+          w && "cursor-default focus-visible:ring-0",
+          a
         ),
         value: m,
         defaultValue: h,
-        ...P
+        ...M
       }
     );
-    return !d && !u && !M && !B ? U : /* @__PURE__ */ i("div", { className: l("w-full", r), children: [
+    return !o && !u && !E && !B ? U : /* @__PURE__ */ i("div", { className: l("w-full", r), children: [
       /* @__PURE__ */ i("div", { className: "relative", children: [
-        d ? /* @__PURE__ */ e(
+        o ? /* @__PURE__ */ e(
           "span",
           {
             className: l(
-              "pointer-events-none absolute inset-y-0 flex items-center text-[var(--input-placeholder)]",
+              "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
               Wt[s]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: l("inline-flex items-center justify-center", se[s]), children: d })
+            children: /* @__PURE__ */ e("span", { className: l("inline-flex items-center justify-center", se[s]), children: o })
           }
         ) : null,
         U,
-        M ? /* @__PURE__ */ e(
+        E ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "aria-label": "Clear search",
             onClick: c,
             className: l(
-              "absolute inset-y-0 flex items-center text-[var(--input-placeholder)] transition-colors hover:text-[var(--input-fg)]",
+              "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
               ke[s]
             ),
-            children: /* @__PURE__ */ e("span", { className: l("inline-flex items-center justify-center", se[s]), children: /* @__PURE__ */ e(be, {}) })
+            children: /* @__PURE__ */ e("span", { className: l("inline-flex items-center justify-center", se[s]), children: /* @__PURE__ */ e(te, {}) })
           }
         ) : u ? /* @__PURE__ */ e(
           "span",
           {
             className: l(
-              "pointer-events-none absolute inset-y-0 flex items-center text-[var(--input-placeholder)]",
+              "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
               ke[s]
             ),
             "aria-hidden": !0,
@@ -690,85 +690,85 @@ const Vt = {
       B ? /* @__PURE__ */ e(
         "p",
         {
-          id: W,
-          className: l("mt-1.5 text-xs", x ? "text-error" : "text-muted"),
-          children: g
+          id: O,
+          className: l("mt-1.5 text-xs", g ? "text-error" : "text-muted"),
+          children: v
         }
       ) : null
     ] });
   }
 );
 Ee.displayName = "Input";
-const ie = z.Root, oe = z.Trigger, wa = z.Group, Ca = z.Portal, Y = b(({ className: t, sideOffset: r = 6, ...n }, s) => /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ e(
+const oe = z.Root, de = z.Trigger, ya = z.Group, wa = z.Portal, Y = p(({ className: a, sideOffset: r = 6, ...n }, s) => /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ e(
   z.Content,
   {
     ref: s,
     sideOffset: r,
     className: l(
-      "z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-surface p-1 shadow-md",
+      "z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-[var(--button-secondary-bg)] p-1 shadow-md",
       "data-[state=open]:animate-in data-[state=closed]:animate-out",
       "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
       "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
       "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
+      a
     ),
     ...n
   }
 ) }));
 Y.displayName = "DropdownMenuContent";
-const me = b(({ className: t, inset: r, ...n }, s) => /* @__PURE__ */ e(
+const ue = p(({ className: a, inset: r, ...n }, s) => /* @__PURE__ */ e(
   z.Item,
   {
     ref: s,
     className: l(
       "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-fg outline-none transition-colors",
-      "focus:bg-elevated data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "focus:bg-[var(--menu-highlight)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       "[&_svg]:size-4 [&_svg]:text-muted",
       r && "pl-8",
-      t
+      a
     ),
     ...n
   }
 ));
-me.displayName = "DropdownMenuItem";
-const Z = b(({ className: t, children: r, checked: n, ...s }, d) => /* @__PURE__ */ i(
+ue.displayName = "DropdownMenuItem";
+const Z = p(({ className: a, children: r, checked: n, ...s }, o) => /* @__PURE__ */ i(
   z.CheckboxItem,
   {
-    ref: d,
+    ref: o,
     className: l(
-      "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-elevated",
-      t
+      "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-[var(--menu-highlight)]",
+      a
     ),
     checked: n,
     ...s,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(z.ItemIndicator, { children: /* @__PURE__ */ e(V, { className: "size-3.5" }) }) }),
+      /* @__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(z.ItemIndicator, { 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: /* @__PURE__ */ e(V, { className: "size-3", weight: "bold" }) }) }),
       r
     ]
   }
 ));
 Z.displayName = "DropdownMenuCheckboxItem";
-const ee = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+const ee = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
   z.Label,
   {
     ref: n,
-    className: l("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    className: l("px-2 py-1.5 text-xs font-medium text-subtle", a),
     ...r
   }
 ));
 ee.displayName = "DropdownMenuLabel";
-const ue = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+const be = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
   z.Separator,
   {
     ref: n,
-    className: l("-mx-1 my-1 h-px bg-line", t),
+    className: l("-mx-1 my-1 h-px bg-line", a),
     ...r
   }
 ));
-ue.displayName = "DropdownMenuSeparator";
-const Ut = C.Root, za = C.Group, Xt = C.Value, Ae = b(({ className: t, children: r, ...n }, s) => /* @__PURE__ */ i(
+be.displayName = "DropdownMenuSeparator";
+const Ot = C.Root, Ca = C.Group, Ut = C.Value, Le = p(({ className: a, children: r, ...n }, s) => /* @__PURE__ */ i(
   C.Trigger,
   {
     ref: s,
@@ -776,7 +776,7 @@ const Ut = C.Root, za = C.Group, Xt = C.Value, Ae = b(({ className: t, children:
       "flex h-9 w-full items-center justify-between gap-2 rounded-md border border-line bg-surface px-3 text-sm text-fg",
       "focus:outline-none focus:border-primary focus:ring-2 focus:ring-focus/30 disabled:cursor-not-allowed disabled:opacity-50",
       "[&>span]:truncate",
-      t
+      a
     ),
     ...n,
     children: [
@@ -785,11 +785,11 @@ const Ut = C.Root, za = C.Group, Xt = C.Value, Ae = b(({ className: t, children:
     ]
   }
 ));
-Ae.displayName = "SelectTrigger";
-const Be = b(({ className: t, children: r, position: n = "popper", ...s }, d) => /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
+Le.displayName = "SelectTrigger";
+const Ae = p(({ className: a, children: r, position: n = "popper", ...s }, o) => /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
   C.Content,
   {
-    ref: d,
+    ref: o,
     position: n,
     className: l(
       "z-50 min-w-[8rem] overflow-hidden rounded-lg border border-line bg-surface p-1 shadow-md",
@@ -799,20 +799,20 @@ const Be = b(({ className: t, children: r, position: n = "popper", ...s }, d) =>
       "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
+      a
     ),
     ...s,
     children: /* @__PURE__ */ e(C.Viewport, { className: "p-0", children: r })
   }
 ) }));
-Be.displayName = "SelectContent";
-const Re = b(({ className: t, children: r, ...n }, s) => /* @__PURE__ */ i(
+Ae.displayName = "SelectContent";
+const Re = p(({ className: a, children: r, ...n }, s) => /* @__PURE__ */ i(
   C.Item,
   {
     ref: s,
     className: l(
       "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-elevated data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      t
+      a
     ),
     ...n,
     children: [
@@ -822,17 +822,17 @@ const Re = b(({ className: t, children: r, ...n }, s) => /* @__PURE__ */ i(
   }
 ));
 Re.displayName = "SelectItem";
-const Kt = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+const Xt = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
   C.Label,
   {
     ref: n,
-    className: l("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    className: l("px-2 py-1.5 text-xs font-medium text-subtle", a),
     ...r
   }
 ));
-Kt.displayName = "SelectLabel";
-function Jt({
-  className: t,
+Xt.displayName = "SelectLabel";
+function Kt({
+  className: a,
   ...r
 }) {
   return /* @__PURE__ */ e(
@@ -840,14 +840,14 @@ function Jt({
     {
       className: l(
         "w-full overflow-hidden rounded-(--table-radius-outer) bg-table-container p-(--table-inset)",
-        t
+        a
       ),
       ...r
     }
   );
 }
-function Qt({
-  className: t,
+function Jt({
+  className: a,
   ...r
 }) {
   return /* @__PURE__ */ e(
@@ -855,79 +855,79 @@ function Qt({
     {
       className: l(
         "overflow-hidden rounded-(--table-radius-panel) border border-table-panel-border bg-table-panel",
-        t
+        a
       ),
       ...r
     }
   );
 }
-function ka({ className: t, ...r }) {
+function za({ className: a, ...r }) {
   return /* @__PURE__ */ e(
     "table",
     {
-      className: l("w-full table-fixed border-collapse caption-bottom text-sm", t),
+      className: l("w-full table-fixed border-collapse caption-bottom text-sm", a),
       ...r
     }
   );
 }
-function Sa({ className: t, ...r }) {
-  return /* @__PURE__ */ e("thead", { className: t, ...r });
+function ka({ className: a, ...r }) {
+  return /* @__PURE__ */ e("thead", { className: a, ...r });
 }
-function Yt({ className: t, ...r }) {
-  return /* @__PURE__ */ e("tbody", { className: l("[&_tr:last-child]:border-0", t), ...r });
+function Qt({ className: a, ...r }) {
+  return /* @__PURE__ */ e("tbody", { className: l("[&_tr:last-child]:border-0", a), ...r });
 }
-function Zt({ className: t, ...r }) {
+function Yt({ className: a, ...r }) {
   return /* @__PURE__ */ e(
     "tr",
     {
       className: l(
         "border-b border-table-panel-border transition-colors last:border-0 hover:bg-table-row-hover data-[state=selected]:bg-table-row-selected",
-        t
+        a
       ),
       ...r
     }
   );
 }
-function Da({ className: t, ...r }) {
+function Sa({ className: a, ...r }) {
   return /* @__PURE__ */ e(
     "th",
     {
       className: l(
         "h-(--table-header-h) whitespace-nowrap px-(--table-pad-x) text-left align-middle text-[0.8125rem] font-medium text-table-header",
-        t
+        a
       ),
       ...r
     }
   );
 }
-function de({ className: t, ...r }) {
+function ce({ className: a, ...r }) {
   return /* @__PURE__ */ e(
     "td",
     {
       className: l(
         "px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
-        t
+        a
       ),
       ...r
     }
   );
 }
-function ea({
-  icon: t,
+function Zt({
+  icon: a,
   title: r,
   description: n,
   action: s,
-  className: d
+  className: o
 }) {
   return /* @__PURE__ */ i(
     "div",
     {
       className: l(
         "flex min-h-[22rem] flex-col items-center justify-center gap-5 px-6 py-16 text-center",
-        d
+        o
       ),
       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,
+        a ? /* @__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: a }) : null,
         /* @__PURE__ */ i("div", { className: "space-y-2", children: [
           /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold leading-tight text-table-header-active", children: r }),
           n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: n }) : null
@@ -937,30 +937,30 @@ function ea({
     }
   );
 }
-const ta = {
+const ea = {
   default: "bg-table-container",
   muted: "bg-surface border border-line",
   transparent: "bg-transparent"
-}, aa = {
+}, ta = {
   default: "bg-table-panel border-table-panel-border",
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function ra(t) {
-  return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
+function aa(a) {
+  return typeof a == "object" && a !== null && "label" in a && typeof a.label == "string";
 }
-function na({
-  header: t,
+function ra({
+  header: a,
   children: r,
   action: n,
   tone: s = "default",
-  className: d,
+  className: o,
   headerClassName: u,
   panelClassName: c,
   minHeight: m
 }) {
-  const h = ra(n) ? /* @__PURE__ */ e(
-    w,
+  const h = aa(n) ? /* @__PURE__ */ e(
+    y,
     {
       variant: n.variant ?? "primary",
       size: "xs",
@@ -974,16 +974,16 @@ function na({
       ] }) : n.label
     }
   ) : n;
-  return /* @__PURE__ */ i(Jt, { className: l("relative", ta[s], d), children: [
+  return /* @__PURE__ */ i(Kt, { className: l("relative", ea[s], o), children: [
     /* @__PURE__ */ i("div", { className: "overflow-x-auto", children: [
-      t ? (
+      a ? (
         // Header rows must not inherit the body row hover surface.
-        /* @__PURE__ */ e("div", { className: l("[--table-row-hover:transparent]", u), children: t })
+        /* @__PURE__ */ e("div", { className: l("[--table-row-hover:transparent]", u), children: a })
       ) : null,
       /* @__PURE__ */ e(
-        Qt,
+        Jt,
         {
-          className: l(aa[s], c),
+          className: l(ta[s], c),
           style: m ? { minHeight: m } : void 0,
           children: r
         }
@@ -992,266 +992,266 @@ function na({
     h ? /* @__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: h }) }) : null
   ] });
 }
-const la = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium", Se = "rounded-[6px] bg-surface text-fg shadow-xs ring-1 ring-line hover:bg-elevated hover:text-fg active:bg-elevated";
-function sa(t) {
-  return t.split(/\s+/).slice(0, 2).map((r) => {
+const na = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium";
+function la(a) {
+  return a.split(/\s+/).slice(0, 2).map((r) => {
     var n;
     return ((n = r[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
-function Ta({
-  name: t,
+function Da({
+  name: a,
   secondary: r,
   image: n
 }) {
   return /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ i(Ie, { className: "size-8", children: [
-      n ? /* @__PURE__ */ e(_e, { src: n, alt: "" }) : null,
-      /* @__PURE__ */ e(je, { children: sa(t) })
+    /* @__PURE__ */ i(Te, { className: "size-8", children: [
+      n ? /* @__PURE__ */ e(Ie, { src: n, alt: "" }) : null,
+      /* @__PURE__ */ e(je, { children: la(a) })
     ] }),
     /* @__PURE__ */ i("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
+      /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: a }),
       r ? /* @__PURE__ */ e("div", { className: "truncate text-xs text-table-muted", children: r }) : null
     ] })
   ] });
 }
-function Ia({
-  rows: t,
+function Ta({
+  rows: a,
   columns: r,
   getRowId: n,
   loading: s = !1,
-  error: d,
+  error: o,
   empty: u,
   search: c,
   filters: m,
   toolbarStart: h,
-  toolbarEnd: x,
-  tabs: g,
-  activeTab: I,
+  toolbarEnd: g,
+  tabs: v,
+  activeTab: j,
   onTabChange: k,
   infoBanner: S,
-  selectable: y = !1,
-  bulkActions: P,
+  selectable: w = !1,
+  bulkActions: M,
   rowActions: N,
-  onRowClick: A,
-  defaultSort: O,
+  onRowClick: R,
+  defaultSort: W,
   pageSize: B = 25,
-  pageSizeOptions: M = [10, 25, 50, 100],
-  tone: W,
-  headerAction: ae,
+  pageSizeOptions: E = [10, 25, 50, 100],
+  tone: O,
+  headerAction: re,
   headerClassName: U,
-  panelClassName: Fe,
-  className: He
+  panelClassName: Be,
+  className: Fe
 }) {
-  const [fe, ve] = D(
+  const [fe, xe] = T(
     () => Object.fromEntries(
-      r.filter((a) => a.defaultHidden && !a.required).map((a) => [a.id, !0])
+      r.filter((t) => t.defaultHidden && !t.required).map((t) => [t.id, !0])
     )
-  ), [f, $e] = D(
-    O ?? null
-  ), [R, X] = D(0), [L, Ge] = D(B), [E, re] = D(/* @__PURE__ */ new Set()), [qe, ne] = D([]), _ = r.filter((a) => !fe[a.id]), xe = r.filter((a) => fe[a.id] && !a.required), le = (m ?? []).filter((a) => qe.includes(a.id)), Ve = (m ?? []).map((a) => `${a.id}:${a.value.join(",")}`).join("|"), K = we(() => {
-    let a = t;
-    for (const p of m ?? [])
-      p.value.length > 0 && (a = a.filter((v) => p.match(v, p.value)));
-    if (!c || !c.value.trim()) return a;
-    const o = c.value.trim().toLowerCase();
-    return a.filter((p) => c.keys(p).toLowerCase().includes(o));
-  }, [t, c, m]), F = we(() => {
+  ), [f, $e] = T(
+    W ?? null
+  ), [F, X] = T(0), [L, He] = T(B), [A, ne] = T(/* @__PURE__ */ new Set()), [Ge, le] = T([]), _ = r.filter((t) => !fe[t.id]), ge = r.filter((t) => fe[t.id] && !t.required), ie = (m ?? []).filter((t) => Ge.includes(t.id)), qe = (m ?? []).map((t) => `${t.id}:${t.value.join(",")}`).join("|"), K = we(() => {
+    let t = a;
+    for (const b of m ?? [])
+      b.value.length > 0 && (t = t.filter((x) => b.match(x, b.value)));
+    if (!c || !c.value.trim()) return t;
+    const d = c.value.trim().toLowerCase();
+    return t.filter((b) => c.keys(b).toLowerCase().includes(d));
+  }, [a, c, m]), $ = we(() => {
     if (!f) return K;
-    const a = r.find((p) => p.id === f.id);
-    if (!(a != null && a.sortValue)) return K;
-    const o = f.dir === "asc" ? 1 : -1;
-    return [...K].sort((p, v) => {
-      const $ = a.sortValue(p), G = a.sortValue(v);
-      return $ == null && G == null ? 0 : $ == null ? 1 : G == null ? -1 : typeof $ == "number" && typeof G == "number" ? ($ - G) * o : String($).localeCompare(String(G)) * o;
+    const t = r.find((b) => b.id === f.id);
+    if (!(t != null && t.sortValue)) return K;
+    const d = f.dir === "asc" ? 1 : -1;
+    return [...K].sort((b, x) => {
+      const D = t.sortValue(b), G = t.sortValue(x);
+      return D == null && G == null ? 0 : D == null ? 1 : G == null ? -1 : typeof D == "number" && typeof G == "number" ? (D - G) * d : String(D).localeCompare(String(G)) * d;
     });
-  }, [K, f, r]), H = Math.max(1, Math.ceil(F.length / L));
+  }, [K, f, r]), H = Math.max(1, Math.ceil($.length / L));
   Ce(() => {
     X(0);
-  }, [c == null ? void 0 : c.value, L, f == null ? void 0 : f.id, f == null ? void 0 : f.dir, I, Ve]), Ce(() => {
-    R > H - 1 && X(H - 1);
-  }, [R, H]);
-  const J = R * L, j = F.slice(J, J + L), Oe = (a) => {
-    a.sortable && $e(
-      (o) => (o == null ? void 0 : o.id) === a.id ? o.dir === "asc" ? { id: a.id, dir: "desc" } : null : { id: a.id, dir: "asc" }
+  }, [c == null ? void 0 : c.value, L, f == null ? void 0 : f.id, f == null ? void 0 : f.dir, j, qe]), Ce(() => {
+    F > H - 1 && X(H - 1);
+  }, [F, H]);
+  const J = F * L, P = $.slice(J, J + L), Ve = (t) => {
+    t.sortable && $e(
+      (d) => (d == null ? void 0 : d.id) === t.id ? d.dir === "asc" ? { id: t.id, dir: "desc" } : null : { id: t.id, dir: "asc" }
     );
-  }, ge = j.length > 0 && j.every((a) => E.has(n(a))), We = j.some((a) => E.has(n(a))), Ue = t.filter((a) => E.has(n(a))), Xe = () => {
-    re((a) => {
-      const o = new Set(a);
-      return ge ? j.forEach((p) => o.delete(n(p))) : j.forEach((p) => o.add(n(p))), o;
+  }, ve = P.length > 0 && P.every((t) => A.has(n(t))), We = P.some((t) => A.has(n(t))), Oe = a.filter((t) => A.has(n(t))), Ue = () => {
+    ne((t) => {
+      const d = new Set(t);
+      return ve ? P.forEach((b) => d.delete(n(b))) : P.forEach((b) => d.add(n(b))), d;
     });
-  }, Ke = (a) => {
-    re((o) => {
-      const p = new Set(o);
-      return p.has(a) ? p.delete(a) : p.add(a), p;
+  }, Xe = (t) => {
+    ne((d) => {
+      const b = new Set(d);
+      return b.has(t) ? b.delete(t) : b.add(t), b;
     });
-  }, Je = !!(c || m != null && m.length || h || x), Qe = _.some((a) => a.width), Ye = _.length > 1 ? 70 / (_.length - 1) : 100, Ze = _.map((a, o) => a.width ? a.width : Qe ? "auto" : `${o === 0 ? 30 : Ye}%`), Ne = [
-    ...y ? ["2.75rem"] : [],
-    ...Ze,
+  }, Ke = !!(c || m != null && m.length || h || g), Je = _.some((t) => t.width), Qe = _.length > 1 ? 70 / (_.length - 1) : 100, Ye = _.map((t, d) => t.width ? t.width : Je ? "auto" : `${d === 0 ? 30 : Qe}%`), Ne = [
+    ...w ? ["2.75rem"] : [],
+    ...Ye,
     ...N ? ["11rem"] : []
-  ], et = (a) => (f == null ? void 0 : f.id) === a.id ? f.dir === "asc" ? "ascending" : "descending" : void 0;
-  return /* @__PURE__ */ i("div", { className: l("space-y-4", He), children: [
-    g && g.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: g.map((a) => {
-      const o = a.id === I;
+  ], Ze = (t) => (f == null ? void 0 : f.id) === t.id ? f.dir === "asc" ? "ascending" : "descending" : void 0;
+  return /* @__PURE__ */ i("div", { className: l("space-y-4", Fe), children: [
+    v && v.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: v.map((t) => {
+      const d = t.id === j;
       return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           role: "tab",
-          "aria-selected": o,
-          onClick: () => k == null ? void 0 : k(a.id),
+          "aria-selected": d,
+          onClick: () => k == null ? void 0 : k(t.id),
           className: l(
             "-mb-px border-b-2 px-3 py-2 text-sm transition-colors",
-            o ? "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: a.label
+          children: t.label
         },
-        a.id
+        t.id
       );
     }) }),
-    Je && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
+    Ke && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
       c && /* @__PURE__ */ e(
         Ee,
         {
-          size: "sm",
           type: "search",
           "aria-label": c.placeholder ?? "Search",
           placeholder: c.placeholder ?? "Search...",
           value: c.value,
-          onChange: (a) => c.onChange(a.target.value),
+          onChange: (t) => c.onChange(t.target.value),
           onClear: () => c.onChange(""),
-          leadingIcon: /* @__PURE__ */ e(dt, {}),
+          leadingIcon: /* @__PURE__ */ e(ot, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
       h,
-      /* @__PURE__ */ i(ie, { children: [
-        /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e(
-          w,
+      /* @__PURE__ */ i(oe, { children: [
+        /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ e(
+          y,
           {
             variant: "secondary",
-            size: "sm",
-            leadingIcon: /* @__PURE__ */ e(ct, {}),
+            size: "md",
+            leadingIcon: /* @__PURE__ */ e(dt, {}),
             trailingIcon: /* @__PURE__ */ e(Q, {}),
-            className: Se,
             children: "Columns"
           }
         ) }),
         /* @__PURE__ */ i(Y, { align: "end", className: "w-54", children: [
           /* @__PURE__ */ e(ee, { className: "text-[13px]", children: "Active columns" }),
-          _.map((a) => /* @__PURE__ */ i(
+          _.map((t) => /* @__PURE__ */ i(
             Z,
             {
               checked: !0,
-              disabled: a.required,
-              onCheckedChange: () => ve((o) => ({ ...o, [a.id]: !0 })),
-              onSelect: (o) => o.preventDefault(),
+              disabled: t.required,
+              onCheckedChange: () => xe((d) => ({ ...d, [t.id]: !0 })),
+              onSelect: (d) => d.preventDefault(),
               className: "justify-between",
               children: [
-                /* @__PURE__ */ e("span", { children: a.header }),
-                a.required ? /* @__PURE__ */ e(mt, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
+                /* @__PURE__ */ e("span", { children: t.header }),
+                t.required ? /* @__PURE__ */ e(ct, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
               ]
             },
-            a.id
+            t.id
           )),
-          xe.length > 0 ? /* @__PURE__ */ i(De, { children: [
-            /* @__PURE__ */ e(ue, {}),
+          ge.length > 0 ? /* @__PURE__ */ i(Se, { children: [
+            /* @__PURE__ */ e(be, {}),
             /* @__PURE__ */ e(ee, { className: "text-[13px]", children: "Available columns" }),
-            xe.map((a) => /* @__PURE__ */ e(
+            ge.map((t) => /* @__PURE__ */ e(
               Z,
               {
                 checked: !1,
-                onCheckedChange: () => ve((o) => ({ ...o, [a.id]: !1 })),
-                onSelect: (o) => o.preventDefault(),
-                children: a.header
+                onCheckedChange: () => xe((d) => ({ ...d, [t.id]: !1 })),
+                onSelect: (d) => d.preventDefault(),
+                children: t.header
               },
-              a.id
+              t.id
             ))
           ] }) : null
         ] })
       ] }),
-      m && m.length > 0 ? /* @__PURE__ */ i(ie, { children: [
-        /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e(
-          w,
+      m && m.length > 0 ? /* @__PURE__ */ i(oe, { children: [
+        /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ e(
+          y,
           {
             variant: "secondary",
-            size: "sm",
+            size: "md",
             iconOnly: !0,
             "aria-label": "Add filter",
-            className: Se,
             children: /* @__PURE__ */ e(ye, {})
           }
         ) }),
-        /* @__PURE__ */ e(Y, { align: "start", className: "w-54", children: m.map((a) => /* @__PURE__ */ e(
-          me,
+        /* @__PURE__ */ e(Y, { align: "start", className: "w-54", children: m.map((t) => /* @__PURE__ */ e(
+          ue,
           {
-            onSelect: () => ne(
-              (o) => o.includes(a.id) ? o : [...o, a.id]
+            onSelect: () => le(
+              (d) => d.includes(t.id) ? d : [...d, t.id]
             ),
-            children: a.label
+            children: t.label
           },
-          a.id
+          t.id
         )) })
       ] }) : null,
-      x ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto [&_button]:h-8 [&_button]:rounded-[6px]", children: x }) : null
+      g ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: g }) : null
     ] }),
-    le.length > 0 ? /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
-      le.map((a) => /* @__PURE__ */ i(ie, { children: [
-        /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ i(
-          w,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "rounded-[6px] bg-surface shadow-xs",
-            children: [
-              /* @__PURE__ */ e(ye, {}),
-              /* @__PURE__ */ e("span", { className: "font-medium", children: a.label }),
-              /* @__PURE__ */ e("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
-              /* @__PURE__ */ e("span", { className: "text-muted", children: a.value.length > 0 ? `${a.value.length} selected` : "Enter value" }),
-              /* @__PURE__ */ e(Q, { className: "text-muted" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ i(Y, { align: "start", className: "w-56", children: [
-          /* @__PURE__ */ i(ee, { className: "text-[13px]", children: [
-            "Filter by ",
-            a.label
-          ] }),
-          a.options.map((o) => {
-            const p = a.value.includes(o.value);
-            return /* @__PURE__ */ e(
-              Z,
-              {
-                checked: p,
-                onCheckedChange: () => a.onChange(
-                  p ? a.value.filter((v) => v !== o.value) : [...a.value, o.value]
-                ),
-                onSelect: (v) => v.preventDefault(),
-                children: o.label
-              },
-              o.value
-            );
-          }),
-          /* @__PURE__ */ e(ue, {}),
+    ie.length > 0 ? /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
+      ie.map((t) => {
+        const d = () => {
+          t.onChange([]), le((b) => b.filter((x) => x !== t.id));
+        };
+        return /* @__PURE__ */ i("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ e(
-            me,
+            y,
             {
-              onSelect: () => {
-                a.onChange([]), ne((o) => o.filter((p) => p !== a.id));
-              },
-              children: "Clear filter"
+              variant: "secondary",
+              size: "md",
+              iconOnly: !0,
+              "aria-label": `Remove ${t.label} filter`,
+              className: "rounded-r-none",
+              onClick: d,
+              children: /* @__PURE__ */ e(te, {})
             }
-          )
-        ] })
-      ] }, a.id)),
+          ),
+          /* @__PURE__ */ i(oe, { children: [
+            /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ i(y, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+              /* @__PURE__ */ e(ye, {}),
+              /* @__PURE__ */ e("span", { className: "font-medium", children: t.label }),
+              /* @__PURE__ */ e("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
+              /* @__PURE__ */ e("span", { className: "text-muted", children: t.value.length > 0 ? `${t.value.length} selected` : "Enter value" }),
+              /* @__PURE__ */ e(Q, { className: "text-muted" })
+            ] }) }),
+            /* @__PURE__ */ i(Y, { align: "start", className: "w-56", children: [
+              /* @__PURE__ */ i(ee, { className: "text-[13px]", children: [
+                "Filter by ",
+                t.label
+              ] }),
+              t.options.map((b) => {
+                const x = t.value.includes(b.value);
+                return /* @__PURE__ */ e(
+                  Z,
+                  {
+                    checked: x,
+                    onCheckedChange: () => t.onChange(
+                      x ? t.value.filter((D) => D !== b.value) : [...t.value, b.value]
+                    ),
+                    onSelect: (D) => D.preventDefault(),
+                    children: b.label
+                  },
+                  b.value
+                );
+              }),
+              /* @__PURE__ */ e(be, {}),
+              /* @__PURE__ */ e(ue, { onSelect: d, children: "Clear filter" })
+            ] })
+          ] })
+        ] }, t.id);
+      }),
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           onClick: () => {
-            for (const a of le) a.onChange([]);
-            ne([]);
+            for (const t of ie) t.onChange([]);
+            le([]);
           },
           className: "text-sm text-muted transition-colors hover:text-fg",
           children: "Clear filters"
@@ -1259,99 +1259,99 @@ function Ia({
       )
     ] }) : null,
     S,
-    y && E.size > 0 && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
+    w && A.size > 0 && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
       /* @__PURE__ */ i("span", { className: "font-medium text-fg", children: [
-        E.size,
+        A.size,
         " selected"
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (P ?? []).map((a) => /* @__PURE__ */ i(
-        w,
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (M ?? []).map((t) => /* @__PURE__ */ i(
+        y,
         {
-          size: "sm",
-          variant: a.variant ?? "outline",
-          disabled: a.disabled,
-          onClick: () => void a.onRun(Ue),
+          size: "md",
+          variant: t.variant ?? "outline",
+          disabled: t.disabled,
+          onClick: () => void t.onRun(Oe),
           children: [
-            a.icon,
-            a.label
+            t.icon,
+            t.label
           ]
         },
-        a.label
+        t.label
       )) }),
       /* @__PURE__ */ i(
         "button",
         {
           type: "button",
-          onClick: () => re(/* @__PURE__ */ new Set()),
+          onClick: () => ne(/* @__PURE__ */ new Set()),
           className: "ml-auto inline-flex items-center gap-1 text-xs text-muted hover:text-fg",
           children: [
-            /* @__PURE__ */ e(be, { className: "size-3.5" }),
+            /* @__PURE__ */ e(te, { className: "size-3.5" }),
             "Clear"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ e(
-      na,
+      ra,
       {
-        action: ae,
-        tone: W,
+        action: re,
+        tone: O,
         headerClassName: U,
-        panelClassName: Fe,
+        panelClassName: Be,
         header: (
           // Visible header: presentational so its controls stay focusable while
           // the body table carries the semantic column headers (sr-only).
           /* @__PURE__ */ i("table", { role: "presentation", className: "w-full table-fixed border-collapse", children: [
-            /* @__PURE__ */ e("colgroup", { children: Ne.map((a, o) => /* @__PURE__ */ e("col", { style: { width: a } }, o)) }),
+            /* @__PURE__ */ e("colgroup", { children: Ne.map((t, d) => /* @__PURE__ */ e("col", { style: { width: t } }, d)) }),
             /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
-              y && /* @__PURE__ */ e("th", { className: "h-[var(--table-header-h)] w-11 px-4 align-middle", children: /* @__PURE__ */ e(
-                ce,
+              w && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-4 align-middle", children: /* @__PURE__ */ e(
+                me,
                 {
                   "aria-label": "Select all rows",
-                  checked: ge ? !0 : We ? "indeterminate" : !1,
-                  onCheckedChange: Xe
+                  checked: ve ? !0 : We ? "indeterminate" : !1,
+                  onCheckedChange: Ue
                 }
               ) }),
-              _.map((a) => /* @__PURE__ */ e(
+              _.map((t) => /* @__PURE__ */ e(
                 "th",
                 {
-                  className: l(la, a.align === "right" && "text-right", a.className),
-                  children: a.sortable ? /* @__PURE__ */ i(
-                    w,
+                  className: l(na, t.align === "right" && "text-right", t.className),
+                  children: t.sortable ? /* @__PURE__ */ i(
+                    y,
                     {
                       type: "button",
                       variant: "ghost",
                       size: "xs",
-                      "aria-label": `Sort by ${a.header}`,
-                      onClick: () => Oe(a),
+                      "aria-label": `Sort by ${t.header}`,
+                      onClick: () => Ve(t),
                       className: l(
                         "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",
-                        (f == null ? void 0 : f.id) === a.id && "text-table-header-active"
+                        (f == null ? void 0 : f.id) === t.id && "text-table-header-active"
                       ),
                       children: [
-                        a.header,
-                        (f == null ? void 0 : f.id) === a.id ? f.dir === "asc" ? /* @__PURE__ */ e(bt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Q, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(pt, { className: "size-3.5 opacity-50" })
+                        t.header,
+                        (f == null ? void 0 : f.id) === t.id ? f.dir === "asc" ? /* @__PURE__ */ e(ut, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Q, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(bt, { className: "size-3.5 opacity-50" })
                       ]
                     }
-                  ) : a.header
+                  ) : t.header
                 },
-                a.id
+                t.id
               )),
-              N && /* @__PURE__ */ e("th", { className: "h-[var(--table-header-h)] w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
+              N && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
             ] }) })
           ] })
         ),
-        children: s ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((a) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, a)) }) : d ? /* @__PURE__ */ i("div", { className: "flex min-h-[22rem] flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
-          /* @__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-error [&_svg]:size-8", children: /* @__PURE__ */ e(ut, { weight: "duotone" }) }),
+        children: s ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((t) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, t)) }) : o ? /* @__PURE__ */ i("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(mt, { weight: "duotone" }) }),
           /* @__PURE__ */ i("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: d.title }),
-            d.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: d.description }) : null
+            /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: o.title }),
+            o.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: o.description }) : null
           ] }),
-          d.action
-        ] }) : j.length === 0 ? /* @__PURE__ */ e(
-          ea,
+          o.action
+        ] }) : P.length === 0 ? /* @__PURE__ */ e(
+          Zt,
           {
             icon: u == null ? void 0 : u.icon,
             title: (u == null ? void 0 : u.title) ?? "No results",
@@ -1359,80 +1359,80 @@ function Ia({
             action: u == null ? void 0 : u.action
           }
         ) : /* @__PURE__ */ i("table", { className: "w-full table-fixed border-collapse", children: [
-          /* @__PURE__ */ e("colgroup", { children: Ne.map((a, o) => /* @__PURE__ */ e("col", { style: { width: a } }, o)) }),
+          /* @__PURE__ */ e("colgroup", { children: Ne.map((t, d) => /* @__PURE__ */ e("col", { style: { width: t } }, d)) }),
           /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ i("tr", { children: [
-            y && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
-            _.map((a) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": et(a), children: a.header }, a.id)),
+            w && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
+            _.map((t) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": Ze(t), children: t.header }, t.id)),
             N && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
           ] }) }),
-          /* @__PURE__ */ e(Yt, { children: j.map((a) => {
-            const o = n(a), p = E.has(o);
+          /* @__PURE__ */ e(Qt, { children: P.map((t) => {
+            const d = n(t), b = A.has(d);
             return /* @__PURE__ */ i(
-              Zt,
+              Yt,
               {
-                "data-state": p ? "selected" : void 0,
-                onClick: A ? () => A(a) : void 0,
-                className: A ? "cursor-pointer" : void 0,
+                "data-state": b ? "selected" : void 0,
+                onClick: R ? () => R(t) : void 0,
+                className: R ? "cursor-pointer" : void 0,
                 children: [
-                  y && /* @__PURE__ */ e(de, { className: "w-11 px-4", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ e(
-                    ce,
+                  w && /* @__PURE__ */ e(ce, { className: "w-11 px-4", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ e(
+                    me,
                     {
                       "aria-label": "Select row",
-                      checked: p,
-                      onCheckedChange: () => Ke(o)
+                      checked: b,
+                      onCheckedChange: () => Xe(d)
                     }
                   ) }),
-                  _.map((v) => /* @__PURE__ */ e(
-                    de,
+                  _.map((x) => /* @__PURE__ */ e(
+                    ce,
                     {
-                      "data-numeric": v.numeric ? "" : void 0,
-                      className: l(v.align === "right" && "text-right", v.className),
-                      children: v.cell(a)
+                      "data-numeric": x.numeric ? "" : void 0,
+                      className: l(x.align === "right" && "text-right", x.className),
+                      children: x.cell(t)
                     },
-                    v.id
+                    x.id
                   )),
-                  N && /* @__PURE__ */ e(de, { className: "w-44 px-4 text-right", onClick: (v) => v.stopPropagation(), children: N(a) })
+                  N && /* @__PURE__ */ e(ce, { className: "w-44 px-4 text-right", onClick: (x) => x.stopPropagation(), children: N(t) })
                 ]
               },
-              o
+              d
             );
           }) })
         ] })
       }
     ),
-    !s && !d && F.length > 0 && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
+    !s && !o && $.length > 0 && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ i("span", { className: "text-muted", children: [
         J + 1,
         "–",
-        Math.min(J + L, F.length),
+        Math.min(J + L, $.length),
         " of ",
-        F.length
+        $.length
       ] }),
       /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ i(Ut, { value: String(L), onValueChange: (a) => Ge(Number(a)), children: [
-          /* @__PURE__ */ e(Ae, { "aria-label": "Rows per page", className: "h-8 w-[110px]", children: /* @__PURE__ */ e(Xt, {}) }),
-          /* @__PURE__ */ e(Be, { children: M.map((a) => /* @__PURE__ */ i(Re, { value: String(a), children: [
-            a,
+        /* @__PURE__ */ i(Ot, { value: String(L), onValueChange: (t) => He(Number(t)), children: [
+          /* @__PURE__ */ e(Le, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ e(Ut, {}) }),
+          /* @__PURE__ */ e(Ae, { children: E.map((t) => /* @__PURE__ */ i(Re, { value: String(t), children: [
+            t,
             " / page"
-          ] }, a)) })
+          ] }, t)) })
         ] }),
         /* @__PURE__ */ e(
-          w,
+          y,
           {
             variant: "outline",
-            size: "sm",
-            disabled: R <= 0,
-            onClick: () => X((a) => Math.max(0, a - 1)),
+            size: "md",
+            disabled: F <= 0,
+            onClick: () => X((t) => Math.max(0, t - 1)),
             children: "Previous"
           }
         ),
         /* @__PURE__ */ e(
-          w,
+          y,
           {
             variant: "outline",
-            size: "sm",
-            disabled: R >= H - 1,
-            onClick: () => X((a) => Math.min(H - 1, a + 1)),
+            size: "md",
+            disabled: F >= H - 1,
+            onClick: () => X((t) => Math.min(H - 1, t + 1)),
             children: "Next"
           }
         )
@@ -1440,16 +1440,16 @@ function Ia({
     ] })
   ] });
 }
-function _a({ icon: t, title: r, description: n, action: s, className: d }) {
+function Ia({ icon: a, title: r, description: n, action: s, className: o }) {
   return /* @__PURE__ */ i(
     "div",
     {
       className: l(
         "flex flex-col items-center justify-center gap-4 rounded-card border border-line bg-surface px-6 py-16 text-center",
-        d
+        o
       ),
       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,
+        a ? /* @__PURE__ */ e("div", { className: "flex size-11 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-6", children: a }) : null,
         /* @__PURE__ */ i("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e("p", { className: "text-sm font-medium text-fg", children: r }),
           n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: n }) : null
@@ -1459,39 +1459,39 @@ function _a({ icon: t, title: r, description: n, action: s, className: d }) {
     }
   );
 }
-function ja({ className: t, ...r }) {
+function ja({ className: a, ...r }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
       className: l(
         "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
+        a
       ),
       ...r
     }
   );
 }
-const ia = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  Nt.Root,
+const ia = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
+  vt.Root,
   {
     ref: n,
     className: l(
       "text-sm font-medium text-fg leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-      t
+      a
     ),
     ...r
   }
 ));
 ia.displayName = "Label";
-function Pa({
-  value: t,
+function _a({
+  value: a,
   onValueChange: r,
   options: n,
   size: s = "sm",
-  className: d,
+  className: o,
   ...u
 }) {
-  const c = te();
+  const c = ae();
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1500,10 +1500,10 @@ function Pa({
       className: l(
         "inline-flex w-fit items-center rounded-lg border border-line bg-canvas",
         s === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
-        d
+        o
       ),
       children: n.map((m) => {
-        const h = m.value === t;
+        const h = m.value === a;
         return /* @__PURE__ */ i(
           "label",
           {
@@ -1535,31 +1535,31 @@ function Pa({
     }
   );
 }
-const oa = b(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...s }, d) => /* @__PURE__ */ e(
-  yt.Root,
+const sa = p(({ className: a, orientation: r = "horizontal", decorative: n = !0, ...s }, o) => /* @__PURE__ */ e(
+  Nt.Root,
   {
-    ref: d,
+    ref: o,
     decorative: n,
     orientation: r,
     className: l(
       "shrink-0 bg-line",
       r === "horizontal" ? "h-px w-full" : "h-full w-px",
-      t
+      a
     ),
     ...s
   }
 ));
-oa.displayName = "Separator";
-function Ma({ className: t, ...r }) {
+sa.displayName = "Separator";
+function Pa({ className: a, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: l("animate-pulse rounded-md bg-elevated", t),
+      className: l("animate-pulse rounded-md bg-elevated", a),
       ...r
     }
   );
 }
-const La = q.Provider, Ea = q.Root, Aa = q.Trigger, da = b(({ className: t, sideOffset: r = 6, ...n }, s) => /* @__PURE__ */ e(q.Portal, { children: /* @__PURE__ */ e(
+const Ma = q.Provider, Ea = q.Root, La = q.Trigger, oa = p(({ className: a, sideOffset: r = 6, ...n }, s) => /* @__PURE__ */ e(q.Portal, { children: /* @__PURE__ */ e(
   q.Content,
   {
     ref: s,
@@ -1572,82 +1572,82 @@ const La = q.Provider, Ea = q.Root, Aa = q.Trigger, da = 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
+      a
     ),
     ...n
   }
 ) }));
-da.displayName = "TooltipContent";
+oa.displayName = "TooltipContent";
 export {
-  va as AgentPrompt,
-  Ie as Avatar,
+  fa as AgentPrompt,
+  Te as Avatar,
   je as AvatarFallback,
-  _e as AvatarImage,
-  Dt as Badge,
-  w as Button,
+  Ie as AvatarImage,
+  St as Badge,
+  y as Button,
   xa as Callout,
-  It as Card,
-  Mt as CardContent,
-  Pt as CardDescription,
-  Lt as CardFooter,
-  _t as CardHeader,
+  Tt as Card,
+  Pt as CardContent,
+  _t as CardDescription,
+  Mt as CardFooter,
+  It as CardHeader,
   jt as CardTitle,
-  ce as Checkbox,
-  Na as ChoiceDialog,
-  ya as CodeBlock,
-  Ia as DataTable,
-  Ta as DataTableIdentity,
+  me as Checkbox,
+  va as ChoiceDialog,
+  Na as CodeBlock,
+  Ta as DataTable,
+  Da as DataTableIdentity,
   Et as Dialog,
   Rt as DialogBody,
   ga as DialogClose,
-  Pe as DialogContent,
+  _e as DialogContent,
   $t as DialogDescription,
-  Ht as DialogFooter,
-  Ft as DialogHeader,
-  Bt as DialogPanel,
-  Me as DialogTitle,
-  At as DialogTrigger,
-  ie as DropdownMenu,
+  Ft as DialogFooter,
+  Bt as DialogHeader,
+  At as DialogPanel,
+  Pe as DialogTitle,
+  Lt as DialogTrigger,
+  oe as DropdownMenu,
   Z as DropdownMenuCheckboxItem,
   Y as DropdownMenuContent,
-  wa as DropdownMenuGroup,
-  me as DropdownMenuItem,
+  ya as DropdownMenuGroup,
+  ue as DropdownMenuItem,
   ee as DropdownMenuLabel,
-  Ca as DropdownMenuPortal,
-  ue as DropdownMenuSeparator,
-  oe as DropdownMenuTrigger,
-  _a as EmptyState,
+  wa as DropdownMenuPortal,
+  be as DropdownMenuSeparator,
+  de as DropdownMenuTrigger,
+  Ia as EmptyState,
   Ee as Input,
   ja as Kbd,
   ia as Label,
-  qt as RadioCard,
-  Gt as RadioGroup,
-  Pa as Segmented,
-  Ut as Select,
-  Be as SelectContent,
-  za as SelectGroup,
+  Gt as RadioCard,
+  Ht as RadioGroup,
+  _a as Segmented,
+  Ot as Select,
+  Ae as SelectContent,
+  Ca as SelectGroup,
   Re as SelectItem,
-  Kt as SelectLabel,
-  Ae as SelectTrigger,
-  Xt as SelectValue,
-  oa as Separator,
-  Ma as Skeleton,
-  wt as Spinner,
-  ka as Table,
-  Yt as TableBody,
-  de as TableCell,
-  Jt as TableContainer,
-  ea as TableEmptyState,
-  Da as TableHead,
-  Sa as TableHeader,
-  Qt as TablePanel,
-  Zt as TableRow,
-  na as TableSurface,
+  Xt as SelectLabel,
+  Le as SelectTrigger,
+  Ut as SelectValue,
+  sa as Separator,
+  Pa as Skeleton,
+  yt as Spinner,
+  za as Table,
+  Qt as TableBody,
+  ce as TableCell,
+  Kt as TableContainer,
+  Zt as TableEmptyState,
+  Sa as TableHead,
+  ka as TableHeader,
+  Jt as TablePanel,
+  Yt as TableRow,
+  ra as TableSurface,
   Ea as Tooltip,
-  da as TooltipContent,
-  La as TooltipProvider,
-  Aa as TooltipTrigger,
-  kt as badgeVariants,
-  Ct as buttonVariants
+  oa as TooltipContent,
+  Ma as TooltipProvider,
+  La as TooltipTrigger,
+  zt as badgeVariants,
+  wt as buttonVariants
 };
 //# sourceMappingURL=index.js.map