@jinaan/uikit 0.1.21 → 0.1.23

package/dist/index.js

@@ -1,32 +1,38 @@
-import { jsx as e, jsxs as s, Fragment as Be } from "react/jsx-runtime";
-import { CircleNotch as wt, Robot as Ct, Terminal as St, Check as J, Copy as Fe, XCircle as kt, Warning as zt, CheckCircle as Dt, Info as Tt, Minus as Mt, X as le, CaretDown as V, CaretRight as Pt, MagnifyingGlass as It, Columns as jt, Lock as Et, FunnelSimple as Ie, WarningCircle as _t, CaretUp as Lt, CaretUpDown as Rt } from "@phosphor-icons/react";
-import { forwardRef as b, useState as T, Children as $e, isValidElement as qe, useRef as te, useEffect as U, useContext as ie, useCallback as At, createContext as se, useId as de, useMemo as je } from "react";
-import { Slot as Bt } from "@radix-ui/react-slot";
-import { cva as ye } from "class-variance-authority";
-import { clsx as Ft } from "clsx";
-import { twMerge as $t } from "tailwind-merge";
-import * as we from "@radix-ui/react-avatar";
-import * as Ee from "@radix-ui/react-checkbox";
-import * as M from "@radix-ui/react-dialog";
-import * as C from "@radix-ui/react-dropdown-menu";
-import * as D from "@radix-ui/react-select";
-import * as qt from "@radix-ui/react-label";
-import * as Gt from "@radix-ui/react-separator";
-import * as X from "@radix-ui/react-tooltip";
-function i(...t) {
-  return $t(Ft(t));
+import { jsx as e, jsxs as s, Fragment as We } from "react/jsx-runtime";
+import { CircleNotch as Bt, Robot as Ft, Terminal as $t, Check as W, Copy as Xe, XCircle as qt, Warning as Gt, CheckCircle as Ht, Info as Vt, Minus as Ut, X as ne, CaretDown as ie, CaretRight as Ot, MagnifyingGlass as Wt, Columns as Xt, DotsSixVertical as Jt, Lock as Fe, LockOpen as Qt, FunnelSimple as $e, WarningCircle as Yt, CaretUp as Zt, CaretUpDown as Kt } from "@phosphor-icons/react";
+import { forwardRef as b, useState as C, Children as Je, isValidElement as Qe, useRef as ee, useEffect as V, useContext as le, useCallback as ea, createContext as se, useId as de, useMemo as qe } from "react";
+import { Slot as ta } from "@radix-ui/react-slot";
+import { cva as we } from "class-variance-authority";
+import { clsx as aa } from "clsx";
+import { twMerge as ra } from "tailwind-merge";
+import * as Ce from "@radix-ui/react-avatar";
+import * as Ge from "@radix-ui/react-checkbox";
+import * as P from "@radix-ui/react-dialog";
+import * as S from "@radix-ui/react-dropdown-menu";
+import * as M from "@radix-ui/react-select";
+import * as na from "@radix-ui/react-label";
+import * as ia from "@radix-ui/react-separator";
+import * as O from "@radix-ui/react-tooltip";
+function o(...t) {
+  return ra(aa(t));
 }
-function Ht({ className: t }) {
+function la(t, a, n) {
+  if (a === n || a < 0 || n < 0 || a >= t.length || n >= t.length)
+    return t;
+  const i = [...t], [l] = i.splice(a, 1);
+  return i.splice(n, 0, l), i;
+}
+function oa({ className: t }) {
   return /* @__PURE__ */ e(
-    wt,
+    Bt,
     {
-      className: i("size-4 animate-spin text-muted", t),
+      className: o("size-4 animate-spin text-muted", t),
       weight: "bold",
       "aria-hidden": !0
     }
   );
 }
-const Vt = ye(
+const sa = we(
   "relative inline-flex select-none items-center justify-center gap-[var(--control-gap)] whitespace-nowrap rounded-[var(--control-radius)] border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[120ms] active:scale-[0.97] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -52,56 +58,56 @@ const Vt = ye(
       size: "md"
     }
   }
-), Ut = {
+), da = {
   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)]"
