@jinaan/uikit 0.1.40 → 0.1.42

package/dist/index.js

@@ -1,30 +1,30 @@
 import { jsx as e, jsxs as s, Fragment as Pe } from "react/jsx-runtime";
-import { CircleNotch as ea, Robot as ta, Terminal as aa, Check as Y, Copy as ct, XCircle as ra, Warning as na, CheckCircle as la, Info as ia, Minus as oa, X as ue, CaretDown as me, CaretRight as ut, MagnifyingGlass as sa, Columns as da, Lock as ca, DotsSixVertical as ua, FunnelSimple as rt, WarningCircle as ma, CaretUp as pa, CaretUpDown as fa, CaretLeft as ba } from "@phosphor-icons/react";
-import { forwardRef as b, useState as z, Children as mt, isValidElement as pt, useRef as j, useEffect as J, useContext as G, useCallback as ft, createContext as Z, useId as fe, useMemo as nt, useLayoutEffect as ha } from "react";
-import { Slot as ga } from "@radix-ui/react-slot";
+import { CircleNotch as ta, Robot as aa, Terminal as ra, Check as Z, Copy as ct, XCircle as na, Warning as la, CheckCircle as ia, Info as oa, Minus as sa, X as ue, CaretDown as me, CaretRight as ut, MagnifyingGlass as da, Columns as ca, Lock as ua, DotsSixVertical as ma, FunnelSimple as rt, WarningCircle as pa, CaretUp as fa, CaretUpDown as ba, CaretLeft as ha } from "@phosphor-icons/react";
+import { forwardRef as f, useState as D, Children as mt, isValidElement as pt, useRef as j, useEffect as K, useContext as V, useCallback as ft, createContext as ee, useId as fe, useMemo as nt, useLayoutEffect as ga } from "react";
+import { Slot as xa } from "@radix-ui/react-slot";
 import { cva as Ie } from "class-variance-authority";
-import { clsx as xa } from "clsx";
-import { twMerge as va } from "tailwind-merge";
+import { clsx as va } from "clsx";
+import { twMerge as ya } from "tailwind-merge";
 import * as Re from "@radix-ui/react-avatar";
 import * as lt from "@radix-ui/react-checkbox";
 import * as I from "@radix-ui/react-dialog";
-import * as D from "@radix-ui/react-dropdown-menu";
+import * as T from "@radix-ui/react-dropdown-menu";
 import * as P from "@radix-ui/react-select";
-import * as ya from "@radix-ui/react-label";
-import * as Na from "@radix-ui/react-separator";
-import * as Q from "@radix-ui/react-tooltip";
+import * as Na from "@radix-ui/react-label";
+import * as wa from "@radix-ui/react-separator";
+import * as Y from "@radix-ui/react-tooltip";
 function o(...t) {
-  return va(xa(t));
+  return ya(va(t));
 }
