@jinaan/uikit 0.1.4 → 0.1.5

package/dist/index.js

@@ -1,33 +1,33 @@
-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 { jsx as e, jsxs as s, Fragment as ve } from "react/jsx-runtime";
+import { CircleNotch as ft, Robot as ht, Terminal as gt, Check as W, Copy as Le, XCircle as xt, Warning as vt, CheckCircle as Nt, Info as yt, Minus as wt, X as ae, CaretDown as O, MagnifyingGlass as Ct, Columns as St, Lock as zt, FunnelSimple as Te, WarningCircle as kt, CaretUp as Dt, CaretUpDown as Tt } from "@phosphor-icons/react";
+import { forwardRef as p, useState as D, Children as Pt, isValidElement as It, useRef as pe, useEffect as V, useContext as Re, useCallback as Mt, createContext as Ae, useId as ne, useMemo as Pe } from "react";
+import { Slot as Et } from "@radix-ui/react-slot";
+import { cva as Ne } from "class-variance-authority";
+import { clsx as jt } from "clsx";
+import { twMerge as _t } from "tailwind-merge";
+import * as ye from "@radix-ui/react-avatar";
+import * as Ie from "@radix-ui/react-checkbox";
 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 vt from "@radix-ui/react-label";
-import * as Nt from "@radix-ui/react-separator";
-import * as q from "@radix-ui/react-tooltip";
-function l(...a) {
-  return gt(xt(a));
+import * as T from "@radix-ui/react-dropdown-menu";
+import * as z from "@radix-ui/react-select";
+import * as Lt from "@radix-ui/react-label";
+import * as Rt from "@radix-ui/react-separator";
+import * as U from "@radix-ui/react-tooltip";
+function o(...t) {
+  return _t(jt(t));
 }
-function yt({ className: a }) {
+function At({ className: t }) {
   return /* @__PURE__ */ e(
-    et,
+    ft,
     {
-      className: l("size-4 animate-spin text-muted", a),
+      className: o("size-4 animate-spin text-muted", t),
       weight: "bold",
       "aria-hidden": !0
     }
   );
 }
-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",
+const Bt = Ne(
+  "relative inline-flex select-none items-center justify-center gap-[var(--control-gap)] whitespace-nowrap rounded-[var(--control-radius)] border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[120ms] active:scale-[0.97] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
@@ -52,74 +52,74 @@ const wt = pe(
       size: "md"
     }
   }
-), Ct = {
+), Ft = {
   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)]"
-}, y = p(
+}, S = p(
   ({
-    className: a,
+    className: t,
     variant: r,
     size: n = "md",
-    asChild: s = !1,
-    leadingIcon: o,
+    asChild: l = !1,
+    leadingIcon: i,
     trailingIcon: u,
     iconOnly: c = !1,
-    loading: m = !1,
-    fullWidth: h = !1,
-    disabled: g,
-    children: v,
-    ...j
-  }, k) => {
-    const S = s ? ft : "button", w = Ct[n ?? "md"];
+    loading: d = !1,
+    fullWidth: f = !1,
+    disabled: h,
+    children: g,
+    ...y
+  }, C) => {
+    const k = l ? Et : "button", w = Ft[n ?? "md"];
     return /* @__PURE__ */ e(
-      S,
+      k,
       {
-        ref: k,
-        "aria-busy": m || void 0,
-        disabled: s ? void 0 : g || m,
-        className: l(
-          wt({ variant: r, size: n }),
+        ref: C,
+        "aria-busy": d || void 0,
+        disabled: l ? void 0 : h || d,
+        className: o(
+          Bt({ variant: r, size: n }),
           c && "aspect-square px-0",
-          h && "w-full",
-          a
+          f && "w-full",
+          t
         ),
-        ...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
+        ...y,
+        children: l ? g : /* @__PURE__ */ s(ve, { children: [
+          d ? /* @__PURE__ */ e(At, { className: o("text-current", w), "aria-hidden": !0 }) : i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
+          g,
+          !d && u ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: u }) : null
         ] })
       }
     );
   }
 );
