@jinaan/uikit 0.1.23 → 0.1.25

package/dist/index.js

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