-function wa(t, a, n) {
+function Ca(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(n, 0, i), l;
 }
-function Ca({ className: t }) {
+function Sa({ className: t }) {
   return /* @__PURE__ */ e(
-    ea,
+    ta,
     {
       className: o("size-4 animate-spin text-muted", t),
       weight: "bold",
@@ -32,7 +32,7 @@ function Ca({ className: t }) {
     }
   );
 }
-const Sa = Ie(
+const ka = Ie(
   "relative inline-flex select-none items-center justify-center gap-[var(--control-gap)] whitespace-nowrap rounded-[var(--control-radius)] border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[120ms] active:scale-[0.97] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -58,14 +58,14 @@ const Sa = Ie(
       size: "md"
     }
   }
-), ka = {
+), za = {
   xs: "[&_svg]:size-[var(--control-icon-xs)]",
   sm: "[&_svg]:size-[var(--control-icon-sm)]",
   md: "[&_svg]:size-[var(--control-icon-md)]",
   lg: "[&_svg]:size-[var(--control-icon-lg)]",
   xl: "[&_svg]:size-[var(--control-icon-xl)]",
   icon: "[&_svg]:size-[var(--control-icon-md)]"
-}, M = b(
+}, M = f(
   ({
     className: t,
     variant: a,
@@ -76,26 +76,26 @@ const Sa = Ie(
     iconOnly: m = !1,
     loading: c = !1,
     fullWidth: v = !1,
-    disabled: h,
-    children: g,
-    ...C
+    disabled: b,
+    children: x,
+    ...w
   }, S) => {
-    const w = l ? ga : "button", y = ka[n ?? "md"];
+    const y = l ? xa : "button", C = za[n ?? "md"];
     return /* @__PURE__ */ e(
-      w,
+      y,
       {
         ref: S,
         "aria-busy": c || void 0,
-        disabled: l ? void 0 : h || c,
+        disabled: l ? void 0 : b || c,
         className: o(
-          Sa({ variant: a, size: n }),
+          ka({ variant: a, size: n }),
           m && "aspect-square px-0",
           v && "w-full",
           c && "disabled:opacity-100",
           t
         ),
-        ...C,
-        children: l ? g : /* @__PURE__ */ s("span", { className: "relative inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap)", children: [
+        ...w,
+        children: l ? x : /* @__PURE__ */ s("span", { className: "relative inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap)", children: [
           /* @__PURE__ */ s(
             "span",
             {
@@ -105,9 +105,9 @@ const Sa = Ie(
               ),
               "aria-hidden": c || void 0,
               children: [
-                !c && i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", y), "aria-hidden": !0, children: i }) : null,
-                g,
-                !c && u ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", y), "aria-hidden": !0, children: u }) : null
+                !c && i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", C), "aria-hidden": !0, children: i }) : null,
+                x,
+                !c && u ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", C), "aria-hidden": !0, children: u }) : null
               ]
             }
           ),
@@ -120,7 +120,7 @@ const Sa = Ie(
                 c ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(Ca, { className: o("text-current", y) })
+              children: /* @__PURE__ */ e(Sa, { className: o("text-current", C) })
             }
           )
         ] })
@@ -129,13 +129,13 @@ const Sa = Ie(
   }
 );
 M.displayName = "Button";
-function wr({
+function Cr({
   command: t,
   tag: a = "Build with agents",
   icon: n,
   className: l
 }) {
-  const [i, u] = z(!1), m = async () => {
+  const [i, u] = D(!1), m = async () => {
     try {
       await navigator.clipboard.writeText(t), u(!0), window.setTimeout(() => u(!1), 1500);
     } catch {
@@ -143,11 +143,11 @@ function wr({
   };
   return /* @__PURE__ */ s("div", { className: o("relative inline-flex max-w-full", l), children: [
     /* @__PURE__ */ s("span", { className: "absolute -top-2.5 left-4 z-10 inline-flex items-center gap-1.5 rounded-md bg-fg px-2 py-1 text-[11px] font-medium text-canvas shadow-sm", children: [
-      n ?? /* @__PURE__ */ e(ta, { className: "size-3.5", weight: "fill" }),
+      n ?? /* @__PURE__ */ e(aa, { 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(aa, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ e(ra, { 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(
         M,
@@ -158,13 +158,13 @@ function wr({
           "aria-label": "Copy prompt",
           className: "ml-auto",
           onClick: m,
-          children: i ? /* @__PURE__ */ e(Y, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(ct, {})
+          children: i ? /* @__PURE__ */ e(Z, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(ct, {})
         }
       )
     ] })
   ] });
 }
-const bt = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const bt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   Re.Root,
   {
     ref: n,
@@ -176,7 +176,7 @@ const bt = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 bt.displayName = "Avatar";
-const ht = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const ht = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   Re.Image,
   {
     ref: n,
@@ -185,7 +185,7 @@ const ht = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 ht.displayName = "AvatarImage";
-const gt = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const gt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   Re.Fallback,
   {
     ref: n,
@@ -197,7 +197,7 @@ const gt = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 gt.displayName = "AvatarFallback";
-const za = Ie(
+const Da = Ie(
   "inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
   {
     variants: {
@@ -213,7 +213,7 @@ const za = Ie(
     },
     defaultVariants: { variant: "neutral" }
   }
-), Da = Ie("size-1.5 shrink-0 rounded-full", {
+), Ta = Ie("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -227,42 +227,42 @@ const za = Ie(
   },
   defaultVariants: { variant: "neutral" }
 });
-function Ta({ className: t, variant: a, dot: n = !1, children: l, ...i }) {
-  return /* @__PURE__ */ s("span", { className: o(za({ variant: a }), t), ...i, children: [
-    n ? /* @__PURE__ */ e("span", { className: o(Da({ variant: a })), "aria-hidden": !0 }) : null,
+function Ma({ className: t, variant: a, dot: n = !1, children: l, ...i }) {
+  return /* @__PURE__ */ s("span", { className: o(Da({ variant: a }), t), ...i, children: [
+    n ? /* @__PURE__ */ e("span", { className: o(Ta({ variant: a })), "aria-hidden": !0 }) : null,
     l
   ] });
 }
-const Ma = {
+const Pa = {
   info: {
-    Icon: ia,
+    Icon: oa,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: la,
+    Icon: ia,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
   warning: {
-    Icon: na,
+    Icon: la,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: ra,
+    Icon: na,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function Cr({
+function Sr({
   variant: t = "info",
   title: a,
   children: n,
   icon: l,
   className: i
 }) {
-  const { Icon: u, className: m, iconClassName: c } = Ma[t];
+  const { Icon: u, className: m, iconClassName: c } = Pa[t];
   return /* @__PURE__ */ s(
     "div",
     {
@@ -283,7 +283,7 @@ function Cr({
     }
   );
 }
-function Pa({
+function Ia({
   className: t,
   ...a
 }) {
@@ -298,7 +298,7 @@ function Pa({
     }
   );
 }
-function Ia({
+function Ra({
   className: t,
   ...a
 }) {
@@ -313,7 +313,7 @@ function Ia({
     }
   );
 }
-function Sr({ className: t, ...a }) {
+function kr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "table",
     {
@@ -322,13 +322,13 @@ function Sr({ className: t, ...a }) {
     }
   );
 }
-function kr({ className: t, ...a }) {
+function zr({ className: t, ...a }) {
   return /* @__PURE__ */ e("thead", { className: t, ...a });
 }
-function Ra({ className: t, ...a }) {
+function ja({ className: t, ...a }) {
   return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...a });
 }
-function ja({ className: t, ...a }) {
+function Ea({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "tr",
     {
@@ -340,7 +340,7 @@ function ja({ className: t, ...a }) {
     }
   );
 }
-function zr({ className: t, ...a }) {
+function Dr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "th",
     {
@@ -364,16 +364,16 @@ function Se({ className: t, ...a }) {
     }
   );
 }
-const Ea = {
+const _a = {
   default: "bg-table-container",
   muted: "bg-surface border border-line",
   transparent: "bg-transparent"
-}, _a = {
+}, La = {
   default: "bg-table-panel border-table-panel-border",
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function La(t) {
+function Aa(t) {
   return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
 }
 function be({
@@ -386,11 +386,11 @@ function be({
   className: m,
   headerClassName: c,
   panelClassName: v,
-  minHeight: h,
-  scrollMode: g = "surface",
-  headerContentRef: C
+  minHeight: b,
+  scrollMode: x = "surface",
+  headerContentRef: w
 }) {
-  const S = !!(t || a), w = g === "panel", y = La(i) ? /* @__PURE__ */ e(
+  const S = !!(t || a), y = x === "panel", C = Aa(i) ? /* @__PURE__ */ e(
     M,
     {
       variant: i.variant ?? "primary",
@@ -404,7 +404,7 @@ function be({
         i.label
       ] }) : i.label
     }
-  ) : i, T = n || S ? (
+  ) : i, k = n || S ? (
     // 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
@@ -415,7 +415,7 @@ function be({
       {
         className: o(
           "[--table-row-hover:transparent] text-table-header",
-          w && "overflow-hidden px-px",
+          y && "overflow-hidden px-px",
           c
         ),
         children: [
@@ -424,7 +424,7 @@ function be({
             {
               className: o(
                 "px-(--table-pad-x) pb-3 pt-4",
-                y && "pr-28"
+                C && "pr-28"
               ),
               children: [
                 t ? /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-fg", children: t }) : null,
@@ -432,30 +432,30 @@ function be({
               ]
             }
           ) : null,
-          w ? /* @__PURE__ */ e("div", { ref: C, children: n }) : n
+          y ? /* @__PURE__ */ e("div", { ref: w, children: n }) : n
         ]
       }
     )
-  ) : null, f = /* @__PURE__ */ e(
-    Ia,
+  ) : null, h = /* @__PURE__ */ e(
+    Ra,
     {
-      className: o(_a[u], v),
-      style: h ? { minHeight: h } : void 0,
+      className: o(La[u], v),
+      style: b ? { minHeight: b } : void 0,
       children: l
     }
   );
-  return /* @__PURE__ */ s(Pa, { className: o("relative", Ea[u], m), children: [
-    w ? /* @__PURE__ */ s(Pe, { children: [
-      T,
-      f
+  return /* @__PURE__ */ s(Ia, { className: o("relative", _a[u], m), children: [
+    y ? /* @__PURE__ */ s(Pe, { children: [
+      k,
+      h
     ] }) : /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
-      T,
-      f
+      k,
+      h
     ] }),
-    y ? /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: y }) }) : null
+    C ? /* @__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: C }) }) : null
   ] });
 }
-function Aa(t) {
+function Ba(t) {
   const a = mt.toArray(t), n = a.filter(
     (l) => pt(l) && l.type === xt
   );
@@ -464,14 +464,14 @@ function Aa(t) {
     body: a.filter((l) => !n.includes(l))
   };
 }
-const Ba = b(
+const Fa = f(
   ({ className: t, children: a, ...n }, l) => {
-    const { header: i, body: u } = Aa(a);
+    const { header: i, body: u } = Ba(a);
     return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(be, { className: o("shadow-xs", t), header: i, children: u }) });
   }
 );
-Ba.displayName = "Card";
-const xt = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+Fa.displayName = "Card";
+const xt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
@@ -483,7 +483,7 @@ const xt = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 xt.displayName = "CardHeader";
-const Fa = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const $a = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "h2",
   {
     ref: n,
@@ -491,8 +491,8 @@ const Fa = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Fa.displayName = "CardTitle";
-const $a = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+$a.displayName = "CardTitle";
+const qa = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "p",
   {
     ref: n,
@@ -504,10 +504,10 @@ const $a = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-$a.displayName = "CardDescription";
-const qa = b(({ className: t, ...a }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...a }));
-qa.displayName = "CardContent";
-const Ga = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+qa.displayName = "CardDescription";
+const Ga = f(({ className: t, ...a }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...a }));
+Ga.displayName = "CardContent";
+const Ha = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
@@ -518,8 +518,8 @@ const Ga = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Ga.displayName = "CardFooter";
-const De = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+Ha.displayName = "CardFooter";
+const De = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   lt.Root,
   {
     ref: n,
@@ -532,7 +532,7 @@ const De = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
       t
     ),
     ...a,
-    children: /* @__PURE__ */ e(lt.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(oa, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(Y, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ e(lt.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(sa, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(Z, { className: "size-3", weight: "bold" }) })
   }
 ));
 De.displayName = "Checkbox";
@@ -542,7 +542,7 @@ function it(t) {
 function ot(t) {
   return Math.min(1, Math.max(0.1, t));
 }
-function Ha(t, a) {
+function Va(t, a) {
   return !it(t) || !it(a) ? null : {
     dx: t.left + t.width / 2 - (a.left + a.width / 2),
     dy: t.top + t.height / 2 - (a.top + a.height / 2),
@@ -551,7 +551,7 @@ function Ha(t, a) {
   };
 }
 const vt = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
-let q = null, st = !1;
+let H = null, st = !1;
 function je(t) {
   const a = t.getBoundingClientRect();
   return a.width <= 0 || a.height <= 0 ? null : {
@@ -566,9 +566,9 @@ function Te(t) {
   const a = t.closest(vt);
   if (!a) return;
   const n = je(a);
-  n && (q = { rect: n, at: Date.now() });
+  n && (H = { rect: n, at: Date.now() });
 }
-function Va() {
+function Wa() {
   st || typeof document > "u" || (st = !0, document.addEventListener(
     "pointerdown",
     (t) => Te(t.target),
@@ -581,64 +581,64 @@ function Va() {
     !0
   ));
 }
-function Wa(t) {
-  if (q && Date.now() - q.at < 2e3) {
-    const n = q.rect;
-    return q = null, n;
+function Oa(t) {
+  if (H && Date.now() - H.at < 2e3) {
+    const n = H.rect;
+    return H = null, n;
   }
-  q = null;
+  H = null;
   const a = document.activeElement;
   return a instanceof Element && a !== t && !t.contains(a) && a.matches(vt) ? je(a) : null;
 }
-const Oa = 250, yt = Z(!1), Nt = Z(() => {
-}), Ee = Z(!1);
-function Ua({
+const Ua = 250, yt = ee(!1), Nt = ee(() => {
+}), Ee = ee(!1);
+function Xa({
   open: t,
   defaultOpen: a,
   onOpenChange: n,
   children: l,
   ...i
 }) {
-  const [u, m] = z(
+  const [u, m] = D(
     a ?? !1
-  ), [c, v] = z(!1), h = j(!1), g = j(null), C = t ?? u, S = j(C);
-  S.current = C;
-  const w = t !== void 0;
-  J(() => Va(), []), J(() => {
-    t && (g.current && clearTimeout(g.current), h.current = !1, v(!1));
-  }, [t]), J(
+  ), [c, v] = D(!1), b = j(!1), x = j(null), w = t ?? u, S = j(w);
+  S.current = w;
+  const y = t !== void 0;
+  K(() => Wa(), []), K(() => {
+    t && (x.current && clearTimeout(x.current), b.current = !1, v(!1));
+  }, [t]), K(
     () => () => {
-      g.current && clearTimeout(g.current);
+      x.current && clearTimeout(x.current);
     },
     []
   );
-  const y = (T) => {
-    if (T) {
-      g.current && clearTimeout(g.current), h.current = !1, v(!1), w || m(!0), n == null || n(!0);
+  const C = (k) => {
+    if (k) {
+      x.current && clearTimeout(x.current), b.current = !1, v(!1), y || m(!0), n == null || n(!0);
       return;
     }
-    if (!C || h.current) return;
+    if (!w || b.current) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      w || m(!1), n == null || n(!1);
+      y || m(!1), n == null || n(!1);
       return;
     }
-    h.current = !0, v(!0), g.current = setTimeout(() => {
-      w || m(!1), n == null || n(!1), requestAnimationFrame(() => {
-        S.current && (h.current = !1, v(!1));
+    b.current = !0, v(!0), x.current = setTimeout(() => {
+      y || m(!1), n == null || n(!1), requestAnimationFrame(() => {
+        S.current && (b.current = !1, v(!1));
       });
-    }, Oa);
+    }, Ua);
   };
-  return /* @__PURE__ */ e(Nt.Provider, { value: () => y(!1), children: /* @__PURE__ */ e(yt.Provider, { value: c, children: /* @__PURE__ */ e(Ee.Provider, { value: !0, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(Nt.Provider, { value: () => C(!1), children: /* @__PURE__ */ e(yt.Provider, { value: c, children: /* @__PURE__ */ e(Ee.Provider, { value: !0, children: /* @__PURE__ */ e(
     I.Root,
     {
-      open: C,
-      onOpenChange: y,
+      open: w,
+      onOpenChange: C,
       ...i,
       children: l
     }
   ) }) }) });
 }
-const wt = b(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
+const wt = f(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
   I.Trigger,
   {
     ref: n,
@@ -649,7 +649,7 @@ const wt = b(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 wt.displayName = "DialogTrigger";
-const Dr = I.Close, Ct = b(
+const Tr = I.Close, Ct = f(
   ({ variant: t = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ e(I.Close, { asChild: !0, children: /* @__PURE__ */ e(M, { ref: l, type: "button", variant: t, ...n, children: a }) })
 );
 Ct.displayName = "DialogCancel";
@@ -662,7 +662,7 @@ function St(t, a = !0) {
     return;
   }
   t.dataset.dialogMotionStarted = "true";
-  const l = Wa(t), i = l ? Ha(l, n) : null;
+  const l = Oa(t), i = l ? Va(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 u = () => {
     t.classList.remove("dialog-fly-in", "dialog-pop-in");
@@ -671,10 +671,10 @@ function St(t, a = !0) {
   };
   t.addEventListener("animationend", m);
 }
-function Xa(t) {
+function Ja(t) {
   return t.replace(/dvh\b/g, "vh");
 }
-const kt = b(
+const kt = f(
   ({
     className: t,
     children: a,
@@ -685,19 +685,19 @@ const kt = b(
     onEscapeKeyDown: m,
     onPointerDownOutside: c,
     ...v
-  }, h) => {
-    const g = G(yt), C = n === "top", S = C ? {
+  }, b) => {
+    const x = V(yt), w = n === "top", S = w ? {
       "--dialog-top-offset": l,
-      "--dialog-top-offset-fallback": Xa(l)
-    } : void 0, w = G(Nt), y = j(null), T = ft(
-      (f) => {
-        if (y.current = f, f && i === "auto" && St(f), typeof h == "function") {
-          h(f);
+      "--dialog-top-offset-fallback": Ja(l)
+    } : void 0, y = V(Nt), C = j(null), k = ft(
+      (h) => {
+        if (C.current = h, h && i === "auto" && St(h), typeof b == "function") {
+          b(h);
           return;
         }
-        h && (h.current = f);
+        b && (b.current = h);
       },
-      [i, h]
+      [i, b]
     );
     return /* @__PURE__ */ s(I.Portal, { children: [
       /* @__PURE__ */ e(
@@ -705,8 +705,8 @@ const kt = b(
         {
           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",
-            !g && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-            g && "opacity-0 transition-opacity duration-200"
+            !x && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+            x && "opacity-0 transition-opacity duration-200"
           ),
           children: /* @__PURE__ */ e(
             "span",
@@ -722,27 +722,27 @@ const kt = b(
         {
           className: o(
             "pointer-events-none fixed inset-0 z-50 flex justify-center overflow-y-auto p-4",
-            C ? "items-start" : "items-center"
+            w ? "items-start" : "items-center"
           ),
           children: /* @__PURE__ */ s(
             I.Content,
             {
-              ref: T,
+              ref: k,
               style: S ? { ...S, ...u } : u,
               className: o(
                 "dialog-content pointer-events-auto relative flex max-h-[min(85vh,44rem)] w-full max-w-[22.4rem] flex-col gap-0 overflow-hidden will-change-[transform,opacity]",
                 "rounded-2xl border border-(--dialog-shell-border) bg-(--dialog-shell-bg) pb-3 shadow-(--dialog-shell-shadow) sm:pb-4",
-                C && "dialog-anchor-top",
+                w && "dialog-anchor-top",
                 i === "command" && "dialog-command-motion",
-                g && "dialog-closing",
+                x && "dialog-closing",
                 "focus:outline-none",
                 t
               ),
-              onEscapeKeyDown: (f) => {
-                m == null || m(f), !f.defaultPrevented && (f.preventDefault(), w());
+              onEscapeKeyDown: (h) => {
+                m == null || m(h), !h.defaultPrevented && (h.preventDefault(), y());
               },
-              onPointerDownOutside: (f) => {
-                c == null || c(f), !f.defaultPrevented && (f.preventDefault(), w());
+              onPointerDownOutside: (h) => {
+                c == null || c(h), !h.defaultPrevented && (h.preventDefault(), y());
               },
               ...v,
               children: [
@@ -760,7 +760,7 @@ const kt = b(
   }
 );
 kt.displayName = "DialogContent";
-function Ja({
+function Ka({
   className: t,
   ...a
 }) {
@@ -776,7 +776,7 @@ function Ja({
     }
   );
 }
-function Ka({
+function Qa({
   className: t,
   ...a
 }) {
@@ -789,7 +789,7 @@ function Ka({
     }
   );
 }
-function Qa({
+function Ya({
   className: t,
   ...a
 }) {
@@ -805,7 +805,7 @@ function Qa({
     }
   );
 }
-function Ya({
+function Za({
   className: t,
   ...a
 }) {
@@ -821,8 +821,8 @@ function Ya({
     }
   );
 }
-const zt = b(({ className: t, ...a }, n) => {
-  const l = G(Ee) ? I.Title : "h2";
+const zt = f(({ className: t, ...a }, n) => {
+  const l = V(Ee) ? I.Title : "h2";
   return /* @__PURE__ */ e(
     l,
     {
@@ -833,8 +833,8 @@ const zt = b(({ className: t, ...a }, n) => {
   );
 });
 zt.displayName = "DialogTitle";
-const Za = b(({ className: t, ...a }, n) => {
-  const l = G(Ee) ? I.Description : "p";
+const er = f(({ className: t, ...a }, n) => {
+  const l = V(Ee) ? I.Description : "p";
   return /* @__PURE__ */ e(
     l,
     {
@@ -844,9 +844,9 @@ const Za = b(({ className: t, ...a }, n) => {
     }
   );
 });
-Za.displayName = "DialogDescription";
-const Dt = Z(null);
-function er({
+er.displayName = "DialogDescription";
+const Dt = ee(null);
+function tr({
   label: t,
   value: a,
   onChange: n,
@@ -856,13 +856,13 @@ function er({
   children: m,
   ...c
 }) {
-  const v = fe(), h = i ?? v;
-  return /* @__PURE__ */ e(Dt.Provider, { value: { name: h, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", u), ...c, children: [
+  const v = fe(), b = i ?? v;
+  return /* @__PURE__ */ e(Dt.Provider, { value: { name: b, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", u), ...c, children: [
     /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
     m
   ] }) });
 }
-function tr({
+function ar({
   value: t,
   title: a,
   description: n,
@@ -870,10 +870,10 @@ function tr({
   disabled: i = !1,
   className: u
 }) {
-  const m = G(Dt), c = fe();
+  const m = V(Dt), c = fe();
   if (!m)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const v = i || m.disabled, h = m.value === t;
+  const v = i || m.disabled, b = m.value === t;
   return /* @__PURE__ */ s(
     "label",
     {
@@ -889,11 +889,11 @@ function tr({
             type: "radio",
             name: m.name,
             value: t,
-            checked: h,
+            checked: b,
             disabled: v,
             onChange: () => {
-              var g;
-              return (g = m.onChange) == null ? void 0 : g.call(m, t);
+              var x;
+              return (x = m.onChange) == null ? void 0 : x.call(m, t);
             },
             "aria-describedby": n ? c : void 0,
             className: "peer sr-only"
@@ -913,7 +913,7 @@ function tr({
         /* @__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(Ta, { variant: "primary", children: l }) : null
+            l ? /* @__PURE__ */ e(Ma, { variant: "primary", children: l }) : null
           ] }),
           n ? /* @__PURE__ */ e("span", { id: c, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
@@ -921,7 +921,7 @@ function tr({
     }
   );
 }
-function Tr({
+function Mr({
   open: t,
   onOpenChange: a,
   trigger: n,
@@ -931,12 +931,12 @@ function Tr({
   value: m,
   onValueChange: c,
   cancelLabel: v = "Cancel",
-  confirmLabel: h = "Continue",
-  onConfirm: g
+  confirmLabel: b = "Continue",
+  onConfirm: x
 }) {
-  var T;
-  const [C, S] = z(u ?? ((T = i[0]) == null ? void 0 : T.value) ?? ""), w = m ?? C;
-  return /* @__PURE__ */ s(Ua, { open: t, onOpenChange: a, children: [
+  var k;
+  const [w, S] = D(u ?? ((k = i[0]) == null ? void 0 : k.value) ?? ""), y = m ?? w;
+  return /* @__PURE__ */ s(Xa, { open: t, onOpenChange: a, children: [
     n ? /* @__PURE__ */ e(wt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
       kt,
@@ -944,32 +944,32 @@ function Tr({
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ s(Ja, { children: [
-            /* @__PURE__ */ e(Qa, { children: /* @__PURE__ */ e(zt, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ e(Ka, { children: /* @__PURE__ */ e(er, { label: l, value: w, onChange: (f) => {
-              m === void 0 && S(f), c == null || c(f);
-            }, children: i.map((f) => /* @__PURE__ */ e(
-              tr,
+          /* @__PURE__ */ s(Ka, { children: [
+            /* @__PURE__ */ e(Ya, { children: /* @__PURE__ */ e(zt, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ e(Qa, { children: /* @__PURE__ */ e(tr, { label: l, value: y, onChange: (h) => {
+              m === void 0 && S(h), c == null || c(h);
+            }, children: i.map((h) => /* @__PURE__ */ e(
+              ar,
               {
-                value: f.value,
-                title: f.title,
-                description: f.description,
-                badge: f.badge
+                value: h.value,
+                title: h.title,
+                description: h.description,
+                badge: h.badge
               },
-              f.value
+              h.value
             )) }) })
           ] }),
-          /* @__PURE__ */ s(Ya, { className: "gap-3 pt-2.5", children: [
+          /* @__PURE__ */ s(Za, { className: "gap-3 pt-2.5", children: [
             /* @__PURE__ */ e(Ct, { className: "flex-1", children: v }),
-            /* @__PURE__ */ e(M, { className: "flex-1", onClick: () => g == null ? void 0 : g(w), children: h })
+            /* @__PURE__ */ e(M, { className: "flex-1", onClick: () => x == null ? void 0 : x(y), children: b })
           ] })
         ]
       }
     )
   ] });
 }
-function Mr({ code: t, label: a, className: n }) {
-  const [l, i] = z(!1);
+function Pr({ code: t, label: a, className: n }) {
+  const [l, i] = D(!1);
   return /* @__PURE__ */ e(
     be,
     {
@@ -977,7 +977,7 @@ function Mr({ code: t, label: a, className: n }) {
       header: /* @__PURE__ */ e("div", { className: "flex h-(--table-header-h) items-center px-(--table-pad-x) pr-28", children: /* @__PURE__ */ e("span", { className: "truncate text-[13px] font-medium text-table-header", children: a }) }),
       action: {
         label: l ? "Copied" : "Copy",
-        icon: l ? /* @__PURE__ */ e(Y, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(ct, {}),
+        icon: l ? /* @__PURE__ */ e(Z, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(ct, {}),
         variant: "ghost",
         onClick: async () => {
           try {
@@ -991,17 +991,17 @@ function Mr({ code: t, label: a, className: n }) {
     }
   );
 }
-const ar = {
+const rr = {
   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"
-}, rr = {
+}, nr = {
   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)]"
-}, nr = {
+}, lr = {
   sm: "left-[var(--control-pad-x-sm)]",
   md: "left-[var(--control-pad-x-md)]",
   lg: "left-[var(--control-pad-x-lg)]",
@@ -1016,7 +1016,7 @@ const ar = {
   md: "size-[var(--control-icon-md)]",
   lg: "size-[var(--control-icon-lg)]",
   xl: "size-[var(--control-icon-xl)]"
-}, Tt = b(
+}, Tt = f(
   ({
     className: t,
     containerClassName: a,
@@ -1027,62 +1027,62 @@ const ar = {
     onClear: m,
     value: c,
     defaultValue: v,
-    error: h = !1,
-    helperText: g,
-    id: C,
+    error: b = !1,
+    helperText: x,
+    id: w,
     "aria-describedby": S,
-    disabled: w,
-    readOnly: y,
-    ...T
-  }, f) => {
-    const H = fe(), ee = C ?? H, V = !!g, A = !!(m && (c !== void 0 ? String(c).length > 0 : v !== void 0 && String(v).length > 0)), te = V ? `${ee}-description` : void 0, he = [S, te].filter(Boolean).join(" ") || void 0, ae = /* @__PURE__ */ e(
+    disabled: y,
+    readOnly: C,
+    ...k
+  }, h) => {
+    const _ = fe(), B = w ?? _, W = !!x, F = !!(m && (c !== void 0 ? String(c).length > 0 : v !== void 0 && String(v).length > 0)), te = W ? `${B}-description` : void 0, he = [S, te].filter(Boolean).join(" ") || void 0, ae = /* @__PURE__ */ e(
       "input",
       {
-        ref: f,
-        id: ee,
+        ref: h,
+        id: B,
         type: n,
-        disabled: w,
-        readOnly: y,
-        "aria-invalid": h || void 0,
+        disabled: y,
+        readOnly: C,
+        "aria-invalid": b || void 0,
         "aria-describedby": he,
-        style: i || u || A ? {
+        style: i || u || F ? {
           paddingInlineStart: i ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
-          paddingInlineEnd: u || A ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
+          paddingInlineEnd: u || F ? `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",
-          ar[l],
           rr[l],
+          nr[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",
-          h && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
-          !h && "border-(--input-border)",
+          b && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
+          !b && "border-(--input-border)",
           n === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
-          w && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
-          y && "cursor-default focus-visible:ring-0",
+          y && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
+          C && "cursor-default focus-visible:ring-0",
           t
         ),
         value: c,
         defaultValue: v,
-        ...T
+        ...k
       }
     );
-    return !i && !u && !A && !V ? ae : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
+    return !i && !u && !F && !W ? ae : /* @__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)",
-              nr[l]
+              lr[l]
             ),
             "aria-hidden": !0,
             children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ke[l]), children: i })
           }
         ) : null,
         ae,
-        A ? /* @__PURE__ */ e(
+        F ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -1106,12 +1106,12 @@ const ar = {
           }
         ) : null
       ] }),
-      V ? /* @__PURE__ */ e(
+      W ? /* @__PURE__ */ e(
         "p",
         {
           id: te,
-          className: o("mt-1.5 text-xs", h ? "text-error" : "text-muted"),
-          children: g
+          className: o("mt-1.5 text-xs", b ? "text-error" : "text-muted"),
+          children: x
         }
       ) : null
     ] });
@@ -1130,22 +1130,22 @@ function _e(t, a) {
     i && (n += _e(i, a));
   }), n;
 }
-const Mt = Z(!1);
+const Mt = ee(!1);
 function ze({
   children: t,
   ...a
 }) {
   const n = _e(t, [
     pe,
-    K,
+    Q,
     It
   ]) === 0;
-  return /* @__PURE__ */ e(Mt.Provider, { value: n, children: /* @__PURE__ */ e(D.Root, { ...a, children: t }) });
+  return /* @__PURE__ */ e(Mt.Provider, { value: n, children: /* @__PURE__ */ e(T.Root, { ...a, children: t }) });
 }
-const se = b(({ className: t, disabled: a, ...n }, l) => {
-  const i = G(Mt);
+const se = f(({ className: t, disabled: a, ...n }, l) => {
+  const i = V(Mt);
   return /* @__PURE__ */ e(
-    D.Trigger,
+    T.Trigger,
     {
       ref: l,
       className: o("group", t),
@@ -1155,7 +1155,7 @@ const se = b(({ className: t, disabled: a, ...n }, l) => {
   );
 });
 se.displayName = "DropdownMenuTrigger";
-const Pt = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const Pt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   me,
   {
     ref: n,
@@ -1168,8 +1168,8 @@ const Pt = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 Pt.displayName = "DropdownMenuChevron";
-const Pr = D.Group, Ir = D.Portal, de = b(({ className: t, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ e(D.Portal, { children: /* @__PURE__ */ e(
-  D.Content,
+const Ir = T.Group, Rr = T.Portal, de = f(({ className: t, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ e(T.Portal, { children: /* @__PURE__ */ e(
+  T.Content,
   {
     ref: l,
     sideOffset: a,
@@ -1187,8 +1187,8 @@ const Pr = D.Group, Ir = D.Portal, de = b(({ className: t, sideOffset: a = 8, ..
   }
 ) }));
 de.displayName = "DropdownMenuContent";
-const pe = b(({ className: t, inset: a, ...n }, l) => /* @__PURE__ */ e(
-  D.Item,
+const pe = f(({ className: t, inset: a, ...n }, l) => /* @__PURE__ */ e(
+  T.Item,
   {
     ref: l,
     className: o(
@@ -1202,8 +1202,8 @@ const pe = b(({ className: t, inset: a, ...n }, l) => /* @__PURE__ */ e(
   }
 ));
 pe.displayName = "DropdownMenuItem";
-const K = b(({ className: t, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
-  D.CheckboxItem,
+const Q = f(({ className: t, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
+  T.CheckboxItem,
   {
     ref: i,
     className: o(
@@ -1213,14 +1213,14 @@ const K = b(({ className: t, children: a, checked: n, ...l }, i) => /* @__PURE__
     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(D.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(Y, { className: "size-3", weight: "bold" }) }) }),
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 shrink-0 items-center justify-center rounded border border-line-strong bg-transparent transition-colors group-data-[state=checked]:border-primary", children: /* @__PURE__ */ e(T.ItemIndicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-(--button-primary-bg) text-(--button-primary-fg) [--button-inner:var(--button-primary-inner)]", children: /* @__PURE__ */ e(Z, { className: "size-3", weight: "bold" }) }) }),
       a
     ]
   }
 ));
-K.displayName = "DropdownMenuCheckboxItem";
-const ce = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  D.Label,
+Q.displayName = "DropdownMenuCheckboxItem";
+const ce = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  T.Label,
   {
     ref: n,
     className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
@@ -1228,8 +1228,8 @@ const ce = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 ce.displayName = "DropdownMenuLabel";
-const Rr = D.Sub, It = b(({ className: t, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
-  D.SubTrigger,
+const jr = T.Sub, It = f(({ className: t, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
+  T.SubTrigger,
   {
     ref: i,
     className: o(
@@ -1247,8 +1247,8 @@ const Rr = D.Sub, It = b(({ className: t, inset: a, children: n, ...l }, i) => /
   }
 ));
 It.displayName = "DropdownMenuSubTrigger";
-const lr = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  D.SubContent,
+const ir = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  T.SubContent,
   {
     ref: n,
     sideOffset: 8,
@@ -1265,9 +1265,9 @@ const lr = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-lr.displayName = "DropdownMenuSubContent";
-const Me = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  D.Separator,
+ir.displayName = "DropdownMenuSubContent";
+const Me = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  T.Separator,
   {
     ref: n,
     className: o("-mx-1 my-1 h-px bg-line-strong", t),
@@ -1275,8 +1275,8 @@ const Me = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 Me.displayName = "DropdownMenuSeparator";
-const jr = P.Group, ir = P.Value;
-function or({
+const Er = P.Group, or = P.Value;
+function sr({
   children: t,
   disabled: a,
   ...n
@@ -1284,7 +1284,7 @@ function or({
   const l = _e(t, [Le]) === 0;
   return /* @__PURE__ */ e(P.Root, { disabled: a || l, ...n, children: t });
 }
-const Rt = b(({ className: t, children: a, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
+const Rt = f(({ className: t, children: a, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
   P.Trigger,
   {
     ref: i,
@@ -1304,7 +1304,7 @@ const Rt = b(({ className: t, children: a, variant: n = "field", ...l }, i) => /
   }
 ));
 Rt.displayName = "SelectTrigger";
-const jt = b(
+const jt = f(
   ({ className: t, children: a, position: n = "popper", sideOffset: l = 8, ...i }, u) => /* @__PURE__ */ e(P.Portal, { children: /* @__PURE__ */ e(
     P.Content,
     {
@@ -1327,7 +1327,7 @@ const jt = b(
   ) })
 );
 jt.displayName = "SelectContent";
-const Le = b(({ className: t, children: a, ...n }, l) => /* @__PURE__ */ s(
+const Le = f(({ className: t, children: a, ...n }, l) => /* @__PURE__ */ s(
   P.Item,
   {
     ref: l,
@@ -1337,13 +1337,13 @@ const Le = b(({ className: t, children: a, ...n }, l) => /* @__PURE__ */ s(
     ),
     ...n,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(P.ItemIndicator, { children: /* @__PURE__ */ e(Y, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(P.ItemIndicator, { children: /* @__PURE__ */ e(Z, { className: "size-3.5" }) }) }),
       /* @__PURE__ */ e(P.ItemText, { children: a })
     ]
   }
 ));
 Le.displayName = "SelectItem";
-const sr = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const dr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   P.Label,
   {
     ref: n,
@@ -1351,8 +1351,8 @@ const sr = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-sr.displayName = "SelectLabel";
-function dr({
+dr.displayName = "SelectLabel";
+function cr({
   icon: t,
   title: a,
   description: n,
@@ -1377,14 +1377,14 @@ function dr({
     }
   );
 }
-const cr = "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 ur(t) {
+const ur = "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 mr(t) {
   return t.split(/\s+/).slice(0, 2).map((a) => {
     var n;
     return ((n = a[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
-function Er({
+function _r({
   name: t,
   secondary: a,
   image: n
@@ -1392,7 +1392,7 @@ function Er({
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
     /* @__PURE__ */ s(bt, { className: "size-8", children: [
       n ? /* @__PURE__ */ e(ht, { src: n, alt: "" }) : null,
-      /* @__PURE__ */ e(gt, { children: ur(t) })
+      /* @__PURE__ */ e(gt, { children: mr(t) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
       /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
@@ -1400,7 +1400,7 @@ function Er({
     ] })
   ] });
 }
-function _r({
+function Lr({
   rows: t,
   columns: a,
   getRowId: n,
@@ -1410,100 +1410,101 @@ function _r({
   search: m,
   filters: c,
   toolbarStart: v,
-  toolbarEnd: h,
-  tabs: g,
-  activeTab: C,
-  onTabChange: S,
-  infoBanner: w,
-  selectable: y = !1,
-  bulkActions: T,
-  rowActions: f,
-  onRowClick: H,
-  defaultSort: ee,
-  pageSize: V = 25,
-  pageSizeOptions: A = [10, 25, 50, 100],
-  pagination: te = "auto",
-  tone: he,
-  headerAction: ae,
-  headerClassName: Et,
-  panelClassName: _t,
-  className: Lt
+  toolbarEnd: b,
+  columnPicker: x = !0,
+  tabs: w,
+  activeTab: S,
+  onTabChange: y,
+  infoBanner: C,
+  selectable: k = !1,
+  bulkActions: h,
+  rowActions: _,
+  onRowClick: B,
+  defaultSort: W,
+  pageSize: F = 25,
+  pageSizeOptions: te = [10, 25, 50, 100],
+  pagination: he = "auto",
+  tone: ae,
+  headerAction: Et,
+  headerClassName: _t,
+  panelClassName: Lt,
+  className: At
 }) {
-  const [Ae, Be] = z(
+  const [Ae, Be] = D(
     () => Object.fromEntries(
       a.filter((r) => r.defaultHidden && !r.required).map((r) => [r.id, !0])
     )
-  ), [Fe, $e] = z(null), [ge, qe] = z(null), [N, At] = z(
-    ee ?? null
-  ), [W, re] = z(0), [_, Bt] = z(V), [B, xe] = z(/* @__PURE__ */ new Set()), [Ft, ve] = z([]), Ge = a.map((r) => r.id), He = new Map(a.map((r) => [r.id, r])), Ve = Fe ? Fe.map((r) => He.get(r)).filter((r) => !!r) : a, O = Ve.filter((r) => !Ae[r.id]), We = Ve.filter((r) => Ae[r.id] && !r.required), Oe = (r) => !!r.required, $t = (r) => He.get(r), qt = (r, d) => {
-    const p = d ? $t(d) : void 0;
-    !p || Oe(p) || r === d || $e((x) => {
-      const k = x ?? Ge;
-      return wa(k, k.indexOf(r), k.indexOf(d));
+  ), [Fe, $e] = D(null), [ge, qe] = D(null), [N, Bt] = D(
+    W ?? null
+  ), [O, re] = D(0), [L, Ft] = D(F), [$, xe] = D(/* @__PURE__ */ new Set()), [$t, ve] = D([]), Ge = a.map((r) => r.id), He = new Map(a.map((r) => [r.id, r])), Ve = Fe ? Fe.map((r) => He.get(r)).filter((r) => !!r) : a, U = Ve.filter((r) => !Ae[r.id]), We = Ve.filter((r) => Ae[r.id] && !r.required), Oe = (r) => !!r.required, qt = (r) => He.get(r), Gt = (r, d) => {
+    const p = d ? qt(d) : void 0;
+    !p || Oe(p) || r === d || $e((g) => {
+      const z = g ?? Ge;
+      return Ca(z, z.indexOf(r), z.indexOf(d));
     });
-  }, Gt = (r) => {
+  }, Ht = (r) => {
     Be((d) => ({ ...d, [r]: !1 })), $e((d) => d && d.includes(r) ? d : [...d ?? Ge, r]);
-  }, ye = (c ?? []).filter((r) => Ft.includes(r.id)), Ht = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), ne = nt(() => {
+  }, ye = (c ?? []).filter((r) => $t.includes(r.id)), Vt = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), ne = nt(() => {
     let r = t;
     for (const p of c ?? [])
-      p.value.length > 0 && (r = r.filter((x) => p.match(x, p.value)));
+      p.value.length > 0 && (r = r.filter((g) => p.match(g, p.value)));
     if (!m || !m.value.trim()) return r;
     const d = m.value.trim().toLowerCase();
     return r.filter((p) => m.keys(p).toLowerCase().includes(d));
-  }, [t, m, c]), F = nt(() => {
+  }, [t, m, c]), q = nt(() => {
     if (!N) return ne;
     const r = a.find((p) => p.id === N.id);
     if (!(r != null && r.sortValue)) return ne;
     const d = N.dir === "asc" ? 1 : -1;
-    return [...ne].sort((p, x) => {
-      const k = r.sortValue(p), R = r.sortValue(x);
-      return k == null && R == null ? 0 : k == null ? 1 : R == null ? -1 : typeof k == "number" && typeof R == "number" ? (k - R) * d : String(k).localeCompare(String(R)) * d;
+    return [...ne].sort((p, g) => {
+      const z = r.sortValue(p), R = r.sortValue(g);
+      return z == null && R == null ? 0 : z == null ? 1 : R == null ? -1 : typeof z == "number" && typeof R == "number" ? (z - R) * d : String(z).localeCompare(String(R)) * d;
     });
-  }, [ne, N, a]), U = Math.max(1, Math.ceil(F.length / _)), Vt = !l && !i && F.length > 0 && (te === "always" || F.length > _);
-  J(() => {
+  }, [ne, N, a]), X = Math.max(1, Math.ceil(q.length / L)), Wt = !l && !i && q.length > 0 && (he === "always" || q.length > L);
+  K(() => {
     re(0);
-  }, [m == null ? void 0 : m.value, _, N == null ? void 0 : N.id, N == null ? void 0 : N.dir, C, Ht]), J(() => {
-    W > U - 1 && re(U - 1);
-  }, [W, U]);
-  const le = W * _, L = F.slice(le, le + _), Wt = (r) => {
-    r.sortable && At(
+  }, [m == null ? void 0 : m.value, L, N == null ? void 0 : N.id, N == null ? void 0 : N.dir, S, Vt]), K(() => {
+    O > X - 1 && re(X - 1);
+  }, [O, X]);
+  const le = O * L, A = q.slice(le, le + L), Ot = (r) => {
+    r.sortable && Bt(
       (d) => (d == null ? void 0 : d.id) === r.id ? d.dir === "asc" ? { id: r.id, dir: "desc" } : null : { id: r.id, dir: "asc" }
     );
-  }, Ue = L.length > 0 && L.every((r) => B.has(n(r))), Ot = L.some((r) => B.has(n(r))), Ut = t.filter((r) => B.has(n(r))), Xt = () => {
+  }, Ue = A.length > 0 && A.every((r) => $.has(n(r))), Ut = A.some((r) => $.has(n(r))), Xt = t.filter((r) => $.has(n(r))), Jt = () => {
     xe((r) => {
       const d = new Set(r);
-      return Ue ? L.forEach((p) => d.delete(n(p))) : L.forEach((p) => d.add(n(p))), d;
+      return Ue ? A.forEach((p) => d.delete(n(p))) : A.forEach((p) => d.add(n(p))), d;
     });
-  }, Jt = (r) => {
+  }, Kt = (r) => {
     xe((d) => {
       const p = new Set(d);
       return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, Kt = !!(m || c != null && c.length || v || h), Qt = (r) => (N == null ? void 0 : N.id) === r.id ? N.dir === "asc" ? "ascending" : "descending" : void 0, Xe = j(null), Je = j(null), Ke = j(null), Qe = j(null), [$, Ne] = z([]), Yt = O.map((r) => r.id).join("\0"), ie = `${y ? "s" : "-"}|${f ? "a" : "-"}|${Yt}`, Ye = j(ie), Zt = $.length > 0, we = ft(() => {
+  }, Qt = !!(m || c != null && c.length || v || b), Yt = (r) => (N == null ? void 0 : N.id) === r.id ? N.dir === "asc" ? "ascending" : "descending" : void 0, Xe = j(null), Je = j(null), Ke = j(null), Qe = j(null), [G, Ne] = D([]), Zt = U.map((r) => r.id).join("\0"), ie = `${k ? "s" : "-"}|${_ ? "a" : "-"}|${Zt}`, Ye = j(ie), ea = G.length > 0, we = ft(() => {
     const r = Ke.current, d = Qe.current;
     r && d && (r.style.transform = `translateX(${-d.scrollLeft}px)`);
   }, []);
-  ha(() => {
+  ga(() => {
     const r = Xe.current;
     if (!r) return;
     if (Ye.current !== ie) {
-      Ye.current = ie, Ne((x) => x.length === 0 ? x : []);
+      Ye.current = ie, Ne((g) => g.length === 0 ? g : []);
       return;
     }
     const d = () => {
       var Ze, et, tt;
-      const x = (et = (Ze = r.tBodies[0]) == null ? void 0 : Ze.rows.item(0)) == null ? void 0 : et.cells;
-      if (!x || x.length === 0) {
+      const g = (et = (Ze = r.tBodies[0]) == null ? void 0 : Ze.rows.item(0)) == null ? void 0 : et.cells;
+      if (!g || g.length === 0) {
         Ne((E) => E.length === 0 ? E : []);
         return;
       }
-      const k = (tt = Je.current) == null ? void 0 : tt.querySelectorAll("thead th"), R = Array.from(
-        x,
+      const z = (tt = Je.current) == null ? void 0 : tt.querySelectorAll("thead th"), R = Array.from(
+        g,
         (E, Ce) => {
           var oe, at;
           return Math.max(
             E.getBoundingClientRect().width,
-            ((at = (oe = k == null ? void 0 : k.item(Ce)) == null ? void 0 : oe.querySelector("[data-col-sizer]")) == null ? void 0 : at.getBoundingClientRect().width) ?? 0
+            ((at = (oe = z == null ? void 0 : z.item(Ce)) == null ? void 0 : oe.querySelector("[data-col-sizer]")) == null ? void 0 : at.getBoundingClientRect().width) ?? 0
           );
         }
       );
@@ -1514,18 +1515,18 @@ function _r({
     if (d(), we(), typeof ResizeObserver > "u") return;
     const p = new ResizeObserver(d);
     return p.observe(r), () => p.disconnect();
-  }, [ie, Zt, l, i, we]);
-  const X = $.reduce((r, d) => r + d, 0);
-  return /* @__PURE__ */ s("div", { className: o("space-y-4", Lt), children: [
-    g && g.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: g.map((r) => {
-      const d = r.id === C;
+  }, [ie, ea, l, i, we]);
+  const J = G.reduce((r, d) => r + d, 0);
+  return /* @__PURE__ */ s("div", { className: o("space-y-4", At), children: [
+    w && w.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: w.map((r) => {
+      const d = r.id === S;
       return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           role: "tab",
           "aria-selected": d,
-          onClick: () => S == null ? void 0 : S(r.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"
@@ -1535,7 +1536,7 @@ function _r({
         r.id
       );
     }) }),
-    Kt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+    Qt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       m && /* @__PURE__ */ e(
         Tt,
         {
@@ -1545,29 +1546,29 @@ function _r({
           value: m.value,
           onChange: (r) => m.onChange(r.target.value),
           onClear: () => m.onChange(""),
-          leadingIcon: /* @__PURE__ */ e(sa, {}),
+          leadingIcon: /* @__PURE__ */ e(da, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
       v,
-      /* @__PURE__ */ s(ze, { children: [
+      x && /* @__PURE__ */ s(ze, { children: [
         /* @__PURE__ */ e(se, { asChild: !0, children: /* @__PURE__ */ e(
           M,
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ e(da, {}),
+            leadingIcon: /* @__PURE__ */ e(ca, {}),
             trailingIcon: /* @__PURE__ */ e(Pt, {}),
             children: "Columns"
           }
         ) }),
         /* @__PURE__ */ s(de, { align: "end", className: "w-54", children: [
           /* @__PURE__ */ e(ce, { className: "text-[13px]", children: "Active columns" }),
-          O.map((r) => {
+          U.map((r) => {
             const d = Oe(r);
             return /* @__PURE__ */ s(
-              K,
+              Q,
               {
                 checked: !0,
                 draggable: !d,
@@ -1579,19 +1580,19 @@ function _r({
                   p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), qe(r.id);
                 },
                 onDragOver: (p) => {
-                  ge && (p.preventDefault(), qt(ge, r.id));
+                  ge && (p.preventDefault(), Gt(ge, r.id));
                 },
                 onDrop: (p) => p.preventDefault(),
                 onDragEnd: () => qe(null),
                 onCheckedChange: (p) => {
-                  !p && !d && Be((x) => ({ ...x, [r.id]: !0 }));
+                  !p && !d && Be((g) => ({ ...g, [r.id]: !0 }));
                 },
                 onSelect: (p) => p.preventDefault(),
                 className: "justify-between",
                 children: [
                   /* @__PURE__ */ e("span", { className: "truncate", children: r.header }),
-                  d ? /* @__PURE__ */ e(ca, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
-                    ua,
+                  d ? /* @__PURE__ */ e(ua, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
+                    ma,
                     {
                       "aria-hidden": !0,
                       className: o(
@@ -1609,10 +1610,10 @@ function _r({
             /* @__PURE__ */ e(Me, {}),
             /* @__PURE__ */ e(ce, { className: "text-[13px]", children: "Available columns" }),
             We.map((r) => /* @__PURE__ */ e(
-              K,
+              Q,
               {
                 checked: !1,
-                onCheckedChange: () => Gt(r.id),
+                onCheckedChange: () => Ht(r.id),
                 onSelect: (d) => d.preventDefault(),
                 children: r.header
               },
@@ -1643,12 +1644,12 @@ function _r({
           r.id
         )) })
       ] }) : null,
-      h ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: h }) : null
+      b ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: b }) : null
     ] }),
     ye.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       ye.map((r) => {
         const d = () => {
-          r.onChange([]), ve((p) => p.filter((x) => x !== r.id));
+          r.onChange([]), ve((p) => p.filter((g) => g !== r.id));
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ e(
@@ -1677,15 +1678,15 @@ function _r({
                 r.label
               ] }),
               r.options.map((p) => {
-                const x = r.value.includes(p.value);
+                const g = r.value.includes(p.value);
                 return /* @__PURE__ */ e(
-                  K,
+                  Q,
                   {
-                    checked: x,
+                    checked: g,
                     onCheckedChange: () => r.onChange(
-                      x ? r.value.filter((k) => k !== p.value) : [...r.value, p.value]
+                      g ? r.value.filter((z) => z !== p.value) : [...r.value, p.value]
                     ),
-                    onSelect: (k) => k.preventDefault(),
+                    onSelect: (z) => z.preventDefault(),
                     children: p.label
                   },
                   p.value
@@ -1710,19 +1711,19 @@ function _r({
         }
       )
     ] }) : null,
-    w,
-    y && B.size > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
+    C,
+    k && $.size > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "font-medium text-fg", children: [
-        B.size,
+        $.size,
         " selected"
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (T ?? []).map((r) => /* @__PURE__ */ s(
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (h ?? []).map((r) => /* @__PURE__ */ s(
         M,
         {
           size: "md",
           variant: r.variant ?? "outline",
           disabled: r.disabled,
-          onClick: () => void r.onRun(Ut),
+          onClick: () => void r.onRun(Xt),
           children: [
             r.icon,
             r.label
@@ -1748,10 +1749,10 @@ function _r({
       {
         scrollMode: "panel",
         headerContentRef: Ke,
-        action: ae,
-        tone: he,
-        headerClassName: Et,
-        panelClassName: _t,
+        action: Et,
+        tone: ae,
+        headerClassName: _t,
+        panelClassName: Lt,
         header: (
           // Visible header band. Presentational (aria-sort lives on the body's
           // sr-only thead); widths are pinned to the measured body columns and
@@ -1765,24 +1766,24 @@ function _r({
               style: {
                 // Fill the container when it fits; force totalWidth (and the
                 // shared scroller) only when the columns need more room.
-                minWidth: X > 0 ? X : void 0,
-                visibility: X > 0 ? void 0 : "hidden"
+                minWidth: J > 0 ? J : void 0,
+                visibility: J > 0 ? void 0 : "hidden"
               },
               children: [
-                /* @__PURE__ */ e("colgroup", { children: $.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
+                /* @__PURE__ */ e("colgroup", { children: G.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
                 /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
-                  y && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-(--table-pad-x) text-left align-middle", children: /* @__PURE__ */ e(
+                  k && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-(--table-pad-x) text-left align-middle", children: /* @__PURE__ */ e(
                     De,
                     {
                       "aria-label": "Select all rows",
-                      checked: Ue ? !0 : Ot ? "indeterminate" : !1,
-                      onCheckedChange: Xt
+                      checked: Ue ? !0 : Ut ? "indeterminate" : !1,
+                      onCheckedChange: Jt
                     }
                   ) }),
-                  O.map((r) => /* @__PURE__ */ e(
+                  U.map((r) => /* @__PURE__ */ e(
                     "th",
                     {
-                      className: o(cr, r.align === "right" && "text-right", r.className),
+                      className: o(ur, r.align === "right" && "text-right", r.className),
                       children: /* @__PURE__ */ e(
                         "span",
                         {
@@ -1795,7 +1796,7 @@ function _r({
                               variant: "ghost",
                               size: "xs",
                               "aria-label": `Sort by ${r.header}`,
-                              onClick: () => Wt(r),
+                              onClick: () => Ot(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",
@@ -1804,7 +1805,7 @@ function _r({
                               ),
                               children: [
                                 r.header,
-                                (N == null ? void 0 : N.id) === r.id ? N.dir === "asc" ? /* @__PURE__ */ e(pa, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(me, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(fa, { className: "size-3.5 opacity-50" })
+                                (N == null ? void 0 : N.id) === r.id ? N.dir === "asc" ? /* @__PURE__ */ e(fa, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(me, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(ba, { className: "size-3.5 opacity-50" })
                               ]
                             }
                           ) : r.header
@@ -1813,21 +1814,21 @@ function _r({
                     },
                     r.id
                   )),
-                  f && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
+                  _ && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
                 ] }) })
               ]
             }
           )
         ),
         children: /* @__PURE__ */ e("div", { ref: Qe, className: "overflow-x-auto", onScroll: we, 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(ma, { weight: "duotone" }) }),
+          /* @__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" }) }),
           /* @__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
-        ] }) : L.length === 0 ? /* @__PURE__ */ e(
-          dr,
+        ] }) : A.length === 0 ? /* @__PURE__ */ e(
+          cr,
           {
             icon: u == null ? void 0 : u.icon,
             title: (u == null ? void 0 : u.title) ?? "No results",
@@ -1845,43 +1846,52 @@ function _r({
               // Measured: fill the container, pinned to the band's colgroup
               // pixel widths; minWidth forces the shared scroller open only
               // when the columns need more room than the container has.
-              $.length > 0 ? "w-full table-fixed" : "table-auto"
+              G.length > 0 ? "w-full table-fixed" : "table-auto"
             ),
-            style: { minWidth: X > 0 ? X : void 0 },
+            style: { minWidth: J > 0 ? J : void 0 },
             children: [
-              $.length > 0 && /* @__PURE__ */ e("colgroup", { children: $.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
+              G.length > 0 && /* @__PURE__ */ e("colgroup", { children: G.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
               /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
-                y && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
-                O.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": Qt(r), children: r.header }, r.id)),
-                f && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
+                k && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
+                U.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": Yt(r), children: r.header }, r.id)),
+                _ && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
               ] }) }),
-              /* @__PURE__ */ e(Ra, { children: L.map((r) => {
-                const d = n(r), p = B.has(d);
+              /* @__PURE__ */ e(ja, { children: A.map((r) => {
+                const d = n(r), p = $.has(d);
                 return /* @__PURE__ */ s(
-                  ja,
+                  Ea,
                   {
                     "data-state": p ? "selected" : void 0,
-                    onClick: H ? () => H(r) : void 0,
-                    className: H ? "cursor-pointer" : void 0,
+                    onClick: B ? () => B(r) : void 0,
+                    className: B ? "cursor-pointer" : void 0,
                     children: [
-                      y && /* @__PURE__ */ e(Se, { className: "w-11", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ e(
+                      k && /* @__PURE__ */ e(Se, { className: "w-11", onClick: (g) => g.stopPropagation(), children: /* @__PURE__ */ e(
                         De,
                         {
                           "aria-label": "Select row",
                           checked: p,
-                          onCheckedChange: () => Jt(d)
+                          onCheckedChange: () => Kt(d)
                         }
                       ) }),
-                      O.map((x) => /* @__PURE__ */ e(
+                      U.map((g) => /* @__PURE__ */ e(
                         Se,
                         {
-                          "data-numeric": x.numeric ? "" : void 0,
-                          className: o(x.align === "right" && "text-right", x.className),
-                          children: x.cell(r)
+                          "data-numeric": g.numeric ? "" : void 0,
+                          className: o(g.align === "right" && "text-right", g.className),
+                          children: g.cell(r)
                         },
-                        x.id
+                        g.id
                       )),
-                      f && /* @__PURE__ */ e(Se, { className: "w-44 px-4 text-right", onClick: (x) => x.stopPropagation(), children: f(r) })
+                      _ && /* @__PURE__ */ e(
+                        Se,
+                        {
+                          className: "w-44 px-4 text-right",
+                          onClick: (g) => {
+                            g.target.closest("button, a, input, [role='menuitem']") && g.stopPropagation();
+                          },
+                          children: _(r)
+                        }
+                      )
                     ]
                   },
                   d
@@ -1892,18 +1902,18 @@ function _r({
         ) })
       }
     ),
-    Vt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
+    Wt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
         le + 1,
         "–",
-        Math.min(le + _, F.length),
+        Math.min(le + L, q.length),
         " of ",
-        F.length
+        q.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s(or, { value: String(_), onValueChange: (r) => Bt(Number(r)), children: [
-          /* @__PURE__ */ e(Rt, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(ir, {}) }),
-          /* @__PURE__ */ e(jt, { children: A.map((r) => /* @__PURE__ */ e(Le, { value: String(r), children: r }, r)) })
+        /* @__PURE__ */ s(sr, { value: String(L), onValueChange: (r) => Ft(Number(r)), children: [
+          /* @__PURE__ */ e(Rt, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(or, {}) }),
+          /* @__PURE__ */ e(jt, { children: te.map((r) => /* @__PURE__ */ e(Le, { value: String(r), children: r }, r)) })
         ] }),
         /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ e(
@@ -1912,9 +1922,9 @@ function _r({
               variant: "secondary",
               size: "icon",
               "aria-label": "Previous page",
-              disabled: W <= 0,
+              disabled: O <= 0,
               onClick: () => re((r) => Math.max(0, r - 1)),
-              children: /* @__PURE__ */ e(ba, {})
+              children: /* @__PURE__ */ e(ha, {})
             }
           ),
           /* @__PURE__ */ e(
@@ -1923,8 +1933,8 @@ function _r({
               variant: "secondary",
               size: "icon",
               "aria-label": "Next page",
-              disabled: W >= U - 1,
-              onClick: () => re((r) => Math.min(U - 1, r + 1)),
+              disabled: O >= X - 1,
+              onClick: () => re((r) => Math.min(X - 1, r + 1)),
               children: /* @__PURE__ */ e(ut, {})
             }
           )
@@ -1933,7 +1943,7 @@ function _r({
     ] })
   ] });
 }
-function Lr({ icon: t, title: a, description: n, action: l, className: i }) {
+function Ar({ icon: t, title: a, description: n, action: l, className: i }) {
   return /* @__PURE__ */ e(be, { 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: [
@@ -1943,7 +1953,7 @@ function Lr({ icon: t, title: a, description: n, action: l, className: i }) {
     l
   ] }) });
 }
-function Ar({ className: t, ...a }) {
+function Br({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -1955,8 +1965,8 @@ function Ar({ className: t, ...a }) {
     }
   );
 }
-const mr = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  ya.Root,
+const pr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Na.Root,
   {
     ref: n,
     className: o(
@@ -1966,8 +1976,8 @@ const mr = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-mr.displayName = "Label";
-function Br({
+pr.displayName = "Label";
+function Fr({
   value: t,
   onValueChange: a,
   options: n,
@@ -2019,8 +2029,8 @@ function Br({
     }
   );
 }
-const pr = b(({ className: t, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
-  Na.Root,
+const fr = f(({ className: t, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
+  wa.Root,
   {
     ref: i,
     decorative: n,
@@ -2033,8 +2043,8 @@ const pr = b(({ className: t, orientation: a = "horizontal", decorative: n = !0,
     ...l
   }
 ));
-pr.displayName = "Separator";
-function Fr({ className: t, ...a }) {
+fr.displayName = "Separator";
+function $r({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2043,8 +2053,8 @@ function Fr({ className: t, ...a }) {
     }
   );
 }
-const $r = Q.Provider, qr = Q.Root, Gr = Q.Trigger, fr = b(({ className: t, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ e(Q.Portal, { children: /* @__PURE__ */ e(
-  Q.Content,
+const qr = Y.Provider, Gr = Y.Root, Hr = Y.Trigger, br = f(({ className: t, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ e(Y.Portal, { children: /* @__PURE__ */ e(
+  Y.Content,
   {
     ref: l,
     sideOffset: a,
@@ -2061,82 +2071,82 @@ const $r = Q.Provider, qr = Q.Root, Gr = Q.Trigger, fr = b(({ className: t, side
     ...n
   }
 ) }));
-fr.displayName = "TooltipContent";
+br.displayName = "TooltipContent";
 export {
-  wr as AgentPrompt,
+  Cr as AgentPrompt,
   bt as Avatar,
   gt as AvatarFallback,
   ht as AvatarImage,
-  Ta as Badge,
+  Ma as Badge,
   M as Button,
-  Cr as Callout,
-  Ba as Card,
-  qa as CardContent,
-  $a as CardDescription,
-  Ga as CardFooter,
+  Sr as Callout,
+  Fa as Card,
+  Ga as CardContent,
+  qa as CardDescription,
+  Ha as CardFooter,
   xt as CardHeader,
-  Fa as CardTitle,
+  $a as CardTitle,
   De as Checkbox,
-  Tr as ChoiceDialog,
-  Mr as CodeBlock,
-  _r as DataTable,
-  Er as DataTableIdentity,
-  Ua as Dialog,
-  Ka as DialogBody,
+  Mr as ChoiceDialog,
+  Pr as CodeBlock,
+  Lr as DataTable,
+  _r as DataTableIdentity,
+  Xa as Dialog,
+  Qa as DialogBody,
   Ct as DialogCancel,
-  Dr as DialogClose,
+  Tr as DialogClose,
   kt as DialogContent,
-  Za as DialogDescription,
-  Ya as DialogFooter,
-  Qa as DialogHeader,
-  Ja as DialogPanel,
+  er as DialogDescription,
+  Za as DialogFooter,
+  Ya as DialogHeader,
+  Ka as DialogPanel,
   zt as DialogTitle,
   wt as DialogTrigger,
   ze as DropdownMenu,
-  K as DropdownMenuCheckboxItem,
+  Q as DropdownMenuCheckboxItem,
   Pt as DropdownMenuChevron,
   de as DropdownMenuContent,
-  Pr as DropdownMenuGroup,
+  Ir as DropdownMenuGroup,
   pe as DropdownMenuItem,
   ce as DropdownMenuLabel,
-  Ir as DropdownMenuPortal,
+  Rr as DropdownMenuPortal,
   Me as DropdownMenuSeparator,
-  Rr as DropdownMenuSub,
-  lr as DropdownMenuSubContent,
+  jr as DropdownMenuSub,
+  ir as DropdownMenuSubContent,
   It as DropdownMenuSubTrigger,
   se as DropdownMenuTrigger,
-  Lr as EmptyState,
+  Ar as EmptyState,
   Tt as Input,
-  Ar as Kbd,
-  mr as Label,
-  tr as RadioCard,
-  er as RadioGroup,
-  Br as Segmented,
-  or as Select,
+  Br as Kbd,
+  pr as Label,
+  ar as RadioCard,
+  tr as RadioGroup,
+  Fr as Segmented,
+  sr as Select,
   jt as SelectContent,
-  jr as SelectGroup,
+  Er as SelectGroup,
   Le as SelectItem,
-  sr as SelectLabel,
+  dr as SelectLabel,
   Rt as SelectTrigger,
-  ir as SelectValue,
-  pr as Separator,
-  Fr as Skeleton,
-  Ca as Spinner,
-  Sr as Table,
-  Ra as TableBody,
+  or as SelectValue,
+  fr as Separator,
+  $r as Skeleton,
+  Sa as Spinner,
+  kr as Table,
+  ja as TableBody,
   Se as TableCell,
-  Pa as TableContainer,
-  dr as TableEmptyState,
-  zr as TableHead,
-  kr as TableHeader,
-  Ia as TablePanel,
-  ja as TableRow,
+  Ia as TableContainer,
+  cr as TableEmptyState,
+  Dr as TableHead,
+  zr as TableHeader,
+  Ra as TablePanel,
+  Ea as TableRow,
   be as TableSurface,
-  qr as Tooltip,
-  fr as TooltipContent,
-  $r as TooltipProvider,
-  Gr as TooltipTrigger,
-  za as badgeVariants,
-  Sa as buttonVariants
+  Gr as Tooltip,
+  br as TooltipContent,
+  qr as TooltipProvider,
+  Hr as TooltipTrigger,
+  Da as badgeVariants,
+  ka as buttonVariants
 };
 //# sourceMappingURL=index.js.map