-y.displayName = "Button";
-function fa({
-  command: a,
+S.displayName = "Button";
+function _r({
+  command: t,
   tag: r = "Build with agents",
   icon: n,
-  className: s
+  className: l
 }) {
-  const [o, u] = T(!1), c = async () => {
+  const [i, u] = D(!1), c = async () => {
     try {
-      await navigator.clipboard.writeText(a), u(!0), window.setTimeout(() => u(!1), 1500);
+      await navigator.clipboard.writeText(t), 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(tt, { className: "size-3.5", weight: "fill" }),
+  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(ht, { 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(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__ */ 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(gt, { 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(
-        y,
+        S,
         {
           variant: "ghost",
           size: "sm",
@@ -127,46 +127,46 @@ function fa({
           "aria-label": "Copy prompt",
           className: "ml-auto",
           onClick: c,
-          children: o ? /* @__PURE__ */ e(V, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(De, {})
+          children: i ? /* @__PURE__ */ e(W, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Le, {})
         }
       )
     ] })
   ] });
 }
-const Te = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
-  he.Root,
+const Be = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  ye.Root,
   {
     ref: n,
-    className: l(
+    className: o(
       "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
-      a
+      t
     ),
     ...r
   }
 ));
-Te.displayName = "Avatar";
-const Ie = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
-  he.Image,
+Be.displayName = "Avatar";
+const Fe = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  ye.Image,
   {
     ref: n,
-    className: l("aspect-square size-full object-cover", a),
+    className: o("aspect-square size-full object-cover", t),
     ...r
   }
 ));
-Ie.displayName = "AvatarImage";
-const je = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
-  he.Fallback,
+Fe.displayName = "AvatarImage";
+const $e = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  ye.Fallback,
   {
     ref: n,
-    className: l(
+    className: o(
       "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
-      a
+      t
     ),
     ...r
   }
 ));
-je.displayName = "AvatarFallback";
-const zt = pe(
+$e.displayName = "AvatarFallback";
+const $t = Ne(
   "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 zt = pe(
     },
     defaultVariants: { variant: "neutral" }
   }
-), kt = pe("size-1.5 shrink-0 rounded-full", {
+), Gt = Ne("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -196,54 +196,54 @@ const zt = pe(
   },
   defaultVariants: { variant: "neutral" }
 });
-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
+function Ht({ className: t, variant: r, dot: n = !1, children: l, ...i }) {
+  return /* @__PURE__ */ s("span", { className: o($t({ variant: r }), t), ...i, children: [
+    n ? /* @__PURE__ */ e("span", { className: o(Gt({ variant: r })), "aria-hidden": !0 }) : null,
+    l
   ] });
 }
-const Dt = {
+const qt = {
   info: {
-    Icon: it,
+    Icon: yt,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: lt,
+    Icon: Nt,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
   warning: {
-    Icon: nt,
+    Icon: vt,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: rt,
+    Icon: xt,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function xa({
-  variant: a = "info",
+function Lr({
+  variant: t = "info",
   title: r,
   children: n,
-  icon: s,
-  className: o
+  icon: l,
+  className: i
 }) {
-  const { Icon: u, className: c, iconClassName: m } = Dt[a];
-  return /* @__PURE__ */ i(
+  const { Icon: u, className: c, iconClassName: d } = qt[t];
+  return /* @__PURE__ */ s(
     "div",
     {
-      role: a === "error" ? "alert" : void 0,
-      className: l(
+      role: t === "error" ? "alert" : void 0,
+      className: o(
         "flex items-start gap-2.5 rounded-lg border px-3.5 py-3 text-sm",
         c,
-        o
+        i
       ),
       children: [
-        /* @__PURE__ */ e("span", { className: l("mt-0.5 shrink-0 [&_svg]:size-4", m), children: s ?? /* @__PURE__ */ e(u, { weight: "fill" }) }),
-        /* @__PURE__ */ i("div", { className: "min-w-0 space-y-0.5", children: [
+        /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", d), children: l ?? /* @__PURE__ */ e(u, { weight: "fill" }) }),
+        /* @__PURE__ */ s("div", { className: "min-w-0 space-y-0.5", children: [
           r ? /* @__PURE__ */ e("p", { className: "font-medium text-fg", children: r }) : null,
           n ? /* @__PURE__ */ e("div", { className: "text-muted", children: n }) : null
         ] })
@@ -251,199 +251,538 @@ function xa({
     }
   );
 }
-const Tt = p(
-  ({ className: a, ...r }, n) => /* @__PURE__ */ e(
+function Vt({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
     "div",
     {
-      ref: n,
-      className: l(
-        "rounded-card border border-line bg-surface shadow-xs",
-        a
+      className: o(
+        "w-full overflow-hidden rounded-(--table-radius-outer) bg-table-container p-(--table-inset)",
+        t
       ),
       ...r
     }
-  )
-);
-Tt.displayName = "Card";
-const It = p(
-  ({ className: a, ...r }, n) => /* @__PURE__ */ e(
+  );
+}
+function Ut({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
     "div",
     {
-      ref: n,
-      className: l("flex flex-col gap-1 border-b border-line px-5 py-4", a),
+      className: o(
+        "overflow-hidden rounded-(--table-radius-panel) border border-table-panel-border bg-table-panel",
+        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 _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 })
-);
-Pt.displayName = "CardContent";
-const Mt = p(
-  ({ className: a, ...r }, n) => /* @__PURE__ */ e(
-    "div",
+  );
+}
+function Rr({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "table",
     {
-      ref: n,
-      className: l("flex items-center gap-3 border-t border-line px-5 py-3", a),
+      className: o("w-full table-fixed border-collapse caption-bottom text-sm", t),
       ...r
     }
-  )
+  );
+}
+function Ar({ className: t, ...r }) {
+  return /* @__PURE__ */ e("thead", { className: t, ...r });
+}
+function Wt({ className: t, ...r }) {
+  return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...r });
+}
+function Xt({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "tr",
+    {
+      className: o(
+        "border-b border-table-panel-border transition-colors last:border-0 hover:bg-table-row-hover data-[state=selected]:bg-table-row-selected",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function Br({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "th",
+    {
+      className: o(
+        "h-(--table-header-h) whitespace-nowrap px-(--table-pad-x) text-left align-middle text-[0.8125rem] font-medium text-table-header",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function ce({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "td",
+    {
+      className: o(
+        "px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
+        t
+      ),
+      ...r
+    }
+  );
+}
+const Kt = {
+  default: "bg-table-container",
+  muted: "bg-surface border border-line",
+  transparent: "bg-transparent"
+}, Jt = {
+  default: "bg-table-panel border-table-panel-border",
+  muted: "bg-elevated border-line",
+  transparent: "bg-transparent border-line"
+};
+function Qt(t) {
+  return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
+}
+function le({
+  title: t,
+  description: r,
+  header: n,
+  children: l,
+  action: i,
+  tone: u = "default",
+  className: c,
+  headerClassName: d,
+  panelClassName: f,
+  minHeight: h
+}) {
+  const g = !!(t || r), y = Qt(i) ? /* @__PURE__ */ e(
+    S,
+    {
+      variant: i.variant ?? "primary",
+      size: "xs",
+      leadingIcon: i.href ? void 0 : i.icon,
+      onClick: i.onClick,
+      disabled: i.disabled,
+      asChild: !!i.href,
+      children: i.href ? /* @__PURE__ */ s("a", { href: i.href, children: [
+        i.icon,
+        i.label
+      ] }) : i.label
+    }
+  ) : i;
+  return /* @__PURE__ */ s(Vt, { className: o("relative", Kt[u], c), children: [
+    /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
+      n || g ? (
+        // Header rows must not inherit the body row hover surface.
+        /* @__PURE__ */ s("div", { className: o("[--table-row-hover:transparent]", d), children: [
+          g ? /* @__PURE__ */ s(
+            "div",
+            {
+              className: o(
+                "px-(--table-pad-x) pb-3 pt-4",
+                y && "pr-28"
+              ),
+              children: [
+                t ? /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-fg", children: t }) : null,
+                r ? /* @__PURE__ */ e("div", { className: "mt-0.5 text-sm text-muted", children: r }) : null
+              ]
+            }
+          ) : null,
+          n
+        ] })
+      ) : null,
+      /* @__PURE__ */ e(
+        Ut,
+        {
+          className: o(Jt[u], f),
+          style: h ? { minHeight: h } : void 0,
+          children: l
+        }
+      )
+    ] }),
+    y ? /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: y }) }) : null
+  ] });
+}
+function Yt(t) {
+  const r = Pt.toArray(t), n = r.filter(
+    (l) => It(l) && l.type === Ge
+  );
+  return {
+    header: n.length > 0 ? /* @__PURE__ */ e(ve, { children: n }) : void 0,
+    body: r.filter((l) => !n.includes(l))
+  };
+}
+const Zt = p(
+  ({ className: t, children: r, ...n }, l) => {
+    const { header: i, body: u } = Yt(r);
+    return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(le, { className: o("shadow-xs", t), header: i, children: u }) });
+  }
 );
-Mt.displayName = "CardFooter";
-const me = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
-  ze.Root,
+Zt.displayName = "Card";
+const Ge = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  "div",
   {
     ref: n,
-    className: l(
-      "peer size-4 shrink-0 rounded border border-line-strong bg-surface transition-colors",
+    className: o(
+      "flex flex-col gap-1 px-5 py-4",
+      t
+    ),
+    ...r
+  }
+));
+Ge.displayName = "CardHeader";
+const Ot = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  "h2",
+  {
+    ref: n,
+    className: o("text-sm font-semibold text-fg", t),
+    ...r
+  }
+));
+Ot.displayName = "CardTitle";
+const er = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  "p",
+  {
+    ref: n,
+    className: o(
+      "mt-1 border-t border-card-divider pt-2 text-sm text-muted",
+      "first:mt-0 first:border-t-0 first:pt-0",
+      t
+    ),
+    ...r
+  }
+));
+er.displayName = "CardDescription";
+const tr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...r }));
+tr.displayName = "CardContent";
+const rr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: n,
+    className: o(
+      "flex items-center gap-3 border-t border-line px-5 py-3",
+      t
+    ),
+    ...r
+  }
+));
+rr.displayName = "CardFooter";
+const fe = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  Ie.Root,
+  {
+    ref: n,
+    className: o(
+      "peer size-4 shrink-0 rounded border border-line-strong bg-transparent transition-colors",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus/40",
       "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",
-      a
+      "data-[state=checked]:border-primary",
+      "data-[state=indeterminate]:border-primary",
+      t
     ),
     ...r,
-    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" }) })
+    children: /* @__PURE__ */ e(Ie.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: r.checked === "indeterminate" ? /* @__PURE__ */ e(wt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(W, { className: "size-3", weight: "bold" }) })
   }
 ));
-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(
-    I.Content,
+fe.displayName = "Checkbox";
+function Me(t) {
+  return t.width > 0 && t.height > 0;
+}
+function Ee(t) {
+  return Math.min(1, Math.max(0.1, t));
+}
+function ar(t, r) {
+  return !Me(t) || !Me(r) ? null : {
+    dx: t.left + t.width / 2 - (r.left + r.width / 2),
+    dy: t.top + t.height / 2 - (r.top + r.height / 2),
+    sx: Ee(t.width / r.width),
+    sy: Ee(t.height / r.height)
+  };
+}
+const He = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
+let A = null, je = !1;
+function we(t) {
+  const r = t.getBoundingClientRect();
+  return r.width <= 0 || r.height <= 0 ? null : {
+    left: r.left,
+    top: r.top,
+    width: r.width,
+    height: r.height
+  };
+}
+function he(t) {
+  if (!(t instanceof Element)) return;
+  const r = t.closest(He);
+  if (!r) return;
+  const n = we(r);
+  n && (A = { rect: n, at: Date.now() });
+}
+function nr() {
+  je || typeof document > "u" || (je = !0, document.addEventListener(
+    "pointerdown",
+    (t) => he(t.target),
+    !0
+  ), document.addEventListener(
+    "keydown",
+    (t) => {
+      t.key !== "Enter" && t.key !== " " || he(document.activeElement);
+    },
+    !0
+  ));
+}
+function lr(t) {
+  if (A && Date.now() - A.at < 2e3) {
+    const n = A.rect;
+    return A = null, n;
+  }
+  A = null;
+  const r = document.activeElement;
+  return r instanceof Element && r !== t && !t.contains(r) && r.matches(He) ? we(r) : null;
+}
+const ir = 250, qe = Ae(!1);
+function or({
+  open: t,
+  defaultOpen: r,
+  onOpenChange: n,
+  children: l,
+  ...i
+}) {
+  const [u, c] = D(
+    r ?? !1
+  ), [d, f] = D(!1), h = pe(null), g = t ?? u, y = pe(g);
+  y.current = g;
+  const C = t !== void 0;
+  V(() => nr(), []), V(() => {
+    t && f(!1);
+  }, [t]), V(
+    () => () => {
+      h.current && clearTimeout(h.current);
+    },
+    []
+  );
+  const k = (w) => {
+    if (w) {
+      h.current && clearTimeout(h.current), f(!1), C || c(!0), n == null || n(!0);
+      return;
+    }
+    if (!g || d) return;
+    if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+      C || c(!1), n == null || n(!1);
+      return;
+    }
+    f(!0), h.current = setTimeout(() => {
+      C || c(!1), n == null || n(!1), requestAnimationFrame(() => {
+        y.current && f(!1);
+      });
+    }, ir);
+  };
+  return /* @__PURE__ */ e(qe.Provider, { value: d, children: /* @__PURE__ */ e(
+    I.Root,
     {
-      ref: s,
-      className: l(
-        "fixed left-1/2 top-1/2 z-50 flex max-h-[min(85vh,44rem)] w-full max-w-[22.4rem] -translate-x-1/2 -translate-y-1/2 flex-col gap-0 overflow-hidden",
-        "rounded-2xl border border-[var(--dialog-shell-border)] bg-[var(--dialog-shell-bg)] pb-3 shadow-[var(--dialog-shell-shadow)] sm:pb-4",
-        "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-[state=open]:slide-in-from-top-2 duration-200 ease-out",
-        "focus:outline-none",
-        a
-      ),
-      ...n,
-      children: [
-        r,
-        /* @__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" })
-        ] })
-      ]
+      open: g,
+      onOpenChange: k,
+      ...i,
+      children: l
     }
-  )
-] }));
-_e.displayName = "DialogContent";
-function At({ className: a, ...r }) {
+  ) });
+}
+const Ve = p(({ onClick: t, ...r }, n) => /* @__PURE__ */ e(
+  I.Trigger,
+  {
+    ref: n,
+    onClick: (l) => {
+      he(l.currentTarget), t == null || t(l);
+    },
+    ...r
+  }
+));
+Ve.displayName = "DialogTrigger";
+const Fr = I.Close;
+function Ue(t, r = !0) {
+  if (t.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
+    return;
+  const n = we(t);
+  if (!n) {
+    r && window.requestAnimationFrame(() => Ue(t, !1));
+    return;
+  }
+  t.dataset.dialogMotionStarted = "true";
+  const l = lr(t), i = l ? ar(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.classList.add("dialog-pop-in");
+  const u = () => {
+    t.classList.remove("dialog-fly-in", "dialog-pop-in"), t.style.removeProperty("--dialog-dx"), t.style.removeProperty("--dialog-dy"), t.style.removeProperty("--dialog-sx"), t.style.removeProperty("--dialog-sy");
+  }, c = (d) => {
+    d.target === t && (d.animationName !== "dialog-fly-in" && d.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", c), u()));
+  };
+  t.addEventListener("animationend", c);
+}
+const We = p(({ className: t, children: r, ...n }, l) => {
+  const i = Re(qe), u = pe(null), c = Mt(
+    (d) => {
+      if (u.current = d, d && Ue(d), typeof l == "function") {
+        l(d);
+        return;
+      }
+      l && (l.current = d);
+    },
+    [l]
+  );
+  return /* @__PURE__ */ s(I.Portal, { children: [
+    /* @__PURE__ */ e(
+      I.Overlay,
+      {
+        className: o(
+          "fixed inset-0 z-50 overflow-hidden bg-overlay data-[state=open]:animate-in data-[state=open]:fade-in-0",
+          !i && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+          i && "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(
+      I.Content,
+      {
+        ref: c,
+        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",
+          i && "dialog-closing",
+          "focus:outline-none",
+          t
+        ),
+        ...n,
+        children: [
+          r,
+          /* @__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__ */ e(ae, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+});
+We.displayName = "DialogContent";
+function sr({
+  className: t,
+  ...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)]",
-        a
+      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
       ),
       ...r
     }
   );
 }
-function Rt({ className: a, ...r }) {
+function dr({
+  className: t,
+  ...r
+}) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "body",
-      className: l("min-h-0 flex-1 overflow-y-auto px-5 py-4", a),
+      className: o("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
       ...r
     }
   );
 }
-function Bt({ className: a, ...r }) {
+function cr({
+  className: t,
+  ...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",
-        a
+      className: o(
+        "flex shrink-0 flex-col gap-1.5 border-b border-(--dialog-panel-border) px-5 py-4",
+        t
       ),
       ...r
     }
   );
 }
-function Ft({ className: a, ...r }) {
+function ur({
+  className: t,
+  ...r
+}) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "footer",
-      className: l(
+      className: o(
         "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",
-        a
+        t
       ),
       ...r
     }
   );
 }
-const Pe = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
+const Xe = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   I.Title,
   {
     ref: n,
-    className: l("text-base font-semibold text-fg", a),
+    className: o("text-base font-semibold text-fg", t),
     ...r
   }
 ));
-Pe.displayName = "DialogTitle";
-const $t = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
+Xe.displayName = "DialogTitle";
+const mr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   I.Description,
   {
     ref: n,
-    className: l("text-sm text-muted", a),
+    className: o("text-sm text-muted", t),
     ...r
   }
 ));
-$t.displayName = "DialogDescription";
-const Me = ht(null);
-function Ht({
-  label: a,
+mr.displayName = "DialogDescription";
+const Ke = Ae(null);
+function br({
+  label: t,
   value: r,
   onChange: n,
-  disabled: s = !1,
-  name: o,
+  disabled: l = !1,
+  name: i,
   className: u,
   children: c,
-  ...m
+  ...d
 }) {
-  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 }),
+  const f = ne(), h = i ?? f;
+  return /* @__PURE__ */ e(Ke.Provider, { value: { name: h, value: r, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", u), ...d, children: [
+    /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
     c
   ] }) });
 }
-function Gt({
-  value: a,
+function pr({
+  value: t,
   title: r,
   description: n,
-  badge: s,
-  disabled: o = !1,
+  badge: l,
+  disabled: i = !1,
   className: u
 }) {
-  const c = pt(Me), m = ae();
+  const c = Re(Ke), d = ne();
   if (!c)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const h = o || c.disabled, g = c.value === a;
-  return /* @__PURE__ */ i(
+  const f = i || c.disabled, h = c.value === t;
+  return /* @__PURE__ */ s(
     "label",
     {
-      className: l(
+      className: o(
         "group relative flex items-start gap-3",
-        h ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+        f ? "cursor-not-allowed opacity-50" : "cursor-pointer",
         u
       ),
       children: [
@@ -452,14 +791,14 @@ function Gt({
           {
             type: "radio",
             name: c.name,
-            value: a,
-            checked: g,
-            disabled: h,
+            value: t,
+            checked: h,
+            disabled: f,
             onChange: () => {
-              var v;
-              return (v = c.onChange) == null ? void 0 : v.call(c, a);
+              var g;
+              return (g = c.onChange) == null ? void 0 : g.call(c, t);
             },
-            "aria-describedby": n ? m : void 0,
+            "aria-describedby": n ? d : void 0,
             className: "peer sr-only"
           }
         ),
@@ -467,53 +806,53 @@ function Gt({
           "span",
           {
             "aria-hidden": !0,
-            className: l(
-              "mt-0.5 grid size-4.5 shrink-0 place-items-center rounded-full border-2 border-transparent bg-line-strong transition-colors",
-              "peer-checked:border-[5px] peer-checked:border-primary peer-checked:bg-primary-fg",
+            className: o(
+              "mt-[5px] grid size-3.5 shrink-0 place-items-center rounded-full border-2 border-transparent bg-line-strong transition-colors",
+              "peer-checked:border-4 peer-checked:border-primary peer-checked:bg-primary-fg",
               "peer-focus-visible:ring-2 peer-focus-visible:ring-focus/40 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-canvas"
             )
           }
         ),
-        /* @__PURE__ */ i("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ i("span", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__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: r }),
-            s ? /* @__PURE__ */ e(St, { variant: "primary", children: s }) : null
+            l ? /* @__PURE__ */ e(Ht, { variant: "primary", children: l }) : null
           ] }),
-          n ? /* @__PURE__ */ e("span", { id: m, className: "mt-1 block text-sm text-muted", children: n }) : null
+          n ? /* @__PURE__ */ e("span", { id: d, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
-function va({
-  open: a,
+function $r({
+  open: t,
   onOpenChange: r,
   trigger: n,
-  title: s,
-  options: o,
+  title: l,
+  options: i,
   defaultValue: u,
   value: c,
-  onValueChange: m,
-  cancelLabel: h = "Cancel",
-  confirmLabel: g = "Continue",
-  onConfirm: v
+  onValueChange: d,
+  cancelLabel: f = "Cancel",
+  confirmLabel: h = "Continue",
+  onConfirm: g
 }) {
-  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(
-      _e,
+  var E;
+  const [y, C] = D(u ?? ((E = i[0]) == null ? void 0 : E.value) ?? ""), k = c ?? y;
+  return /* @__PURE__ */ s(or, { open: t, onOpenChange: r, children: [
+    n ? /* @__PURE__ */ e(Ve, { asChild: !0, children: n }) : null,
+    /* @__PURE__ */ s(
+      We,
       {
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__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: o.map((N) => /* @__PURE__ */ e(
-              Gt,
+          /* @__PURE__ */ s(sr, { children: [
+            /* @__PURE__ */ e(cr, { children: /* @__PURE__ */ e(Xe, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ e(dr, { children: /* @__PURE__ */ e(br, { label: l, value: k, onChange: (N) => {
+              c === void 0 && C(N), d == null || d(N);
+            }, children: i.map((N) => /* @__PURE__ */ e(
+              pr,
               {
                 value: N.value,
                 title: N.title,
@@ -523,916 +862,775 @@ function va({
               N.value
             )) }) })
           ] }),
-          /* @__PURE__ */ i(Ft, { className: "gap-3 pt-2.5", children: [
+          /* @__PURE__ */ s(ur, { className: "gap-3 pt-2.5", children: [
             /* @__PURE__ */ e(
-              y,
+              S,
               {
                 variant: "secondary",
                 className: "flex-1",
                 onClick: () => r == null ? void 0 : r(!1),
-                children: h
+                children: f
               }
             ),
-            /* @__PURE__ */ e(y, { className: "flex-1", onClick: () => v == null ? void 0 : v(S), children: g })
+            /* @__PURE__ */ e(S, { className: "flex-1", onClick: () => g == null ? void 0 : g(k), children: h })
           ] })
         ]
       }
     )
   ] });
 }
-function Na({ code: a, label: r, className: n }) {
-  const [s, o] = T(!1), u = async () => {
-    try {
-      await navigator.clipboard.writeText(a), o(!0), window.setTimeout(() => o(!1), 1500);
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ i(
-    "div",
+function Gr({ code: t, label: r, className: n }) {
+  const [l, i] = D(!1);
+  return /* @__PURE__ */ e(
+    le,
     {
-      className: l(
-        "overflow-hidden rounded-lg border border-line bg-canvas",
-        n
-      ),
-      children: [
-        /* @__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(
-            y,
-            {
-              variant: "ghost",
-              size: "sm",
-              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: a }) })
-      ]
+      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: r }) }),
+      action: {
+        label: l ? "Copied" : "Copy",
+        icon: l ? /* @__PURE__ */ e(W, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Le, {}),
+        variant: "ghost",
+        onClick: async () => {
+          try {
+            await navigator.clipboard.writeText(t), 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 }) })
     }
   );
 }
-const qt = {
+const fr = {
   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"
-}, Vt = {
+}, hr = {
   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)]"
-}, Wt = {
+}, gr = {
   sm: "left-[var(--control-pad-x-sm)]",
   md: "left-[var(--control-pad-x-md)]",
   lg: "left-[var(--control-pad-x-lg)]",
   xl: "left-[var(--control-pad-x-xl)]"
-}, ke = {
+}, _e = {
   sm: "right-[var(--control-pad-x-sm)]",
   md: "right-[var(--control-pad-x-md)]",
   lg: "right-[var(--control-pad-x-lg)]",
   xl: "right-[var(--control-pad-x-xl)]"
-}, se = {
+}, ue = {
   sm: "size-[var(--control-icon-sm)]",
   md: "size-[var(--control-icon-md)]",
   lg: "size-[var(--control-icon-lg)]",
   xl: "size-[var(--control-icon-xl)]"
-}, Ee = p(
+}, Je = p(
   ({
-    className: a,
+    className: t,
     containerClassName: r,
     type: n = "text",
-    size: s = "md",
-    leadingIcon: o,
+    size: l = "md",
+    leadingIcon: i,
     trailingIcon: u,
     onClear: c,
-    value: m,
-    defaultValue: h,
-    error: g = !1,
-    helperText: v,
-    id: j,
-    "aria-describedby": k,
-    disabled: S,
+    value: d,
+    defaultValue: f,
+    error: h = !1,
+    helperText: g,
+    id: y,
+    "aria-describedby": C,
+    disabled: k,
     readOnly: w,
-    ...M
+    ...E
   }, N) => {
-    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(
+    const B = ne(), X = y ?? B, F = !!g, _ = !!(c && (d !== void 0 ? String(d).length > 0 : f !== void 0 && String(f).length > 0)), K = F ? `${X}-description` : void 0, ie = [C, K].filter(Boolean).join(" ") || void 0, J = /* @__PURE__ */ e(
       "input",
       {
         ref: N,
-        id: W,
+        id: X,
         type: n,
-        disabled: S,
+        disabled: k,
         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
+        "aria-invalid": h || void 0,
+        "aria-describedby": ie,
+        style: i || u || _ ? {
+          paddingInlineStart: i ? `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: l(
+        className: o(
           "flex w-full rounded-(--control-radius) border bg-(--input-bg) text-(--input-fg) transition-colors",
-          qt[s],
-          Vt[s],
+          fr[l],
+          hr[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)",
-          S && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
+          h && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
+          !h && "border-(--input-border)",
+          k && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
           w && "cursor-default focus-visible:ring-0",
-          a
+          t
         ),
-        value: m,
-        defaultValue: h,
-        ...M
+        value: d,
+        defaultValue: f,
+        ...E
       }
     );
-    return !o && !u && !E && !B ? U : /* @__PURE__ */ i("div", { className: l("w-full", r), children: [
-      /* @__PURE__ */ i("div", { className: "relative", children: [
-        o ? /* @__PURE__ */ e(
+    return !i && !u && !_ && !F ? J : /* @__PURE__ */ s("div", { className: o("w-full", r), children: [
+      /* @__PURE__ */ s("div", { className: "relative", children: [
+        i ? /* @__PURE__ */ e(
           "span",
           {
-            className: l(
+            className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              Wt[s]
+              gr[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: l("inline-flex items-center justify-center", se[s]), children: o })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ue[l]), children: i })
           }
         ) : null,
-        U,
-        E ? /* @__PURE__ */ e(
+        J,
+        _ ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "aria-label": "Clear search",
             onClick: c,
-            className: l(
+            className: o(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
-              ke[s]
+              _e[l]
             ),
-            children: /* @__PURE__ */ e("span", { className: l("inline-flex items-center justify-center", se[s]), children: /* @__PURE__ */ e(te, {}) })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ue[l]), children: /* @__PURE__ */ e(ae, {}) })
           }
         ) : u ? /* @__PURE__ */ e(
           "span",
           {
-            className: l(
+            className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              ke[s]
+              _e[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: l("inline-flex items-center justify-center", se[s]), children: u })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ue[l]), children: u })
           }
         ) : null
       ] }),
-      B ? /* @__PURE__ */ e(
+      F ? /* @__PURE__ */ e(
         "p",
         {
-          id: O,
-          className: l("mt-1.5 text-xs", g ? "text-error" : "text-muted"),
-          children: v
+          id: K,
+          className: o("mt-1.5 text-xs", h ? "text-error" : "text-muted"),
+          children: g
         }
       ) : null
     ] });
   }
 );
-Ee.displayName = "Input";
-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,
+Je.displayName = "Input";
+const me = T.Root, be = T.Trigger, Hr = T.Group, qr = T.Portal, ee = p(({ className: t, sideOffset: r = 8, ...n }, l) => /* @__PURE__ */ e(T.Portal, { children: /* @__PURE__ */ e(
+  T.Content,
   {
-    ref: s,
+    ref: l,
     sideOffset: r,
-    className: l(
-      "z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-[var(--button-secondary-bg)] p-1 shadow-md",
+    className: o(
+      "menu-surface btn-inner-border z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-[var(--button-secondary-bg)] p-1",
       "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",
-      a
+      t
     ),
     ...n
   }
 ) }));
-Y.displayName = "DropdownMenuContent";
-const ue = p(({ className: a, inset: r, ...n }, s) => /* @__PURE__ */ e(
-  z.Item,
+ee.displayName = "DropdownMenuContent";
+const ge = p(({ className: t, inset: r, ...n }, l) => /* @__PURE__ */ e(
+  T.Item,
   {
-    ref: s,
-    className: l(
+    ref: l,
+    className: o(
       "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-[var(--menu-highlight)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       "[&_svg]:size-4 [&_svg]:text-muted",
       r && "pl-8",
-      a
+      t
     ),
     ...n
   }
 ));
-ue.displayName = "DropdownMenuItem";
-const Z = p(({ className: a, children: r, checked: n, ...s }, o) => /* @__PURE__ */ i(
-  z.CheckboxItem,
+ge.displayName = "DropdownMenuItem";
+const te = p(({ className: t, children: r, checked: n, ...l }, i) => /* @__PURE__ */ s(
+  T.CheckboxItem,
   {
-    ref: o,
-    className: l(
+    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-[var(--menu-highlight)]",
-      a
+      t
     ),
     checked: n,
-    ...s,
+    ...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(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" }) }) }),
+      /* @__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(T.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(W, { className: "size-3", weight: "bold" }) }) }),
       r
     ]
   }
 ));
-Z.displayName = "DropdownMenuCheckboxItem";
-const ee = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
-  z.Label,
+te.displayName = "DropdownMenuCheckboxItem";
+const re = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  T.Label,
   {
     ref: n,
-    className: l("px-2 py-1.5 text-xs font-medium text-subtle", a),
+    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...r
   }
 ));
-ee.displayName = "DropdownMenuLabel";
-const be = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
-  z.Separator,
+re.displayName = "DropdownMenuLabel";
+const xe = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  T.Separator,
   {
     ref: n,
-    className: l("-mx-1 my-1 h-px bg-line", a),
+    className: o("-mx-1 my-1 h-px bg-line", t),
     ...r
   }
 ));
-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,
+xe.displayName = "DropdownMenuSeparator";
+const xr = z.Root, Vr = z.Group, vr = z.Value, Qe = p(({ className: t, children: r, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
+  z.Trigger,
   {
-    ref: s,
-    className: l(
-      "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",
+    ref: i,
+    className: o(
+      "flex items-center justify-between gap-2 text-sm text-fg",
+      "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
       "[&>span]:truncate",
-      a
+      n === "field" && "h-9 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-8 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
     ),
-    ...n,
+    ...l,
     children: [
       r,
-      /* @__PURE__ */ e(C.Icon, { asChild: !0, children: /* @__PURE__ */ e(Q, { className: "size-3.5 text-subtle" }) })
+      /* @__PURE__ */ e(z.Icon, { asChild: !0, children: /* @__PURE__ */ e(O, { className: "size-3.5 text-subtle" }) })
     ]
   }
 ));
-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: o,
-    position: n,
-    className: l(
-      "z-50 min-w-[8rem] overflow-hidden rounded-lg border border-line bg-surface 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",
-      a
-    ),
-    ...s,
-    children: /* @__PURE__ */ e(C.Viewport, { className: "p-0", children: r })
-  }
-) }));
-Ae.displayName = "SelectContent";
-const Re = p(({ className: a, children: r, ...n }, s) => /* @__PURE__ */ i(
-  C.Item,
+Qe.displayName = "SelectTrigger";
+const Ye = p(
+  ({ className: t, children: r, position: n = "popper", sideOffset: l = 8, ...i }, u) => /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ e(
+    z.Content,
+    {
+      ref: u,
+      position: n,
+      sideOffset: l,
+      className: o(
+        "menu-surface btn-inner-border z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
+        "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
+      ),
+      ...i,
+      children: /* @__PURE__ */ e(z.Viewport, { className: "p-0", children: r })
+    }
+  ) })
+);
+Ye.displayName = "SelectContent";
+const Ze = p(({ className: t, children: r, ...n }, l) => /* @__PURE__ */ s(
+  z.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",
-      a
+    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
     ),
     ...n,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(C.ItemIndicator, { children: /* @__PURE__ */ e(V, { className: "size-3.5" }) }) }),
-      /* @__PURE__ */ e(C.ItemText, { children: r })
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(z.ItemIndicator, { children: /* @__PURE__ */ e(W, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e(z.ItemText, { children: r })
     ]
   }
 ));
-Re.displayName = "SelectItem";
-const Xt = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
-  C.Label,
+Ze.displayName = "SelectItem";
+const Nr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  z.Label,
   {
     ref: n,
-    className: l("px-2 py-1.5 text-xs font-medium text-subtle", a),
+    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...r
   }
 ));
-Xt.displayName = "SelectLabel";
-function Kt({
-  className: a,
-  ...r
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: l(
-        "w-full overflow-hidden rounded-(--table-radius-outer) bg-table-container p-(--table-inset)",
-        a
-      ),
-      ...r
-    }
-  );
-}
-function Jt({
-  className: a,
-  ...r
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: l(
-        "overflow-hidden rounded-(--table-radius-panel) border border-table-panel-border bg-table-panel",
-        a
-      ),
-      ...r
-    }
-  );
-}
-function za({ className: a, ...r }) {
-  return /* @__PURE__ */ e(
-    "table",
-    {
-      className: l("w-full table-fixed border-collapse caption-bottom text-sm", a),
-      ...r
-    }
-  );
-}
-function ka({ className: a, ...r }) {
-  return /* @__PURE__ */ e("thead", { className: a, ...r });
-}
-function Qt({ className: a, ...r }) {
-  return /* @__PURE__ */ e("tbody", { className: l("[&_tr:last-child]:border-0", a), ...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",
-        a
-      ),
-      ...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",
-        a
-      ),
-      ...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",
-        a
-      ),
-      ...r
-    }
-  );
-}
-function Zt({
-  icon: a,
+Nr.displayName = "SelectLabel";
+function yr({
+  icon: t,
   title: r,
   description: n,
-  action: s,
-  className: o
+  action: l,
+  className: i
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: l(
+      className: o(
         "flex min-h-[22rem] flex-col items-center justify-center gap-5 px-6 py-16 text-center",
-        o
+        i
       ),
       children: [
-        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: [
+        t ? /* @__PURE__ */ e("div", { className: "flex size-[var(--table-empty-icon)] items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-table-muted [&_svg]:size-8", children: t }) : null,
+        /* @__PURE__ */ s("div", { className: "space-y-2", children: [
           /* @__PURE__ */ 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
         ] }),
-        s ? /* @__PURE__ */ e("div", { className: "text-sm font-medium text-table-accent", children: s }) : null
+        l ? /* @__PURE__ */ e("div", { className: "text-sm font-medium text-table-accent", children: l }) : null
       ]
     }
   );
 }
-const ea = {
-  default: "bg-table-container",
-  muted: "bg-surface border border-line",
-  transparent: "bg-transparent"
-}, ta = {
-  default: "bg-table-panel border-table-panel-border",
-  muted: "bg-elevated border-line",
-  transparent: "bg-transparent border-line"
-};
-function aa(a) {
-  return typeof a == "object" && a !== null && "label" in a && typeof a.label == "string";
-}
-function ra({
-  header: a,
-  children: r,
-  action: n,
-  tone: s = "default",
-  className: o,
-  headerClassName: u,
-  panelClassName: c,
-  minHeight: m
-}) {
-  const h = aa(n) ? /* @__PURE__ */ e(
-    y,
-    {
-      variant: n.variant ?? "primary",
-      size: "xs",
-      leadingIcon: n.href ? void 0 : n.icon,
-      onClick: n.onClick,
-      disabled: n.disabled,
-      asChild: !!n.href,
-      children: n.href ? /* @__PURE__ */ i("a", { href: n.href, children: [
-        n.icon,
-        n.label
-      ] }) : n.label
-    }
-  ) : n;
-  return /* @__PURE__ */ i(Kt, { className: l("relative", ea[s], o), children: [
-    /* @__PURE__ */ i("div", { className: "overflow-x-auto", children: [
-      a ? (
-        // Header rows must not inherit the body row hover surface.
-        /* @__PURE__ */ e("div", { className: l("[--table-row-hover:transparent]", u), children: a })
-      ) : null,
-      /* @__PURE__ */ e(
-        Jt,
-        {
-          className: l(ta[s], c),
-          style: m ? { minHeight: m } : void 0,
-          children: r
-        }
-      )
-    ] }),
-    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 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) => {
+const wr = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium";
+function Cr(t) {
+  return t.split(/\s+/).slice(0, 2).map((r) => {
     var n;
     return ((n = r[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
-function Da({
-  name: a,
+function Ur({
+  name: t,
   secondary: r,
   image: n
 }) {
-  return /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ i(Te, { className: "size-8", children: [
-      n ? /* @__PURE__ */ e(Ie, { src: n, alt: "" }) : null,
-      /* @__PURE__ */ e(je, { children: la(a) })
+  return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ s(Be, { className: "size-8", children: [
+      n ? /* @__PURE__ */ e(Fe, { src: n, alt: "" }) : null,
+      /* @__PURE__ */ e($e, { children: Cr(t) })
     ] }),
-    /* @__PURE__ */ i("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: a }),
+    /* @__PURE__ */ s("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
       r ? /* @__PURE__ */ e("div", { className: "truncate text-xs text-table-muted", children: r }) : null
     ] })
   ] });
 }
-function Ta({
-  rows: a,
+function Wr({
+  rows: t,
   columns: r,
   getRowId: n,
-  loading: s = !1,
-  error: o,
+  loading: l = !1,
+  error: i,
   empty: u,
   search: c,
-  filters: m,
-  toolbarStart: h,
-  toolbarEnd: g,
-  tabs: v,
-  activeTab: j,
-  onTabChange: k,
-  infoBanner: S,
+  filters: d,
+  toolbarStart: f,
+  toolbarEnd: h,
+  tabs: g,
+  activeTab: y,
+  onTabChange: C,
+  infoBanner: k,
   selectable: w = !1,
-  bulkActions: M,
+  bulkActions: E,
   rowActions: N,
-  onRowClick: R,
-  defaultSort: W,
-  pageSize: B = 25,
-  pageSizeOptions: E = [10, 25, 50, 100],
-  tone: O,
-  headerAction: re,
-  headerClassName: U,
-  panelClassName: Be,
-  className: Fe
+  onRowClick: B,
+  defaultSort: X,
+  pageSize: F = 25,
+  pageSizeOptions: _ = [10, 25, 50, 100],
+  tone: K,
+  headerAction: ie,
+  headerClassName: J,
+  panelClassName: Oe,
+  className: et
 }) {
-  const [fe, xe] = T(
+  const [Ce, Se] = D(
     () => Object.fromEntries(
-      r.filter((t) => t.defaultHidden && !t.required).map((t) => [t.id, !0])
+      r.filter((a) => a.defaultHidden && !a.required).map((a) => [a.id, !0])
     )
-  ), [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 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;
+  ), [x, tt] = D(
+    X ?? null
+  ), [$, Q] = D(0), [L, rt] = D(F), [R, oe] = D(/* @__PURE__ */ new Set()), [at, se] = D([]), M = r.filter((a) => !Ce[a.id]), ze = r.filter((a) => Ce[a.id] && !a.required), de = (d ?? []).filter((a) => at.includes(a.id)), nt = (d ?? []).map((a) => `${a.id}:${a.value.join(",")}`).join("|"), Y = Pe(() => {
+    let a = t;
+    for (const b of d ?? [])
+      b.value.length > 0 && (a = a.filter((v) => b.match(v, b.value)));
+    if (!c || !c.value.trim()) return a;
+    const m = c.value.trim().toLowerCase();
+    return a.filter((b) => c.keys(b).toLowerCase().includes(m));
+  }, [t, c, d]), G = Pe(() => {
+    if (!x) return Y;
+    const a = r.find((b) => b.id === x.id);
+    if (!(a != null && a.sortValue)) return Y;
+    const m = x.dir === "asc" ? 1 : -1;
+    return [...Y].sort((b, v) => {
+      const P = a.sortValue(b), q = a.sortValue(v);
+      return P == null && q == null ? 0 : P == null ? 1 : q == null ? -1 : typeof P == "number" && typeof q == "number" ? (P - q) * m : String(P).localeCompare(String(q)) * m;
     });
-  }, [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, 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" }
+  }, [Y, x, r]), H = Math.max(1, Math.ceil(G.length / L));
+  V(() => {
+    Q(0);
+  }, [c == null ? void 0 : c.value, L, x == null ? void 0 : x.id, x == null ? void 0 : x.dir, y, nt]), V(() => {
+    $ > H - 1 && Q(H - 1);
+  }, [$, H]);
+  const Z = $ * L, j = G.slice(Z, Z + L), lt = (a) => {
+    a.sortable && tt(
+      (m) => (m == null ? void 0 : m.id) === a.id ? m.dir === "asc" ? { id: a.id, dir: "desc" } : null : { id: a.id, dir: "asc" }
     );
-  }, 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 = j.length > 0 && j.every((a) => R.has(n(a))), it = j.some((a) => R.has(n(a))), ot = t.filter((a) => R.has(n(a))), st = () => {
+    oe((a) => {
+      const m = new Set(a);
+      return ke ? j.forEach((b) => m.delete(n(b))) : j.forEach((b) => m.add(n(b))), m;
     });
-  }, Xe = (t) => {
-    ne((d) => {
-      const b = new Set(d);
-      return b.has(t) ? b.delete(t) : b.add(t), b;
+  }, dt = (a) => {
+    oe((m) => {
+      const b = new Set(m);
+      return b.has(a) ? b.delete(a) : b.add(a), b;
     });
-  }, 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 = [
+  }, ct = !!(c || d != null && d.length || f || h), ut = M.some((a) => a.width), mt = M.length > 1 ? 70 / (M.length - 1) : 100, bt = M.map((a, m) => a.width ? a.width : ut ? "auto" : `${m === 0 ? 30 : mt}%`), De = [
     ...w ? ["2.75rem"] : [],
-    ...Ye,
+    ...bt,
     ...N ? ["11rem"] : []
-  ], 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;
+  ], pt = (a) => (x == null ? void 0 : x.id) === a.id ? x.dir === "asc" ? "ascending" : "descending" : void 0;
+  return /* @__PURE__ */ s("div", { className: o("space-y-4", et), 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 m = a.id === y;
       return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           role: "tab",
-          "aria-selected": d,
-          onClick: () => k == null ? void 0 : k(t.id),
-          className: l(
+          "aria-selected": m,
+          onClick: () => C == null ? void 0 : C(a.id),
+          className: o(
             "-mb-px border-b-2 px-3 py-2 text-sm transition-colors",
-            d ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
+            m ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
           ),
-          children: t.label
+          children: a.label
         },
-        t.id
+        a.id
       );
     }) }),
-    Ke && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
+    ct && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       c && /* @__PURE__ */ e(
-        Ee,
+        Je,
         {
           type: "search",
           "aria-label": c.placeholder ?? "Search",
           placeholder: c.placeholder ?? "Search...",
           value: c.value,
-          onChange: (t) => c.onChange(t.target.value),
+          onChange: (a) => c.onChange(a.target.value),
           onClear: () => c.onChange(""),
-          leadingIcon: /* @__PURE__ */ e(ot, {}),
+          leadingIcon: /* @__PURE__ */ e(Ct, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
-      h,
-      /* @__PURE__ */ i(oe, { children: [
-        /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ e(
-          y,
+      f,
+      /* @__PURE__ */ s(me, { children: [
+        /* @__PURE__ */ e(be, { asChild: !0, children: /* @__PURE__ */ e(
+          S,
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ e(dt, {}),
-            trailingIcon: /* @__PURE__ */ e(Q, {}),
+            leadingIcon: /* @__PURE__ */ e(St, {}),
+            trailingIcon: /* @__PURE__ */ e(O, {}),
             children: "Columns"
           }
         ) }),
-        /* @__PURE__ */ i(Y, { align: "end", className: "w-54", children: [
-          /* @__PURE__ */ e(ee, { className: "text-[13px]", children: "Active columns" }),
-          _.map((t) => /* @__PURE__ */ i(
-            Z,
+        /* @__PURE__ */ s(ee, { align: "end", className: "w-54", children: [
+          /* @__PURE__ */ e(re, { className: "text-[13px]", children: "Active columns" }),
+          M.map((a) => /* @__PURE__ */ s(
+            te,
             {
               checked: !0,
-              disabled: t.required,
-              onCheckedChange: () => xe((d) => ({ ...d, [t.id]: !0 })),
-              onSelect: (d) => d.preventDefault(),
+              disabled: a.required,
+              onCheckedChange: () => Se((m) => ({ ...m, [a.id]: !0 })),
+              onSelect: (m) => m.preventDefault(),
               className: "justify-between",
               children: [
-                /* @__PURE__ */ e("span", { children: t.header }),
-                t.required ? /* @__PURE__ */ e(ct, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
+                /* @__PURE__ */ e("span", { children: a.header }),
+                a.required ? /* @__PURE__ */ e(zt, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
               ]
             },
-            t.id
+            a.id
           )),
-          ge.length > 0 ? /* @__PURE__ */ i(Se, { children: [
-            /* @__PURE__ */ e(be, {}),
-            /* @__PURE__ */ e(ee, { className: "text-[13px]", children: "Available columns" }),
-            ge.map((t) => /* @__PURE__ */ e(
-              Z,
+          ze.length > 0 ? /* @__PURE__ */ s(ve, { children: [
+            /* @__PURE__ */ e(xe, {}),
+            /* @__PURE__ */ e(re, { className: "text-[13px]", children: "Available columns" }),
+            ze.map((a) => /* @__PURE__ */ e(
+              te,
               {
                 checked: !1,
-                onCheckedChange: () => xe((d) => ({ ...d, [t.id]: !1 })),
-                onSelect: (d) => d.preventDefault(),
-                children: t.header
+                onCheckedChange: () => Se((m) => ({ ...m, [a.id]: !1 })),
+                onSelect: (m) => m.preventDefault(),
+                children: a.header
               },
-              t.id
+              a.id
             ))
           ] }) : null
         ] })
       ] }),
-      m && m.length > 0 ? /* @__PURE__ */ i(oe, { children: [
-        /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ e(
-          y,
+      d && d.length > 0 ? /* @__PURE__ */ s(me, { children: [
+        /* @__PURE__ */ e(be, { asChild: !0, children: /* @__PURE__ */ e(
+          S,
           {
             variant: "secondary",
             size: "md",
             iconOnly: !0,
             "aria-label": "Add filter",
-            children: /* @__PURE__ */ e(ye, {})
+            children: /* @__PURE__ */ e(Te, {})
           }
         ) }),
-        /* @__PURE__ */ e(Y, { align: "start", className: "w-54", children: m.map((t) => /* @__PURE__ */ e(
-          ue,
+        /* @__PURE__ */ e(ee, { align: "start", className: "w-54", children: d.map((a) => /* @__PURE__ */ e(
+          ge,
           {
-            onSelect: () => le(
-              (d) => d.includes(t.id) ? d : [...d, t.id]
+            onSelect: () => se(
+              (m) => m.includes(a.id) ? m : [...m, a.id]
             ),
-            children: t.label
+            children: a.label
           },
-          t.id
+          a.id
         )) })
       ] }) : null,
-      g ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: g }) : null
+      h ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: h }) : null
     ] }),
-    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));
+    de.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      de.map((a) => {
+        const m = () => {
+          a.onChange([]), se((b) => b.filter((v) => v !== a.id));
         };
-        return /* @__PURE__ */ i("div", { className: "inline-flex items-center", children: [
+        return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ e(
-            y,
+            S,
             {
               variant: "secondary",
               size: "md",
               iconOnly: !0,
-              "aria-label": `Remove ${t.label} filter`,
+              "aria-label": `Remove ${a.label} filter`,
               className: "rounded-r-none",
-              onClick: d,
-              children: /* @__PURE__ */ e(te, {})
+              onClick: m,
+              children: /* @__PURE__ */ e(ae, {})
             }
           ),
-          /* @__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__ */ s(me, { children: [
+            /* @__PURE__ */ e(be, { asChild: !0, children: /* @__PURE__ */ s(S, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+              /* @__PURE__ */ e(Te, {}),
+              /* @__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: t.value.length > 0 ? `${t.value.length} selected` : "Enter value" }),
-              /* @__PURE__ */ e(Q, { className: "text-muted" })
+              /* @__PURE__ */ e("span", { className: "text-muted", children: a.value.length > 0 ? `${a.value.length} selected` : "Enter value" }),
+              /* @__PURE__ */ e(O, { className: "text-muted" })
             ] }) }),
-            /* @__PURE__ */ i(Y, { align: "start", className: "w-56", children: [
-              /* @__PURE__ */ i(ee, { className: "text-[13px]", children: [
+            /* @__PURE__ */ s(ee, { align: "start", className: "w-56", children: [
+              /* @__PURE__ */ s(re, { className: "text-[13px]", children: [
                 "Filter by ",
-                t.label
+                a.label
               ] }),
-              t.options.map((b) => {
-                const x = t.value.includes(b.value);
+              a.options.map((b) => {
+                const v = a.value.includes(b.value);
                 return /* @__PURE__ */ e(
-                  Z,
+                  te,
                   {
-                    checked: x,
-                    onCheckedChange: () => t.onChange(
-                      x ? t.value.filter((D) => D !== b.value) : [...t.value, b.value]
+                    checked: v,
+                    onCheckedChange: () => a.onChange(
+                      v ? a.value.filter((P) => P !== b.value) : [...a.value, b.value]
                     ),
-                    onSelect: (D) => D.preventDefault(),
+                    onSelect: (P) => P.preventDefault(),
                     children: b.label
                   },
                   b.value
                 );
               }),
-              /* @__PURE__ */ e(be, {}),
-              /* @__PURE__ */ e(ue, { onSelect: d, children: "Clear filter" })
+              /* @__PURE__ */ e(xe, {}),
+              /* @__PURE__ */ e(ge, { onSelect: m, children: "Clear filter" })
             ] })
           ] })
-        ] }, t.id);
+        ] }, a.id);
       }),
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           onClick: () => {
-            for (const t of ie) t.onChange([]);
-            le([]);
+            for (const a of de) a.onChange([]);
+            se([]);
           },
           className: "text-sm text-muted transition-colors hover:text-fg",
           children: "Clear filters"
         }
       )
     ] }) : null,
-    S,
-    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: [
-        A.size,
+    k,
+    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: (M ?? []).map((t) => /* @__PURE__ */ i(
-        y,
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (E ?? []).map((a) => /* @__PURE__ */ s(
+        S,
         {
           size: "md",
-          variant: t.variant ?? "outline",
-          disabled: t.disabled,
-          onClick: () => void t.onRun(Oe),
+          variant: a.variant ?? "outline",
+          disabled: a.disabled,
+          onClick: () => void a.onRun(ot),
           children: [
-            t.icon,
-            t.label
+            a.icon,
+            a.label
           ]
         },
-        t.label
+        a.label
       )) }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          onClick: () => ne(/* @__PURE__ */ new Set()),
+          onClick: () => oe(/* @__PURE__ */ new Set()),
           className: "ml-auto inline-flex items-center gap-1 text-xs text-muted hover:text-fg",
           children: [
-            /* @__PURE__ */ e(te, { className: "size-3.5" }),
+            /* @__PURE__ */ e(ae, { className: "size-3.5" }),
             "Clear"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ e(
-      ra,
+      le,
       {
-        action: re,
-        tone: O,
-        headerClassName: U,
-        panelClassName: Be,
+        action: ie,
+        tone: K,
+        headerClassName: J,
+        panelClassName: Oe,
         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((t, d) => /* @__PURE__ */ e("col", { style: { width: t } }, d)) }),
-            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
+          /* @__PURE__ */ s("table", { role: "presentation", className: "w-full table-fixed border-collapse", children: [
+            /* @__PURE__ */ e("colgroup", { children: De.map((a, m) => /* @__PURE__ */ e("col", { style: { width: a } }, m)) }),
+            /* @__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(
-                me,
+                fe,
                 {
                   "aria-label": "Select all rows",
-                  checked: ve ? !0 : We ? "indeterminate" : !1,
-                  onCheckedChange: Ue
+                  checked: ke ? !0 : it ? "indeterminate" : !1,
+                  onCheckedChange: st
                 }
               ) }),
-              _.map((t) => /* @__PURE__ */ e(
+              M.map((a) => /* @__PURE__ */ e(
                 "th",
                 {
-                  className: l(na, t.align === "right" && "text-right", t.className),
-                  children: t.sortable ? /* @__PURE__ */ i(
-                    y,
+                  className: o(wr, a.align === "right" && "text-right", a.className),
+                  children: a.sortable ? /* @__PURE__ */ s(
+                    S,
                     {
                       type: "button",
                       variant: "ghost",
                       size: "xs",
-                      "aria-label": `Sort by ${t.header}`,
-                      onClick: () => Ve(t),
-                      className: l(
+                      "aria-label": `Sort by ${a.header}`,
+                      onClick: () => lt(a),
+                      className: o(
                         "h-auto gap-1.5 rounded-none px-0 py-0 text-[0.8125rem] text-table-header transition-colors [&_svg]:size-3.5",
                         "hover:bg-transparent hover:text-table-header-active hover:shadow-none",
                         "active:scale-100 active:bg-transparent active:shadow-none",
-                        (f == null ? void 0 : f.id) === t.id && "text-table-header-active"
+                        (x == null ? void 0 : x.id) === a.id && "text-table-header-active"
                       ),
                       children: [
-                        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,
+                        (x == null ? void 0 : x.id) === a.id ? x.dir === "asc" ? /* @__PURE__ */ e(Dt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(O, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Tt, { className: "size-3.5 opacity-50" })
                       ]
                     }
-                  ) : t.header
+                  ) : a.header
                 },
-                t.id
+                a.id
               )),
               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((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: o.title }),
-            o.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: o.description }) : null
+        children: l ? /* @__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)) }) : 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(kt, { 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
           ] }),
-          o.action
-        ] }) : P.length === 0 ? /* @__PURE__ */ e(
-          Zt,
+          i.action
+        ] }) : j.length === 0 ? /* @__PURE__ */ e(
+          yr,
           {
             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__ */ i("table", { className: "w-full table-fixed border-collapse", children: [
-          /* @__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: [
+        ) : /* @__PURE__ */ s("table", { className: "w-full table-fixed border-collapse", children: [
+          /* @__PURE__ */ e("colgroup", { children: De.map((a, m) => /* @__PURE__ */ e("col", { style: { width: a } }, m)) }),
+          /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
             w && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
-            _.map((t) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": Ze(t), children: t.header }, t.id)),
+            M.map((a) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": pt(a), children: a.header }, a.id)),
             N && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
           ] }) }),
-          /* @__PURE__ */ e(Qt, { children: P.map((t) => {
-            const d = n(t), b = A.has(d);
-            return /* @__PURE__ */ i(
-              Yt,
+          /* @__PURE__ */ e(Wt, { children: j.map((a) => {
+            const m = n(a), b = R.has(m);
+            return /* @__PURE__ */ s(
+              Xt,
               {
                 "data-state": b ? "selected" : void 0,
-                onClick: R ? () => R(t) : void 0,
-                className: R ? "cursor-pointer" : void 0,
+                onClick: B ? () => B(a) : void 0,
+                className: B ? "cursor-pointer" : void 0,
                 children: [
-                  w && /* @__PURE__ */ e(ce, { className: "w-11 px-4", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ e(
-                    me,
+                  w && /* @__PURE__ */ e(ce, { className: "w-11 px-4", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ e(
+                    fe,
                     {
                       "aria-label": "Select row",
                       checked: b,
-                      onCheckedChange: () => Xe(d)
+                      onCheckedChange: () => dt(m)
                     }
                   ) }),
-                  _.map((x) => /* @__PURE__ */ e(
+                  M.map((v) => /* @__PURE__ */ e(
                     ce,
                     {
-                      "data-numeric": x.numeric ? "" : void 0,
-                      className: l(x.align === "right" && "text-right", x.className),
-                      children: x.cell(t)
+                      "data-numeric": v.numeric ? "" : void 0,
+                      className: o(v.align === "right" && "text-right", v.className),
+                      children: v.cell(a)
                     },
-                    x.id
+                    v.id
                   )),
-                  N && /* @__PURE__ */ e(ce, { className: "w-44 px-4 text-right", onClick: (x) => x.stopPropagation(), children: N(t) })
+                  N && /* @__PURE__ */ e(ce, { className: "w-44 px-4 text-right", onClick: (v) => v.stopPropagation(), children: N(a) })
                 ]
               },
-              d
+              m
             );
           }) })
         ] })
       }
     ),
-    !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,
+    !l && !i && G.length > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
+      /* @__PURE__ */ s("span", { className: "text-muted", children: [
+        Z + 1,
         "–",
-        Math.min(J + L, $.length),
+        Math.min(Z + L, G.length),
         " of ",
-        $.length
+        G.length
       ] }),
-      /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-        /* @__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,
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ s(xr, { value: String(L), onValueChange: (a) => rt(Number(a)), children: [
+          /* @__PURE__ */ e(Qe, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ e(vr, {}) }),
+          /* @__PURE__ */ e(Ye, { children: _.map((a) => /* @__PURE__ */ s(Ze, { value: String(a), children: [
+            a,
             " / page"
-          ] }, t)) })
+          ] }, a)) })
         ] }),
         /* @__PURE__ */ e(
-          y,
+          S,
           {
             variant: "outline",
             size: "md",
-            disabled: F <= 0,
-            onClick: () => X((t) => Math.max(0, t - 1)),
+            disabled: $ <= 0,
+            onClick: () => Q((a) => Math.max(0, a - 1)),
             children: "Previous"
           }
         ),
         /* @__PURE__ */ e(
-          y,
+          S,
           {
             variant: "outline",
             size: "md",
-            disabled: F >= H - 1,
-            onClick: () => X((t) => Math.min(H - 1, t + 1)),
+            disabled: $ >= H - 1,
+            onClick: () => Q((a) => Math.min(H - 1, a + 1)),
             children: "Next"
           }
         )
@@ -1440,78 +1638,69 @@ function Ta({
     ] })
   ] });
 }
-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",
-        o
-      ),
-      children: [
-        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
-        ] }),
-        s
-      ]
-    }
-  );
+function Xr({ icon: t, title: r, description: n, action: l, className: i }) {
+  return /* @__PURE__ */ e(le, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+    t ? /* @__PURE__ */ e("div", { className: "flex size-11 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-6", children: t }) : null,
+    /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ 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
+    ] }),
+    l
+  ] }) });
 }
-function ja({ className: a, ...r }) {
+function Kr({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
-      className: l(
+      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",
-        a
+        t
       ),
       ...r
     }
   );
 }
-const ia = p(({ className: a, ...r }, n) => /* @__PURE__ */ e(
-  vt.Root,
+const Sr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  Lt.Root,
   {
     ref: n,
-    className: l(
-      "text-sm font-medium text-fg leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-      a
+    className: o(
+      "mb-1 text-sm font-medium text-fg leading-none last:mb-0 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+      t
     ),
     ...r
   }
 ));
-ia.displayName = "Label";
-function _a({
-  value: a,
+Sr.displayName = "Label";
+function Jr({
+  value: t,
   onValueChange: r,
   options: n,
-  size: s = "sm",
-  className: o,
+  size: l = "sm",
+  className: i,
   ...u
 }) {
-  const c = ae();
+  const c = ne();
   return /* @__PURE__ */ e(
     "div",
     {
       role: "radiogroup",
       "aria-label": u["aria-label"],
-      className: l(
+      className: o(
         "inline-flex w-fit items-center rounded-lg border border-line bg-canvas",
-        s === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
-        o
+        l === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
+        i
       ),
-      children: n.map((m) => {
-        const h = m.value === a;
-        return /* @__PURE__ */ i(
+      children: n.map((d) => {
+        const f = d.value === t;
+        return /* @__PURE__ */ s(
           "label",
           {
-            className: l(
+            className: o(
               "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",
-              s === "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"
+              l === "sm" ? "px-(--control-pad-x-sm) [&_svg]:size-(--control-icon-sm)" : "px-(--control-pad-x-md) [&_svg]:size-(--control-icon-md)",
+              f ? "btn-fill bg-(--button-secondary-bg) text-fg" : "text-muted hover:text-fg"
             ),
             children: [
               /* @__PURE__ */ e(
@@ -1519,52 +1708,52 @@ function _a({
                 {
                   type: "radio",
                   name: c,
-                  value: m.value,
-                  checked: h,
-                  onChange: () => r(m.value),
+                  value: d.value,
+                  checked: f,
+                  onChange: () => r(d.value),
                   className: "sr-only"
                 }
               ),
-              m.icon,
-              m.label
+              d.icon,
+              d.label
             ]
           },
-          m.value
+          d.value
         );
       })
     }
   );
 }
-const sa = p(({ className: a, orientation: r = "horizontal", decorative: n = !0, ...s }, o) => /* @__PURE__ */ e(
-  Nt.Root,
+const zr = p(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
+  Rt.Root,
   {
-    ref: o,
+    ref: i,
     decorative: n,
     orientation: r,
-    className: l(
+    className: o(
       "shrink-0 bg-line",
       r === "horizontal" ? "h-px w-full" : "h-full w-px",
-      a
+      t
     ),
-    ...s
+    ...l
   }
 ));
-sa.displayName = "Separator";
-function Pa({ className: a, ...r }) {
+zr.displayName = "Separator";
+function Qr({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: l("animate-pulse rounded-md bg-elevated", a),
+      className: o("animate-pulse rounded-md bg-elevated", t),
       ...r
     }
   );
 }
-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,
+const Yr = U.Provider, Zr = U.Root, Or = U.Trigger, kr = p(({ className: t, sideOffset: r = 6, ...n }, l) => /* @__PURE__ */ e(U.Portal, { children: /* @__PURE__ */ e(
+  U.Content,
   {
-    ref: s,
+    ref: l,
     sideOffset: r,
-    className: l(
+    className: o(
       "z-50 overflow-hidden rounded-md border border-line bg-elevated px-2 py-1 text-xs text-fg shadow-md",
       "data-[state=delayed-open]:animate-in data-[state=closed]:animate-out",
       "data-[state=delayed-open]:fade-in-0 data-[state=closed]:fade-out-0",
@@ -1572,82 +1761,82 @@ const Ma = q.Provider, Ea = q.Root, La = q.Trigger, oa = p(({ className: a, 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",
-      a
+      t
     ),
     ...n
   }
 ) }));
-oa.displayName = "TooltipContent";
+kr.displayName = "TooltipContent";
 export {
-  fa as AgentPrompt,
-  Te as Avatar,
-  je as AvatarFallback,
-  Ie as AvatarImage,
-  St as Badge,
-  y as Button,
-  xa as Callout,
-  Tt as Card,
-  Pt as CardContent,
-  _t as CardDescription,
-  Mt as CardFooter,
-  It as CardHeader,
-  jt as CardTitle,
-  me as Checkbox,
-  va as ChoiceDialog,
-  Na as CodeBlock,
-  Ta as DataTable,
-  Da as DataTableIdentity,
-  Et as Dialog,
-  Rt as DialogBody,
-  ga as DialogClose,
-  _e as DialogContent,
-  $t as DialogDescription,
-  Ft as DialogFooter,
-  Bt as DialogHeader,
-  At as DialogPanel,
-  Pe as DialogTitle,
-  Lt as DialogTrigger,
-  oe as DropdownMenu,
-  Z as DropdownMenuCheckboxItem,
-  Y as DropdownMenuContent,
-  ya as DropdownMenuGroup,
-  ue as DropdownMenuItem,
-  ee as DropdownMenuLabel,
-  wa as DropdownMenuPortal,
-  be as DropdownMenuSeparator,
-  de as DropdownMenuTrigger,
-  Ia as EmptyState,
-  Ee as Input,
-  ja as Kbd,
-  ia as Label,
-  Gt as RadioCard,
-  Ht as RadioGroup,
-  _a as Segmented,
-  Ot as Select,
-  Ae as SelectContent,
-  Ca as SelectGroup,
-  Re as SelectItem,
-  Xt as SelectLabel,
-  Le as SelectTrigger,
-  Ut as SelectValue,
-  sa as Separator,
-  Pa as Skeleton,
-  yt as Spinner,
-  za as Table,
-  Qt as TableBody,
+  _r as AgentPrompt,
+  Be as Avatar,
+  $e as AvatarFallback,
+  Fe as AvatarImage,
+  Ht as Badge,
+  S as Button,
+  Lr as Callout,
+  Zt as Card,
+  tr as CardContent,
+  er as CardDescription,
+  rr as CardFooter,
+  Ge as CardHeader,
+  Ot as CardTitle,
+  fe as Checkbox,
+  $r as ChoiceDialog,
+  Gr as CodeBlock,
+  Wr as DataTable,
+  Ur as DataTableIdentity,
+  or as Dialog,
+  dr as DialogBody,
+  Fr as DialogClose,
+  We as DialogContent,
+  mr as DialogDescription,
+  ur as DialogFooter,
+  cr as DialogHeader,
+  sr as DialogPanel,
+  Xe as DialogTitle,
+  Ve as DialogTrigger,
+  me as DropdownMenu,
+  te as DropdownMenuCheckboxItem,
+  ee as DropdownMenuContent,
+  Hr as DropdownMenuGroup,
+  ge as DropdownMenuItem,
+  re as DropdownMenuLabel,
+  qr as DropdownMenuPortal,
+  xe as DropdownMenuSeparator,
+  be as DropdownMenuTrigger,
+  Xr as EmptyState,
+  Je as Input,
+  Kr as Kbd,
+  Sr as Label,
+  pr as RadioCard,
+  br as RadioGroup,
+  Jr as Segmented,
+  xr as Select,
+  Ye as SelectContent,
+  Vr as SelectGroup,
+  Ze as SelectItem,
+  Nr as SelectLabel,
+  Qe as SelectTrigger,
+  vr as SelectValue,
+  zr as Separator,
+  Qr as Skeleton,
+  At as Spinner,
+  Rr as Table,
+  Wt 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,
-  oa as TooltipContent,
-  Ma as TooltipProvider,
-  La as TooltipTrigger,
-  zt as badgeVariants,
-  wt as buttonVariants
+  Vt as TableContainer,
+  yr as TableEmptyState,
+  Br as TableHead,
+  Ar as TableHeader,
+  Ut as TablePanel,
+  Xt as TableRow,
+  le as TableSurface,
+  Zr as Tooltip,
+  kr as TooltipContent,
+  Yr as TooltipProvider,
+  Or as TooltipTrigger,
+  $t as badgeVariants,
+  Bt as buttonVariants
 };
 //# sourceMappingURL=index.js.map