@jinaan/uikit 0.1.56 → 0.1.58

package/dist/index.js

@@ -1,31 +1,31 @@
 import { jsx as e, jsxs as s, Fragment as le } from "react/jsx-runtime";
-import { CircleNotch as va, Robot as Na, Terminal as ya, Check as ce, Copy as Dt, XCircle as wa, Warning as Ca, CheckCircle as za, Info as Sa, Minus as ka, X as Se, CaretDown as Y, MagnifyingGlass as He, CaretRight as Tt, Columns as Da, Lock as Ta, DotsSixVertical as Ma, FunnelSimple as Nt, WarningCircle as Pa, CaretUp as Ia, CaretUpDown as Ra, CaretLeft as ja } from "@phosphor-icons/react";
-import { forwardRef as h, useState as P, Children as Mt, isValidElement as Pt, useRef as B, useEffect as V, useContext as Z, useCallback as It, createContext as ue, useId as ke, useMemo as Ne, useLayoutEffect as Ea, Fragment as La } from "react";
-import { Slot as _a } from "@radix-ui/react-slot";
-import { cva as Ve } from "class-variance-authority";
-import { clsx as Aa } from "clsx";
-import { twMerge as Ba } from "tailwind-merge";
-import * as We from "@radix-ui/react-avatar";
-import * as yt from "@radix-ui/react-checkbox";
-import * as $ from "@radix-ui/react-dialog";
-import * as ve from "@radix-ui/react-popover";
+import { CircleNotch as Sa, Robot as ka, Terminal as Da, Check as ce, Copy as Rt, XCircle as Ta, Warning as Ma, CheckCircle as Pa, Info as Ia, Minus as Ra, X as ze, CaretDown as Y, MagnifyingGlass as Ve, CaretRight as jt, Columns as ja, Lock as La, DotsSixVertical as Ea, FunnelSimple as St, WarningCircle as _a, CaretUp as Aa, CaretUpDown as Ba, CaretLeft as $a } from "@phosphor-icons/react";
+import { forwardRef as h, useState as M, Children as Lt, isValidElement as Et, useRef as $, useEffect as V, useContext as Z, useCallback as _t, createContext as ue, useId as Se, useMemo as ve, useLayoutEffect as Fa, Fragment as qa } from "react";
+import { Slot as Ha } from "@radix-ui/react-slot";
+import { cva as Xe } from "class-variance-authority";
+import { clsx as Ga } from "clsx";
+import { twMerge as Oa } from "tailwind-merge";
+import * as Ke from "@radix-ui/react-avatar";
+import * as kt from "@radix-ui/react-checkbox";
+import * as F from "@radix-ui/react-dialog";
+import * as xe from "@radix-ui/react-popover";
 import * as j from "@radix-ui/react-dropdown-menu";
-import * as L from "@radix-ui/react-select";
-import * as $a from "@radix-ui/react-label";
-import * as Fa from "@radix-ui/react-separator";
+import * as E from "@radix-ui/react-select";
+import * as Va from "@radix-ui/react-label";
+import * as Wa from "@radix-ui/react-separator";
 import * as se from "@radix-ui/react-tooltip";
 function o(...t) {
-  return Ba(Aa(t));
+  return Oa(Ga(t));
 }