-}, k = b(
+}, D = b(
   ({
     className: t,
     variant: a,
-    size: r = "md",
-    asChild: l = !1,
-    leadingIcon: o,
-    trailingIcon: d,
-    iconOnly: c = !1,
-    loading: u = !1,
+    size: n = "md",
+    asChild: i = !1,
+    leadingIcon: l,
+    trailingIcon: c,
+    iconOnly: u = !1,
+    loading: m = !1,
     fullWidth: h = !1,
     disabled: g,
-    children: p,
+    children: f,
     ...N
-  }, z) => {
-    const S = l ? Bt : "button", w = Ut[r ?? "md"];
+  }, T) => {
+    const k = i ? ta : "button", w = da[n ?? "md"];
     return /* @__PURE__ */ e(
-      S,
+      k,
       {
-        ref: z,
-        "aria-busy": u || void 0,
-        disabled: l ? void 0 : g || u,
-        className: i(
-          Vt({ variant: a, size: r }),
-          c && "aspect-square px-0",
+        ref: T,
+        "aria-busy": m || void 0,
+        disabled: i ? void 0 : g || m,
+        className: o(
+          sa({ variant: a, size: n }),
+          u && "aspect-square px-0",
           h && "w-full",
-          u && "disabled:opacity-100",
+          m && "disabled:opacity-100",
           t
         ),
         ...N,
-        children: l ? p : /* @__PURE__ */ s("span", { className: "relative inline-flex items-center justify-center gap-[var(--control-gap)]", children: [
+        children: i ? f : /* @__PURE__ */ s("span", { className: "relative inline-flex items-center justify-center gap-[var(--control-gap)]", children: [
           /* @__PURE__ */ s(
             "span",
             {
-              className: i(
+              className: o(
                 "inline-flex items-center justify-center gap-[var(--control-gap)] transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
-                u && "translate-y-2 opacity-0"
+                m && "translate-y-2 opacity-0"
               ),
-              "aria-hidden": u || void 0,
+              "aria-hidden": m || void 0,
               children: [
-                !u && o ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", w), "aria-hidden": !0, children: o }) : null,
-                p,
-                !u && d ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", w), "aria-hidden": !0, children: d }) : null
+                !m && l ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: l }) : null,
+                f,
+                !m && c ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: c }) : null
               ]
             }
           ),
@@ -109,12 +115,12 @@ const Vt = ye(
             "span",
             {
               "data-button-spinner": !0,
-              className: i(
+              className: o(
                 "pointer-events-none absolute inset-0 flex items-center justify-center transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
-                u ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
+                m ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(Ht, { className: i("text-current", w) })
+              children: /* @__PURE__ */ e(oa, { className: o("text-current", w) })
             }
           )
         ] })
@@ -122,76 +128,76 @@ const Vt = ye(
     );
   }
 );
-k.displayName = "Button";
-function Ga({
+D.displayName = "Button";
+function ir({
   command: t,
   tag: a = "Build with agents",
-  icon: r,
-  className: l
+  icon: n,
+  className: i
 }) {
-  const [o, d] = T(!1), c = async () => {
+  const [l, c] = C(!1), u = async () => {
     try {
-      await navigator.clipboard.writeText(t), d(!0), window.setTimeout(() => d(!1), 1500);
+      await navigator.clipboard.writeText(t), c(!0), window.setTimeout(() => c(!1), 1500);
     } catch {
     }
   };
-  return /* @__PURE__ */ s("div", { className: i("relative inline-flex max-w-full", l), children: [
+  return /* @__PURE__ */ s("div", { className: o("relative inline-flex max-w-full", i), 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: [
-      r ?? /* @__PURE__ */ e(Ct, { className: "size-3.5", weight: "fill" }),
+      n ?? /* @__PURE__ */ e(Ft, { className: "size-3.5", weight: "fill" }),
       a
     ] }),
     /* @__PURE__ */ s("div", { className: "mt-2 flex w-full items-center gap-2 rounded-xl border border-line bg-surface py-2 pl-3 pr-2 shadow-sm", children: [
-      /* @__PURE__ */ e(St, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ e($t, { 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(
-        k,
+        D,
         {
           variant: "ghost",
           size: "sm",
           iconOnly: !0,
           "aria-label": "Copy prompt",
           className: "ml-auto",
-          onClick: c,
-          children: o ? /* @__PURE__ */ e(J, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Fe, {})
+          onClick: u,
+          children: l ? /* @__PURE__ */ e(W, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Xe, {})
         }
       )
     ] })
   ] });
 }
-const Ge = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  we.Root,
+const Ye = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ce.Root,
   {
-    ref: r,
-    className: i(
+    ref: n,
+    className: o(
       "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
       t
     ),
     ...a
   }
 ));
-Ge.displayName = "Avatar";
-const He = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  we.Image,
+Ye.displayName = "Avatar";
+const Ze = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ce.Image,
   {
-    ref: r,
-    className: i("aspect-square size-full object-cover", t),
+    ref: n,
+    className: o("aspect-square size-full object-cover", t),
     ...a
   }
 ));
-He.displayName = "AvatarImage";
-const Ve = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  we.Fallback,
+Ze.displayName = "AvatarImage";
+const Ke = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ce.Fallback,
   {
-    ref: r,
-    className: i(
+    ref: n,
+    className: o(
       "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
       t
     ),
     ...a
   }
 ));
-Ve.displayName = "AvatarFallback";
-const Wt = ye(
+Ke.displayName = "AvatarFallback";
+const ca = we(
   "inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
   {
     variants: {
@@ -207,7 +213,7 @@ const Wt = ye(
     },
     defaultVariants: { variant: "neutral" }
   }
-), Xt = ye("size-1.5 shrink-0 rounded-full", {
+), ua = we("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -221,70 +227,70 @@ const Wt = ye(
   },
   defaultVariants: { variant: "neutral" }
 });
-function Jt({ className: t, variant: a, dot: r = !1, children: l, ...o }) {
-  return /* @__PURE__ */ s("span", { className: i(Wt({ variant: a }), t), ...o, children: [
-    r ? /* @__PURE__ */ e("span", { className: i(Xt({ variant: a })), "aria-hidden": !0 }) : null,
-    l
+function ma({ className: t, variant: a, dot: n = !1, children: i, ...l }) {
+  return /* @__PURE__ */ s("span", { className: o(ca({ variant: a }), t), ...l, children: [
+    n ? /* @__PURE__ */ e("span", { className: o(ua({ variant: a })), "aria-hidden": !0 }) : null,
+    i
   ] });
 }
-const Qt = {
+const pa = {
   info: {
-    Icon: Tt,
+    Icon: Vt,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: Dt,
+    Icon: Ht,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
   warning: {
-    Icon: zt,
+    Icon: Gt,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: kt,
+    Icon: qt,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function Ha({
+function lr({
   variant: t = "info",
   title: a,
-  children: r,
-  icon: l,
-  className: o
+  children: n,
+  icon: i,
+  className: l
 }) {
-  const { Icon: d, className: c, iconClassName: u } = Qt[t];
+  const { Icon: c, className: u, iconClassName: m } = pa[t];
   return /* @__PURE__ */ s(
     "div",
     {
       role: t === "error" ? "alert" : void 0,
-      className: i(
+      className: o(
         "flex items-start gap-2.5 rounded-lg border px-3.5 py-3 text-sm",
         "animate-in fade-in-0 slide-in-from-top-1 duration-200 motion-reduce:animate-none",
-        c,
-        o
+        u,
+        l
       ),
       children: [
-        /* @__PURE__ */ e("span", { className: i("mt-0.5 shrink-0 [&_svg]:size-4", u), children: l ?? /* @__PURE__ */ e(d, { weight: "fill" }) }),
+        /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", m), children: i ?? /* @__PURE__ */ e(c, { weight: "fill" }) }),
         /* @__PURE__ */ s("div", { className: "min-w-0 space-y-0.5", children: [
           a ? /* @__PURE__ */ e("p", { className: "font-medium text-fg", children: a }) : null,
-          r ? /* @__PURE__ */ e("div", { className: "text-muted", children: r }) : null
+          n ? /* @__PURE__ */ e("div", { className: "text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
-function Yt({
+function fa({
   className: t,
   ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: i(
+      className: o(
         "w-full overflow-hidden rounded-(--table-radius-outer) bg-table-container p-(--table-inset)",
         t
       ),
@@ -292,14 +298,14 @@ function Yt({
     }
   );
 }
-function Zt({
+function ba({
   className: t,
   ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: i(
+      className: o(
         "overflow-hidden rounded-(--table-radius-panel) border border-table-panel-border bg-table-panel",
         t
       ),
@@ -307,26 +313,26 @@ function Zt({
     }
   );
 }
-function Va({ className: t, ...a }) {
+function or({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "table",
     {
-      className: i("w-full table-fixed border-collapse caption-bottom text-sm", t),
+      className: o("w-full table-fixed border-collapse caption-bottom text-sm", t),
       ...a
     }
   );
 }
-function Ua({ className: t, ...a }) {
+function sr({ className: t, ...a }) {
   return /* @__PURE__ */ e("thead", { className: t, ...a });
 }
-function Ot({ className: t, ...a }) {
-  return /* @__PURE__ */ e("tbody", { className: i("[&_tr:last-child]:border-0", t), ...a });
+function ha({ className: t, ...a }) {
+  return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...a });
 }
-function Kt({ className: t, ...a }) {
+function ga({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "tr",
     {
-      className: i(
+      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
       ),
@@ -334,11 +340,11 @@ function Kt({ className: t, ...a }) {
     }
   );
 }
-function Wa({ className: t, ...a }) {
+function dr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "th",
     {
-      className: i(
+      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
       ),
@@ -346,11 +352,11 @@ function Wa({ className: t, ...a }) {
     }
   );
 }
-function fe({ className: t, ...a }) {
+function he({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "td",
     {
-      className: i(
+      className: o(
         "px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
         t
       ),
@@ -358,54 +364,54 @@ function fe({ className: t, ...a }) {
     }
   );
 }
-const ea = {
+const xa = {
   default: "bg-table-container",
   muted: "bg-surface border border-line",
   transparent: "bg-transparent"
-}, ta = {
+}, va = {
   default: "bg-table-panel border-table-panel-border",
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function aa(t) {
+function Na(t) {
   return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
 }
 function ce({
   title: t,
   description: a,
-  header: r,
-  children: l,
-  action: o,
-  tone: d = "default",
-  className: c,
-  headerClassName: u,
+  header: n,
+  children: i,
+  action: l,
+  tone: c = "default",
+  className: u,
+  headerClassName: m,
   panelClassName: h,
   minHeight: g
 }) {
-  const p = !!(t || a), N = aa(o) ? /* @__PURE__ */ e(
-    k,
+  const f = !!(t || a), N = Na(l) ? /* @__PURE__ */ e(
+    D,
     {
-      variant: o.variant ?? "primary",
+      variant: l.variant ?? "primary",
       size: "xs",
-      leadingIcon: o.href ? void 0 : o.icon,
-      onClick: o.onClick,
-      disabled: o.disabled,
-      asChild: !!o.href,
-      children: o.href ? /* @__PURE__ */ s("a", { href: o.href, children: [
-        o.icon,
-        o.label
-      ] }) : o.label
+      leadingIcon: l.href ? void 0 : l.icon,
+      onClick: l.onClick,
+      disabled: l.disabled,
+      asChild: !!l.href,
+      children: l.href ? /* @__PURE__ */ s("a", { href: l.href, children: [
+        l.icon,
+        l.label
+      ] }) : l.label
     }
-  ) : o;
-  return /* @__PURE__ */ s(Yt, { className: i("relative", ea[d], c), children: [
+  ) : l;
+  return /* @__PURE__ */ s(fa, { className: o("relative", xa[c], u), children: [
     /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
-      r || p ? (
+      n || f ? (
         // Header rows must not inherit the body row hover surface.
-        /* @__PURE__ */ s("div", { className: i("[--table-row-hover:transparent] text-table-header", u), children: [
-          p ? /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: o("[--table-row-hover:transparent] text-table-header", m), children: [
+          f ? /* @__PURE__ */ s(
             "div",
             {
-              className: i(
+              className: o(
                 "px-(--table-pad-x) pb-3 pt-4",
                 N && "pr-28"
               ),
@@ -415,63 +421,63 @@ function ce({
               ]
             }
           ) : null,
-          r
+          n
         ] })
       ) : null,
       /* @__PURE__ */ e(
-        Zt,
+        ba,
         {
-          className: i(ta[d], h),
+          className: o(va[c], h),
           style: g ? { minHeight: g } : void 0,
-          children: l
+          children: i
         }
       )
     ] }),
     N ? /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: N }) }) : null
   ] });
 }
-function ra(t) {
-  const a = $e.toArray(t), r = a.filter(
-    (l) => qe(l) && l.type === Ue
+function ya(t) {
+  const a = Je.toArray(t), n = a.filter(
+    (i) => Qe(i) && i.type === et
   );
   return {
-    header: r.length > 0 ? /* @__PURE__ */ e(Be, { children: r }) : void 0,
-    body: a.filter((l) => !r.includes(l))
+    header: n.length > 0 ? /* @__PURE__ */ e(We, { children: n }) : void 0,
+    body: a.filter((i) => !n.includes(i))
   };
 }
-const na = b(
-  ({ className: t, children: a, ...r }, l) => {
-    const { header: o, body: d } = ra(a);
-    return /* @__PURE__ */ e("div", { ref: l, ...r, children: /* @__PURE__ */ e(ce, { className: i("shadow-xs", t), header: o, children: d }) });
+const wa = b(
+  ({ className: t, children: a, ...n }, i) => {
+    const { header: l, body: c } = ya(a);
+    return /* @__PURE__ */ e("div", { ref: i, ...n, children: /* @__PURE__ */ e(ce, { className: o("shadow-xs", t), header: l, children: c }) });
   }
 );
-na.displayName = "Card";
-const Ue = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+wa.displayName = "Card";
+const et = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
-    ref: r,
-    className: i(
+    ref: n,
+    className: o(
       "flex flex-col gap-1 px-5 py-4",
       t
     ),
     ...a
   }
 ));
-Ue.displayName = "CardHeader";
-const la = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+et.displayName = "CardHeader";
+const Ca = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "h2",
   {
-    ref: r,
-    className: i("text-sm font-semibold text-fg", t),
+    ref: n,
+    className: o("text-sm font-semibold text-fg", t),
     ...a
   }
 ));
-la.displayName = "CardTitle";
-const ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+Ca.displayName = "CardTitle";
+const Sa = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "p",
   {
-    ref: r,
-    className: i(
+    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
@@ -479,26 +485,26 @@ const ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-ia.displayName = "CardDescription";
-const oa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", { ref: r, className: i("px-5 py-4", t), ...a }));
-oa.displayName = "CardContent";
-const sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+Sa.displayName = "CardDescription";
+const ka = b(({ className: t, ...a }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...a }));
+ka.displayName = "CardContent";
+const za = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
-    ref: r,
-    className: i(
+    ref: n,
+    className: o(
       "flex items-center gap-3 border-t border-line px-5 py-3",
       t
     ),
     ...a
   }
 ));
-sa.displayName = "CardFooter";
-const xe = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  Ee.Root,
+za.displayName = "CardFooter";
+const ve = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ge.Root,
   {
-    ref: r,
-    className: i(
+    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",
@@ -507,27 +513,27 @@ const xe = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
       t
     ),
     ...a,
-    children: /* @__PURE__ */ e(Ee.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: a.checked === "indeterminate" ? /* @__PURE__ */ e(Mt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(J, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ e(Ge.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: a.checked === "indeterminate" ? /* @__PURE__ */ e(Ut, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(W, { className: "size-3", weight: "bold" }) })
   }
 ));
-xe.displayName = "Checkbox";
-function _e(t) {
+ve.displayName = "Checkbox";
+function He(t) {
   return t.width > 0 && t.height > 0;
 }
-function Le(t) {
+function Ve(t) {
   return Math.min(1, Math.max(0.1, t));
 }
-function da(t, a) {
-  return !_e(t) || !_e(a) ? null : {
+function Da(t, a) {
+  return !He(t) || !He(a) ? null : {
     dx: t.left + t.width / 2 - (a.left + a.width / 2),
     dy: t.top + t.height / 2 - (a.top + a.height / 2),
-    sx: Le(t.width / a.width),
-    sy: Le(t.height / a.height)
+    sx: Ve(t.width / a.width),
+    sy: Ve(t.height / a.height)
   };
 }
-const We = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
-let A = null, Re = !1;
-function Ce(t) {
+const tt = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
+let A = null, Ue = !1;
+function Se(t) {
   const a = t.getBoundingClientRect();
   return a.width <= 0 || a.height <= 0 ? null : {
     left: a.left,
@@ -536,135 +542,135 @@ function Ce(t) {
     height: a.height
   };
 }
-function ve(t) {
+function Ne(t) {
   if (!(t instanceof Element)) return;
-  const a = t.closest(We);
+  const a = t.closest(tt);
   if (!a) return;
-  const r = Ce(a);
-  r && (A = { rect: r, at: Date.now() });
+  const n = Se(a);
+  n && (A = { rect: n, at: Date.now() });
 }
-function ca() {
-  Re || typeof document > "u" || (Re = !0, document.addEventListener(
+function Ta() {
+  Ue || typeof document > "u" || (Ue = !0, document.addEventListener(
     "pointerdown",
-    (t) => ve(t.target),
+    (t) => Ne(t.target),
     !0
   ), document.addEventListener(
     "keydown",
     (t) => {
-      t.key !== "Enter" && t.key !== " " || ve(document.activeElement);
+      t.key !== "Enter" && t.key !== " " || Ne(document.activeElement);
     },
     !0
   ));
 }
-function ua(t) {
+function Ma(t) {
   if (A && Date.now() - A.at < 2e3) {
-    const r = A.rect;
-    return A = null, r;
+    const n = A.rect;
+    return A = null, n;
   }
   A = null;
   const a = document.activeElement;
-  return a instanceof Element && a !== t && !t.contains(a) && a.matches(We) ? Ce(a) : null;
+  return a instanceof Element && a !== t && !t.contains(a) && a.matches(tt) ? Se(a) : null;
 }
-const ma = 250, Xe = se(!1), Je = se(() => {
+const Pa = 250, at = se(!1), rt = se(() => {
 });
-function pa({
+function Ia({
   open: t,
   defaultOpen: a,
-  onOpenChange: r,
-  children: l,
-  ...o
+  onOpenChange: n,
+  children: i,
+  ...l
 }) {
-  const [d, c] = T(
+  const [c, u] = C(
     a ?? !1
-  ), [u, h] = T(!1), g = te(!1), p = te(null), N = t ?? d, z = te(N);
-  z.current = N;
-  const S = t !== void 0;
-  U(() => ca(), []), U(() => {
-    t && (p.current && clearTimeout(p.current), g.current = !1, h(!1));
-  }, [t]), U(
+  ), [m, h] = C(!1), g = ee(!1), f = ee(null), N = t ?? c, T = ee(N);
+  T.current = N;
+  const k = t !== void 0;
+  V(() => Ta(), []), V(() => {
+    t && (f.current && clearTimeout(f.current), g.current = !1, h(!1));
+  }, [t]), V(
     () => () => {
-      p.current && clearTimeout(p.current);
+      f.current && clearTimeout(f.current);
     },
     []
   );
   const w = (I) => {
     if (I) {
-      p.current && clearTimeout(p.current), g.current = !1, h(!1), S || c(!0), r == null || r(!0);
+      f.current && clearTimeout(f.current), g.current = !1, h(!1), k || u(!0), n == null || n(!0);
       return;
     }
     if (!N || g.current) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      S || c(!1), r == null || r(!1);
+      k || u(!1), n == null || n(!1);
       return;
     }
-    g.current = !0, h(!0), p.current = setTimeout(() => {
-      S || c(!1), r == null || r(!1), requestAnimationFrame(() => {
-        z.current && (g.current = !1, h(!1));
+    g.current = !0, h(!0), f.current = setTimeout(() => {
+      k || u(!1), n == null || n(!1), requestAnimationFrame(() => {
+        T.current && (g.current = !1, h(!1));
       });
-    }, ma);
+    }, Pa);
   };
-  return /* @__PURE__ */ e(Je.Provider, { value: () => w(!1), children: /* @__PURE__ */ e(Xe.Provider, { value: u, children: /* @__PURE__ */ e(
-    M.Root,
+  return /* @__PURE__ */ e(rt.Provider, { value: () => w(!1), children: /* @__PURE__ */ e(at.Provider, { value: m, children: /* @__PURE__ */ e(
+    P.Root,
     {
       open: N,
       onOpenChange: w,
-      ...o,
-      children: l
+      ...l,
+      children: i
     }
   ) }) });
 }
-const Qe = b(({ onClick: t, ...a }, r) => /* @__PURE__ */ e(
-  M.Trigger,
+const nt = b(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
+  P.Trigger,
   {
-    ref: r,
-    onClick: (l) => {
-      ve(l.currentTarget), t == null || t(l);
+    ref: n,
+    onClick: (i) => {
+      Ne(i.currentTarget), t == null || t(i);
     },
     ...a
   }
 ));
-Qe.displayName = "DialogTrigger";
-const Xa = M.Close, Ye = b(
-  ({ variant: t = "secondary", children: a = "Cancel", ...r }, l) => /* @__PURE__ */ e(M.Close, { asChild: !0, children: /* @__PURE__ */ e(k, { ref: l, type: "button", variant: t, ...r, children: a }) })
+nt.displayName = "DialogTrigger";
+const cr = P.Close, it = b(
+  ({ variant: t = "secondary", children: a = "Cancel", ...n }, i) => /* @__PURE__ */ e(P.Close, { asChild: !0, children: /* @__PURE__ */ e(D, { ref: i, type: "button", variant: t, ...n, children: a }) })
 );
-Ye.displayName = "DialogCancel";
-function Ze(t, a = !0) {
+it.displayName = "DialogCancel";
+function lt(t, a = !0) {
   if (t.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
     return;
-  const r = Ce(t);
-  if (!r) {
-    a && window.requestAnimationFrame(() => Ze(t, !1));
+  const n = Se(t);
+  if (!n) {
+    a && window.requestAnimationFrame(() => lt(t, !1));
     return;
   }
   t.dataset.dialogMotionStarted = "true";
-  const l = ua(t), o = l ? da(l, r) : null;
-  o ? (t.style.setProperty("--dialog-dx", `${o.dx}px`), t.style.setProperty("--dialog-dy", `${o.dy}px`), t.style.setProperty("--dialog-sx", String(o.sx)), t.style.setProperty("--dialog-sy", String(o.sy)), t.classList.add("dialog-fly-in")) : (t.style.removeProperty("--dialog-dx"), t.style.removeProperty("--dialog-dy"), t.style.removeProperty("--dialog-sx"), t.style.removeProperty("--dialog-sy"), t.classList.add("dialog-pop-in"));
-  const d = () => {
+  const i = Ma(t), l = i ? Da(i, n) : null;
+  l ? (t.style.setProperty("--dialog-dx", `${l.dx}px`), t.style.setProperty("--dialog-dy", `${l.dy}px`), t.style.setProperty("--dialog-sx", String(l.sx)), t.style.setProperty("--dialog-sy", String(l.sy)), t.classList.add("dialog-fly-in")) : (t.style.removeProperty("--dialog-dx"), t.style.removeProperty("--dialog-dy"), t.style.removeProperty("--dialog-sx"), t.style.removeProperty("--dialog-sy"), t.classList.add("dialog-pop-in"));
+  const c = () => {
     t.classList.remove("dialog-fly-in", "dialog-pop-in");
-  }, c = (u) => {
-    u.target === t && (u.animationName !== "dialog-fly-in" && u.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", c), d()));
+  }, u = (m) => {
+    m.target === t && (m.animationName !== "dialog-fly-in" && m.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", u), c()));
   };
-  t.addEventListener("animationend", c);
+  t.addEventListener("animationend", u);
 }
-const Oe = b(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOutside: l, ...o }, d) => {
-  const c = ie(Xe), u = ie(Je), h = te(null), g = At(
-    (p) => {
-      if (h.current = p, p && Ze(p), typeof d == "function") {
-        d(p);
+const ot = b(({ className: t, children: a, onEscapeKeyDown: n, onPointerDownOutside: i, ...l }, c) => {
+  const u = le(at), m = le(rt), h = ee(null), g = ea(
+    (f) => {
+      if (h.current = f, f && lt(f), typeof c == "function") {
+        c(f);
         return;
       }
-      d && (d.current = p);
+      c && (c.current = f);
     },
-    [d]
+    [c]
   );
-  return /* @__PURE__ */ s(M.Portal, { children: [
+  return /* @__PURE__ */ s(P.Portal, { children: [
     /* @__PURE__ */ e(
-      M.Overlay,
+      P.Overlay,
       {
-        className: i(
+        className: o(
           "fixed inset-0 z-50 overflow-hidden bg-overlay backdrop-blur-[3px] data-[state=open]:animate-in data-[state=open]:fade-in-0",
-          !c && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-          c && "opacity-0 transition-opacity duration-200"
+          !u && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+          u && "opacity-0 transition-opacity duration-200"
         ),
         children: /* @__PURE__ */ e(
           "span",
@@ -676,27 +682,27 @@ const Oe = b(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOuts
       }
     ),
     /* @__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(
-      M.Content,
+      P.Content,
       {
         ref: g,
-        className: i(
+        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",
-          c && "dialog-closing",
+          u && "dialog-closing",
           "focus:outline-none",
           t
         ),
-        onEscapeKeyDown: (p) => {
-          r == null || r(p), !p.defaultPrevented && (p.preventDefault(), u());
+        onEscapeKeyDown: (f) => {
+          n == null || n(f), !f.defaultPrevented && (f.preventDefault(), m());
         },
-        onPointerDownOutside: (p) => {
-          l == null || l(p), !p.defaultPrevented && (p.preventDefault(), u());
+        onPointerDownOutside: (f) => {
+          i == null || i(f), !f.defaultPrevented && (f.preventDefault(), m());
         },
-        ...o,
+        ...l,
         children: [
           a,
-          /* @__PURE__ */ s(M.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(le, { className: "size-4" }),
+          /* @__PURE__ */ s(P.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
+            /* @__PURE__ */ e(ne, { className: "size-4" }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -704,8 +710,8 @@ const Oe = b(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOuts
     ) })
   ] });
 });
-Oe.displayName = "DialogContent";
-function ba({
+ot.displayName = "DialogContent";
+function Ea({
   className: t,
   ...a
 }) {
@@ -713,7 +719,7 @@ function ba({
     "div",
     {
       "data-slot": "panel",
-      className: i(
+      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
       ),
@@ -721,7 +727,7 @@ function ba({
     }
   );
 }
-function fa({
+function ja({
   className: t,
   ...a
 }) {
@@ -729,12 +735,12 @@ function fa({
     "div",
     {
       "data-slot": "body",
-      className: i("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
+      className: o("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
       ...a
     }
   );
 }
-function ha({
+function _a({
   className: t,
   ...a
 }) {
@@ -742,7 +748,7 @@ function ha({
     "div",
     {
       "data-slot": "header",
-      className: i(
+      className: o(
         "flex shrink-0 flex-col gap-1.5 border-b border-(--dialog-panel-border) px-5 py-4",
         t
       ),
@@ -750,7 +756,7 @@ function ha({
     }
   );
 }
-function ga({
+function La({
   className: t,
   ...a
 }) {
@@ -758,7 +764,7 @@ function ga({
     "div",
     {
       "data-slot": "footer",
-      className: i(
+      className: o(
         "flex shrink-0 flex-col-reverse gap-2 px-3 pt-3 sm:flex-row sm:px-4 sm:pt-3.5 sm:*:flex-1",
         t
       ),
@@ -766,75 +772,75 @@ function ga({
     }
   );
 }
-const Ke = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  M.Title,
+const st = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  P.Title,
   {
-    ref: r,
-    className: i("text-base font-semibold text-fg", t),
+    ref: n,
+    className: o("text-base font-semibold text-fg", t),
     ...a
   }
 ));
-Ke.displayName = "DialogTitle";
-const xa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  M.Description,
+st.displayName = "DialogTitle";
+const Ra = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  P.Description,
   {
-    ref: r,
-    className: i("text-sm text-muted", t),
+    ref: n,
+    className: o("text-sm text-muted", t),
     ...a
   }
 ));
-xa.displayName = "DialogDescription";
-const et = se(null);
-function va({
+Ra.displayName = "DialogDescription";
+const dt = se(null);
+function Aa({
   label: t,
   value: a,
-  onChange: r,
-  disabled: l = !1,
-  name: o,
-  className: d,
-  children: c,
-  ...u
+  onChange: n,
+  disabled: i = !1,
+  name: l,
+  className: c,
+  children: u,
+  ...m
 }) {
-  const h = de(), g = o ?? h;
-  return /* @__PURE__ */ e(et.Provider, { value: { name: g, value: a, onChange: r, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: i("flex flex-col gap-6", d), ...u, children: [
+  const h = de(), g = l ?? h;
+  return /* @__PURE__ */ e(dt.Provider, { value: { name: g, value: a, onChange: n, disabled: i }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", c), ...m, children: [
     /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
-    c
+    u
   ] }) });
 }
-function Na({
+function Ba({
   value: t,
   title: a,
-  description: r,
-  badge: l,
-  disabled: o = !1,
-  className: d
+  description: n,
+  badge: i,
+  disabled: l = !1,
+  className: c
 }) {
-  const c = ie(et), u = de();
-  if (!c)
+  const u = le(dt), m = de();
+  if (!u)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const h = o || c.disabled, g = c.value === t;
+  const h = l || u.disabled, g = u.value === t;
   return /* @__PURE__ */ s(
     "label",
     {
-      className: i(
+      className: o(
         "group relative flex items-start gap-3",
         h ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-        d
+        c
       ),
       children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "radio",
-            name: c.name,
+            name: u.name,
             value: t,
             checked: g,
             disabled: h,
             onChange: () => {
-              var p;
-              return (p = c.onChange) == null ? void 0 : p.call(c, t);
+              var f;
+              return (f = u.onChange) == null ? void 0 : f.call(u, t);
             },
-            "aria-describedby": r ? u : void 0,
+            "aria-describedby": n ? m : void 0,
             className: "peer sr-only"
           }
         ),
@@ -842,7 +848,7 @@ function Na({
           "span",
           {
             "aria-hidden": !0,
-            className: i(
+            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"
@@ -852,43 +858,43 @@ function Na({
         /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ s("span", { className: "flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: a }),
-            l ? /* @__PURE__ */ e(Jt, { variant: "primary", children: l }) : null
+            i ? /* @__PURE__ */ e(ma, { variant: "primary", children: i }) : null
           ] }),
-          r ? /* @__PURE__ */ e("span", { id: u, className: "mt-1 block text-sm text-muted", children: r }) : null
+          n ? /* @__PURE__ */ e("span", { id: m, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
-function Ja({
+function ur({
   open: t,
   onOpenChange: a,
-  trigger: r,
-  title: l,
-  options: o,
-  defaultValue: d,
-  value: c,
-  onValueChange: u,
+  trigger: n,
+  title: i,
+  options: l,
+  defaultValue: c,
+  value: u,
+  onValueChange: m,
   cancelLabel: h = "Cancel",
   confirmLabel: g = "Continue",
-  onConfirm: p
+  onConfirm: f
 }) {
   var I;
-  const [N, z] = T(d ?? ((I = o[0]) == null ? void 0 : I.value) ?? ""), S = c ?? N;
-  return /* @__PURE__ */ s(pa, { open: t, onOpenChange: a, children: [
-    r ? /* @__PURE__ */ e(Qe, { asChild: !0, children: r }) : null,
+  const [N, T] = C(c ?? ((I = l[0]) == null ? void 0 : I.value) ?? ""), k = u ?? N;
+  return /* @__PURE__ */ s(Ia, { open: t, onOpenChange: a, children: [
+    n ? /* @__PURE__ */ e(nt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
-      Oe,
+      ot,
       {
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ s(ba, { children: [
-            /* @__PURE__ */ e(ha, { children: /* @__PURE__ */ e(Ke, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ e(fa, { children: /* @__PURE__ */ e(va, { label: l, value: S, onChange: (y) => {
-              c === void 0 && z(y), u == null || u(y);
-            }, children: o.map((y) => /* @__PURE__ */ e(
-              Na,
+          /* @__PURE__ */ s(Ea, { children: [
+            /* @__PURE__ */ e(_a, { children: /* @__PURE__ */ e(st, { className: "text-xl", children: i }) }),
+            /* @__PURE__ */ e(ja, { children: /* @__PURE__ */ e(Aa, { label: i, value: k, onChange: (y) => {
+              u === void 0 && T(y), m == null || m(y);
+            }, children: l.map((y) => /* @__PURE__ */ e(
+              Ba,
               {
                 value: y.value,
                 title: y.title,
@@ -898,29 +904,29 @@ function Ja({
               y.value
             )) }) })
           ] }),
-          /* @__PURE__ */ s(ga, { className: "gap-3 pt-2.5", children: [
-            /* @__PURE__ */ e(Ye, { className: "flex-1", children: h }),
-            /* @__PURE__ */ e(k, { className: "flex-1", onClick: () => p == null ? void 0 : p(S), children: g })
+          /* @__PURE__ */ s(La, { className: "gap-3 pt-2.5", children: [
+            /* @__PURE__ */ e(it, { className: "flex-1", children: h }),
+            /* @__PURE__ */ e(D, { className: "flex-1", onClick: () => f == null ? void 0 : f(k), children: g })
           ] })
         ]
       }
     )
   ] });
 }
-function Qa({ code: t, label: a, className: r }) {
-  const [l, o] = T(!1);
+function mr({ code: t, label: a, className: n }) {
+  const [i, l] = C(!1);
   return /* @__PURE__ */ e(
     ce,
     {
-      className: r,
+      className: n,
       header: /* @__PURE__ */ e("div", { className: "flex h-(--table-header-h) items-center px-(--table-pad-x) pr-28", children: /* @__PURE__ */ e("span", { className: "truncate text-[13px] font-medium text-table-header", children: a }) }),
       action: {
-        label: l ? "Copied" : "Copy",
-        icon: l ? /* @__PURE__ */ e(J, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Fe, {}),
+        label: i ? "Copied" : "Copy",
+        icon: i ? /* @__PURE__ */ e(W, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Xe, {}),
         variant: "ghost",
         onClick: async () => {
           try {
-            await navigator.clipboard.writeText(t), o(!0), window.setTimeout(() => o(!1), 1500);
+            await navigator.clipboard.writeText(t), l(!0), window.setTimeout(() => l(!1), 1500);
           } catch {
           }
         }
@@ -930,188 +936,189 @@ function Qa({ code: t, label: a, className: r }) {
     }
   );
 }
-const ya = {
+const Fa = {
   sm: "h-[var(--control-h-sm)] text-sm",
   md: "h-[var(--control-h-md)] text-sm",
   lg: "h-[var(--control-h-lg)] text-sm",
   xl: "h-[var(--control-h-xl)] rounded-lg text-base"
-}, wa = {
+}, $a = {
   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)]"
-}, Ca = {
+}, qa = {
   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)]"
-}, Ae = {
+}, Oe = {
   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)]"
-}, he = {
+}, ge = {
   sm: "size-[var(--control-icon-sm)]",
   md: "size-[var(--control-icon-md)]",
   lg: "size-[var(--control-icon-lg)]",
   xl: "size-[var(--control-icon-xl)]"
-}, tt = b(
+}, ct = b(
   ({
     className: t,
     containerClassName: a,
-    type: r = "text",
-    size: l = "md",
-    leadingIcon: o,
-    trailingIcon: d,
-    onClear: c,
-    value: u,
+    type: n = "text",
+    size: i = "md",
+    leadingIcon: l,
+    trailingIcon: c,
+    onClear: u,
+    value: m,
     defaultValue: h,
     error: g = !1,
-    helperText: p,
+    helperText: f,
     id: N,
-    "aria-describedby": z,
-    disabled: S,
+    "aria-describedby": T,
+    disabled: k,
     readOnly: w,
     ...I
   }, y) => {
-    const B = de(), Q = N ?? B, F = !!p, _ = !!(c && (u !== void 0 ? String(u).length > 0 : h !== void 0 && String(h).length > 0)), Y = F ? `${Q}-description` : void 0, ue = [z, Y].filter(Boolean).join(" ") || void 0, Z = /* @__PURE__ */ e(
+    const B = de(), X = N ?? B, F = !!f, _ = !!(u && (m !== void 0 ? String(m).length > 0 : h !== void 0 && String(h).length > 0)), J = F ? `${X}-description` : void 0, ue = [T, J].filter(Boolean).join(" ") || void 0, Q = /* @__PURE__ */ e(
       "input",
       {
         ref: y,
-        id: Q,
-        type: r,
-        disabled: S,
+        id: X,
+        type: n,
+        disabled: k,
         readOnly: w,
         "aria-invalid": g || void 0,
         "aria-describedby": ue,
-        style: o || d || _ ? {
-          paddingInlineStart: o ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
-          paddingInlineEnd: d || _ ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
+        style: l || c || _ ? {
+          paddingInlineStart: l ? `calc(var(--control-pad-x-${i}) + var(--control-icon-${i}) + var(--control-gap))` : void 0,
+          paddingInlineEnd: c || _ ? `calc(var(--control-pad-x-${i}) + var(--control-icon-${i}) + var(--control-gap))` : void 0
         } : void 0,
-        className: i(
+        className: o(
           "flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
-          ya[l],
-          wa[l],
+          Fa[i],
+          $a[i],
           "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)",
-          r === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
-          S && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
+          n === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
+          k && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
           w && "cursor-default focus-visible:ring-0",
           t
         ),
-        value: u,
+        value: m,
         defaultValue: h,
         ...I
       }
     );
-    return !o && !d && !_ && !F ? Z : /* @__PURE__ */ s("div", { className: i("w-full", a), children: [
+    return !l && !c && !_ && !F ? Q : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
-        o ? /* @__PURE__ */ e(
+        l ? /* @__PURE__ */ e(
           "span",
           {
-            className: i(
+            className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              Ca[l]
+              qa[i]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", he[l]), children: o })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ge[i]), children: l })
           }
         ) : null,
-        Z,
+        Q,
         _ ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "aria-label": "Clear search",
-            onClick: c,
-            className: i(
+            onClick: u,
+            className: o(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
-              Ae[l]
+              Oe[i]
             ),
-            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", he[l]), children: /* @__PURE__ */ e(le, {}) })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ge[i]), children: /* @__PURE__ */ e(ne, {}) })
           }
-        ) : d ? /* @__PURE__ */ e(
+        ) : c ? /* @__PURE__ */ e(
           "span",
           {
-            className: i(
+            className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              Ae[l]
+              Oe[i]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", he[l]), children: d })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ge[i]), children: c })
           }
         ) : null
       ] }),
       F ? /* @__PURE__ */ e(
         "p",
         {
-          id: Y,
-          className: i("mt-1.5 text-xs", g ? "text-error" : "text-muted"),
-          children: p
+          id: J,
+          className: o("mt-1.5 text-xs", g ? "text-error" : "text-muted"),
+          children: f
         }
       ) : null
     ] });
   }
 );
-tt.displayName = "Input";
-function Se(t, a) {
-  let r = 0;
-  return $e.forEach(t, (l) => {
-    if (!qe(l)) return;
-    if (a.some((d) => d === l.type)) {
-      r += 1;
+ct.displayName = "Input";
+function ke(t, a) {
+  let n = 0;
+  return Je.forEach(t, (i) => {
+    if (!Qe(i)) return;
+    if (a.some((c) => c === i.type)) {
+      n += 1;
       return;
     }
-    const o = l.props.children;
-    o && (r += Se(o, a));
-  }), r;
+    const l = i.props.children;
+    l && (n += ke(l, a));
+  }), n;
 }
-const at = se(!1);
-function ge({
+const ut = se(!1);
+function xe({
   children: t,
   ...a
 }) {
-  const r = Se(t, [
+  const n = ke(t, [
     oe,
-    W,
-    rt
+    U,
+    pt
   ]) === 0;
-  return /* @__PURE__ */ e(at.Provider, { value: r, children: /* @__PURE__ */ e(C.Root, { ...a, children: t }) });
+  return /* @__PURE__ */ e(ut.Provider, { value: n, children: /* @__PURE__ */ e(S.Root, { ...a, children: t }) });
 }
-const ae = b(({ disabled: t, ...a }, r) => {
-  const l = ie(at);
+const te = b(({ className: t, disabled: a, ...n }, i) => {
+  const l = le(ut);
   return /* @__PURE__ */ e(
-    C.Trigger,
+    S.Trigger,
     {
-      ref: r,
-      disabled: t || l,
-      ...a
+      ref: i,
+      className: o("group", t),
+      disabled: a || l,
+      ...n
     }
   );
 });
-ae.displayName = "DropdownMenuTrigger";
-const Sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  V,
+te.displayName = "DropdownMenuTrigger";
+const mt = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  ie,
   {
-    ref: r,
+    ref: n,
     "aria-hidden": !0,
-    className: i(
+    className: o(
       "ml-auto size-3.5 shrink-0 text-subtle transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none",
       t
     ),
     ...a
   }
 ));
-Sa.displayName = "DropdownMenuChevron";
-const Ya = C.Group, Za = C.Portal, re = b(({ className: t, sideOffset: a = 8, ...r }, l) => /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
-  C.Content,
+mt.displayName = "DropdownMenuChevron";
+const pr = S.Group, fr = S.Portal, ae = b(({ className: t, sideOffset: a = 8, ...n }, i) => /* @__PURE__ */ e(S.Portal, { children: /* @__PURE__ */ e(
+  S.Content,
   {
-    ref: l,
+    ref: i,
     sideOffset: a,
-    className: i(
+    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",
@@ -1121,76 +1128,76 @@ const Ya = C.Group, Za = C.Portal, re = b(({ className: t, sideOffset: a = 8, ..
       "duration-150 ease-out",
       t
     ),
-    ...r
+    ...n
   }
 ) }));
-re.displayName = "DropdownMenuContent";
-const oe = b(({ className: t, inset: a, ...r }, l) => /* @__PURE__ */ e(
-  C.Item,
+ae.displayName = "DropdownMenuContent";
+const oe = b(({ className: t, inset: a, ...n }, i) => /* @__PURE__ */ e(
+  S.Item,
   {
-    ref: l,
-    className: i(
+    ref: i,
+    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-(--menu-highlight) data-disabled:pointer-events-none data-disabled:opacity-50",
       "[&_svg]:size-4 [&_svg]:text-muted",
       a && "pl-8",
       t
     ),
-    ...r
+    ...n
   }
 ));
 oe.displayName = "DropdownMenuItem";
-const W = b(({ className: t, children: a, checked: r, ...l }, o) => /* @__PURE__ */ s(
-  C.CheckboxItem,
+const U = b(({ className: t, children: a, checked: n, ...i }, l) => /* @__PURE__ */ s(
+  S.CheckboxItem,
   {
-    ref: o,
-    className: i(
+    ref: l,
+    className: o(
       "group relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none transition-colors focus:bg-(--menu-highlight)",
       t
     ),
-    checked: r,
-    ...l,
+    checked: n,
+    ...i,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 shrink-0 items-center justify-center rounded border border-line-strong bg-transparent transition-colors group-data-[state=checked]:border-primary", children: /* @__PURE__ */ e(C.ItemIndicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-(--button-primary-bg) text-(--button-primary-fg) [--button-inner:var(--button-primary-inner)]", children: /* @__PURE__ */ e(J, { 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(S.ItemIndicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-(--button-primary-bg) text-(--button-primary-fg) [--button-inner:var(--button-primary-inner)]", children: /* @__PURE__ */ e(W, { className: "size-3", weight: "bold" }) }) }),
       a
     ]
   }
 ));
-W.displayName = "DropdownMenuCheckboxItem";
-const ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  C.Label,
+U.displayName = "DropdownMenuCheckboxItem";
+const re = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  S.Label,
   {
-    ref: r,
-    className: i("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    ref: n,
+    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...a
   }
 ));
-ne.displayName = "DropdownMenuLabel";
-const Oa = C.Sub, rt = b(({ className: t, inset: a, children: r, ...l }, o) => /* @__PURE__ */ s(
-  C.SubTrigger,
+re.displayName = "DropdownMenuLabel";
+const br = S.Sub, pt = b(({ className: t, inset: a, children: n, ...i }, l) => /* @__PURE__ */ s(
+  S.SubTrigger,
   {
-    ref: o,
-    className: i(
+    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-(--menu-highlight) data-[state=open]:bg-(--menu-highlight)",
       "[&_svg]:size-4 [&_svg]:text-muted",
       a && "pl-8",
       t
     ),
-    ...l,
+    ...i,
     children: [
-      r,
-      /* @__PURE__ */ e(Pt, { className: "ml-auto shrink-0" })
+      n,
+      /* @__PURE__ */ e(Ot, { className: "ml-auto shrink-0" })
     ]
   }
 ));
-rt.displayName = "DropdownMenuSubTrigger";
-const ka = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  C.SubContent,
+pt.displayName = "DropdownMenuSubTrigger";
+const Ga = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  S.SubContent,
   {
-    ref: r,
+    ref: n,
     sideOffset: 8,
-    className: i(
+    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",
@@ -1203,53 +1210,53 @@ const ka = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-ka.displayName = "DropdownMenuSubContent";
-const Ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  C.Separator,
+Ga.displayName = "DropdownMenuSubContent";
+const ye = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  S.Separator,
   {
-    ref: r,
-    className: i("-mx-1 my-1 h-px bg-line", t),
+    ref: n,
+    className: o("-mx-1 my-1 h-px bg-line", t),
     ...a
   }
 ));
-Ne.displayName = "DropdownMenuSeparator";
-const Ka = D.Group, za = D.Value;
-function Da({
+ye.displayName = "DropdownMenuSeparator";
+const hr = M.Group, Ha = M.Value;
+function Va({
   children: t,
   disabled: a,
-  ...r
+  ...n
 }) {
-  const l = Se(t, [ke]) === 0;
-  return /* @__PURE__ */ e(D.Root, { disabled: a || l, ...r, children: t });
+  const i = ke(t, [ze]) === 0;
+  return /* @__PURE__ */ e(M.Root, { disabled: a || i, ...n, children: t });
 }
-const nt = b(({ className: t, children: a, variant: r = "field", ...l }, o) => /* @__PURE__ */ s(
-  D.Trigger,
+const ft = b(({ className: t, children: a, variant: n = "field", ...i }, l) => /* @__PURE__ */ s(
+  M.Trigger,
   {
-    ref: o,
-    className: i(
+    ref: l,
+    className: o(
       "group flex items-center justify-between gap-2 text-sm text-fg",
       "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
       "data-disabled:cursor-not-allowed data-disabled:opacity-50",
-      r === "field" && "h-(--control-h-md) w-full rounded-md border border-line bg-surface px-3 focus:border-primary focus:ring-2 focus:ring-focus/30",
-      r === "inline" && "btn-fill btn-inner-border btn-interactive h-(--control-h-md) w-auto rounded-(--control-radius) border-0 bg-(--button-secondary-bg) px-(--control-pad-x-sm) font-medium text-fg hover:bg-(--button-surface-hover) active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
+      n === "field" && "h-(--control-h-md) w-full rounded-md border border-line bg-surface px-3 focus:border-primary focus:ring-2 focus:ring-focus/30",
+      n === "inline" && "btn-fill btn-inner-border btn-interactive h-(--control-h-md) w-auto rounded-(--control-radius) border-0 bg-(--button-secondary-bg) px-(--control-pad-x-sm) font-medium text-fg hover:bg-(--button-surface-hover) active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
       t
     ),
-    ...l,
+    ...i,
     children: [
       /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-left", children: a }),
-      /* @__PURE__ */ e(D.Icon, { asChild: !0, children: /* @__PURE__ */ e(V, { className: "ml-auto size-3.5 shrink-0 text-subtle transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) })
+      /* @__PURE__ */ e(M.Icon, { asChild: !0, children: /* @__PURE__ */ e(ie, { className: "ml-auto size-3.5 shrink-0 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) })
     ]
   }
 ));
-nt.displayName = "SelectTrigger";
-const lt = b(
-  ({ className: t, children: a, position: r = "popper", sideOffset: l = 8, ...o }, d) => /* @__PURE__ */ e(D.Portal, { children: /* @__PURE__ */ e(
-    D.Content,
+ft.displayName = "SelectTrigger";
+const bt = b(
+  ({ className: t, children: a, position: n = "popper", sideOffset: i = 8, ...l }, c) => /* @__PURE__ */ e(M.Portal, { children: /* @__PURE__ */ e(
+    M.Content,
     {
-      ref: d,
-      position: r,
-      sideOffset: l,
-      className: i(
+      ref: c,
+      position: n,
+      sideOffset: i,
+      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",
@@ -1259,78 +1266,78 @@ const lt = b(
         "duration-150 ease-out",
         t
       ),
-      ...o,
-      children: /* @__PURE__ */ e(D.Viewport, { className: "p-0", children: a })
+      ...l,
+      children: /* @__PURE__ */ e(M.Viewport, { className: "p-0", children: a })
     }
   ) })
 );
-lt.displayName = "SelectContent";
-const ke = b(({ className: t, children: a, ...r }, l) => /* @__PURE__ */ s(
-  D.Item,
+bt.displayName = "SelectContent";
+const ze = b(({ className: t, children: a, ...n }, i) => /* @__PURE__ */ s(
+  M.Item,
   {
-    ref: l,
-    className: i(
+    ref: i,
+    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
     ),
-    ...r,
+    ...n,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(D.ItemIndicator, { children: /* @__PURE__ */ e(J, { className: "size-3.5" }) }) }),
-      /* @__PURE__ */ e(D.ItemText, { children: a })
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(M.ItemIndicator, { children: /* @__PURE__ */ e(W, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e(M.ItemText, { children: a })
     ]
   }
 ));
-ke.displayName = "SelectItem";
-const Ta = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  D.Label,
+ze.displayName = "SelectItem";
+const Ua = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  M.Label,
   {
-    ref: r,
-    className: i("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    ref: n,
+    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...a
   }
 ));
-Ta.displayName = "SelectLabel";
-function Ma({
+Ua.displayName = "SelectLabel";
+function Oa({
   icon: t,
   title: a,
-  description: r,
-  action: l,
-  className: o
+  description: n,
+  action: i,
+  className: l
 }) {
   return /* @__PURE__ */ s(
     "div",
     {
-      className: i(
+      className: o(
         "flex min-h-[22rem] flex-col items-center justify-center gap-5 px-6 py-16 text-center",
-        o
+        l
       ),
       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: a }),
-          r ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: r }) : null
+          n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: n }) : null
         ] }),
-        l ? /* @__PURE__ */ e("div", { className: "text-sm font-medium text-table-accent", children: l }) : null
+        i ? /* @__PURE__ */ e("div", { className: "text-sm font-medium text-table-accent", children: i }) : null
       ]
     }
   );
 }
-const Pa = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium text-table-header";
-function Ia(t) {
+const Wa = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium text-table-header";
+function Xa(t) {
   return t.split(/\s+/).slice(0, 2).map((a) => {
-    var r;
-    return ((r = a[0]) == null ? void 0 : r.toUpperCase()) ?? "";
+    var n;
+    return ((n = a[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
-function er({
+function gr({
   name: t,
   secondary: a,
-  image: r
+  image: n
 }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ s(Ge, { className: "size-8", children: [
-      r ? /* @__PURE__ */ e(He, { src: r, alt: "" }) : null,
-      /* @__PURE__ */ e(Ve, { children: Ia(t) })
+    /* @__PURE__ */ s(Ye, { className: "size-8", children: [
+      n ? /* @__PURE__ */ e(Ze, { src: n, alt: "" }) : null,
+      /* @__PURE__ */ e(Ke, { children: Xa(t) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
       /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
@@ -1338,277 +1345,324 @@ function er({
     ] })
   ] });
 }
-function tr({
+function xr({
   rows: t,
   columns: a,
-  getRowId: r,
-  loading: l = !1,
-  error: o,
-  empty: d,
-  search: c,
-  filters: u,
+  getRowId: n,
+  loading: i = !1,
+  error: l,
+  empty: c,
+  search: u,
+  filters: m,
   toolbarStart: h,
   toolbarEnd: g,
-  tabs: p,
+  tabs: f,
   activeTab: N,
-  onTabChange: z,
-  infoBanner: S,
+  onTabChange: T,
+  infoBanner: k,
   selectable: w = !1,
   bulkActions: I,
   rowActions: y,
   onRowClick: B,
-  defaultSort: Q,
+  defaultSort: X,
   pageSize: F = 25,
   pageSizeOptions: _ = [10, 25, 50, 100],
-  tone: Y,
+  tone: J,
   headerAction: ue,
-  headerClassName: Z,
-  panelClassName: it,
-  className: ot
+  headerClassName: Q,
+  panelClassName: ht,
+  className: gt
 }) {
-  const [ze, De] = T(
+  const [De, Te] = C(
     () => Object.fromEntries(
-      a.filter((n) => n.defaultHidden && !n.required).map((n) => [n.id, !0])
+      a.filter((r) => r.defaultHidden && !r.required).map((r) => [r.id, !0])
     )
-  ), [x, st] = T(
-    Q ?? null
-  ), [$, O] = T(0), [L, dt] = T(F), [R, me] = T(/* @__PURE__ */ new Set()), [ct, pe] = T([]), j = a.filter((n) => !ze[n.id]), Te = a.filter((n) => ze[n.id] && !n.required), be = (u ?? []).filter((n) => ct.includes(n.id)), ut = (u ?? []).map((n) => `${n.id}:${n.value.join(",")}`).join("|"), K = je(() => {
-    let n = t;
-    for (const f of u ?? [])
-      f.value.length > 0 && (n = n.filter((v) => f.match(v, f.value)));
-    if (!c || !c.value.trim()) return n;
-    const m = c.value.trim().toLowerCase();
-    return n.filter((f) => c.keys(f).toLowerCase().includes(m));
-  }, [t, c, u]), q = je(() => {
-    if (!x) return K;
-    const n = a.find((f) => f.id === x.id);
-    if (!(n != null && n.sortValue)) return K;
-    const m = x.dir === "asc" ? 1 : -1;
-    return [...K].sort((f, v) => {
-      const P = n.sortValue(f), H = n.sortValue(v);
-      return P == null && H == null ? 0 : P == null ? 1 : H == null ? -1 : typeof P == "number" && typeof H == "number" ? (P - H) * m : String(P).localeCompare(String(H)) * m;
+  ), [Me, Pe] = C(null), [xt, vt] = C([]), [me, Ie] = C(null), [v, Nt] = C(
+    X ?? null
+  ), [$, Y] = C(0), [L, yt] = C(F), [R, pe] = C(/* @__PURE__ */ new Set()), [wt, fe] = C([]), Ee = a.map((r) => r.id), je = new Map(a.map((r) => [r.id, r])), _e = Me ? Me.map((r) => je.get(r)).filter((r) => !!r) : a, E = _e.filter((r) => !De[r.id]), Le = _e.filter((r) => De[r.id] && !r.required), Re = (r) => r.required || xt.includes(r.id), Ct = (r) => je.get(r), St = (r, d) => {
+    const p = d ? Ct(d) : void 0;
+    !p || Re(p) || r === d || Pe((x) => {
+      const z = x ?? Ee;
+      return la(z, z.indexOf(r), z.indexOf(d));
+    });
+  }, kt = (r) => {
+    Te((d) => ({ ...d, [r]: !1 })), Pe((d) => d && d.includes(r) ? d : [...d ?? Ee, r]);
+  }, zt = (r) => vt(
+    (d) => d.includes(r) ? d.filter((p) => p !== r) : [...d, r]
+  ), be = (m ?? []).filter((r) => wt.includes(r.id)), Dt = (m ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), Z = qe(() => {
+    let r = t;
+    for (const p of m ?? [])
+      p.value.length > 0 && (r = r.filter((x) => p.match(x, p.value)));
+    if (!u || !u.value.trim()) return r;
+    const d = u.value.trim().toLowerCase();
+    return r.filter((p) => u.keys(p).toLowerCase().includes(d));
+  }, [t, u, m]), q = qe(() => {
+    if (!v) return Z;
+    const r = a.find((p) => p.id === v.id);
+    if (!(r != null && r.sortValue)) return Z;
+    const d = v.dir === "asc" ? 1 : -1;
+    return [...Z].sort((p, x) => {
+      const z = r.sortValue(p), H = r.sortValue(x);
+      return z == null && H == null ? 0 : z == null ? 1 : H == null ? -1 : typeof z == "number" && typeof H == "number" ? (z - H) * d : String(z).localeCompare(String(H)) * d;
     });
-  }, [K, x, a]), G = Math.max(1, Math.ceil(q.length / L));
-  U(() => {
-    O(0);
-  }, [c == null ? void 0 : c.value, L, x == null ? void 0 : x.id, x == null ? void 0 : x.dir, N, ut]), U(() => {
-    $ > G - 1 && O(G - 1);
+  }, [Z, v, a]), G = Math.max(1, Math.ceil(q.length / L));
+  V(() => {
+    Y(0);
+  }, [u == null ? void 0 : u.value, L, v == null ? void 0 : v.id, v == null ? void 0 : v.dir, N, Dt]), V(() => {
+    $ > G - 1 && Y(G - 1);
   }, [$, G]);
-  const ee = $ * L, E = q.slice(ee, ee + L), mt = (n) => {
-    n.sortable && st(
-      (m) => (m == null ? void 0 : m.id) === n.id ? m.dir === "asc" ? { id: n.id, dir: "desc" } : null : { id: n.id, dir: "asc" }
+  const K = $ * L, j = q.slice(K, K + L), Tt = (r) => {
+    r.sortable && Nt(
+      (d) => (d == null ? void 0 : d.id) === r.id ? d.dir === "asc" ? { id: r.id, dir: "desc" } : null : { id: r.id, dir: "asc" }
     );
-  }, Me = E.length > 0 && E.every((n) => R.has(r(n))), pt = E.some((n) => R.has(r(n))), bt = t.filter((n) => R.has(r(n))), ft = () => {
-    me((n) => {
-      const m = new Set(n);
-      return Me ? E.forEach((f) => m.delete(r(f))) : E.forEach((f) => m.add(r(f))), m;
+  }, Ae = j.length > 0 && j.every((r) => R.has(n(r))), Mt = j.some((r) => R.has(n(r))), Pt = t.filter((r) => R.has(n(r))), It = () => {
+    pe((r) => {
+      const d = new Set(r);
+      return Ae ? j.forEach((p) => d.delete(n(p))) : j.forEach((p) => d.add(n(p))), d;
     });
-  }, ht = (n) => {
-    me((m) => {
-      const f = new Set(m);
-      return f.has(n) ? f.delete(n) : f.add(n), f;
+  }, Et = (r) => {
+    pe((d) => {
+      const p = new Set(d);
+      return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, gt = !!(c || u != null && u.length || h || g), xt = j.some((n) => n.width), vt = j.length > 1 ? 70 / (j.length - 1) : 100, Nt = j.map((n, m) => n.width ? n.width : xt ? "auto" : `${m === 0 ? 30 : vt}%`), Pe = [
+  }, jt = !!(u || m != null && m.length || h || g), _t = E.some((r) => r.width), Lt = E.length > 1 ? 70 / (E.length - 1) : 100, Rt = E.map((r, d) => r.width ? r.width : _t ? "auto" : `${d === 0 ? 30 : Lt}%`), Be = [
     ...w ? ["2.75rem"] : [],
-    ...Nt,
+    ...Rt,
     ...y ? ["11rem"] : []
-  ], yt = (n) => (x == null ? void 0 : x.id) === n.id ? x.dir === "asc" ? "ascending" : "descending" : void 0;
-  return /* @__PURE__ */ s("div", { className: i("space-y-4", ot), children: [
-    p && p.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: p.map((n) => {
-      const m = n.id === N;
+  ], At = (r) => (v == null ? void 0 : v.id) === r.id ? v.dir === "asc" ? "ascending" : "descending" : void 0;
+  return /* @__PURE__ */ s("div", { className: o("space-y-4", gt), children: [
+    f && f.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: f.map((r) => {
+      const d = r.id === N;
       return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           role: "tab",
-          "aria-selected": m,
-          onClick: () => z == null ? void 0 : z(n.id),
-          className: i(
+          "aria-selected": d,
+          onClick: () => T == null ? void 0 : T(r.id),
+          className: o(
             "-mb-px border-b-2 px-3 py-2 text-sm transition-colors",
-            m ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
+            d ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
           ),
-          children: n.label
+          children: r.label
         },
-        n.id
+        r.id
       );
     }) }),
-    gt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      c && /* @__PURE__ */ e(
-        tt,
+    jt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      u && /* @__PURE__ */ e(
+        ct,
         {
           type: "search",
-          "aria-label": c.placeholder ?? "Search",
-          placeholder: c.placeholder ?? "Search...",
-          value: c.value,
-          onChange: (n) => c.onChange(n.target.value),
-          onClear: () => c.onChange(""),
-          leadingIcon: /* @__PURE__ */ e(It, {}),
+          "aria-label": u.placeholder ?? "Search",
+          placeholder: u.placeholder ?? "Search...",
+          value: u.value,
+          onChange: (r) => u.onChange(r.target.value),
+          onClear: () => u.onChange(""),
+          leadingIcon: /* @__PURE__ */ e(Wt, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
       h,
-      /* @__PURE__ */ s(ge, { children: [
-        /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ e(
-          k,
+      /* @__PURE__ */ s(xe, { children: [
+        /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(
+          D,
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ e(jt, {}),
-            trailingIcon: /* @__PURE__ */ e(V, {}),
+            leadingIcon: /* @__PURE__ */ e(Xt, {}),
+            trailingIcon: /* @__PURE__ */ e(mt, {}),
             children: "Columns"
           }
         ) }),
-        /* @__PURE__ */ s(re, { align: "end", className: "w-54", children: [
-          /* @__PURE__ */ e(ne, { className: "text-[13px]", children: "Active columns" }),
-          j.map((n) => /* @__PURE__ */ s(
-            W,
-            {
-              checked: !0,
-              disabled: n.required,
-              onCheckedChange: () => De((m) => ({ ...m, [n.id]: !0 })),
-              onSelect: (m) => m.preventDefault(),
-              className: "justify-between",
-              children: [
-                /* @__PURE__ */ e("span", { children: n.header }),
-                n.required ? /* @__PURE__ */ e(Et, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
-              ]
-            },
-            n.id
-          )),
-          Te.length > 0 ? /* @__PURE__ */ s(Be, { children: [
-            /* @__PURE__ */ e(Ne, {}),
-            /* @__PURE__ */ e(ne, { className: "text-[13px]", children: "Available columns" }),
-            Te.map((n) => /* @__PURE__ */ e(
-              W,
+        /* @__PURE__ */ s(ae, { align: "end", className: "w-54", children: [
+          /* @__PURE__ */ e(re, { className: "text-[13px]", children: "Active columns" }),
+          E.map((r) => {
+            const d = Re(r);
+            return /* @__PURE__ */ s(
+              U,
+              {
+                checked: !0,
+                draggable: !d,
+                onDragStart: (p) => {
+                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), Ie(r.id);
+                },
+                onDragOver: (p) => {
+                  me && (p.preventDefault(), St(me, r.id));
+                },
+                onDrop: (p) => p.preventDefault(),
+                onDragEnd: () => Ie(null),
+                onCheckedChange: (p) => {
+                  !p && !d && Te((x) => ({ ...x, [r.id]: !0 }));
+                },
+                onSelect: (p) => p.preventDefault(),
+                className: "justify-between",
+                children: [
+                  /* @__PURE__ */ s("span", { className: "flex min-w-0 items-center gap-2", children: [
+                    /* @__PURE__ */ e(
+                      Jt,
+                      {
+                        "aria-hidden": !0,
+                        className: o(
+                          "size-3.5 shrink-0",
+                          d ? "text-subtle/60" : me === r.id ? "text-primary" : "text-subtle"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ e("span", { className: "truncate", children: r.header })
+                  ] }),
+                  r.required ? /* @__PURE__ */ e(Fe, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": d ? `Unlock ${r.header}` : `Lock ${r.header}`,
+                      onClick: (p) => {
+                        p.stopPropagation(), p.preventDefault(), zt(r.id);
+                      },
+                      onPointerDown: (p) => p.stopPropagation(),
+                      className: "-m-1 rounded p-1 text-subtle transition-colors hover:bg-(--menu-highlight) hover:text-fg",
+                      children: d ? /* @__PURE__ */ e(Qt, { className: "size-3.5", "aria-hidden": !0 }) : /* @__PURE__ */ e(Fe, { className: "size-3.5", "aria-hidden": !0 })
+                    }
+                  )
+                ]
+              },
+              r.id
+            );
+          }),
+          Le.length > 0 ? /* @__PURE__ */ s(We, { children: [
+            /* @__PURE__ */ e(ye, {}),
+            /* @__PURE__ */ e(re, { className: "text-[13px]", children: "Available columns" }),
+            Le.map((r) => /* @__PURE__ */ e(
+              U,
               {
                 checked: !1,
-                onCheckedChange: () => De((m) => ({ ...m, [n.id]: !1 })),
-                onSelect: (m) => m.preventDefault(),
-                children: n.header
+                onCheckedChange: () => kt(r.id),
+                onSelect: (d) => d.preventDefault(),
+                children: r.header
               },
-              n.id
+              r.id
             ))
           ] }) : null
         ] })
       ] }),
-      u && u.length > 0 ? /* @__PURE__ */ s(ge, { children: [
-        /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ e(
-          k,
+      m && m.length > 0 ? /* @__PURE__ */ s(xe, { children: [
+        /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(
+          D,
           {
             variant: "secondary",
             size: "md",
             iconOnly: !0,
             "aria-label": "Add filter",
-            children: /* @__PURE__ */ e(Ie, {})
+            children: /* @__PURE__ */ e($e, {})
           }
         ) }),
-        /* @__PURE__ */ e(re, { align: "start", className: "w-54", children: u.map((n) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(ae, { align: "start", className: "w-54", children: m.map((r) => /* @__PURE__ */ e(
           oe,
           {
-            onSelect: () => pe(
-              (m) => m.includes(n.id) ? m : [...m, n.id]
+            onSelect: () => fe(
+              (d) => d.includes(r.id) ? d : [...d, r.id]
             ),
-            children: n.label
+            children: r.label
           },
-          n.id
+          r.id
         )) })
       ] }) : null,
       g ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: g }) : null
     ] }),
     be.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      be.map((n) => {
-        const m = () => {
-          n.onChange([]), pe((f) => f.filter((v) => v !== n.id));
+      be.map((r) => {
+        const d = () => {
+          r.onChange([]), fe((p) => p.filter((x) => x !== r.id));
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ e(
-            k,
+            D,
             {
               variant: "secondary",
               size: "md",
               iconOnly: !0,
-              "aria-label": `Remove ${n.label} filter`,
+              "aria-label": `Remove ${r.label} filter`,
               className: "rounded-r-none",
-              onClick: m,
-              children: /* @__PURE__ */ e(le, {})
+              onClick: d,
+              children: /* @__PURE__ */ e(ne, {})
             }
           ),
-          /* @__PURE__ */ s(ge, { children: [
-            /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ s(k, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
-              /* @__PURE__ */ e(Ie, {}),
-              /* @__PURE__ */ e("span", { className: "font-medium", children: n.label }),
+          /* @__PURE__ */ s(xe, { children: [
+            /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ s(D, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+              /* @__PURE__ */ e($e, {}),
+              /* @__PURE__ */ e("span", { className: "font-medium", children: r.label }),
               /* @__PURE__ */ e("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
-              /* @__PURE__ */ e("span", { className: "text-muted", children: n.value.length > 0 ? `${n.value.length} selected` : "Enter value" }),
-              /* @__PURE__ */ e(V, { className: "text-muted" })
+              /* @__PURE__ */ e("span", { className: "text-muted", children: r.value.length > 0 ? `${r.value.length} selected` : "Enter value" }),
+              /* @__PURE__ */ e(ie, { className: "text-muted" })
             ] }) }),
-            /* @__PURE__ */ s(re, { align: "start", className: "w-56", children: [
-              /* @__PURE__ */ s(ne, { className: "text-[13px]", children: [
+            /* @__PURE__ */ s(ae, { align: "start", className: "w-56", children: [
+              /* @__PURE__ */ s(re, { className: "text-[13px]", children: [
                 "Filter by ",
-                n.label
+                r.label
               ] }),
-              n.options.map((f) => {
-                const v = n.value.includes(f.value);
+              r.options.map((p) => {
+                const x = r.value.includes(p.value);
                 return /* @__PURE__ */ e(
-                  W,
+                  U,
                   {
-                    checked: v,
-                    onCheckedChange: () => n.onChange(
-                      v ? n.value.filter((P) => P !== f.value) : [...n.value, f.value]
+                    checked: x,
+                    onCheckedChange: () => r.onChange(
+                      x ? r.value.filter((z) => z !== p.value) : [...r.value, p.value]
                     ),
-                    onSelect: (P) => P.preventDefault(),
-                    children: f.label
+                    onSelect: (z) => z.preventDefault(),
+                    children: p.label
                   },
-                  f.value
+                  p.value
                 );
               }),
-              /* @__PURE__ */ e(Ne, {}),
-              /* @__PURE__ */ e(oe, { onSelect: m, children: "Clear filter" })
+              /* @__PURE__ */ e(ye, {}),
+              /* @__PURE__ */ e(oe, { onSelect: d, children: "Clear filter" })
             ] })
           ] })
-        ] }, n.id);
+        ] }, r.id);
       }),
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           onClick: () => {
-            for (const n of be) n.onChange([]);
-            pe([]);
+            for (const r of be) r.onChange([]);
+            fe([]);
           },
           className: "text-sm text-muted transition-colors hover:text-fg",
           children: "Clear filters"
         }
       )
     ] }) : null,
-    S,
+    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: (I ?? []).map((n) => /* @__PURE__ */ s(
-        k,
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (I ?? []).map((r) => /* @__PURE__ */ s(
+        D,
         {
           size: "md",
-          variant: n.variant ?? "outline",
-          disabled: n.disabled,
-          onClick: () => void n.onRun(bt),
+          variant: r.variant ?? "outline",
+          disabled: r.disabled,
+          onClick: () => void r.onRun(Pt),
           children: [
-            n.icon,
-            n.label
+            r.icon,
+            r.label
           ]
         },
-        n.label
+        r.label
       )) }),
       /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          onClick: () => me(/* @__PURE__ */ new Set()),
+          onClick: () => pe(/* @__PURE__ */ new Set()),
           className: "ml-auto inline-flex items-center gap-1 text-xs text-muted hover:text-fg",
           children: [
-            /* @__PURE__ */ e(le, { className: "size-3.5" }),
+            /* @__PURE__ */ e(ne, { className: "size-3.5" }),
             "Clear"
           ]
         }
@@ -1618,144 +1672,144 @@ function tr({
       ce,
       {
         action: ue,
-        tone: Y,
-        headerClassName: Z,
-        panelClassName: it,
+        tone: J,
+        headerClassName: Q,
+        panelClassName: ht,
         header: (
           // Visible header: presentational so its controls stay focusable while
           // the body table carries the semantic column headers (sr-only).
           /* @__PURE__ */ s("table", { role: "presentation", className: "w-full table-fixed border-collapse", children: [
-            /* @__PURE__ */ e("colgroup", { children: Pe.map((n, m) => /* @__PURE__ */ e("col", { style: { width: n } }, m)) }),
+            /* @__PURE__ */ e("colgroup", { children: Be.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
             /* @__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(
-                xe,
+                ve,
                 {
                   "aria-label": "Select all rows",
-                  checked: Me ? !0 : pt ? "indeterminate" : !1,
-                  onCheckedChange: ft
+                  checked: Ae ? !0 : Mt ? "indeterminate" : !1,
+                  onCheckedChange: It
                 }
               ) }),
-              j.map((n) => /* @__PURE__ */ e(
+              E.map((r) => /* @__PURE__ */ e(
                 "th",
                 {
-                  className: i(Pa, n.align === "right" && "text-right", n.className),
-                  children: n.sortable ? /* @__PURE__ */ s(
-                    k,
+                  className: o(Wa, r.align === "right" && "text-right", r.className),
+                  children: r.sortable ? /* @__PURE__ */ s(
+                    D,
                     {
                       type: "button",
                       variant: "ghost",
                       size: "xs",
-                      "aria-label": `Sort by ${n.header}`,
-                      onClick: () => mt(n),
-                      className: i(
+                      "aria-label": `Sort by ${r.header}`,
+                      onClick: () => Tt(r),
+                      className: o(
                         "h-auto gap-1.5 rounded-none px-0 py-0 text-[0.8125rem] text-table-header transition-colors [&_svg]:size-3.5",
                         "hover:bg-transparent hover:text-table-header-active hover:shadow-none",
                         "active:scale-100 active:bg-transparent active:shadow-none",
-                        (x == null ? void 0 : x.id) === n.id && "text-table-header-active"
+                        (v == null ? void 0 : v.id) === r.id && "text-table-header-active"
                       ),
                       children: [
-                        n.header,
-                        (x == null ? void 0 : x.id) === n.id ? x.dir === "asc" ? /* @__PURE__ */ e(Lt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(V, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Rt, { className: "size-3.5 opacity-50" })
+                        r.header,
+                        (v == null ? void 0 : v.id) === r.id ? v.dir === "asc" ? /* @__PURE__ */ e(Zt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(ie, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Kt, { className: "size-3.5 opacity-50" })
                       ]
                     }
-                  ) : n.header
+                  ) : r.header
                 },
-                n.id
+                r.id
               )),
               y && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
             ] }) })
           ] })
         ),
-        children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((n) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, n)) }) : o ? /* @__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(_t, { weight: "duotone" }) }),
+        children: i ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((r) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, r)) }) : l ? /* @__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(Yt, { weight: "duotone" }) }),
           /* @__PURE__ */ s("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
+            /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: l.title }),
+            l.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: l.description }) : null
           ] }),
-          o.action
-        ] }) : E.length === 0 ? /* @__PURE__ */ e(
-          Ma,
+          l.action
+        ] }) : j.length === 0 ? /* @__PURE__ */ e(
+          Oa,
           {
-            icon: d == null ? void 0 : d.icon,
-            title: (d == null ? void 0 : d.title) ?? "No results",
-            description: typeof (d == null ? void 0 : d.description) == "string" ? d.description : void 0,
-            action: d == null ? void 0 : d.action
+            icon: c == null ? void 0 : c.icon,
+            title: (c == null ? void 0 : c.title) ?? "No results",
+            description: typeof (c == null ? void 0 : c.description) == "string" ? c.description : void 0,
+            action: c == null ? void 0 : c.action
           }
         ) : /* @__PURE__ */ s("table", { className: "w-full table-fixed border-collapse", children: [
-          /* @__PURE__ */ e("colgroup", { children: Pe.map((n, m) => /* @__PURE__ */ e("col", { style: { width: n } }, m)) }),
+          /* @__PURE__ */ e("colgroup", { children: Be.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
           /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
             w && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
-            j.map((n) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": yt(n), children: n.header }, n.id)),
+            E.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": At(r), children: r.header }, r.id)),
             y && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
           ] }) }),
-          /* @__PURE__ */ e(Ot, { children: E.map((n) => {
-            const m = r(n), f = R.has(m);
+          /* @__PURE__ */ e(ha, { children: j.map((r) => {
+            const d = n(r), p = R.has(d);
             return /* @__PURE__ */ s(
-              Kt,
+              ga,
               {
-                "data-state": f ? "selected" : void 0,
-                onClick: B ? () => B(n) : void 0,
+                "data-state": p ? "selected" : void 0,
+                onClick: B ? () => B(r) : void 0,
                 className: B ? "cursor-pointer" : void 0,
                 children: [
-                  w && /* @__PURE__ */ e(fe, { className: "w-11 px-4", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ e(
-                    xe,
+                  w && /* @__PURE__ */ e(he, { className: "w-11 px-4", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ e(
+                    ve,
                     {
                       "aria-label": "Select row",
-                      checked: f,
-                      onCheckedChange: () => ht(m)
+                      checked: p,
+                      onCheckedChange: () => Et(d)
                     }
                   ) }),
-                  j.map((v) => /* @__PURE__ */ e(
-                    fe,
+                  E.map((x) => /* @__PURE__ */ e(
+                    he,
                     {
-                      "data-numeric": v.numeric ? "" : void 0,
-                      className: i(v.align === "right" && "text-right", v.className),
-                      children: v.cell(n)
+                      "data-numeric": x.numeric ? "" : void 0,
+                      className: o(x.align === "right" && "text-right", x.className),
+                      children: x.cell(r)
                     },
-                    v.id
+                    x.id
                   )),
-                  y && /* @__PURE__ */ e(fe, { className: "w-44 px-4 text-right", onClick: (v) => v.stopPropagation(), children: y(n) })
+                  y && /* @__PURE__ */ e(he, { className: "w-44 px-4 text-right", onClick: (x) => x.stopPropagation(), children: y(r) })
                 ]
               },
-              m
+              d
             );
           }) })
         ] })
       }
     ),
-    !l && !o && q.length > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
+    !i && !l && q.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: [
-        ee + 1,
+        K + 1,
         "–",
-        Math.min(ee + L, q.length),
+        Math.min(K + L, q.length),
         " of ",
         q.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s(Da, { value: String(L), onValueChange: (n) => dt(Number(n)), children: [
-          /* @__PURE__ */ e(nt, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ e(za, {}) }),
-          /* @__PURE__ */ e(lt, { children: _.map((n) => /* @__PURE__ */ s(ke, { value: String(n), children: [
-            n,
+        /* @__PURE__ */ s(Va, { value: String(L), onValueChange: (r) => yt(Number(r)), children: [
+          /* @__PURE__ */ e(ft, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ e(Ha, {}) }),
+          /* @__PURE__ */ e(bt, { children: _.map((r) => /* @__PURE__ */ s(ze, { value: String(r), children: [
+            r,
             " / page"
-          ] }, n)) })
+          ] }, r)) })
         ] }),
         /* @__PURE__ */ e(
-          k,
+          D,
           {
             variant: "outline",
             size: "md",
             disabled: $ <= 0,
-            onClick: () => O((n) => Math.max(0, n - 1)),
+            onClick: () => Y((r) => Math.max(0, r - 1)),
             children: "Previous"
           }
         ),
         /* @__PURE__ */ e(
-          k,
+          D,
           {
             variant: "outline",
             size: "md",
             disabled: $ >= G - 1,
-            onClick: () => O((n) => Math.min(G - 1, n + 1)),
+            onClick: () => Y((r) => Math.min(G - 1, r + 1)),
             children: "Next"
           }
         )
@@ -1763,21 +1817,21 @@ function tr({
     ] })
   ] });
 }
-function ar({ icon: t, title: a, description: r, action: l, className: o }) {
-  return /* @__PURE__ */ e(ce, { className: o, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+function vr({ icon: t, title: a, description: n, action: i, className: l }) {
+  return /* @__PURE__ */ e(ce, { className: l, 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: a }),
-      r ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: r }) : null
+      n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: n }) : null
     ] }),
-    l
+    i
   ] }) });
 }
-function rr({ className: t, ...a }) {
+function Nr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
-      className: i(
+      className: o(
         "inline-flex h-5 min-w-5 items-center justify-center rounded border border-line bg-elevated px-1.5 font-mono text-[11px] font-medium text-subtle",
         t
       ),
@@ -1785,46 +1839,46 @@ function rr({ className: t, ...a }) {
     }
   );
 }
-const ja = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  qt.Root,
+const Ja = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  na.Root,
   {
-    ref: r,
-    className: i(
+    ref: n,
+    className: o(
       "mb-2.5 block text-sm font-medium text-fg leading-none last:mb-0 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
       t
     ),
     ...a
   }
 ));
-ja.displayName = "Label";
-function nr({
+Ja.displayName = "Label";
+function yr({
   value: t,
   onValueChange: a,
-  options: r,
-  size: l = "sm",
-  className: o,
-  ...d
+  options: n,
+  size: i = "sm",
+  className: l,
+  ...c
 }) {
-  const c = de();
+  const u = de();
   return /* @__PURE__ */ e(
     "div",
     {
       role: "radiogroup",
-      "aria-label": d["aria-label"],
-      className: i(
+      "aria-label": c["aria-label"],
+      className: o(
         "inline-flex w-fit items-center rounded-lg border border-line bg-canvas",
-        l === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
-        o
+        i === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
+        l
       ),
-      children: r.map((u) => {
-        const h = u.value === t;
+      children: n.map((m) => {
+        const h = m.value === t;
         return /* @__PURE__ */ s(
           "label",
           {
-            className: i(
+            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",
-              l === "sm" ? "px-(--control-pad-x-sm) [&_svg]:size-(--control-icon-sm)" : "px-(--control-pad-x-md) [&_svg]:size-(--control-icon-md)",
+              i === "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"
             ),
             children: [
@@ -1832,53 +1886,53 @@ function nr({
                 "input",
                 {
                   type: "radio",
-                  name: c,
-                  value: u.value,
+                  name: u,
+                  value: m.value,
                   checked: h,
-                  onChange: () => a(u.value),
+                  onChange: () => a(m.value),
                   className: "sr-only"
                 }
               ),
-              u.icon,
-              u.label
+              m.icon,
+              m.label
             ]
           },
-          u.value
+          m.value
         );
       })
     }
   );
 }
-const Ea = b(({ className: t, orientation: a = "horizontal", decorative: r = !0, ...l }, o) => /* @__PURE__ */ e(
-  Gt.Root,
+const Qa = b(({ className: t, orientation: a = "horizontal", decorative: n = !0, ...i }, l) => /* @__PURE__ */ e(
+  ia.Root,
   {
-    ref: o,
-    decorative: r,
+    ref: l,
+    decorative: n,
     orientation: a,
-    className: i(
+    className: o(
       "shrink-0 bg-line",
       a === "horizontal" ? "h-px w-full" : "h-full w-px",
       t
     ),
-    ...l
+    ...i
   }
 ));
-Ea.displayName = "Separator";
-function lr({ className: t, ...a }) {
+Qa.displayName = "Separator";
+function wr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: i("animate-pulse rounded-md bg-elevated", t),
+      className: o("animate-pulse rounded-md bg-elevated", t),
       ...a
     }
   );
 }
-const ir = X.Provider, or = X.Root, sr = X.Trigger, _a = b(({ className: t, sideOffset: a = 6, ...r }, l) => /* @__PURE__ */ e(X.Portal, { children: /* @__PURE__ */ e(
-  X.Content,
+const Cr = O.Provider, Sr = O.Root, kr = O.Trigger, Ya = b(({ className: t, sideOffset: a = 6, ...n }, i) => /* @__PURE__ */ e(O.Portal, { children: /* @__PURE__ */ e(
+  O.Content,
   {
-    ref: l,
+    ref: i,
     sideOffset: a,
-    className: i(
+    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",
@@ -1888,85 +1942,85 @@ const ir = X.Provider, or = X.Root, sr = X.Trigger, _a = b(({ className: t, side
       "duration-150 ease-out",
       t
     ),
-    ...r
+    ...n
   }
 ) }));
-_a.displayName = "TooltipContent";
+Ya.displayName = "TooltipContent";
 export {
-  Ga as AgentPrompt,
-  Ge as Avatar,
-  Ve as AvatarFallback,
-  He as AvatarImage,
-  Jt as Badge,
-  k as Button,
-  Ha as Callout,
-  na as Card,
-  oa as CardContent,
-  ia as CardDescription,
-  sa as CardFooter,
-  Ue as CardHeader,
-  la as CardTitle,
-  xe as Checkbox,
-  Ja as ChoiceDialog,
-  Qa as CodeBlock,
-  tr as DataTable,
-  er as DataTableIdentity,
-  pa as Dialog,
-  fa as DialogBody,
-  Ye as DialogCancel,
-  Xa as DialogClose,
-  Oe as DialogContent,
-  xa as DialogDescription,
-  ga as DialogFooter,
-  ha as DialogHeader,
-  ba as DialogPanel,
-  Ke as DialogTitle,
-  Qe as DialogTrigger,
-  ge as DropdownMenu,
-  W as DropdownMenuCheckboxItem,
-  Sa as DropdownMenuChevron,
-  re as DropdownMenuContent,
-  Ya as DropdownMenuGroup,
+  ir as AgentPrompt,
+  Ye as Avatar,
+  Ke as AvatarFallback,
+  Ze as AvatarImage,
+  ma as Badge,
+  D as Button,
+  lr as Callout,
+  wa as Card,
+  ka as CardContent,
+  Sa as CardDescription,
+  za as CardFooter,
+  et as CardHeader,
+  Ca as CardTitle,
+  ve as Checkbox,
+  ur as ChoiceDialog,
+  mr as CodeBlock,
+  xr as DataTable,
+  gr as DataTableIdentity,
+  Ia as Dialog,
+  ja as DialogBody,
+  it as DialogCancel,
+  cr as DialogClose,
+  ot as DialogContent,
+  Ra as DialogDescription,
+  La as DialogFooter,
+  _a as DialogHeader,
+  Ea as DialogPanel,
+  st as DialogTitle,
+  nt as DialogTrigger,
+  xe as DropdownMenu,
+  U as DropdownMenuCheckboxItem,
+  mt as DropdownMenuChevron,
+  ae as DropdownMenuContent,
+  pr as DropdownMenuGroup,
   oe as DropdownMenuItem,
-  ne as DropdownMenuLabel,
-  Za as DropdownMenuPortal,
-  Ne as DropdownMenuSeparator,
-  Oa as DropdownMenuSub,
-  ka as DropdownMenuSubContent,
-  rt as DropdownMenuSubTrigger,
-  ae as DropdownMenuTrigger,
-  ar as EmptyState,
-  tt as Input,
-  rr as Kbd,
-  ja as Label,
-  Na as RadioCard,
-  va as RadioGroup,
-  nr as Segmented,
-  Da as Select,
-  lt as SelectContent,
-  Ka as SelectGroup,
-  ke as SelectItem,
-  Ta as SelectLabel,
-  nt as SelectTrigger,
-  za as SelectValue,
-  Ea as Separator,
-  lr as Skeleton,
-  Ht as Spinner,
-  Va as Table,
-  Ot as TableBody,
-  fe as TableCell,
-  Yt as TableContainer,
-  Ma as TableEmptyState,
-  Wa as TableHead,
-  Ua as TableHeader,
-  Zt as TablePanel,
-  Kt as TableRow,
+  re as DropdownMenuLabel,
+  fr as DropdownMenuPortal,
+  ye as DropdownMenuSeparator,
+  br as DropdownMenuSub,
+  Ga as DropdownMenuSubContent,
+  pt as DropdownMenuSubTrigger,
+  te as DropdownMenuTrigger,
+  vr as EmptyState,
+  ct as Input,
+  Nr as Kbd,
+  Ja as Label,
+  Ba as RadioCard,
+  Aa as RadioGroup,
+  yr as Segmented,
+  Va as Select,
+  bt as SelectContent,
+  hr as SelectGroup,
+  ze as SelectItem,
+  Ua as SelectLabel,
+  ft as SelectTrigger,
+  Ha as SelectValue,
+  Qa as Separator,
+  wr as Skeleton,
+  oa as Spinner,
+  or as Table,
+  ha as TableBody,
+  he as TableCell,
+  fa as TableContainer,
+  Oa as TableEmptyState,
+  dr as TableHead,
+  sr as TableHeader,
+  ba as TablePanel,
+  ga as TableRow,
   ce as TableSurface,
-  or as Tooltip,
-  _a as TooltipContent,
-  ir as TooltipProvider,
-  sr as TooltipTrigger,
-  Wt as badgeVariants,
-  Vt as buttonVariants
+  Sr as Tooltip,
+  Ya as TooltipContent,
+  Cr as TooltipProvider,
+  kr as TooltipTrigger,
+  ca as badgeVariants,
+  sa as buttonVariants
 };
 //# sourceMappingURL=index.js.map