-function qa(t, a, r) {
-  if (a === r || a < 0 || r < 0 || a >= t.length || r >= t.length)
+function Ua(t, a, n) {
+  if (a === n || a < 0 || n < 0 || a >= t.length || n >= t.length)
     return t;
   const l = [...t], [i] = l.splice(a, 1);
-  return l.splice(r, 0, i), l;
+  return l.splice(n, 0, i), l;
 }
-function Rt({ className: t }) {
+function At({ className: t }) {
   return /* @__PURE__ */ e(
-    va,
+    Sa,
     {
       className: o("size-4 animate-spin text-muted", t),
       weight: "bold",
@@ -33,7 +33,7 @@ function Rt({ className: t }) {
     }
   );
 }
-const Ha = Ve(
+const Xa = Xe(
   "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: {
@@ -59,7 +59,7 @@ const Ha = Ve(
       size: "md"
     }
   }
-), Ga = {
+), Ka = {
   xs: "[&_svg]:size-[var(--control-icon-xs)]",
   sm: "[&_svg]:size-[var(--control-icon-sm)]",
   md: "[&_svg]:size-[var(--control-icon-md)]",
@@ -70,7 +70,7 @@ const Ha = Ve(
   ({
     className: t,
     variant: a,
-    size: r = "md",
+    size: n = "md",
     asChild: l = !1,
     leadingIcon: i,
     trailingIcon: c,
@@ -81,7 +81,7 @@ const Ha = Ve(
     children: g,
     ...N
   }, z) => {
-    const y = l ? _a : "button", D = Ga[r ?? "md"];
+    const y = l ? Ha : "button", D = Ka[n ?? "md"];
     return /* @__PURE__ */ e(
       y,
       {
@@ -89,7 +89,7 @@ const Ha = Ve(
         "aria-busy": u || void 0,
         disabled: l ? void 0 : b || u,
         className: o(
-          Ha({ variant: a, size: r }),
+          Xa({ variant: a, size: n }),
           m && "aspect-square px-0",
           x && "w-full",
           u && "disabled:opacity-100",
@@ -121,7 +121,7 @@ const Ha = Ve(
                 u ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(Rt, { className: o("text-current", D) })
+              children: /* @__PURE__ */ e(At, { className: o("text-current", D) })
             }
           )
         ] })
@@ -130,13 +130,13 @@ const Ha = Ve(
   }
 );
 R.displayName = "Button";
-function $n({
+function Or({
   command: t,
   tag: a = "Build with agents",
-  icon: r,
+  icon: n,
   className: l
 }) {
-  const [i, c] = P(!1), m = async () => {
+  const [i, c] = M(!1), m = async () => {
     try {
       await navigator.clipboard.writeText(t), c(!0), window.setTimeout(() => c(!1), 1500);
     } catch {
@@ -144,11 +144,11 @@ function $n({
   };
   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: [
-      r ?? /* @__PURE__ */ e(Na, { className: "size-3.5", weight: "fill" }),
+      n ?? /* @__PURE__ */ e(ka, { 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(ya, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ e(Da, { 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(
         R,
@@ -159,16 +159,16 @@ function $n({
           "aria-label": "Copy prompt",
           className: "ml-auto",
           onClick: m,
-          children: i ? /* @__PURE__ */ e(ce, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Dt, {})
+          children: i ? /* @__PURE__ */ e(ce, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Rt, {})
         }
       )
     ] })
   ] });
 }
-const jt = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  We.Root,
+const Bt = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ke.Root,
   {
-    ref: r,
+    ref: n,
     className: o(
       "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
       t
@@ -176,20 +176,20 @@ const jt = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-jt.displayName = "Avatar";
-const Et = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  We.Image,
+Bt.displayName = "Avatar";
+const $t = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ke.Image,
   {
-    ref: r,
+    ref: n,
     className: o("aspect-square size-full object-cover", t),
     ...a
   }
 ));
-Et.displayName = "AvatarImage";
-const Lt = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  We.Fallback,
+$t.displayName = "AvatarImage";
+const Ft = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ke.Fallback,
   {
-    ref: r,
+    ref: n,
     className: o(
       "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
       t
@@ -197,8 +197,8 @@ const Lt = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Lt.displayName = "AvatarFallback";
-const Oa = Ve(
+Ft.displayName = "AvatarFallback";
+const Ja = Xe(
   "inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
   {
     variants: {
@@ -214,7 +214,7 @@ const Oa = Ve(
     },
     defaultVariants: { variant: "neutral" }
   }
-), Va = Ve("size-1.5 shrink-0 rounded-full", {
+), Qa = Xe("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -228,42 +228,42 @@ const Oa = Ve(
   },
   defaultVariants: { variant: "neutral" }
 });
-function Wa({ className: t, variant: a, dot: r = !1, children: l, ...i }) {
-  return /* @__PURE__ */ s("span", { className: o(Oa({ variant: a }), t), ...i, children: [
-    r ? /* @__PURE__ */ e("span", { className: o(Va({ variant: a })), "aria-hidden": !0 }) : null,
+function Ya({ className: t, variant: a, dot: n = !1, children: l, ...i }) {
+  return /* @__PURE__ */ s("span", { className: o(Ja({ variant: a }), t), ...i, children: [
+    n ? /* @__PURE__ */ e("span", { className: o(Qa({ variant: a })), "aria-hidden": !0 }) : null,
     l
   ] });
 }
-const Ua = {
+const Za = {
   info: {
-    Icon: Sa,
+    Icon: Ia,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: za,
+    Icon: Pa,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
   warning: {
-    Icon: Ca,
+    Icon: Ma,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: wa,
+    Icon: Ta,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function Fn({
+function Vr({
   variant: t = "info",
   title: a,
-  children: r,
+  children: n,
   icon: l,
   className: i
 }) {
-  const { Icon: c, className: m, iconClassName: u } = Ua[t];
+  const { Icon: c, className: m, iconClassName: u } = Za[t];
   return /* @__PURE__ */ s(
     "div",
     {
@@ -278,13 +278,13 @@ function Fn({
         /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", u), children: l ?? /* @__PURE__ */ e(c, { weight: "fill" }) }),
         /* @__PURE__ */ s("div", { className: "min-w-0 space-y-0.5", children: [
           a ? /* @__PURE__ */ e("p", { className: "font-medium text-fg", children: a }) : null,
-          r ? /* @__PURE__ */ e("div", { className: "text-muted", children: r }) : null
+          n ? /* @__PURE__ */ e("div", { className: "text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
-function Xa({
+function er({
   className: t,
   ...a
 }) {
@@ -299,7 +299,7 @@ function Xa({
     }
   );
 }
-function Ka({
+function tr({
   className: t,
   ...a
 }) {
@@ -314,7 +314,7 @@ function Ka({
     }
   );
 }
-function qn({ className: t, ...a }) {
+function Wr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "table",
     {
@@ -323,13 +323,13 @@ function qn({ className: t, ...a }) {
     }
   );
 }
-function Hn({ className: t, ...a }) {
+function Ur({ className: t, ...a }) {
   return /* @__PURE__ */ e("thead", { className: t, ...a });
 }
-function Ja({ className: t, ...a }) {
+function ar({ className: t, ...a }) {
   return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...a });
 }
-function wt({ className: t, ...a }) {
+function Dt({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "tr",
     {
@@ -341,7 +341,7 @@ function wt({ className: t, ...a }) {
     }
   );
 }
-function Gn({ className: t, ...a }) {
+function Xr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "th",
     {
@@ -353,7 +353,7 @@ function Gn({ className: t, ...a }) {
     }
   );
 }
-function re({ className: t, ...a }) {
+function ne({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "td",
     {
@@ -365,22 +365,22 @@ function re({ className: t, ...a }) {
     }
   );
 }
-const Qa = {
+const rr = {
   default: "bg-table-container",
   muted: "bg-surface border border-line",
   transparent: "bg-transparent"
-}, Ya = {
+}, nr = {
   default: "bg-table-panel border-table-panel-border",
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function Za(t) {
+function lr(t) {
   return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
 }
-function De({
+function ke({
   title: t,
   description: a,
-  header: r,
+  header: n,
   children: l,
   action: i,
   tone: c = "default",
@@ -393,7 +393,7 @@ function De({
   scrollMode: z = "surface",
   headerContentRef: y
 }) {
-  const D = !!(t || a), S = z === "panel", f = Za(i) ? /* @__PURE__ */ e(
+  const D = !!(t || a), S = z === "panel", f = lr(i) ? /* @__PURE__ */ e(
     R,
     {
       variant: i.variant ?? "primary",
@@ -407,7 +407,7 @@ function De({
         i.label
       ] }) : i.label
     }
-  ) : i, I = r || D ? (
+  ) : i, I = n || D ? (
     // Header rows must not inherit the body row hover surface. Panel mode
     // clips the band instead of scrolling it; the caller translates the
     // inner wrapper so titles track the row content. px-px mirrors the
@@ -435,25 +435,25 @@ function De({
               ]
             }
           ) : null,
-          S ? /* @__PURE__ */ e("div", { ref: y, children: r }) : r
+          S ? /* @__PURE__ */ e("div", { ref: y, children: n }) : n
         ]
       }
     )
-  ) : null, M = /* @__PURE__ */ e(
-    Ka,
+  ) : null, T = /* @__PURE__ */ e(
+    tr,
     {
-      className: o(Ya[c], x),
+      className: o(nr[c], x),
       style: N ? { minHeight: N } : void 0,
       children: l
     }
   );
-  return /* @__PURE__ */ s(Xa, { className: o("relative", Qa[c], m), children: [
+  return /* @__PURE__ */ s(er, { className: o("relative", rr[c], m), children: [
     S ? /* @__PURE__ */ s(le, { children: [
       I,
-      M
+      T
     ] }) : /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
       I,
-      M
+      T
     ] }),
     b ? /* @__PURE__ */ e(
       "div",
@@ -468,26 +468,26 @@ function De({
     f ? /* @__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: f }) }) : null
   ] });
 }
-function en(t) {
-  const a = Mt.toArray(t), r = a.filter(
-    (l) => Pt(l) && l.type === _t
+function or(t) {
+  const a = Lt.toArray(t), n = a.filter(
+    (l) => Et(l) && l.type === qt
   );
   return {
-    header: r.length > 0 ? /* @__PURE__ */ e(le, { children: r }) : void 0,
-    body: a.filter((l) => !r.includes(l))
+    header: n.length > 0 ? /* @__PURE__ */ e(le, { children: n }) : void 0,
+    body: a.filter((l) => !n.includes(l))
   };
 }
-const tn = h(
-  ({ className: t, children: a, ...r }, l) => {
-    const { header: i, body: c } = en(a);
-    return /* @__PURE__ */ e("div", { ref: l, ...r, children: /* @__PURE__ */ e(De, { className: o("shadow-xs", t), header: i, children: c }) });
+const ir = h(
+  ({ className: t, children: a, ...n }, l) => {
+    const { header: i, body: c } = or(a);
+    return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(ke, { className: o("shadow-xs", t), header: i, children: c }) });
   }
 );
-tn.displayName = "Card";
-const _t = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+ir.displayName = "Card";
+const qt = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
-    ref: r,
+    ref: n,
     className: o(
       "flex flex-col gap-1 px-5 py-4",
       t
@@ -495,20 +495,20 @@ const _t = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-_t.displayName = "CardHeader";
-const an = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+qt.displayName = "CardHeader";
+const sr = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "h2",
   {
-    ref: r,
+    ref: n,
     className: o("text-sm font-semibold text-fg", t),
     ...a
   }
 ));
-an.displayName = "CardTitle";
-const nn = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+sr.displayName = "CardTitle";
+const dr = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "p",
   {
-    ref: r,
+    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",
@@ -517,13 +517,13 @@ const nn = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-nn.displayName = "CardDescription";
-const rn = h(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", { ref: r, className: o("px-5 py-4", t), ...a }));
-rn.displayName = "CardContent";
-const ln = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+dr.displayName = "CardDescription";
+const cr = h(({ className: t, ...a }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...a }));
+cr.displayName = "CardContent";
+const ur = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
-    ref: r,
+    ref: n,
     className: o(
       "flex items-center gap-3 border-t border-line px-5 py-3",
       t
@@ -531,11 +531,11 @@ const ln = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-ln.displayName = "CardFooter";
-const Ge = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  yt.Root,
+ur.displayName = "CardFooter";
+const We = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  kt.Root,
   {
-    ref: r,
+    ref: n,
     className: o(
       "peer size-4 shrink-0 rounded border border-line-strong bg-transparent transition-colors",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus/40",
@@ -545,27 +545,27 @@ const Ge = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
       t
     ),
     ...a,
-    children: /* @__PURE__ */ e(yt.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(ka, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(ce, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ e(kt.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(Ra, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(ce, { className: "size-3", weight: "bold" }) })
   }
 ));
-Ge.displayName = "Checkbox";
-function Ct(t) {
+We.displayName = "Checkbox";
+function Tt(t) {
   return t.width > 0 && t.height > 0;
 }
-function zt(t) {
+function Mt(t) {
   return Math.min(1, Math.max(0.1, t));
 }
-function on(t, a) {
-  return !Ct(t) || !Ct(a) ? null : {
+function mr(t, a) {
+  return !Tt(t) || !Tt(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: zt(t.width / a.width),
-    sy: zt(t.height / a.height)
+    sx: Mt(t.width / a.width),
+    sy: Mt(t.height / a.height)
   };
 }
-const At = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
-let Q = null, St = !1;
-function Ue(t) {
+const Ht = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
+let Q = null, Pt = !1;
+function Je(t) {
   const a = t.getBoundingClientRect();
   return a.width <= 0 || a.height <= 0 ? null : {
     left: a.left,
@@ -574,50 +574,50 @@ function Ue(t) {
     height: a.height
   };
 }
-function Oe(t) {
+function Ue(t) {
   if (!(t instanceof Element)) return;
-  const a = t.closest(At);
+  const a = t.closest(Ht);
   if (!a) return;
-  const r = Ue(a);
-  r && (Q = { rect: r, at: Date.now() });
+  const n = Je(a);
+  n && (Q = { rect: n, at: Date.now() });
 }
-function sn() {
-  St || typeof document > "u" || (St = !0, document.addEventListener(
+function pr() {
+  Pt || typeof document > "u" || (Pt = !0, document.addEventListener(
     "pointerdown",
-    (t) => Oe(t.target),
+    (t) => Ue(t.target),
     !0
   ), document.addEventListener(
     "keydown",
     (t) => {
-      t.key !== "Enter" && t.key !== " " || Oe(document.activeElement);
+      t.key !== "Enter" && t.key !== " " || Ue(document.activeElement);
     },
     !0
   ));
 }
-function dn(t) {
+function br(t) {
   if (Q && Date.now() - Q.at < 2e3) {
-    const r = Q.rect;
-    return Q = null, r;
+    const n = Q.rect;
+    return Q = null, n;
   }
   Q = null;
   const a = document.activeElement;
-  return a instanceof Element && a !== t && !t.contains(a) && a.matches(At) ? Ue(a) : null;
+  return a instanceof Element && a !== t && !t.contains(a) && a.matches(Ht) ? Je(a) : null;
 }
-const cn = 250, Bt = ue(!1), $t = ue(() => {
-}), Xe = ue(!1);
-function un({
+const fr = 250, Gt = ue(!1), Ot = ue(() => {
+}), Qe = ue(!1);
+function hr({
   open: t,
   defaultOpen: a,
-  onOpenChange: r,
+  onOpenChange: n,
   children: l,
   ...i
 }) {
-  const [c, m] = P(
+  const [c, m] = M(
     a ?? !1
-  ), [u, x] = P(!1), b = B(!1), g = B(null), N = t ?? c, z = B(N);
+  ), [u, x] = M(!1), b = $(!1), g = $(null), N = t ?? c, z = $(N);
   z.current = N;
   const y = t !== void 0;
-  V(() => sn(), []), V(() => {
+  V(() => pr(), []), V(() => {
     t && (g.current && clearTimeout(g.current), b.current = !1, x(!1));
   }, [t]), V(
     () => () => {
@@ -627,22 +627,22 @@ function un({
   );
   const D = (S) => {
     if (S) {
-      g.current && clearTimeout(g.current), b.current = !1, x(!1), y || m(!0), r == null || r(!0);
+      g.current && clearTimeout(g.current), b.current = !1, x(!1), y || m(!0), n == null || n(!0);
       return;
     }
     if (!N || b.current) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      y || m(!1), r == null || r(!1);
+      y || m(!1), n == null || n(!1);
       return;
     }
     b.current = !0, x(!0), g.current = setTimeout(() => {
-      y || m(!1), r == null || r(!1), requestAnimationFrame(() => {
+      y || m(!1), n == null || n(!1), requestAnimationFrame(() => {
         z.current && (b.current = !1, x(!1));
       });
-    }, cn);
+    }, fr);
   };
-  return /* @__PURE__ */ e($t.Provider, { value: () => D(!1), children: /* @__PURE__ */ e(Bt.Provider, { value: u, children: /* @__PURE__ */ e(Xe.Provider, { value: !0, children: /* @__PURE__ */ e(
-    $.Root,
+  return /* @__PURE__ */ e(Ot.Provider, { value: () => D(!1), children: /* @__PURE__ */ e(Gt.Provider, { value: u, children: /* @__PURE__ */ e(Qe.Provider, { value: !0, children: /* @__PURE__ */ e(
+    F.Root,
     {
       open: N,
       onOpenChange: D,
@@ -651,31 +651,31 @@ function un({
     }
   ) }) }) });
 }
-const Ft = h(({ onClick: t, ...a }, r) => /* @__PURE__ */ e(
-  $.Trigger,
+const Vt = h(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
+  F.Trigger,
   {
-    ref: r,
+    ref: n,
     onClick: (l) => {
-      Oe(l.currentTarget), t == null || t(l);
+      Ue(l.currentTarget), t == null || t(l);
     },
     ...a
   }
 ));
-Ft.displayName = "DialogTrigger";
-const On = $.Close, qt = h(
-  ({ variant: t = "secondary", children: a = "Cancel", ...r }, l) => /* @__PURE__ */ e($.Close, { asChild: !0, children: /* @__PURE__ */ e(R, { ref: l, type: "button", variant: t, ...r, children: a }) })
+Vt.displayName = "DialogTrigger";
+const Kr = F.Close, Wt = h(
+  ({ variant: t = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ e(F.Close, { asChild: !0, children: /* @__PURE__ */ e(R, { ref: l, type: "button", variant: t, ...n, children: a }) })
 );
-qt.displayName = "DialogCancel";
-function Ht(t, a = !0) {
+Wt.displayName = "DialogCancel";
+function Ut(t, a = !0) {
   if (t.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
     return;
-  const r = Ue(t);
-  if (!r) {
-    a && window.requestAnimationFrame(() => Ht(t, !1));
+  const n = Je(t);
+  if (!n) {
+    a && window.requestAnimationFrame(() => Ut(t, !1));
     return;
   }
   t.dataset.dialogMotionStarted = "true";
-  const l = dn(t), i = l ? on(l, r) : null;
+  const l = br(t), i = l ? mr(l, n) : null;
   i ? (t.style.setProperty("--dialog-dx", `${i.dx}px`), t.style.setProperty("--dialog-dy", `${i.dy}px`), t.style.setProperty("--dialog-sx", String(i.sx)), t.style.setProperty("--dialog-sy", String(i.sy)), t.classList.add("dialog-fly-in")) : (t.style.removeProperty("--dialog-dx"), t.style.removeProperty("--dialog-dy"), t.style.removeProperty("--dialog-sx"), t.style.removeProperty("--dialog-sy"), t.classList.add("dialog-pop-in"));
   const c = () => {
     t.classList.remove("dialog-fly-in", "dialog-pop-in");
@@ -684,14 +684,14 @@ function Ht(t, a = !0) {
   };
   t.addEventListener("animationend", m);
 }
-function mn(t) {
+function gr(t) {
   return t.replace(/dvh\b/g, "vh");
 }
-const Gt = h(
+const Xt = h(
   ({
     className: t,
     children: a,
-    placement: r = "center",
+    placement: n = "center",
     topOffset: l = "11dvh",
     motion: i = "auto",
     style: c,
@@ -699,12 +699,12 @@ const Gt = h(
     onPointerDownOutside: u,
     ...x
   }, b) => {
-    const g = Z(Bt), N = r === "top", z = N ? {
+    const g = Z(Gt), N = n === "top", z = N ? {
       "--dialog-top-offset": l,
-      "--dialog-top-offset-fallback": mn(l)
-    } : void 0, y = Z($t), D = B(null), S = It(
+      "--dialog-top-offset-fallback": gr(l)
+    } : void 0, y = Z(Ot), D = $(null), S = _t(
       (f) => {
-        if (D.current = f, f && i === "auto" && Ht(f), typeof b == "function") {
+        if (D.current = f, f && i === "auto" && Ut(f), typeof b == "function") {
           b(f);
           return;
         }
@@ -712,9 +712,9 @@ const Gt = h(
       },
       [i, b]
     );
-    return /* @__PURE__ */ s($.Portal, { children: [
+    return /* @__PURE__ */ s(F.Portal, { children: [
       /* @__PURE__ */ e(
-        $.Overlay,
+        F.Overlay,
         {
           className: o(
             "fixed inset-0 z-50 overflow-hidden bg-overlay backdrop-blur-[3px] data-[state=open]:animate-in data-[state=open]:fade-in-0",
@@ -738,7 +738,7 @@ const Gt = h(
             N ? "items-start" : "items-center"
           ),
           children: /* @__PURE__ */ s(
-            $.Content,
+            F.Content,
             {
               ref: S,
               style: z ? { ...z, ...c } : c,
@@ -760,8 +760,8 @@ const Gt = h(
               ...x,
               children: [
                 a,
-                /* @__PURE__ */ s($.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(Se, { className: "size-4" }),
+                /* @__PURE__ */ s(F.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(ze, { className: "size-4" }),
                   /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
                 ] })
               ]
@@ -772,8 +772,8 @@ const Gt = h(
     ] });
   }
 );
-Gt.displayName = "DialogContent";
-function pn({
+Xt.displayName = "DialogContent";
+function xr({
   className: t,
   ...a
 }) {
@@ -789,7 +789,7 @@ function pn({
     }
   );
 }
-function bn({
+function vr({
   className: t,
   ...a
 }) {
@@ -802,7 +802,7 @@ function bn({
     }
   );
 }
-function fn({
+function Nr({
   className: t,
   ...a
 }) {
@@ -818,7 +818,7 @@ function fn({
     }
   );
 }
-function hn({
+function yr({
   className: t,
   ...a
 }) {
@@ -834,56 +834,56 @@ function hn({
     }
   );
 }
-const Ot = h(({ className: t, ...a }, r) => {
-  const l = Z(Xe) ? $.Title : "h2";
+const Kt = h(({ className: t, ...a }, n) => {
+  const l = Z(Qe) ? F.Title : "h2";
   return /* @__PURE__ */ e(
     l,
     {
-      ref: r,
+      ref: n,
       className: o("text-base font-semibold text-fg", t),
       ...a
     }
   );
 });
-Ot.displayName = "DialogTitle";
-const gn = h(({ className: t, ...a }, r) => {
-  const l = Z(Xe) ? $.Description : "p";
+Kt.displayName = "DialogTitle";
+const wr = h(({ className: t, ...a }, n) => {
+  const l = Z(Qe) ? F.Description : "p";
   return /* @__PURE__ */ e(
     l,
     {
-      ref: r,
+      ref: n,
       className: o("text-sm text-muted", t),
       ...a
     }
   );
 });
-gn.displayName = "DialogDescription";
-const Vt = ue(null);
-function xn({
+wr.displayName = "DialogDescription";
+const Jt = ue(null);
+function Cr({
   label: t,
   value: a,
-  onChange: r,
+  onChange: n,
   disabled: l = !1,
   name: i,
   className: c,
   children: m,
   ...u
 }) {
-  const x = ke(), b = i ?? x;
-  return /* @__PURE__ */ e(Vt.Provider, { value: { name: b, value: a, onChange: r, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", c), ...u, children: [
+  const x = Se(), b = i ?? x;
+  return /* @__PURE__ */ e(Jt.Provider, { value: { name: b, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", c), ...u, children: [
     /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
     m
   ] }) });
 }
-function vn({
+function zr({
   value: t,
   title: a,
-  description: r,
+  description: n,
   badge: l,
   disabled: i = !1,
   className: c
 }) {
-  const m = Z(Vt), u = ke();
+  const m = Z(Jt), u = Se();
   if (!m)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
   const x = i || m.disabled, b = m.value === t;
@@ -908,7 +908,7 @@ function vn({
               var g;
               return (g = m.onChange) == null ? void 0 : g.call(m, t);
             },
-            "aria-describedby": r ? u : void 0,
+            "aria-describedby": n ? u : void 0,
             className: "peer sr-only"
           }
         ),
@@ -926,18 +926,18 @@ function vn({
         /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ s("span", { className: "flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: a }),
-            l ? /* @__PURE__ */ e(Wa, { variant: "primary", children: l }) : null
+            l ? /* @__PURE__ */ e(Ya, { variant: "primary", children: l }) : null
           ] }),
-          r ? /* @__PURE__ */ e("span", { id: u, className: "mt-1 block text-sm text-muted", children: r }) : null
+          n ? /* @__PURE__ */ e("span", { id: u, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
-function Vn({
+function Jr({
   open: t,
   onOpenChange: a,
-  trigger: r,
+  trigger: n,
   title: l,
   options: i,
   defaultValue: c,
@@ -948,21 +948,21 @@ function Vn({
   onConfirm: g
 }) {
   var S;
-  const [N, z] = P(c ?? ((S = i[0]) == null ? void 0 : S.value) ?? ""), y = m ?? N;
-  return /* @__PURE__ */ s(un, { open: t, onOpenChange: a, children: [
-    r ? /* @__PURE__ */ e(Ft, { asChild: !0, children: r }) : null,
+  const [N, z] = M(c ?? ((S = i[0]) == null ? void 0 : S.value) ?? ""), y = m ?? N;
+  return /* @__PURE__ */ s(hr, { open: t, onOpenChange: a, children: [
+    n ? /* @__PURE__ */ e(Vt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
-      Gt,
+      Xt,
       {
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ s(pn, { children: [
-            /* @__PURE__ */ e(fn, { children: /* @__PURE__ */ e(Ot, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ e(bn, { children: /* @__PURE__ */ e(xn, { label: l, value: y, onChange: (f) => {
+          /* @__PURE__ */ s(xr, { children: [
+            /* @__PURE__ */ e(Nr, { children: /* @__PURE__ */ e(Kt, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ e(vr, { children: /* @__PURE__ */ e(Cr, { label: l, value: y, onChange: (f) => {
               m === void 0 && z(f), u == null || u(f);
             }, children: i.map((f) => /* @__PURE__ */ e(
-              vn,
+              zr,
               {
                 value: f.value,
                 title: f.title,
@@ -972,8 +972,8 @@ function Vn({
               f.value
             )) }) })
           ] }),
-          /* @__PURE__ */ s(hn, { className: "gap-3 pt-2.5", children: [
-            /* @__PURE__ */ e(qt, { className: "flex-1", children: x }),
+          /* @__PURE__ */ s(yr, { className: "gap-3 pt-2.5", children: [
+            /* @__PURE__ */ e(Wt, { className: "flex-1", children: x }),
             /* @__PURE__ */ e(R, { className: "flex-1", onClick: () => g == null ? void 0 : g(y), children: b })
           ] })
         ]
@@ -981,16 +981,16 @@ function Vn({
     )
   ] });
 }
-function Wn({ code: t, label: a, className: r }) {
-  const [l, i] = P(!1);
+function Qr({ code: t, label: a, className: n }) {
+  const [l, i] = M(!1);
   return /* @__PURE__ */ e(
-    De,
+    ke,
     {
-      className: r,
+      className: n,
       header: /* @__PURE__ */ e("div", { className: "flex h-(--table-header-h) items-center px-(--table-pad-x) pr-28", children: /* @__PURE__ */ e("span", { className: "truncate text-[13px] font-medium text-table-header", children: a }) }),
       action: {
         label: l ? "Copied" : "Copy",
-        icon: l ? /* @__PURE__ */ e(ce, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Dt, {}),
+        icon: l ? /* @__PURE__ */ e(ce, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Rt, {}),
         variant: "ghost",
         onClick: async () => {
           try {
@@ -1004,27 +1004,27 @@ function Wn({ code: t, label: a, className: r }) {
     }
   );
 }
-const Nn = {
+const Sr = {
   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"
-}, yn = {
+}, kr = {
   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)]"
-}, wn = {
+}, Dr = {
   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)]"
-}, kt = {
+}, It = {
   sm: "right-[var(--control-pad-x-sm)]",
   md: "right-[var(--control-pad-x-md)]",
   lg: "right-[var(--control-pad-x-lg)]",
   xl: "right-[var(--control-pad-x-xl)]"
-}, Fe = {
+}, Ge = {
   sm: "size-[var(--control-icon-sm)]",
   md: "size-[var(--control-icon-md)]",
   lg: "size-[var(--control-icon-lg)]",
@@ -1033,7 +1033,7 @@ const Nn = {
   ({
     className: t,
     containerClassName: a,
-    type: r = "text",
+    type: n = "text",
     size: l = "md",
     leadingIcon: i,
     trailingIcon: c,
@@ -1048,30 +1048,30 @@ const Nn = {
     readOnly: D,
     ...S
   }, f) => {
-    const I = ke(), M = N ?? I, _ = !!g, A = !!(m && (u !== void 0 ? String(u).length > 0 : x !== void 0 && String(x).length > 0)), q = _ ? `${M}-description` : void 0, F = [z, q].filter(Boolean).join(" ") || void 0, E = /* @__PURE__ */ e(
+    const I = Se(), T = N ?? I, _ = !!g, A = !!(m && (u !== void 0 ? String(u).length > 0 : x !== void 0 && String(x).length > 0)), H = _ ? `${T}-description` : void 0, q = [z, H].filter(Boolean).join(" ") || void 0, L = /* @__PURE__ */ e(
       "input",
       {
         ref: f,
-        id: M,
-        type: r,
+        id: T,
+        type: n,
         disabled: y,
         readOnly: D,
         "aria-invalid": b || void 0,
-        "aria-describedby": F,
+        "aria-describedby": q,
         style: i || c || A ? {
           paddingInlineStart: i ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
           paddingInlineEnd: c || A ? `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",
-          Nn[l],
-          yn[l],
+          Sr[l],
+          kr[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",
           b && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
           !b && "border-(--input-border)",
-          r === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
+          n === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
           y && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
           D && "cursor-default focus-visible:ring-0",
           t
@@ -1081,20 +1081,20 @@ const Nn = {
         ...S
       }
     );
-    return !i && !c && !A && !_ ? E : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
+    return !i && !c && !A && !_ ? L : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
         i ? /* @__PURE__ */ e(
           "span",
           {
             className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              wn[l]
+              Dr[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", Fe[l]), children: i })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", Ge[l]), children: i })
           }
         ) : null,
-        E,
+        L,
         A ? /* @__PURE__ */ e(
           "button",
           {
@@ -1103,26 +1103,26 @@ const Nn = {
             onClick: m,
             className: o(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
-              kt[l]
+              It[l]
             ),
-            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", Fe[l]), children: /* @__PURE__ */ e(Se, {}) })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", Ge[l]), children: /* @__PURE__ */ e(ze, {}) })
           }
         ) : c ? /* @__PURE__ */ e(
           "span",
           {
             className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              kt[l]
+              It[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", Fe[l]), children: c })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", Ge[l]), children: c })
           }
         ) : null
       ] }),
       _ ? /* @__PURE__ */ e(
         "p",
         {
-          id: q,
+          id: H,
           className: o("mt-1.5 text-xs", b ? "text-error" : "text-muted"),
           children: g
         }
@@ -1131,10 +1131,10 @@ const Nn = {
   }
 );
 de.displayName = "Input";
-function Un({
+function Yr({
   items: t,
   value: a,
-  onValueChange: r,
+  onValueChange: n,
   onSearchChange: l,
   loading: i = !1,
   minSearchLength: c = 3,
@@ -1149,26 +1149,26 @@ function Un({
   contentClassName: D,
   disabled: S = !1
 }) {
-  const [f, I] = P(!1), [M, _] = P(""), [A, q] = P("");
+  const [f, I] = M(!1), [T, _] = M(""), [A, H] = M("");
   V(() => {
-    const v = M.trim(), W = setTimeout(() => q(v), m);
+    const v = T.trim(), W = setTimeout(() => H(v), m);
     return () => clearTimeout(W);
-  }, [M, m]), V(() => {
+  }, [T, m]), V(() => {
     l && f && A.length >= c && l(A);
   }, [A, f, c, l]);
-  const F = t.find((v) => v.value === a) ?? null, E = M.trim(), Me = E.length > 0 && E.length < c, Pe = l !== void 0 && E.length >= c && A !== E, Ie = g ?? `Type at least ${c} characters to search`, me = Ne(() => {
-    if (l || E.length === 0) return t;
-    const v = E.toLowerCase();
+  const q = t.find((v) => v.value === a) ?? null, L = T.trim(), Te = L.length > 0 && L.length < c, Me = l !== void 0 && L.length >= c && A !== L, Pe = g ?? `Type at least ${c} characters to search`, me = ve(() => {
+    if (l || L.length === 0) return t;
+    const v = L.toLowerCase();
     return t.filter(
       (W) => W.label.toLowerCase().includes(v) || (W.description ?? "").toLowerCase().includes(v)
     );
-  }, [t, E, l]), Re = (v) => {
-    r(v), I(!1), _(""), q("");
+  }, [t, L, l]), Ie = (v) => {
+    n(v), I(!1), _(""), H("");
   }, ee = () => {
-    _(""), q("");
+    _(""), H("");
   };
   return /* @__PURE__ */ s(
-    ve.Root,
+    xe.Root,
     {
       open: f,
       onOpenChange: (v) => {
@@ -1176,7 +1176,7 @@ function Un({
       },
       children: [
         /* @__PURE__ */ s(
-          ve.Trigger,
+          xe.Trigger,
           {
             type: "button",
             disabled: S,
@@ -1187,7 +1187,7 @@ function Un({
               y
             ),
             children: [
-              F ? z ? z(F) : /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: F.label }) : /* @__PURE__ */ e("span", { className: "font-normal text-muted", children: u }),
+              q ? z ? z(q) : /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: q.label }) : /* @__PURE__ */ e("span", { className: "font-normal text-muted", children: u }),
               /* @__PURE__ */ e(
                 Y,
                 {
@@ -1198,8 +1198,8 @@ function Un({
             ]
           }
         ),
-        /* @__PURE__ */ e(ve.Portal, { children: /* @__PURE__ */ s(
-          ve.Content,
+        /* @__PURE__ */ e(xe.Portal, { children: /* @__PURE__ */ s(
+          xe.Content,
           {
             role: "listbox",
             "aria-label": u,
@@ -1221,23 +1221,23 @@ function Un({
               /* @__PURE__ */ e("div", { className: "pb-1", children: /* @__PURE__ */ e(
                 de,
                 {
-                  value: M,
+                  value: T,
                   onChange: (v) => _(v.target.value),
                   onClear: () => ee(),
                   placeholder: x,
                   "aria-label": x,
-                  leadingIcon: /* @__PURE__ */ e(He, { className: "size-3.5" }),
+                  leadingIcon: /* @__PURE__ */ e(Ve, { className: "size-3.5" }),
                   size: "sm",
                   className: "h-(--control-h-xs) border-0 bg-(--combobox-search-bg) focus-visible:border-muted focus-visible:ring-0"
                 }
               ) }),
-              /* @__PURE__ */ e("div", { className: "max-h-64 overflow-y-auto", role: "presentation", children: Me ? /* @__PURE__ */ e("p", { className: "px-2 py-3 text-center text-sm text-muted", children: Ie }) : me.length > 0 ? me.map((v) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e("div", { className: "max-h-64 overflow-y-auto", role: "presentation", children: Te ? /* @__PURE__ */ e("p", { className: "px-2 py-3 text-center text-sm text-muted", children: Pe }) : me.length > 0 ? me.map((v) => /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   role: "option",
                   "aria-selected": v.value === a,
-                  onClick: () => Re(v),
+                  onClick: () => Ie(v),
                   className: o(
                     "flex w-full items-center gap-3 rounded-lg px-2 py-1.5 text-left transition-colors",
                     v.value === a ? "bg-(--combobox-search-bg)" : "hover:bg-(--combobox-search-bg) focus:bg-(--combobox-search-bg) data-highlighted:bg-(--combobox-search-bg)"
@@ -1251,7 +1251,7 @@ function Un({
                   ] })
                 },
                 v.value
-              )) : i || Pe ? /* @__PURE__ */ e("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ e(Rt, { className: "size-5 text-muted" }) }) : /* @__PURE__ */ e("p", { className: "px-2 py-3 text-center text-sm text-muted", children: b }) })
+              )) : i || Me ? /* @__PURE__ */ e("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ e(At, { className: "size-5 text-muted" }) }) : /* @__PURE__ */ e("p", { className: "px-2 py-3 text-center text-sm text-muted", children: b }) })
             ]
           }
         ) })
@@ -1259,47 +1259,47 @@ function Un({
     }
   );
 }
-function Ke(t, a) {
-  let r = 0;
-  return Mt.forEach(t, (l) => {
-    if (!Pt(l)) return;
+function Ye(t, a) {
+  let n = 0;
+  return Lt.forEach(t, (l) => {
+    if (!Et(l)) return;
     if (a.some((c) => c === l.type)) {
-      r += 1;
+      n += 1;
       return;
     }
     const i = l.props.children;
-    i && (r += Ke(i, a));
-  }), r;
+    i && (n += Ye(i, a));
+  }), n;
 }
-const Wt = ue(!1);
-function qe({
+const Qt = ue(!1);
+function Oe({
   children: t,
   ...a
 }) {
-  const r = Ke(t, [
+  const n = Ye(t, [
     oe,
     ie,
-    Xt
+    Zt
   ]) === 0;
-  return /* @__PURE__ */ e(Wt.Provider, { value: r, children: /* @__PURE__ */ e(j.Root, { ...a, children: t }) });
+  return /* @__PURE__ */ e(Qt.Provider, { value: n, children: /* @__PURE__ */ e(j.Root, { ...a, children: t }) });
 }
-const ye = h(({ className: t, disabled: a, ...r }, l) => {
-  const i = Z(Wt);
+const Ne = h(({ className: t, disabled: a, ...n }, l) => {
+  const i = Z(Qt);
   return /* @__PURE__ */ e(
     j.Trigger,
     {
       ref: l,
       className: o("group", t),
       disabled: a || i,
-      ...r
+      ...n
     }
   );
 });
-ye.displayName = "DropdownMenuTrigger";
-const Ut = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+Ne.displayName = "DropdownMenuTrigger";
+const Yt = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   Y,
   {
-    ref: r,
+    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",
@@ -1308,14 +1308,14 @@ const Ut = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Ut.displayName = "DropdownMenuChevron";
-const Xn = j.Group, Kn = j.Portal, we = h(({ className: t, sideOffset: a = 8, ...r }, l) => /* @__PURE__ */ e(j.Portal, { children: /* @__PURE__ */ e(
+Yt.displayName = "DropdownMenuChevron";
+const Zr = j.Group, en = j.Portal, ye = h(({ className: t, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ e(j.Portal, { children: /* @__PURE__ */ e(
   j.Content,
   {
     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",
+      "menu-surface btn-inner-border z-50 min-w-(--radix-popper-anchor-width) overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
       "data-[state=open]:animate-in data-[state=closed]:animate-out",
       "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
       "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
@@ -1324,11 +1324,11 @@ const Xn = j.Group, Kn = j.Portal, we = h(({ className: t, sideOffset: a = 8, ..
       "duration-150 ease-out",
       t
     ),
-    ...r
+    ...n
   }
 ) }));
-we.displayName = "DropdownMenuContent";
-const oe = h(({ className: t, inset: a, ...r }, l) => /* @__PURE__ */ e(
+ye.displayName = "DropdownMenuContent";
+const oe = h(({ className: t, inset: a, ...n }, l) => /* @__PURE__ */ e(
   j.Item,
   {
     ref: l,
@@ -1339,11 +1339,11 @@ const oe = h(({ className: t, inset: a, ...r }, l) => /* @__PURE__ */ e(
       a && "pl-8",
       t
     ),
-    ...r
+    ...n
   }
 ));
 oe.displayName = "DropdownMenuItem";
-const ie = h(({ className: t, children: a, checked: r, ...l }, i) => /* @__PURE__ */ s(
+const ie = h(({ className: t, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
   j.CheckboxItem,
   {
     ref: i,
@@ -1351,7 +1351,7 @@ const ie = h(({ className: t, children: a, checked: r, ...l }, i) => /* @__PURE_
       "group relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none transition-colors focus:bg-(--menu-highlight)",
       t
     ),
-    checked: r,
+    checked: n,
     ...l,
     children: [
       /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 shrink-0 items-center justify-center rounded border border-line-strong bg-transparent transition-colors group-data-[state=checked]:border-primary", children: /* @__PURE__ */ e(j.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(ce, { className: "size-3", weight: "bold" }) }) }),
@@ -1360,16 +1360,16 @@ const ie = h(({ className: t, children: a, checked: r, ...l }, i) => /* @__PURE_
   }
 ));
 ie.displayName = "DropdownMenuCheckboxItem";
-const Ce = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const we = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   j.Label,
   {
-    ref: r,
+    ref: n,
     className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...a
   }
 ));
-Ce.displayName = "DropdownMenuLabel";
-const Jn = j.Sub, Xt = h(({ className: t, inset: a, children: r, ...l }, i) => /* @__PURE__ */ s(
+we.displayName = "DropdownMenuLabel";
+const tn = j.Sub, Zt = h(({ className: t, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
   j.SubTrigger,
   {
     ref: i,
@@ -1382,16 +1382,16 @@ const Jn = j.Sub, Xt = h(({ className: t, inset: a, children: r, ...l }, i) => /
     ),
     ...l,
     children: [
-      r,
-      /* @__PURE__ */ e(Tt, { className: "ml-auto shrink-0" })
+      n,
+      /* @__PURE__ */ e(jt, { className: "ml-auto shrink-0" })
     ]
   }
 ));
-Xt.displayName = "DropdownMenuSubTrigger";
-const Cn = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+Zt.displayName = "DropdownMenuSubTrigger";
+const Tr = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   j.SubContent,
   {
-    ref: r,
+    ref: n,
     sideOffset: 8,
     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",
@@ -1406,55 +1406,55 @@ const Cn = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Cn.displayName = "DropdownMenuSubContent";
-const ze = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+Tr.displayName = "DropdownMenuSubContent";
+const Ce = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   j.Separator,
   {
-    ref: r,
+    ref: n,
     className: o("-mx-1 my-1 h-px bg-line-strong", t),
     ...a
   }
 ));
-ze.displayName = "DropdownMenuSeparator";
-const Qn = L.Group, Kt = L.Value;
-function Jt({
+Ce.displayName = "DropdownMenuSeparator";
+const an = E.Group, ea = E.Value;
+function ta({
   children: t,
   disabled: a,
-  ...r
+  ...n
 }) {
-  const l = Ke(t, [Te]) === 0;
-  return /* @__PURE__ */ e(L.Root, { disabled: a || l, ...r, children: t });
+  const l = Ye(t, [De]) === 0;
+  return /* @__PURE__ */ e(E.Root, { disabled: a || l, ...n, children: t });
 }
-const Je = h(({ className: t, children: a, variant: r = "field", ...l }, i) => /* @__PURE__ */ s(
-  L.Trigger,
+const Ze = h(({ className: t, children: a, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
+  E.Trigger,
   {
     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",
-      r === "field" && "h-(--control-h-md) w-full rounded-md border border-line bg-surface px-3 focus:border-primary focus:ring-2 focus:ring-focus/30",
-      r === "inline" && "btn-fill btn-inner-border btn-interactive h-(--control-h-md) w-auto rounded-(--control-radius) border-0 bg-(--button-secondary-bg) px-(--control-pad-x-sm) font-medium text-fg hover:bg-(--button-surface-hover) active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
-      r === "ghost" && "btn-inner-border btn-interactive h-(--control-h-md) w-auto rounded-(--control-radius) border-0 px-(--control-pad-x-sm) text-muted hover:bg-(--button-surface-hover) hover:text-fg active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
+      n === "field" && "h-(--control-h-md) w-full rounded-md border border-line bg-surface px-3 focus:border-primary focus:ring-2 focus:ring-focus/30",
+      n === "inline" && "btn-fill btn-inner-border btn-interactive h-(--control-h-md) w-auto rounded-(--control-radius) border-0 bg-(--button-secondary-bg) px-(--control-pad-x-sm) font-medium text-fg hover:bg-(--button-surface-hover) active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
+      n === "ghost" && "btn-inner-border btn-interactive h-(--control-h-md) w-auto rounded-(--control-radius) border-0 px-(--control-pad-x-sm) text-muted hover:bg-(--button-surface-hover) hover:text-fg active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
       t
     ),
     ...l,
     children: [
       /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-left", children: a }),
-      /* @__PURE__ */ e(L.Icon, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "flex size-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ e(Y, { className: "size-3.5 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) }) })
+      /* @__PURE__ */ e(E.Icon, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "flex size-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ e(Y, { className: "size-3.5 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) }) })
     ]
   }
 ));
-Je.displayName = "SelectTrigger";
-const Qe = h(
-  ({ className: t, children: a, position: r = "popper", sideOffset: l = 8, ...i }, c) => /* @__PURE__ */ e(L.Portal, { children: /* @__PURE__ */ e(
-    L.Content,
+Ze.displayName = "SelectTrigger";
+const et = h(
+  ({ className: t, children: a, position: n = "popper", sideOffset: l = 8, ...i }, c) => /* @__PURE__ */ e(E.Portal, { children: /* @__PURE__ */ e(
+    E.Content,
     {
       ref: c,
-      position: r,
+      position: n,
       sideOffset: l,
       className: o(
-        "menu-surface btn-inner-border z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
+        "menu-surface btn-inner-border z-50 min-w-(--radix-select-trigger-width) overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
         "data-[state=open]:animate-in data-[state=closed]:animate-out",
         "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
         "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
@@ -1464,40 +1464,40 @@ const Qe = h(
         t
       ),
       ...i,
-      children: /* @__PURE__ */ e(L.Viewport, { className: "p-0", children: a })
+      children: /* @__PURE__ */ e(E.Viewport, { className: "p-0", children: a })
     }
   ) })
 );
-Qe.displayName = "SelectContent";
-const Te = h(({ className: t, children: a, ...r }, l) => /* @__PURE__ */ s(
-  L.Item,
+et.displayName = "SelectContent";
+const De = h(({ className: t, children: a, ...n }, l) => /* @__PURE__ */ s(
+  E.Item,
   {
     ref: l,
     className: o(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none focus:bg-(--menu-highlight) data-disabled:pointer-events-none data-disabled:opacity-50",
       t
     ),
-    ...r,
+    ...n,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(L.ItemIndicator, { children: /* @__PURE__ */ e(ce, { className: "size-3.5" }) }) }),
-      /* @__PURE__ */ e(L.ItemText, { children: a })
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(E.ItemIndicator, { children: /* @__PURE__ */ e(ce, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e(E.ItemText, { children: a })
     ]
   }
 ));
-Te.displayName = "SelectItem";
-const zn = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  L.Label,
+De.displayName = "SelectItem";
+const Mr = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  E.Label,
   {
-    ref: r,
+    ref: n,
     className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...a
   }
 ));
-zn.displayName = "SelectLabel";
-function Sn({
+Mr.displayName = "SelectLabel";
+function Pr({
   icon: t,
   title: a,
-  description: r,
+  description: n,
   action: l,
   className: i
 }) {
@@ -1512,29 +1512,29 @@ function Sn({
         t ? /* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-5", children: t }) : null,
         /* @__PURE__ */ s("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e("p", { className: "text-base font-medium text-table-header-active", children: a }),
-          r ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-[13px] leading-5 text-table-muted", children: r }) : null
+          n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-[13px] leading-5 text-table-muted", children: n }) : null
         ] }),
         l ? /* @__PURE__ */ e("div", { className: "text-table-accent", children: l }) : null
       ]
     }
   );
 }
-const kn = "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 Dn(t) {
+const Ir = "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 Rr(t) {
   return t.split(/\s+/).slice(0, 2).map((a) => {
-    var r;
-    return ((r = a[0]) == null ? void 0 : r.toUpperCase()) ?? "";
+    var n;
+    return ((n = a[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
-function Yn({
+function rn({
   name: t,
   secondary: a,
-  image: r
+  image: n
 }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ s(jt, { className: "size-8", children: [
-      r ? /* @__PURE__ */ e(Et, { src: r, alt: "" }) : null,
-      /* @__PURE__ */ e(Lt, { children: Dn(t) })
+    /* @__PURE__ */ s(Bt, { className: "size-8", children: [
+      n ? /* @__PURE__ */ e($t, { src: n, alt: "" }) : null,
+      /* @__PURE__ */ e(Ft, { children: Rr(t) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
       /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
@@ -1542,10 +1542,10 @@ function Yn({
     ] })
   ] });
 }
-function Zn({
+function nn({
   rows: t,
   columns: a,
-  getRowId: r,
+  getRowId: n,
   loading: l = !1,
   error: i,
   empty: c,
@@ -1561,144 +1561,156 @@ function Zn({
   selectable: S = !1,
   bulkActions: f,
   rowActions: I,
-  renderExpanded: M,
+  renderExpanded: T,
   onRowClick: _,
   defaultSort: A,
-  sort: q,
-  onSortChange: F,
-  pageSize: E = 25,
-  pageSizeOptions: Me = [10, 25, 50, 100],
-  pagination: Pe = "auto",
-  tone: Ie,
+  sort: H,
+  onSortChange: q,
+  pageSize: L = 25,
+  pageSizeOptions: Te = [10, 25, 50, 100],
+  pagination: Me = "auto",
+  tone: Pe,
   title: me,
-  description: Re,
+  description: Ie,
   headerAction: ee,
   headerClassName: v,
   panelClassName: W,
-  className: Qt
+  className: aa
 }) {
-  const [Ye, Ze] = P(
+  const [tt, at] = M(
     () => Object.fromEntries(
-      a.filter((n) => n.defaultHidden && !n.required).map((n) => [n.id, !0])
+      a.filter((r) => r.defaultHidden && !r.required).map((r) => [r.id, !0])
     )
-  ), [et, tt] = P(null), [je, at] = P(null), [Yt, Zt] = P(
+  ), [rt, nt] = M(null), [Re, lt] = M(null), [ra, na] = M(
     A ?? null
-  ), w = F ? q ?? null : Yt, ea = (n) => {
-    F ? F(n) : Zt(n);
-  }, [te, pe] = P(0), [G, ta] = P(E), [U, Ee] = P(/* @__PURE__ */ new Set()), [aa, na] = P(/* @__PURE__ */ new Set()), ra = (n) => {
-    na((d) => {
+  ), C = q ? H ?? null : ra, la = (r) => {
+    q ? q(r) : na(r);
+  }, [te, pe] = M(0), [G, oa] = M(L), [U, je] = M(/* @__PURE__ */ new Set()), [ia, sa] = M(/* @__PURE__ */ new Set()), da = (r) => {
+    sa((d) => {
       const p = new Set(d);
-      return p.has(n) ? p.delete(n) : p.add(n), p;
+      return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, [la, Le] = P([]), nt = a.map((n) => n.id), rt = new Map(a.map((n) => [n.id, n])), lt = et ? et.map((n) => rt.get(n)).filter((n) => !!n) : a, X = lt.filter((n) => !Ye[n.id]), ot = lt.filter((n) => Ye[n.id] && !n.required), it = (n) => !!n.required, oa = (n) => rt.get(n), ia = (n, d) => {
-    const p = d ? oa(d) : void 0;
-    !p || it(p) || n === d || tt((k) => {
-      const T = k ?? nt;
-      return qa(T, T.indexOf(n), T.indexOf(d));
+  }, [ca, Le] = M([]), ot = a.map((r) => r.id), it = new Map(a.map((r) => [r.id, r])), st = rt ? rt.map((r) => it.get(r)).filter((r) => !!r) : a, X = st.filter((r) => !tt[r.id]), dt = st.filter((r) => tt[r.id] && !r.required), ct = (r) => !!r.required, ua = (r) => it.get(r), ma = (r, d) => {
+    const p = d ? ua(d) : void 0;
+    !p || ct(p) || r === d || nt((w) => {
+      const P = w ?? ot;
+      return Ua(P, P.indexOf(r), P.indexOf(d));
     });
-  }, sa = (n) => {
-    Ze((d) => ({ ...d, [n]: !1 })), tt((d) => d && d.includes(n) ? d : [...d ?? nt, n]);
-  }, _e = (u ?? []).filter((n) => la.includes(n.id)), da = (u ?? []).map((n) => `${n.id}:${n.value.join(",")}`).join("|"), be = Ne(() => {
-    let n = t;
+  }, pa = (r) => {
+    at((d) => ({ ...d, [r]: !1 })), nt((d) => d && d.includes(r) ? d : [...d ?? ot, r]);
+  }, Ee = (u ?? []).filter((r) => ca.includes(r.id)), ba = (u ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), be = ve(() => {
+    let r = t;
     for (const p of u ?? [])
-      p.value.length > 0 && (n = n.filter((k) => p.match(k, p.value)));
-    if (!m || !m.value.trim()) return n;
+      p.value.length > 0 && (r = r.filter((w) => p.match(w, p.value)));
+    if (!m || !m.value.trim()) return r;
     const d = m.value.trim().toLowerCase();
-    return n.filter((p) => m.keys(p).toLowerCase().includes(d));
-  }, [t, m, u]), K = Ne(() => {
-    if (!w) return be;
-    const n = a.find((p) => p.id === w.id);
-    if (!(n != null && n.sortValue)) return be;
-    const d = w.dir === "asc" ? 1 : -1;
-    return [...be].sort((p, k) => {
-      const T = n.sortValue(p), C = n.sortValue(k);
-      return T == null && C == null ? 0 : T == null ? 1 : C == null ? -1 : typeof T == "number" && typeof C == "number" ? (T - C) * d : String(T).localeCompare(String(C)) * d;
+    return r.filter((p) => m.keys(p).toLowerCase().includes(d));
+  }, [t, m, u]), K = ve(() => {
+    if (!C) return be;
+    const r = a.find((p) => p.id === C.id);
+    if (!(r != null && r.sortValue)) return be;
+    const d = C.dir === "asc" ? 1 : -1;
+    return [...be].sort((p, w) => {
+      const P = r.sortValue(p), k = r.sortValue(w);
+      return P == null && k == null ? 0 : P == null ? 1 : k == null ? -1 : typeof P == "number" && typeof k == "number" ? (P - k) * d : String(P).localeCompare(String(k)) * d;
     });
-  }, [be, w, a]), ae = Math.max(1, Math.ceil(K.length / G)), ca = !l && !i && K.length > 0 && (Pe === "always" || K.length > G);
+  }, [be, C, a]), ae = Math.max(1, Math.ceil(K.length / G)), fa = !l && !i && K.length > 0 && (Me === "always" || K.length > G);
   V(() => {
     pe(0);
-  }, [m == null ? void 0 : m.value, G, w == null ? void 0 : w.id, w == null ? void 0 : w.dir, z, da]), V(() => {
+  }, [m == null ? void 0 : m.value, G, C == null ? void 0 : C.id, C == null ? void 0 : C.dir, z, ba]), V(() => {
     te > ae - 1 && pe(ae - 1);
   }, [te, ae]);
-  const fe = te * G, O = K.slice(fe, fe + G), ua = (n) => {
-    if (!n.sortable) return;
-    const d = w;
-    ea(
-      (d == null ? void 0 : d.id) === n.id ? d.dir === "asc" ? { id: n.id, dir: "desc" } : null : { id: n.id, dir: "asc" }
+  const fe = te * G, O = K.slice(fe, fe + G), ha = (r) => {
+    if (!r.sortable) return;
+    const d = C;
+    la(
+      (d == null ? void 0 : d.id) === r.id ? d.dir === "asc" ? { id: r.id, dir: "desc" } : null : { id: r.id, dir: "asc" }
     );
-  }, st = O.length > 0 && O.every((n) => U.has(r(n))), ma = O.some((n) => U.has(r(n))), pa = t.filter((n) => U.has(r(n))), ba = () => {
-    Ee((n) => {
-      const d = new Set(n);
-      return st ? O.forEach((p) => d.delete(r(p))) : O.forEach((p) => d.add(r(p))), d;
+  }, ut = O.length > 0 && O.every((r) => U.has(n(r))), ga = O.some((r) => U.has(n(r))), xa = t.filter((r) => U.has(n(r))), va = () => {
+    je((r) => {
+      const d = new Set(r);
+      return ut ? O.forEach((p) => d.delete(n(p))) : O.forEach((p) => d.add(n(p))), d;
     });
-  }, fa = (n) => {
-    Ee((d) => {
+  }, Na = (r) => {
+    je((d) => {
       const p = new Set(d);
-      return p.has(n) ? p.delete(n) : p.add(n), p;
+      return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, ha = !!(m || u != null && u.length || x || b), ga = (n) => (w == null ? void 0 : w.id) === n.id ? w.dir === "asc" ? "ascending" : "descending" : void 0, dt = B(null), ct = B(null), ut = B(null), mt = B(null), [J, Ae] = P([]), xa = X.map((n) => n.id).join("\0"), he = `${S ? "s" : "-"}|${I ? "a" : "-"}|${M ? "e" : "-"}|${xa}`, pt = B(he), ge = Ne(() => {
+  }, ya = !!(m || u != null && u.length || x || b), wa = (r) => (C == null ? void 0 : C.id) === r.id ? C.dir === "asc" ? "ascending" : "descending" : void 0, mt = $(null), pt = $(null), bt = $(null), ft = $(null), [J, _e] = M([]), Ca = X.map((r) => r.id).join("\0"), he = `${S ? "s" : "-"}|${I ? "a" : "-"}|${T ? "e" : "-"}|${Ca}`, ht = $(he), ge = ve(() => {
     try {
       return JSON.stringify(t);
     } catch {
       return `rows:${t.length}`;
     }
-  }, [t]), bt = B(ge), ft = J.length > 0, Be = It(() => {
-    const n = ut.current, d = mt.current;
-    n && d && (n.style.transform = `translateX(${-d.scrollLeft}px)`);
+  }, [t]), gt = $(ge), xt = J.length > 0, Ae = _t(() => {
+    const r = bt.current, d = ft.current;
+    r && d && (r.style.transform = `translateX(${-d.scrollLeft}px)`);
   }, []);
-  Ea(() => {
-    const n = dt.current;
-    if (!n) return;
+  Fa(() => {
+    const r = mt.current;
+    if (!r) return;
     const d = () => {
-      var ht, gt, xt;
-      const k = (gt = (ht = n.tBodies[0]) == null ? void 0 : ht.rows.item(0)) == null ? void 0 : gt.cells;
-      if (!k || k.length === 0) {
-        Ae((H) => H.length === 0 ? H : []);
+      var Nt, yt, wt;
+      const Be = (yt = (Nt = r.tBodies[0]) == null ? void 0 : Nt.rows.item(0)) == null ? void 0 : yt.cells;
+      if (!Be || Be.length === 0) {
+        _e((B) => B.length === 0 ? B : []);
         return;
       }
-      const T = (xt = ct.current) == null ? void 0 : xt.querySelectorAll("thead th"), C = Array.from(
-        k,
-        (H, $e) => {
-          var xe, vt;
-          return Math.max(
-            H.getBoundingClientRect().width,
-            ((vt = (xe = T == null ? void 0 : T.item($e)) == null ? void 0 : xe.querySelector("[data-col-sizer]")) == null ? void 0 : vt.getBoundingClientRect().width) ?? 0
-          );
-        }
-      );
-      Ae(
-        (H) => H.length === C.length && H.every(($e, xe) => $e === C[xe]) ? H : C
+      const $e = (wt = pt.current) == null ? void 0 : wt.querySelectorAll("thead th"), Fe = Array.from(Be, (B, qe) => {
+        var Ct, zt;
+        const He = Math.max(
+          0,
+          ...Array.from(B.children, (za) => za.getBoundingClientRect().width)
+        );
+        return Math.max(
+          B.getBoundingClientRect().width,
+          B.scrollWidth,
+          He,
+          ((zt = (Ct = $e == null ? void 0 : $e.item(qe)) == null ? void 0 : Ct.querySelector("[data-col-sizer]")) == null ? void 0 : zt.getBoundingClientRect().width) ?? 0
+        );
+      });
+      _e(
+        (B) => B.length === Fe.length && B.every((qe, He) => qe === Fe[He]) ? B : Fe
       );
     };
-    if ((pt.current !== he || bt.current !== ge) && (pt.current = he, bt.current = ge, ft)) {
-      Ae([]);
+    if ((ht.current !== he || gt.current !== ge) && (ht.current = he, gt.current = ge, xt)) {
+      _e([]);
       return;
     }
-    if (d(), Be(), typeof ResizeObserver > "u") return;
+    if (d(), Ae(), typeof ResizeObserver > "u") return;
     const p = new ResizeObserver(d);
-    return p.observe(n), () => p.disconnect();
-  }, [he, ge, ft, l, i, Be]);
-  const ne = J.reduce((n, d) => n + d, 0);
-  return /* @__PURE__ */ s("div", { className: o("space-y-4", Qt), children: [
-    N && N.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: N.map((n) => {
-      const d = n.id === z;
+    p.observe(r);
+    let w = null;
+    const P = () => {
+      w === null && (w = requestAnimationFrame(() => {
+        w = null, d();
+      }));
+    }, k = new MutationObserver(P), vt = r.tBodies[0];
+    return vt && k.observe(vt, { childList: !0, characterData: !0, subtree: !0 }), () => {
+      p.disconnect(), k.disconnect(), w !== null && cancelAnimationFrame(w);
+    };
+  }, [he, ge, xt, l, i, Ae]);
+  const re = J.reduce((r, d) => r + d, 0);
+  return /* @__PURE__ */ s("div", { className: o("space-y-4", aa), children: [
+    N && N.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: N.map((r) => {
+      const d = r.id === z;
       return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           role: "tab",
           "aria-selected": d,
-          onClick: () => y == null ? void 0 : y(n.id),
+          onClick: () => y == null ? void 0 : y(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"
           ),
-          children: n.label
+          children: r.label
         },
-        n.id
+        r.id
       );
     }) }),
-    ha && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+    ya && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       m && /* @__PURE__ */ e(
         de,
         {
@@ -1706,29 +1718,29 @@ function Zn({
           "aria-label": m.placeholder ?? "Search",
           placeholder: m.placeholder ?? "Search...",
           value: m.value,
-          onChange: (n) => m.onChange(n.target.value),
+          onChange: (r) => m.onChange(r.target.value),
           onClear: () => m.onChange(""),
-          leadingIcon: /* @__PURE__ */ e(He, {}),
+          leadingIcon: /* @__PURE__ */ e(Ve, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
       x,
-      g && /* @__PURE__ */ s(qe, { children: [
-        /* @__PURE__ */ e(ye, { asChild: !0, children: /* @__PURE__ */ e(
+      g && /* @__PURE__ */ s(Oe, { children: [
+        /* @__PURE__ */ e(Ne, { asChild: !0, children: /* @__PURE__ */ e(
           R,
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ e(Da, {}),
-            trailingIcon: /* @__PURE__ */ e(Ut, {}),
+            leadingIcon: /* @__PURE__ */ e(ja, {}),
+            trailingIcon: /* @__PURE__ */ e(Yt, {}),
             children: "Columns"
           }
         ) }),
-        /* @__PURE__ */ s(we, { align: "end", className: "w-54", children: [
-          /* @__PURE__ */ e(Ce, { className: "text-[13px]", children: "Active columns" }),
-          X.map((n) => {
-            const d = it(n);
+        /* @__PURE__ */ s(ye, { align: "end", className: "w-54", children: [
+          /* @__PURE__ */ e(we, { className: "text-[13px]", children: "Active columns" }),
+          X.map((r) => {
+            const d = ct(r);
             return /* @__PURE__ */ s(
               ie,
               {
@@ -1739,79 +1751,79 @@ function Zn({
                     p.preventDefault();
                     return;
                   }
-                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", n.id), at(n.id);
+                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), lt(r.id);
                 },
                 onDragOver: (p) => {
-                  je && (p.preventDefault(), ia(je, n.id));
+                  Re && (p.preventDefault(), ma(Re, r.id));
                 },
                 onDrop: (p) => p.preventDefault(),
-                onDragEnd: () => at(null),
+                onDragEnd: () => lt(null),
                 onCheckedChange: (p) => {
-                  !p && !d && Ze((k) => ({ ...k, [n.id]: !0 }));
+                  !p && !d && at((w) => ({ ...w, [r.id]: !0 }));
                 },
                 onSelect: (p) => p.preventDefault(),
                 className: "justify-between",
                 children: [
-                  /* @__PURE__ */ e("span", { className: "truncate", children: n.header }),
-                  d ? /* @__PURE__ */ e(Ta, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
-                    Ma,
+                  /* @__PURE__ */ e("span", { className: "truncate", children: r.header }),
+                  d ? /* @__PURE__ */ e(La, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
+                    Ea,
                     {
                       "aria-hidden": !0,
                       className: o(
                         "size-3.5 shrink-0",
-                        je === n.id ? "text-primary" : "text-subtle"
+                        Re === r.id ? "text-primary" : "text-subtle"
                       )
                     }
                   )
                 ]
               },
-              n.id
+              r.id
             );
           }),
-          ot.length > 0 ? /* @__PURE__ */ s(le, { children: [
-            /* @__PURE__ */ e(ze, {}),
-            /* @__PURE__ */ e(Ce, { className: "text-[13px]", children: "Available columns" }),
-            ot.map((n) => /* @__PURE__ */ e(
+          dt.length > 0 ? /* @__PURE__ */ s(le, { children: [
+            /* @__PURE__ */ e(Ce, {}),
+            /* @__PURE__ */ e(we, { className: "text-[13px]", children: "Available columns" }),
+            dt.map((r) => /* @__PURE__ */ e(
               ie,
               {
                 checked: !1,
-                onCheckedChange: () => sa(n.id),
+                onCheckedChange: () => pa(r.id),
                 onSelect: (d) => d.preventDefault(),
-                children: n.header
+                children: r.header
               },
-              n.id
+              r.id
             ))
           ] }) : null
         ] })
       ] }),
-      u && u.length > 0 ? /* @__PURE__ */ s(qe, { children: [
-        /* @__PURE__ */ e(ye, { asChild: !0, children: /* @__PURE__ */ e(
+      u && u.length > 0 ? /* @__PURE__ */ s(Oe, { children: [
+        /* @__PURE__ */ e(Ne, { asChild: !0, children: /* @__PURE__ */ e(
           R,
           {
             variant: "secondary",
             size: "md",
             iconOnly: !0,
             "aria-label": "Add filter",
-            children: /* @__PURE__ */ e(Nt, {})
+            children: /* @__PURE__ */ e(St, {})
           }
         ) }),
-        /* @__PURE__ */ e(we, { align: "start", className: "w-54", children: u.map((n) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(ye, { align: "start", className: "w-54", children: u.map((r) => /* @__PURE__ */ e(
           oe,
           {
             onSelect: () => Le(
-              (d) => d.includes(n.id) ? d : [...d, n.id]
+              (d) => d.includes(r.id) ? d : [...d, r.id]
             ),
-            children: n.label
+            children: r.label
           },
-          n.id
+          r.id
         )) })
       ] }) : null,
       b ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: b }) : null
     ] }),
-    _e.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      _e.map((n) => {
+    Ee.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      Ee.map((r) => {
         const d = () => {
-          n.onChange([]), Le((p) => p.filter((k) => k !== n.id));
+          r.onChange([]), Le((p) => p.filter((w) => w !== r.id));
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ e(
@@ -1820,70 +1832,70 @@ function Zn({
               variant: "secondary",
               size: "md",
               iconOnly: !0,
-              "aria-label": `Remove ${n.label} filter`,
+              "aria-label": `Remove ${r.label} filter`,
               className: "rounded-r-none",
               onClick: d,
-              children: /* @__PURE__ */ e(Se, {})
+              children: /* @__PURE__ */ e(ze, {})
             }
           ),
-          /* @__PURE__ */ s(qe, { children: [
-            /* @__PURE__ */ e(ye, { asChild: !0, children: /* @__PURE__ */ s(R, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
-              /* @__PURE__ */ e(Nt, {}),
-              /* @__PURE__ */ e("span", { className: "font-medium", children: n.label }),
+          /* @__PURE__ */ s(Oe, { children: [
+            /* @__PURE__ */ e(Ne, { asChild: !0, children: /* @__PURE__ */ s(R, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+              /* @__PURE__ */ e(St, {}),
+              /* @__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 max-w-28 truncate", children: n.value.length > 0 ? n.type === "text" ? n.value[0] : `${n.value.length} selected` : "Enter value" }),
+              /* @__PURE__ */ e("span", { className: "text-muted max-w-28 truncate", children: r.value.length > 0 ? r.type === "text" ? r.value[0] : `${r.value.length} selected` : "Enter value" }),
               /* @__PURE__ */ e(Y, { className: "text-muted" })
             ] }) }),
-            /* @__PURE__ */ s(we, { align: "start", className: n.type === "text" ? "w-72" : "w-56", children: [
-              /* @__PURE__ */ s(Ce, { className: "text-[13px]", children: [
+            /* @__PURE__ */ s(ye, { align: "start", className: r.type === "text" ? "w-72" : "w-56", children: [
+              /* @__PURE__ */ s(we, { className: "text-[13px]", children: [
                 "Filter by ",
-                n.label
+                r.label
               ] }),
-              n.type === "text" ? /* @__PURE__ */ e("div", { className: "px-1 pb-1", children: /* @__PURE__ */ e(
+              r.type === "text" ? /* @__PURE__ */ e("div", { className: "px-1 pb-1", children: /* @__PURE__ */ e(
                 de,
                 {
-                  value: n.value[0] ?? "",
-                  onChange: (p) => n.onChange(p.target.value ? [p.target.value] : []),
-                  onClear: n.value[0] ? () => n.onChange([]) : void 0,
-                  placeholder: n.placeholder ?? `Search ${n.label.toLowerCase()}...`,
-                  "aria-label": n.placeholder ?? `Search ${n.label.toLowerCase()}...`,
-                  leadingIcon: /* @__PURE__ */ e(He, { className: "size-3.5" }),
+                  value: r.value[0] ?? "",
+                  onChange: (p) => r.onChange(p.target.value ? [p.target.value] : []),
+                  onClear: r.value[0] ? () => r.onChange([]) : void 0,
+                  placeholder: r.placeholder ?? `Search ${r.label.toLowerCase()}...`,
+                  "aria-label": r.placeholder ?? `Search ${r.label.toLowerCase()}...`,
+                  leadingIcon: /* @__PURE__ */ e(Ve, { className: "size-3.5" }),
                   size: "sm",
                   className: "h-(--control-h-xs) border-0 bg-(--combobox-search-bg) focus-visible:border-muted focus-visible:ring-0"
                 }
               ) }) : /* @__PURE__ */ s(le, { children: [
-                (n.options ?? []).map((p) => {
-                  const k = n.value.includes(p.value);
+                (r.options ?? []).map((p) => {
+                  const w = r.value.includes(p.value);
                   return /* @__PURE__ */ e(
                     ie,
                     {
-                      checked: k,
-                      onCheckedChange: () => n.onChange(
-                        k ? n.value.filter((T) => T !== p.value) : [...n.value, p.value]
+                      checked: w,
+                      onCheckedChange: () => r.onChange(
+                        w ? r.value.filter((P) => P !== p.value) : [...r.value, p.value]
                       ),
-                      onSelect: (T) => T.preventDefault(),
+                      onSelect: (P) => P.preventDefault(),
                       children: p.label
                     },
                     p.value
                   );
                 }),
-                /* @__PURE__ */ e(ze, {}),
+                /* @__PURE__ */ e(Ce, {}),
                 /* @__PURE__ */ e(oe, { onSelect: d, children: "Clear filter" })
               ] }),
-              n.type === "text" ? /* @__PURE__ */ s(le, { children: [
-                /* @__PURE__ */ e(ze, {}),
+              r.type === "text" ? /* @__PURE__ */ s(le, { children: [
+                /* @__PURE__ */ e(Ce, {}),
                 /* @__PURE__ */ e(oe, { onSelect: d, children: "Clear filter" })
               ] }) : null
             ] })
           ] })
-        ] }, n.id);
+        ] }, r.id);
       }),
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           onClick: () => {
-            for (const n of _e) n.onChange([]);
+            for (const r of Ee) r.onChange([]);
             Le([]);
           },
           className: "text-sm text-muted transition-colors hover:text-fg",
@@ -1897,42 +1909,42 @@ function Zn({
         U.size,
         " selected"
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (f ?? []).map((n) => /* @__PURE__ */ s(
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (f ?? []).map((r) => /* @__PURE__ */ s(
         R,
         {
           size: "md",
-          variant: n.variant ?? "outline",
-          disabled: n.disabled,
-          onClick: () => void n.onRun(pa),
+          variant: r.variant ?? "outline",
+          disabled: r.disabled,
+          onClick: () => void r.onRun(xa),
           children: [
-            n.icon,
-            n.label
+            r.icon,
+            r.label
           ]
         },
-        n.label
+        r.label
       )) }),
       /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          onClick: () => Ee(/* @__PURE__ */ new Set()),
+          onClick: () => je(/* @__PURE__ */ new Set()),
           className: "ml-auto inline-flex items-center gap-1 text-xs text-muted hover:text-fg",
           children: [
-            /* @__PURE__ */ e(Se, { className: "size-3.5" }),
+            /* @__PURE__ */ e(ze, { className: "size-3.5" }),
             "Clear"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ e(
-      De,
+      ke,
       {
         scrollMode: "panel",
-        headerContentRef: ut,
+        headerContentRef: bt,
         action: ee,
-        tone: Ie,
+        tone: Pe,
         title: me,
-        description: Re,
+        description: Ie,
         headerClassName: v,
         panelClassName: W,
         header: (
@@ -1942,60 +1954,60 @@ function Zn({
           /* @__PURE__ */ s(
             "table",
             {
-              ref: ct,
+              ref: pt,
               role: "presentation",
               className: "w-full table-fixed border-collapse",
               style: {
                 // Fill the container when it fits; force totalWidth (and the
                 // shared scroller) only when the columns need more room.
-                minWidth: ne > 0 ? ne : void 0,
-                visibility: ne > 0 ? void 0 : "hidden"
+                minWidth: re > 0 ? re : void 0,
+                visibility: re > 0 ? void 0 : "hidden"
               },
               children: [
-                /* @__PURE__ */ e("colgroup", { children: J.map((n, d) => /* @__PURE__ */ e("col", { style: { width: n } }, d)) }),
+                /* @__PURE__ */ e("colgroup", { children: J.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
                 /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
                   S && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-(--table-pad-x) text-left align-middle", children: /* @__PURE__ */ e(
-                    Ge,
+                    We,
                     {
                       "aria-label": "Select all rows",
-                      checked: st ? !0 : ma ? "indeterminate" : !1,
-                      onCheckedChange: ba
+                      checked: ut ? !0 : ga ? "indeterminate" : !1,
+                      onCheckedChange: va
                     }
                   ) }),
-                  M && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-9 px-1.5" }),
-                  X.map((n) => /* @__PURE__ */ e(
+                  T && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-9 px-1.5" }),
+                  X.map((r) => /* @__PURE__ */ e(
                     "th",
                     {
-                      className: o(kn, n.align === "right" && "text-right", n.className),
+                      className: o(Ir, r.align === "right" && "text-right", r.className),
                       children: /* @__PURE__ */ e(
                         "span",
                         {
                           "data-col-sizer": !0,
                           className: "inline-block whitespace-nowrap px-(--table-pad-x) -mx-(--table-pad-x)",
-                          children: n.sortable ? /* @__PURE__ */ s(
+                          children: r.sortable ? /* @__PURE__ */ s(
                             R,
                             {
                               type: "button",
                               variant: "ghost",
                               size: "xs",
-                              "aria-label": `Sort by ${n.header}`,
-                              onClick: () => ua(n),
+                              "aria-label": `Sort by ${r.header}`,
+                              onClick: () => ha(r),
                               className: o(
                                 "h-auto gap-1.5 rounded-none px-0 py-0 text-[0.8125rem] text-table-header transition-colors [&_svg]:size-3.5",
                                 "hover:bg-transparent hover:text-table-header-active hover:shadow-none",
                                 "active:scale-100 active:bg-transparent active:shadow-none",
-                                (w == null ? void 0 : w.id) === n.id && "text-table-header-active"
+                                (C == null ? void 0 : C.id) === r.id && "text-table-header-active"
                               ),
                               children: [
-                                n.header,
-                                (w == null ? void 0 : w.id) === n.id ? w.dir === "asc" ? /* @__PURE__ */ e(Ia, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Y, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Ra, { className: "size-3.5 opacity-50" })
+                                r.header,
+                                (C == null ? void 0 : C.id) === r.id ? C.dir === "asc" ? /* @__PURE__ */ e(Aa, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Y, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Ba, { className: "size-3.5 opacity-50" })
                               ]
                             }
-                          ) : n.header
+                          ) : r.header
                         }
                       )
                     },
-                    n.id
+                    r.id
                   )),
                   I && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
                 ] }) })
@@ -2003,15 +2015,15 @@ function Zn({
             }
           )
         ),
-        children: /* @__PURE__ */ e("div", { ref: mt, className: "overflow-x-auto", onScroll: Be, children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((n) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, n)) }) : i ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
-          /* @__PURE__ */ e("div", { className: "flex size-(--table-empty-icon) items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ e(Pa, { weight: "duotone" }) }),
+        children: /* @__PURE__ */ e("div", { ref: ft, className: "overflow-x-auto", onScroll: Ae, children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((r) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, r)) }) : i ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+          /* @__PURE__ */ e("div", { className: "flex size-(--table-empty-icon) items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ e(_a, { weight: "duotone" }) }),
           /* @__PURE__ */ s("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: i.title }),
             i.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: i.description }) : null
           ] }),
           i.action
         ] }) : O.length === 0 ? /* @__PURE__ */ e(
-          Sn,
+          Pr,
           {
             icon: c == null ? void 0 : c.icon,
             title: (c == null ? void 0 : c.title) ?? "No results",
@@ -2021,7 +2033,7 @@ function Zn({
         ) : /* @__PURE__ */ s(
           "table",
           {
-            ref: dt,
+            ref: mt,
             className: o(
               "border-collapse text-left",
               // Unmeasured: content-sized so intrinsic column widths can be
@@ -2031,83 +2043,83 @@ function Zn({
               // when the columns need more room than the container has.
               J.length > 0 ? "w-full table-fixed" : "table-auto"
             ),
-            style: { minWidth: ne > 0 ? ne : void 0 },
+            style: { minWidth: re > 0 ? re : void 0 },
             children: [
-              J.length > 0 && /* @__PURE__ */ e("colgroup", { children: J.map((n, d) => /* @__PURE__ */ e("col", { style: { width: n } }, d)) }),
+              J.length > 0 && /* @__PURE__ */ e("colgroup", { children: J.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
               /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
                 S && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
-                M && /* @__PURE__ */ e("th", { scope: "col", children: "Details" }),
-                X.map((n) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": ga(n), children: n.header }, n.id)),
+                T && /* @__PURE__ */ e("th", { scope: "col", children: "Details" }),
+                X.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": wa(r), children: r.header }, r.id)),
                 I && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
               ] }) }),
-              /* @__PURE__ */ e(Ja, { children: O.map((n) => {
-                const d = r(n), p = U.has(d), k = aa.has(d), T = X.length + (S ? 1 : 0) + (M ? 1 : 0) + (I ? 1 : 0);
-                return /* @__PURE__ */ s(La, { children: [
+              /* @__PURE__ */ e(ar, { children: O.map((r) => {
+                const d = n(r), p = U.has(d), w = ia.has(d), P = X.length + (S ? 1 : 0) + (T ? 1 : 0) + (I ? 1 : 0);
+                return /* @__PURE__ */ s(qa, { children: [
                   /* @__PURE__ */ s(
-                    wt,
+                    Dt,
                     {
                       "data-state": p ? "selected" : void 0,
-                      onClick: _ ? () => _(n) : void 0,
+                      onClick: _ ? () => _(r) : void 0,
                       className: _ ? "cursor-pointer" : void 0,
                       children: [
-                        S && /* @__PURE__ */ e(re, { className: "w-11", onClick: (C) => C.stopPropagation(), children: /* @__PURE__ */ e(
-                          Ge,
+                        S && /* @__PURE__ */ e(ne, { className: "w-11", onClick: (k) => k.stopPropagation(), children: /* @__PURE__ */ e(
+                          We,
                           {
                             "aria-label": "Select row",
                             checked: p,
-                            onCheckedChange: () => fa(d)
+                            onCheckedChange: () => Na(d)
                           }
                         ) }),
-                        M && /* @__PURE__ */ e(re, { className: "w-9 px-1.5", onClick: (C) => C.stopPropagation(), children: /* @__PURE__ */ e(
+                        T && /* @__PURE__ */ e(ne, { className: "w-9 px-1.5", onClick: (k) => k.stopPropagation(), children: /* @__PURE__ */ e(
                           R,
                           {
                             type: "button",
                             variant: "ghost",
                             size: "icon",
                             className: "size-7",
-                            "aria-label": k ? "Collapse row" : "Expand row",
-                            "aria-expanded": k,
-                            onClick: () => ra(d),
+                            "aria-label": w ? "Collapse row" : "Expand row",
+                            "aria-expanded": w,
+                            onClick: () => da(d),
                             children: /* @__PURE__ */ e(
                               Y,
                               {
                                 className: o(
                                   "size-3.5 text-muted transition-transform motion-safe:duration-200",
-                                  k ? "" : "-rotate-90"
+                                  w ? "" : "-rotate-90"
                                 ),
                                 weight: "bold"
                               }
                             )
                           }
                         ) }),
-                        X.map((C) => /* @__PURE__ */ e(
-                          re,
+                        X.map((k) => /* @__PURE__ */ e(
+                          ne,
                           {
-                            "data-numeric": C.numeric ? "" : void 0,
-                            className: o(C.align === "right" && "text-right", C.className),
-                            children: C.cell(n)
+                            "data-numeric": k.numeric ? "" : void 0,
+                            className: o(k.align === "right" && "text-right", k.className),
+                            children: k.cell(r)
                           },
-                          C.id
+                          k.id
                         )),
                         I && /* @__PURE__ */ e(
-                          re,
+                          ne,
                           {
                             className: "w-44 px-4 text-right",
-                            onClick: (C) => {
-                              C.target.closest("button, a, input, [role='menuitem']") && C.stopPropagation();
+                            onClick: (k) => {
+                              k.target.closest("button, a, input, [role='menuitem']") && k.stopPropagation();
                             },
-                            children: I(n)
+                            children: I(r)
                           }
                         )
                       ]
                     }
                   ),
-                  M && k ? /* @__PURE__ */ e(wt, { className: "hover:bg-inherit", "data-expanded": "", children: /* @__PURE__ */ e(
-                    re,
+                  T && w ? /* @__PURE__ */ e(Dt, { className: "hover:bg-inherit", "data-expanded": "", children: /* @__PURE__ */ e(
+                    ne,
                     {
-                      colSpan: T,
+                      colSpan: P,
                       className: "border-t border-line bg-elevated/60 px-(--table-pad-x) py-3 align-top text-[13px] text-muted",
-                      children: M(n)
+                      children: T(r)
                     }
                   ) }) : null
                 ] }, d);
@@ -2117,7 +2129,7 @@ function Zn({
         ) })
       }
     ),
-    ca && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
+    fa && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
         fe + 1,
         "–",
@@ -2126,9 +2138,9 @@ function Zn({
         K.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s(Jt, { value: String(G), onValueChange: (n) => ta(Number(n)), children: [
-          /* @__PURE__ */ e(Je, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(Kt, {}) }),
-          /* @__PURE__ */ e(Qe, { children: Me.map((n) => /* @__PURE__ */ e(Te, { value: String(n), children: n }, n)) })
+        /* @__PURE__ */ s(ta, { value: String(G), onValueChange: (r) => oa(Number(r)), children: [
+          /* @__PURE__ */ e(Ze, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(ea, {}) }),
+          /* @__PURE__ */ e(et, { children: Te.map((r) => /* @__PURE__ */ e(De, { value: String(r), children: r }, r)) })
         ] }),
         /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ e(
@@ -2138,8 +2150,8 @@ function Zn({
               size: "icon",
               "aria-label": "Previous page",
               disabled: te <= 0,
-              onClick: () => pe((n) => Math.max(0, n - 1)),
-              children: /* @__PURE__ */ e(ja, {})
+              onClick: () => pe((r) => Math.max(0, r - 1)),
+              children: /* @__PURE__ */ e($a, {})
             }
           ),
           /* @__PURE__ */ e(
@@ -2149,8 +2161,8 @@ function Zn({
               size: "icon",
               "aria-label": "Next page",
               disabled: te >= ae - 1,
-              onClick: () => pe((n) => Math.min(ae - 1, n + 1)),
-              children: /* @__PURE__ */ e(Tt, {})
+              onClick: () => pe((r) => Math.min(ae - 1, r + 1)),
+              children: /* @__PURE__ */ e(jt, {})
             }
           )
         ] })
@@ -2158,21 +2170,21 @@ function Zn({
     ] })
   ] });
 }
-function er({ icon: t, title: a, description: r, action: l, className: i }) {
-  return /* @__PURE__ */ e(De, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+function ln({ icon: t, title: a, description: n, action: l, className: i }) {
+  return /* @__PURE__ */ e(ke, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
     t ? /* @__PURE__ */ e("div", { className: "flex size-11 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-6", children: t }) : null,
     /* @__PURE__ */ s("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e("p", { className: "text-sm font-medium text-fg", children: a }),
-      r ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: r }) : null
+      n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: n }) : null
     ] }),
     l
   ] }) });
 }
-const Tn = h(
+const jr = h(
   ({
     className: t,
     inputClassName: a,
-    selectClassName: r,
+    selectClassName: n,
     selectValue: l,
     onSelectChange: i,
     selectOptions: c,
@@ -2198,32 +2210,32 @@ const Tn = h(
       }
     ),
     /* @__PURE__ */ s(
-      Jt,
+      ta,
       {
         value: l,
         onValueChange: i,
         disabled: g,
         children: [
           /* @__PURE__ */ e(
-            Je,
+            Ze,
             {
               "aria-label": m,
               variant: "ghost",
               className: o(
                 "min-w-28 shrink-0 rounded-l-none border border-(--input-border) border-l-0 px-3 text-[13px] font-normal",
-                r
+                n
               ),
-              children: /* @__PURE__ */ e(Kt, { placeholder: u })
+              children: /* @__PURE__ */ e(ea, { placeholder: u })
             }
           ),
-          /* @__PURE__ */ e(Qe, { children: c.map((y) => /* @__PURE__ */ e(Te, { value: y.value, children: y.label }, y.value)) })
+          /* @__PURE__ */ e(et, { children: c.map((y) => /* @__PURE__ */ e(De, { value: y.value, children: y.label }, y.value)) })
         ]
       }
     )
   ] })
 );
-Tn.displayName = "InputSelect";
-function tr({ className: t, ...a }) {
+jr.displayName = "InputSelect";
+function on({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -2235,10 +2247,10 @@ function tr({ className: t, ...a }) {
     }
   );
 }
-const Mn = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  $a.Root,
+const Lr = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Va.Root,
   {
-    ref: r,
+    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
@@ -2246,16 +2258,16 @@ const Mn = h(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Mn.displayName = "Label";
-function ar({
+Lr.displayName = "Label";
+function sn({
   value: t,
   onValueChange: a,
-  options: r,
+  options: n,
   size: l = "sm",
   className: i,
   ...c
 }) {
-  const m = ke();
+  const m = Se();
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2266,7 +2278,7 @@ function ar({
         l === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
         i
       ),
-      children: r.map((u) => {
+      children: n.map((u) => {
         const x = u.value === t;
         return /* @__PURE__ */ s(
           "label",
@@ -2299,11 +2311,11 @@ function ar({
     }
   );
 }
-const Pn = h(({ className: t, orientation: a = "horizontal", decorative: r = !0, ...l }, i) => /* @__PURE__ */ e(
-  Fa.Root,
+const Er = h(({ className: t, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
+  Wa.Root,
   {
     ref: i,
-    decorative: r,
+    decorative: n,
     orientation: a,
     className: o(
       "shrink-0 bg-line",
@@ -2313,8 +2325,8 @@ const Pn = h(({ className: t, orientation: a = "horizontal", decorative: r = !0,
     ...l
   }
 ));
-Pn.displayName = "Separator";
-function nr({ className: t, ...a }) {
+Er.displayName = "Separator";
+function dn({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2323,7 +2335,7 @@ function nr({ className: t, ...a }) {
     }
   );
 }
-const rr = se.Provider, lr = se.Root, or = se.Trigger, In = h(({ className: t, sideOffset: a = 6, ...r }, l) => /* @__PURE__ */ e(se.Portal, { children: /* @__PURE__ */ e(
+const cn = se.Provider, un = se.Root, mn = se.Trigger, _r = h(({ className: t, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ e(se.Portal, { children: /* @__PURE__ */ e(
   se.Content,
   {
     ref: l,
@@ -2338,87 +2350,87 @@ const rr = se.Provider, lr = se.Root, or = se.Trigger, In = h(({ className: t, s
       "duration-150 ease-out",
       t
     ),
-    ...r
+    ...n
   }
 ) }));
-In.displayName = "TooltipContent";
+_r.displayName = "TooltipContent";
 export {
-  $n as AgentPrompt,
-  jt as Avatar,
-  Lt as AvatarFallback,
-  Et as AvatarImage,
-  Wa as Badge,
+  Or as AgentPrompt,
+  Bt as Avatar,
+  Ft as AvatarFallback,
+  $t as AvatarImage,
+  Ya as Badge,
   R as Button,
-  Fn as Callout,
-  tn as Card,
-  rn as CardContent,
-  nn as CardDescription,
-  ln as CardFooter,
-  _t as CardHeader,
-  an as CardTitle,
-  Ge as Checkbox,
-  Vn as ChoiceDialog,
-  Wn as CodeBlock,
-  Un as Combobox,
-  Zn as DataTable,
-  Yn as DataTableIdentity,
-  un as Dialog,
-  bn as DialogBody,
-  qt as DialogCancel,
-  On as DialogClose,
-  Gt as DialogContent,
-  gn as DialogDescription,
-  hn as DialogFooter,
-  fn as DialogHeader,
-  pn as DialogPanel,
-  Ot as DialogTitle,
-  Ft as DialogTrigger,
-  qe as DropdownMenu,
+  Vr as Callout,
+  ir as Card,
+  cr as CardContent,
+  dr as CardDescription,
+  ur as CardFooter,
+  qt as CardHeader,
+  sr as CardTitle,
+  We as Checkbox,
+  Jr as ChoiceDialog,
+  Qr as CodeBlock,
+  Yr as Combobox,
+  nn as DataTable,
+  rn as DataTableIdentity,
+  hr as Dialog,
+  vr as DialogBody,
+  Wt as DialogCancel,
+  Kr as DialogClose,
+  Xt as DialogContent,
+  wr as DialogDescription,
+  yr as DialogFooter,
+  Nr as DialogHeader,
+  xr as DialogPanel,
+  Kt as DialogTitle,
+  Vt as DialogTrigger,
+  Oe as DropdownMenu,
   ie as DropdownMenuCheckboxItem,
-  Ut as DropdownMenuChevron,
-  we as DropdownMenuContent,
-  Xn as DropdownMenuGroup,
+  Yt as DropdownMenuChevron,
+  ye as DropdownMenuContent,
+  Zr as DropdownMenuGroup,
   oe as DropdownMenuItem,
-  Ce as DropdownMenuLabel,
-  Kn as DropdownMenuPortal,
-  ze as DropdownMenuSeparator,
-  Jn as DropdownMenuSub,
-  Cn as DropdownMenuSubContent,
-  Xt as DropdownMenuSubTrigger,
-  ye as DropdownMenuTrigger,
-  er as EmptyState,
+  we as DropdownMenuLabel,
+  en as DropdownMenuPortal,
+  Ce as DropdownMenuSeparator,
+  tn as DropdownMenuSub,
+  Tr as DropdownMenuSubContent,
+  Zt as DropdownMenuSubTrigger,
+  Ne as DropdownMenuTrigger,
+  ln as EmptyState,
   de as Input,
-  Tn as InputSelect,
-  tr as Kbd,
-  Mn as Label,
-  vn as RadioCard,
-  xn as RadioGroup,
-  ar as Segmented,
-  Jt as Select,
-  Qe as SelectContent,
-  Qn as SelectGroup,
-  Te as SelectItem,
-  zn as SelectLabel,
-  Je as SelectTrigger,
-  Kt as SelectValue,
-  Pn as Separator,
-  nr as Skeleton,
-  Rt as Spinner,
-  qn as Table,
-  Ja as TableBody,
-  re as TableCell,
-  Xa as TableContainer,
-  Sn as TableEmptyState,
-  Gn as TableHead,
-  Hn as TableHeader,
-  Ka as TablePanel,
-  wt as TableRow,
-  De as TableSurface,
-  lr as Tooltip,
-  In as TooltipContent,
-  rr as TooltipProvider,
-  or as TooltipTrigger,
-  Oa as badgeVariants,
-  Ha as buttonVariants
+  jr as InputSelect,
+  on as Kbd,
+  Lr as Label,
+  zr as RadioCard,
+  Cr as RadioGroup,
+  sn as Segmented,
+  ta as Select,
+  et as SelectContent,
+  an as SelectGroup,
+  De as SelectItem,
+  Mr as SelectLabel,
+  Ze as SelectTrigger,
+  ea as SelectValue,
+  Er as Separator,
+  dn as Skeleton,
+  At as Spinner,
+  Wr as Table,
+  ar as TableBody,
+  ne as TableCell,
+  er as TableContainer,
+  Pr as TableEmptyState,
+  Xr as TableHead,
+  Ur as TableHeader,
+  tr as TablePanel,
+  Dt as TableRow,
+  ke as TableSurface,
+  un as Tooltip,
+  _r as TooltipContent,
+  cn as TooltipProvider,
+  mn as TooltipTrigger,
+  Ja as badgeVariants,
+  Xa as buttonVariants
 };
 //# sourceMappingURL=index.js.map