@jinaan/uikit 0.1.7 → 0.1.9

package/dist/index.js

@@ -1,24 +1,24 @@
 import { jsx as e, jsxs as s, Fragment as ve } from "react/jsx-runtime";
-import { CircleNotch as ft, Robot as ht, Terminal as gt, Check as W, Copy as Le, XCircle as xt, Warning as vt, CheckCircle as Nt, Info as yt, Minus as wt, X as ae, CaretDown as O, MagnifyingGlass as Ct, Columns as St, Lock as kt, FunnelSimple as Te, WarningCircle as zt, CaretUp as Dt, CaretUpDown as Tt } from "@phosphor-icons/react";
-import { forwardRef as p, useState as D, Children as Pt, isValidElement as It, useRef as pe, useEffect as V, useContext as Re, useCallback as Mt, createContext as Ae, useId as ne, useMemo as Pe } from "react";
-import { Slot as Et } from "@radix-ui/react-slot";
-import { cva as Ne } from "class-variance-authority";
-import { clsx as jt } from "clsx";
-import { twMerge as _t } from "tailwind-merge";
-import * as ye from "@radix-ui/react-avatar";
-import * as Ie from "@radix-ui/react-checkbox";
-import * as I from "@radix-ui/react-dialog";
+import { CircleNotch as vt, Robot as Nt, Terminal as yt, Check as X, Copy as Fe, XCircle as wt, Warning as Ct, CheckCircle as St, Info as kt, Minus as zt, X as ne, CaretDown as ee, MagnifyingGlass as Dt, Columns as Tt, Lock as Mt, FunnelSimple as Ie, WarningCircle as Pt, CaretUp as Et, CaretUpDown as It } from "@phosphor-icons/react";
+import { forwardRef as p, useState as D, Children as $e, isValidElement as Ge, useRef as fe, useEffect as V, useContext as Ne, useCallback as jt, createContext as ye, useId as ie, useMemo as je } from "react";
+import { Slot as _t } from "@radix-ui/react-slot";
+import { cva as we } from "class-variance-authority";
+import { clsx as Lt } from "clsx";
+import { twMerge as Rt } from "tailwind-merge";
+import * as Ce from "@radix-ui/react-avatar";
+import * as _e from "@radix-ui/react-checkbox";
+import * as P from "@radix-ui/react-dialog";
 import * as T from "@radix-ui/react-dropdown-menu";
 import * as k from "@radix-ui/react-select";
-import * as Lt from "@radix-ui/react-label";
-import * as Rt from "@radix-ui/react-separator";
-import * as U from "@radix-ui/react-tooltip";
+import * as At from "@radix-ui/react-label";
+import * as Bt from "@radix-ui/react-separator";
+import * as W from "@radix-ui/react-tooltip";
 function o(...t) {
-  return _t(jt(t));
+  return Rt(Lt(t));
 }
-function At({ className: t }) {
+function Ft({ className: t }) {
   return /* @__PURE__ */ e(
-    ft,
+    vt,
     {
       className: o("size-4 animate-spin text-muted", t),
       weight: "bold",
@@ -26,7 +26,7 @@ function At({ className: t }) {
     }
   );
 }
-const Bt = Ne(
+const $t = we(
   "relative inline-flex select-none items-center justify-center gap-[var(--control-gap)] whitespace-nowrap rounded-[var(--control-radius)] border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[120ms] active:scale-[0.97] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -52,7 +52,7 @@ const Bt = Ne(
       size: "md"
     }
   }
-), Ft = {
+), Gt = {
   xs: "[&_svg]:size-[var(--control-icon-xs)]",
   sm: "[&_svg]:size-[var(--control-icon-sm)]",
   md: "[&_svg]:size-[var(--control-icon-md)]",
@@ -63,18 +63,18 @@ const Bt = Ne(
   ({
     className: t,
     variant: r,
-    size: n = "md",
+    size: a = "md",
     asChild: l = !1,
     leadingIcon: i,
-    trailingIcon: u,
-    iconOnly: c = !1,
+    trailingIcon: c,
+    iconOnly: u = !1,
     loading: d = !1,
     fullWidth: f = !1,
     disabled: h,
     children: g,
     ...y
   }, C) => {
-    const z = l ? Et : "button", w = Ft[n ?? "md"];
+    const z = l ? _t : "button", w = Gt[a ?? "md"];
     return /* @__PURE__ */ e(
       z,
       {
@@ -82,41 +82,41 @@ const Bt = Ne(
         "aria-busy": d || void 0,
         disabled: l ? void 0 : h || d,
         className: o(
-          Bt({ variant: r, size: n }),
-          c && "aspect-square px-0",
+          $t({ variant: r, size: a }),
+          u && "aspect-square px-0",
           f && "w-full",
           t
         ),
         ...y,
         children: l ? g : /* @__PURE__ */ s(ve, { children: [
-          d ? /* @__PURE__ */ e(At, { className: o("text-current", w), "aria-hidden": !0 }) : i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
+          d ? /* @__PURE__ */ e(Ft, { className: o("text-current", w), "aria-hidden": !0 }) : i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: i }) : null,
           g,
-          !d && u ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: u }) : null
+          !d && c ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: c }) : null
         ] })
       }
     );
   }
 );
 S.displayName = "Button";
-function _r({
+function Rr({
   command: t,
   tag: r = "Build with agents",
-  icon: n,
+  icon: a,
   className: l
 }) {
-  const [i, u] = D(!1), c = async () => {
+  const [i, c] = D(!1), u = async () => {
     try {
-      await navigator.clipboard.writeText(t), u(!0), window.setTimeout(() => u(!1), 1500);
+      await navigator.clipboard.writeText(t), c(!0), window.setTimeout(() => c(!1), 1500);
     } catch {
     }
   };
   return /* @__PURE__ */ s("div", { className: o("relative inline-flex max-w-full", l), children: [
     /* @__PURE__ */ s("span", { className: "absolute -top-2.5 left-4 z-10 inline-flex items-center gap-1.5 rounded-md bg-fg px-2 py-1 text-[11px] font-medium text-canvas shadow-sm", children: [
-      n ?? /* @__PURE__ */ e(ht, { className: "size-3.5", weight: "fill" }),
+      a ?? /* @__PURE__ */ e(Nt, { className: "size-3.5", weight: "fill" }),
       r
     ] }),
     /* @__PURE__ */ s("div", { className: "mt-2 flex w-full items-center gap-2 rounded-xl border border-line bg-surface py-2 pl-3 pr-2 shadow-sm", children: [
-      /* @__PURE__ */ e(gt, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ e(yt, { 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(
         S,
@@ -126,17 +126,17 @@ function _r({
           iconOnly: !0,
           "aria-label": "Copy prompt",
           className: "ml-auto",
-          onClick: c,
-          children: i ? /* @__PURE__ */ e(W, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Le, {})
+          onClick: u,
+          children: i ? /* @__PURE__ */ e(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Fe, {})
         }
       )
     ] })
   ] });
 }
-const Be = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  ye.Root,
+const He = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  Ce.Root,
   {
-    ref: n,
+    ref: a,
     className: o(
       "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
       t
@@ -144,20 +144,20 @@ const Be = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
     ...r
   }
 ));
-Be.displayName = "Avatar";
-const Fe = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  ye.Image,
+He.displayName = "Avatar";
+const qe = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  Ce.Image,
   {
-    ref: n,
+    ref: a,
     className: o("aspect-square size-full object-cover", t),
     ...r
   }
 ));
-Fe.displayName = "AvatarImage";
-const $e = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  ye.Fallback,
+qe.displayName = "AvatarImage";
+const Ve = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  Ce.Fallback,
   {
-    ref: n,
+    ref: a,
     className: o(
       "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
       t
@@ -165,8 +165,8 @@ const $e = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
     ...r
   }
 ));
-$e.displayName = "AvatarFallback";
-const $t = Ne(
+Ve.displayName = "AvatarFallback";
+const Ht = we(
   "inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
   {
     variants: {
@@ -182,7 +182,7 @@ const $t = Ne(
     },
     defaultVariants: { variant: "neutral" }
   }
-), Gt = Ne("size-1.5 shrink-0 rounded-full", {
+), qt = we("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -196,62 +196,63 @@ const $t = Ne(
   },
   defaultVariants: { variant: "neutral" }
 });
-function Ht({ className: t, variant: r, dot: n = !1, children: l, ...i }) {
-  return /* @__PURE__ */ s("span", { className: o($t({ variant: r }), t), ...i, children: [
-    n ? /* @__PURE__ */ e("span", { className: o(Gt({ variant: r })), "aria-hidden": !0 }) : null,
+function Vt({ className: t, variant: r, dot: a = !1, children: l, ...i }) {
+  return /* @__PURE__ */ s("span", { className: o(Ht({ variant: r }), t), ...i, children: [
+    a ? /* @__PURE__ */ e("span", { className: o(qt({ variant: r })), "aria-hidden": !0 }) : null,
     l
   ] });
 }
-const qt = {
+const Ut = {
   info: {
-    Icon: yt,
+    Icon: kt,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: Nt,
+    Icon: St,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
   warning: {
-    Icon: vt,
+    Icon: Ct,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: xt,
+    Icon: wt,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function Lr({
+function Ar({
   variant: t = "info",
   title: r,
-  children: n,
+  children: a,
   icon: l,
   className: i
 }) {
-  const { Icon: u, className: c, iconClassName: d } = qt[t];
+  const { Icon: c, className: u, iconClassName: d } = Ut[t];
   return /* @__PURE__ */ s(
     "div",
     {
       role: t === "error" ? "alert" : void 0,
       className: o(
         "flex items-start gap-2.5 rounded-lg border px-3.5 py-3 text-sm",
-        c,
+        "animate-in fade-in-0 slide-in-from-top-1 duration-200 motion-reduce:animate-none",
+        u,
         i
       ),
       children: [
-        /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", d), children: l ?? /* @__PURE__ */ e(u, { weight: "fill" }) }),
+        /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", d), children: l ?? /* @__PURE__ */ e(c, { weight: "fill" }) }),
         /* @__PURE__ */ s("div", { className: "min-w-0 space-y-0.5", children: [
           r ? /* @__PURE__ */ e("p", { className: "font-medium text-fg", children: r }) : null,
-          n ? /* @__PURE__ */ e("div", { className: "text-muted", children: n }) : null
+          a ? /* @__PURE__ */ e("div", { className: "text-muted", children: a }) : null
         ] })
       ]
     }
   );
 }
-function Vt({
+function Wt({
   className: t,
   ...r
 }) {
@@ -266,7 +267,7 @@ function Vt({
     }
   );
 }
-function Ut({
+function Xt({
   className: t,
   ...r
 }) {
@@ -281,7 +282,7 @@ function Ut({
     }
   );
 }
-function Rr({ className: t, ...r }) {
+function Br({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "table",
     {
@@ -290,13 +291,13 @@ function Rr({ className: t, ...r }) {
     }
   );
 }
-function Ar({ className: t, ...r }) {
+function Fr({ className: t, ...r }) {
   return /* @__PURE__ */ e("thead", { className: t, ...r });
 }
-function Wt({ className: t, ...r }) {
+function Kt({ className: t, ...r }) {
   return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...r });
 }
-function Xt({ className: t, ...r }) {
+function Jt({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "tr",
     {
@@ -308,7 +309,7 @@ function Xt({ className: t, ...r }) {
     }
   );
 }
-function Br({ className: t, ...r }) {
+function $r({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "th",
     {
@@ -320,7 +321,7 @@ function Br({ className: t, ...r }) {
     }
   );
 }
-function ce({ className: t, ...r }) {
+function me({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "td",
     {
@@ -332,31 +333,31 @@ function ce({ className: t, ...r }) {
     }
   );
 }
-const Kt = {
+const Qt = {
   default: "bg-table-container",
   muted: "bg-surface border border-line",
   transparent: "bg-transparent"
-}, Jt = {
+}, Yt = {
   default: "bg-table-panel border-table-panel-border",
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function Qt(t) {
+function Zt(t) {
   return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
 }
-function le({
+function oe({
   title: t,
   description: r,
-  header: n,
+  header: a,
   children: l,
   action: i,
-  tone: u = "default",
-  className: c,
+  tone: c = "default",
+  className: u,
   headerClassName: d,
   panelClassName: f,
   minHeight: h
 }) {
-  const g = !!(t || r), y = Qt(i) ? /* @__PURE__ */ e(
+  const g = !!(t || r), y = Zt(i) ? /* @__PURE__ */ e(
     S,
     {
       variant: i.variant ?? "primary",
@@ -371,9 +372,9 @@ function le({
       ] }) : i.label
     }
   ) : i;
-  return /* @__PURE__ */ s(Vt, { className: o("relative", Kt[u], c), children: [
+  return /* @__PURE__ */ s(Wt, { className: o("relative", Qt[c], u), children: [
     /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
-      n || g ? (
+      a || g ? (
         // Header rows must not inherit the body row hover surface.
         /* @__PURE__ */ s("div", { className: o("[--table-row-hover:transparent]", d), children: [
           g ? /* @__PURE__ */ s(
@@ -389,13 +390,13 @@ function le({
               ]
             }
           ) : null,
-          n
+          a
         ] })
       ) : null,
       /* @__PURE__ */ e(
-        Ut,
+        Xt,
         {
-          className: o(Jt[u], f),
+          className: o(Yt[c], f),
           style: h ? { minHeight: h } : void 0,
           children: l
         }
@@ -404,26 +405,26 @@ function le({
     y ? /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: y }) }) : null
   ] });
 }
-function Yt(t) {
-  const r = Pt.toArray(t), n = r.filter(
-    (l) => It(l) && l.type === Ge
+function Ot(t) {
+  const r = $e.toArray(t), a = r.filter(
+    (l) => Ge(l) && l.type === Ue
   );
   return {
-    header: n.length > 0 ? /* @__PURE__ */ e(ve, { children: n }) : void 0,
-    body: r.filter((l) => !n.includes(l))
+    header: a.length > 0 ? /* @__PURE__ */ e(ve, { children: a }) : void 0,
+    body: r.filter((l) => !a.includes(l))
   };
 }
-const Zt = p(
-  ({ className: t, children: r, ...n }, l) => {
-    const { header: i, body: u } = Yt(r);
-    return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(le, { className: o("shadow-xs", t), header: i, children: u }) });
+const er = p(
+  ({ className: t, children: r, ...a }, l) => {
+    const { header: i, body: c } = Ot(r);
+    return /* @__PURE__ */ e("div", { ref: l, ...a, children: /* @__PURE__ */ e(oe, { className: o("shadow-xs", t), header: i, children: c }) });
   }
 );
-Zt.displayName = "Card";
-const Ge = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+er.displayName = "Card";
+const Ue = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   "div",
   {
-    ref: n,
+    ref: a,
     className: o(
       "flex flex-col gap-1 px-5 py-4",
       t
@@ -431,20 +432,20 @@ const Ge = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
     ...r
   }
 ));
-Ge.displayName = "CardHeader";
-const Ot = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+Ue.displayName = "CardHeader";
+const tr = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   "h2",
   {
-    ref: n,
+    ref: a,
     className: o("text-sm font-semibold text-fg", t),
     ...r
   }
 ));
-Ot.displayName = "CardTitle";
-const er = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+tr.displayName = "CardTitle";
+const rr = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   "p",
   {
-    ref: n,
+    ref: a,
     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",
@@ -453,13 +454,13 @@ const er = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
     ...r
   }
 ));
-er.displayName = "CardDescription";
-const tr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...r }));
-tr.displayName = "CardContent";
-const rr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+rr.displayName = "CardDescription";
+const ar = p(({ className: t, ...r }, a) => /* @__PURE__ */ e("div", { ref: a, className: o("px-5 py-4", t), ...r }));
+ar.displayName = "CardContent";
+const nr = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   "div",
   {
-    ref: n,
+    ref: a,
     className: o(
       "flex items-center gap-3 border-t border-line px-5 py-3",
       t
@@ -467,11 +468,11 @@ const rr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
     ...r
   }
 ));
-rr.displayName = "CardFooter";
-const fe = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  Ie.Root,
+nr.displayName = "CardFooter";
+const he = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  _e.Root,
   {
-    ref: n,
+    ref: a,
     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",
@@ -481,27 +482,27 @@ const fe = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
       t
     ),
     ...r,
-    children: /* @__PURE__ */ e(Ie.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: r.checked === "indeterminate" ? /* @__PURE__ */ e(wt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(W, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ e(_e.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: r.checked === "indeterminate" ? /* @__PURE__ */ e(zt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(X, { className: "size-3", weight: "bold" }) })
   }
 ));
-fe.displayName = "Checkbox";
-function Me(t) {
+he.displayName = "Checkbox";
+function Le(t) {
   return t.width > 0 && t.height > 0;
 }
-function Ee(t) {
+function Re(t) {
   return Math.min(1, Math.max(0.1, t));
 }
-function ar(t, r) {
-  return !Me(t) || !Me(r) ? null : {
+function lr(t, r) {
+  return !Le(t) || !Le(r) ? null : {
     dx: t.left + t.width / 2 - (r.left + r.width / 2),
     dy: t.top + t.height / 2 - (r.top + r.height / 2),
-    sx: Ee(t.width / r.width),
-    sy: Ee(t.height / r.height)
+    sx: Re(t.width / r.width),
+    sy: Re(t.height / r.height)
   };
 }
-const He = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
-let A = null, je = !1;
-function we(t) {
+const We = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
+let A = null, Ae = !1;
+function Se(t) {
   const r = t.getBoundingClientRect();
   return r.width <= 0 || r.height <= 0 ? null : {
     left: r.left,
@@ -510,49 +511,49 @@ function we(t) {
     height: r.height
   };
 }
-function he(t) {
+function ge(t) {
   if (!(t instanceof Element)) return;
-  const r = t.closest(He);
+  const r = t.closest(We);
   if (!r) return;
-  const n = we(r);
-  n && (A = { rect: n, at: Date.now() });
+  const a = Se(r);
+  a && (A = { rect: a, at: Date.now() });
 }
-function nr() {
-  je || typeof document > "u" || (je = !0, document.addEventListener(
+function ir() {
+  Ae || typeof document > "u" || (Ae = !0, document.addEventListener(
     "pointerdown",
-    (t) => he(t.target),
+    (t) => ge(t.target),
     !0
   ), document.addEventListener(
     "keydown",
     (t) => {
-      t.key !== "Enter" && t.key !== " " || he(document.activeElement);
+      t.key !== "Enter" && t.key !== " " || ge(document.activeElement);
     },
     !0
   ));
 }
-function lr(t) {
+function or(t) {
   if (A && Date.now() - A.at < 2e3) {
-    const n = A.rect;
-    return A = null, n;
+    const a = A.rect;
+    return A = null, a;
   }
   A = null;
   const r = document.activeElement;
-  return r instanceof Element && r !== t && !t.contains(r) && r.matches(He) ? we(r) : null;
+  return r instanceof Element && r !== t && !t.contains(r) && r.matches(We) ? Se(r) : null;
 }
-const ir = 250, qe = Ae(!1);
-function or({
+const sr = 250, Xe = ye(!1);
+function dr({
   open: t,
   defaultOpen: r,
-  onOpenChange: n,
+  onOpenChange: a,
   children: l,
   ...i
 }) {
-  const [u, c] = D(
+  const [c, u] = D(
     r ?? !1
-  ), [d, f] = D(!1), h = pe(null), g = t ?? u, y = pe(g);
+  ), [d, f] = D(!1), h = fe(null), g = t ?? c, y = fe(g);
   y.current = g;
   const C = t !== void 0;
-  V(() => nr(), []), V(() => {
+  V(() => ir(), []), V(() => {
     t && f(!1);
   }, [t]), V(
     () => () => {
@@ -562,22 +563,22 @@ function or({
   );
   const z = (w) => {
     if (w) {
-      h.current && clearTimeout(h.current), f(!1), C || c(!0), n == null || n(!0);
+      h.current && clearTimeout(h.current), f(!1), C || u(!0), a == null || a(!0);
       return;
     }
     if (!g || d) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      C || c(!1), n == null || n(!1);
+      C || u(!1), a == null || a(!1);
       return;
     }
     f(!0), h.current = setTimeout(() => {
-      C || c(!1), n == null || n(!1), requestAnimationFrame(() => {
+      C || u(!1), a == null || a(!1), requestAnimationFrame(() => {
         y.current && f(!1);
       });
-    }, ir);
+    }, sr);
   };
-  return /* @__PURE__ */ e(qe.Provider, { value: d, children: /* @__PURE__ */ e(
-    I.Root,
+  return /* @__PURE__ */ e(Xe.Provider, { value: d, children: /* @__PURE__ */ e(
+    P.Root,
     {
       open: g,
       onOpenChange: z,
@@ -586,40 +587,40 @@ function or({
     }
   ) });
 }
-const Ve = p(({ onClick: t, ...r }, n) => /* @__PURE__ */ e(
-  I.Trigger,
+const Ke = p(({ onClick: t, ...r }, a) => /* @__PURE__ */ e(
+  P.Trigger,
   {
-    ref: n,
+    ref: a,
     onClick: (l) => {
-      he(l.currentTarget), t == null || t(l);
+      ge(l.currentTarget), t == null || t(l);
     },
     ...r
   }
 ));
-Ve.displayName = "DialogTrigger";
-const Fr = I.Close;
-function Ue(t, r = !0) {
+Ke.displayName = "DialogTrigger";
+const Gr = P.Close;
+function Je(t, r = !0) {
   if (t.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
     return;
-  const n = we(t);
-  if (!n) {
-    r && window.requestAnimationFrame(() => Ue(t, !1));
+  const a = Se(t);
+  if (!a) {
+    r && window.requestAnimationFrame(() => Je(t, !1));
     return;
   }
   t.dataset.dialogMotionStarted = "true";
-  const l = lr(t), i = l ? ar(l, n) : null;
+  const l = or(t), i = l ? lr(l, a) : null;
   i ? (t.style.setProperty("--dialog-dx", `${i.dx}px`), t.style.setProperty("--dialog-dy", `${i.dy}px`), t.style.setProperty("--dialog-sx", String(i.sx)), t.style.setProperty("--dialog-sy", String(i.sy)), t.classList.add("dialog-fly-in")) : t.classList.add("dialog-pop-in");
-  const u = () => {
+  const c = () => {
     t.classList.remove("dialog-fly-in", "dialog-pop-in"), t.style.removeProperty("--dialog-dx"), t.style.removeProperty("--dialog-dy"), t.style.removeProperty("--dialog-sx"), t.style.removeProperty("--dialog-sy");
-  }, c = (d) => {
-    d.target === t && (d.animationName !== "dialog-fly-in" && d.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", c), u()));
+  }, u = (d) => {
+    d.target === t && (d.animationName !== "dialog-fly-in" && d.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", u), c()));
   };
-  t.addEventListener("animationend", c);
+  t.addEventListener("animationend", u);
 }
-const We = p(({ className: t, children: r, ...n }, l) => {
-  const i = Re(qe), u = pe(null), c = Mt(
+const Qe = p(({ className: t, children: r, ...a }, l) => {
+  const i = Ne(Xe), c = fe(null), u = jt(
     (d) => {
-      if (u.current = d, d && Ue(d), typeof l == "function") {
+      if (c.current = d, d && Je(d), typeof l == "function") {
         l(d);
         return;
       }
@@ -627,9 +628,9 @@ const We = p(({ className: t, children: r, ...n }, l) => {
     },
     [l]
   );
-  return /* @__PURE__ */ s(I.Portal, { children: [
+  return /* @__PURE__ */ s(P.Portal, { children: [
     /* @__PURE__ */ e(
-      I.Overlay,
+      P.Overlay,
       {
         className: o(
           "fixed inset-0 z-50 overflow-hidden bg-overlay data-[state=open]:animate-in data-[state=open]:fade-in-0",
@@ -646,9 +647,9 @@ const We = p(({ className: t, children: r, ...n }, l) => {
       }
     ),
     /* @__PURE__ */ e("div", { className: "pointer-events-none fixed inset-0 z-50 flex items-center justify-center overflow-y-auto p-4", children: /* @__PURE__ */ s(
-      I.Content,
+      P.Content,
       {
-        ref: c,
+        ref: 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",
@@ -656,11 +657,11 @@ const We = p(({ className: t, children: r, ...n }, l) => {
           "focus:outline-none",
           t
         ),
-        ...n,
+        ...a,
         children: [
           r,
-          /* @__PURE__ */ s(I.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
-            /* @__PURE__ */ e(ae, { className: "size-4" }),
+          /* @__PURE__ */ s(P.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
+            /* @__PURE__ */ e(ne, { className: "size-4" }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -668,8 +669,8 @@ const We = p(({ className: t, children: r, ...n }, l) => {
     ) })
   ] });
 });
-We.displayName = "DialogContent";
-function sr({
+Qe.displayName = "DialogContent";
+function cr({
   className: t,
   ...r
 }) {
@@ -685,7 +686,7 @@ function sr({
     }
   );
 }
-function dr({
+function ur({
   className: t,
   ...r
 }) {
@@ -698,7 +699,7 @@ function dr({
     }
   );
 }
-function cr({
+function mr({
   className: t,
   ...r
 }) {
@@ -714,7 +715,7 @@ function cr({
     }
   );
 }
-function ur({
+function br({
   className: t,
   ...r
 }) {
@@ -730,75 +731,75 @@ function ur({
     }
   );
 }
-const Xe = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  I.Title,
+const Ye = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  P.Title,
   {
-    ref: n,
+    ref: a,
     className: o("text-base font-semibold text-fg", t),
     ...r
   }
 ));
-Xe.displayName = "DialogTitle";
-const mr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  I.Description,
+Ye.displayName = "DialogTitle";
+const pr = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  P.Description,
   {
-    ref: n,
+    ref: a,
     className: o("text-sm text-muted", t),
     ...r
   }
 ));
-mr.displayName = "DialogDescription";
-const Ke = Ae(null);
-function br({
+pr.displayName = "DialogDescription";
+const Ze = ye(null);
+function fr({
   label: t,
   value: r,
-  onChange: n,
+  onChange: a,
   disabled: l = !1,
   name: i,
-  className: u,
-  children: c,
+  className: c,
+  children: u,
   ...d
 }) {
-  const f = ne(), h = i ?? f;
-  return /* @__PURE__ */ e(Ke.Provider, { value: { name: h, value: r, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", u), ...d, children: [
+  const f = ie(), h = i ?? f;
+  return /* @__PURE__ */ e(Ze.Provider, { value: { name: h, value: r, onChange: a, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", c), ...d, children: [
     /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
-    c
+    u
   ] }) });
 }
-function pr({
+function hr({
   value: t,
   title: r,
-  description: n,
+  description: a,
   badge: l,
   disabled: i = !1,
-  className: u
+  className: c
 }) {
-  const c = Re(Ke), d = ne();
-  if (!c)
+  const u = Ne(Ze), d = ie();
+  if (!u)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const f = i || c.disabled, h = c.value === t;
+  const f = i || u.disabled, h = u.value === t;
   return /* @__PURE__ */ s(
     "label",
     {
       className: o(
         "group relative flex items-start gap-3",
         f ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-        u
+        c
       ),
       children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "radio",
-            name: c.name,
+            name: u.name,
             value: t,
             checked: h,
             disabled: f,
             onChange: () => {
               var g;
-              return (g = c.onChange) == null ? void 0 : g.call(c, t);
+              return (g = u.onChange) == null ? void 0 : g.call(u, t);
             },
-            "aria-describedby": n ? d : void 0,
+            "aria-describedby": a ? d : void 0,
             className: "peer sr-only"
           }
         ),
@@ -816,43 +817,43 @@ function pr({
         /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ s("span", { className: "flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: r }),
-            l ? /* @__PURE__ */ e(Ht, { variant: "primary", children: l }) : null
+            l ? /* @__PURE__ */ e(Vt, { variant: "primary", children: l }) : null
           ] }),
-          n ? /* @__PURE__ */ e("span", { id: d, className: "mt-1 block text-sm text-muted", children: n }) : null
+          a ? /* @__PURE__ */ e("span", { id: d, className: "mt-1 block text-sm text-muted", children: a }) : null
         ] })
       ]
     }
   );
 }
-function $r({
+function Hr({
   open: t,
   onOpenChange: r,
-  trigger: n,
+  trigger: a,
   title: l,
   options: i,
-  defaultValue: u,
-  value: c,
+  defaultValue: c,
+  value: u,
   onValueChange: d,
   cancelLabel: f = "Cancel",
   confirmLabel: h = "Continue",
   onConfirm: g
 }) {
-  var E;
-  const [y, C] = D(u ?? ((E = i[0]) == null ? void 0 : E.value) ?? ""), z = c ?? y;
-  return /* @__PURE__ */ s(or, { open: t, onOpenChange: r, children: [
-    n ? /* @__PURE__ */ e(Ve, { asChild: !0, children: n }) : null,
+  var I;
+  const [y, C] = D(c ?? ((I = i[0]) == null ? void 0 : I.value) ?? ""), z = u ?? y;
+  return /* @__PURE__ */ s(dr, { open: t, onOpenChange: r, children: [
+    a ? /* @__PURE__ */ e(Ke, { asChild: !0, children: a }) : null,
     /* @__PURE__ */ s(
-      We,
+      Qe,
       {
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ s(sr, { children: [
-            /* @__PURE__ */ e(cr, { children: /* @__PURE__ */ e(Xe, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ e(dr, { children: /* @__PURE__ */ e(br, { label: l, value: z, onChange: (N) => {
-              c === void 0 && C(N), d == null || d(N);
+          /* @__PURE__ */ s(cr, { children: [
+            /* @__PURE__ */ e(mr, { children: /* @__PURE__ */ e(Ye, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ e(ur, { children: /* @__PURE__ */ e(fr, { label: l, value: z, onChange: (N) => {
+              u === void 0 && C(N), d == null || d(N);
             }, children: i.map((N) => /* @__PURE__ */ e(
-              pr,
+              hr,
               {
                 value: N.value,
                 title: N.title,
@@ -862,7 +863,7 @@ function $r({
               N.value
             )) }) })
           ] }),
-          /* @__PURE__ */ s(ur, { className: "gap-3 pt-2.5", children: [
+          /* @__PURE__ */ s(br, { className: "gap-3 pt-2.5", children: [
             /* @__PURE__ */ e(
               S,
               {
@@ -879,16 +880,16 @@ function $r({
     )
   ] });
 }
-function Gr({ code: t, label: r, className: n }) {
+function qr({ code: t, label: r, className: a }) {
   const [l, i] = D(!1);
   return /* @__PURE__ */ e(
-    le,
+    oe,
     {
-      className: n,
+      className: a,
       header: /* @__PURE__ */ e("div", { className: "flex h-(--table-header-h) items-center px-(--table-pad-x) pr-28", children: /* @__PURE__ */ e("span", { className: "truncate text-[13px] font-medium text-table-header", children: r }) }),
       action: {
         label: l ? "Copied" : "Copy",
-        icon: l ? /* @__PURE__ */ e(W, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Le, {}),
+        icon: l ? /* @__PURE__ */ e(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Fe, {}),
         variant: "ghost",
         onClick: async () => {
           try {
@@ -902,40 +903,40 @@ function Gr({ code: t, label: r, className: n }) {
     }
   );
 }
-const fr = {
+const gr = {
   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"
-}, hr = {
+}, xr = {
   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)]"
-}, gr = {
+}, vr = {
   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)]"
-}, _e = {
+}, Be = {
   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)]"
-}, ue = {
+}, be = {
   sm: "size-[var(--control-icon-sm)]",
   md: "size-[var(--control-icon-md)]",
   lg: "size-[var(--control-icon-lg)]",
   xl: "size-[var(--control-icon-xl)]"
-}, Je = p(
+}, Oe = p(
   ({
     className: t,
     containerClassName: r,
-    type: n = "text",
+    type: a = "text",
     size: l = "md",
     leadingIcon: i,
-    trailingIcon: u,
-    onClear: c,
+    trailingIcon: c,
+    onClear: u,
     value: d,
     defaultValue: f,
     error: h = !1,
@@ -944,26 +945,26 @@ const fr = {
     "aria-describedby": C,
     disabled: z,
     readOnly: w,
-    ...E
+    ...I
   }, N) => {
-    const B = ne(), X = y ?? B, F = !!g, _ = !!(c && (d !== void 0 ? String(d).length > 0 : f !== void 0 && String(f).length > 0)), K = F ? `${X}-description` : void 0, ie = [C, K].filter(Boolean).join(" ") || void 0, J = /* @__PURE__ */ e(
+    const B = ie(), K = y ?? B, F = !!g, _ = !!(u && (d !== void 0 ? String(d).length > 0 : f !== void 0 && String(f).length > 0)), J = F ? `${K}-description` : void 0, se = [C, J].filter(Boolean).join(" ") || void 0, Q = /* @__PURE__ */ e(
       "input",
       {
         ref: N,
-        id: X,
-        type: n,
+        id: K,
+        type: a,
         disabled: z,
         readOnly: w,
         "aria-invalid": h || void 0,
-        "aria-describedby": ie,
-        style: i || u || _ ? {
+        "aria-describedby": se,
+        style: i || c || _ ? {
           paddingInlineStart: i ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
-          paddingInlineEnd: u || _ ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
+          paddingInlineEnd: c || _ ? `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",
-          fr[l],
-          hr[l],
+          gr[l],
+          xr[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",
@@ -975,51 +976,51 @@ const fr = {
         ),
         value: d,
         defaultValue: f,
-        ...E
+        ...I
       }
     );
-    return !i && !u && !_ && !F ? J : /* @__PURE__ */ s("div", { className: o("w-full", r), children: [
+    return !i && !c && !_ && !F ? Q : /* @__PURE__ */ s("div", { className: o("w-full", r), 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)",
-              gr[l]
+              vr[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ue[l]), children: i })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", be[l]), children: i })
           }
         ) : null,
-        J,
+        Q,
         _ ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "aria-label": "Clear search",
-            onClick: c,
+            onClick: u,
             className: o(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
-              _e[l]
+              Be[l]
             ),
-            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ue[l]), children: /* @__PURE__ */ e(ae, {}) })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", be[l]), children: /* @__PURE__ */ e(ne, {}) })
           }
-        ) : u ? /* @__PURE__ */ e(
+        ) : c ? /* @__PURE__ */ e(
           "span",
           {
             className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              _e[l]
+              Be[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ue[l]), children: u })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", be[l]), children: c })
           }
         ) : null
       ] }),
       F ? /* @__PURE__ */ e(
         "p",
         {
-          id: K,
+          id: J,
           className: o("mt-1.5 text-xs", h ? "text-error" : "text-muted"),
           children: g
         }
@@ -1027,14 +1028,49 @@ const fr = {
     ] });
   }
 );
-Je.displayName = "Input";
-const me = T.Root, be = T.Trigger, Hr = T.Group, qr = T.Portal, ee = p(({ className: t, sideOffset: r = 8, ...n }, l) => /* @__PURE__ */ e(T.Portal, { children: /* @__PURE__ */ e(
+Oe.displayName = "Input";
+function ke(t, r) {
+  let a = 0;
+  return $e.forEach(t, (l) => {
+    if (!Ge(l)) return;
+    if (r.some((c) => c === l.type)) {
+      a += 1;
+      return;
+    }
+    const i = l.props.children;
+    i && (a += ke(i, r));
+  }), a;
+}
+const et = ye(!1);
+function pe({
+  children: t,
+  ...r
+}) {
+  const a = ke(t, [
+    le,
+    U
+  ]) === 0;
+  return /* @__PURE__ */ e(et.Provider, { value: a, children: /* @__PURE__ */ e(T.Root, { ...r, children: t }) });
+}
+const te = p(({ disabled: t, ...r }, a) => {
+  const l = Ne(et);
+  return /* @__PURE__ */ e(
+    T.Trigger,
+    {
+      ref: a,
+      disabled: t || l,
+      ...r
+    }
+  );
+});
+te.displayName = "DropdownMenuTrigger";
+const Vr = T.Group, Ur = T.Portal, re = p(({ className: t, sideOffset: r = 8, ...a }, l) => /* @__PURE__ */ e(T.Portal, { children: /* @__PURE__ */ e(
   T.Content,
   {
     ref: l,
     sideOffset: r,
     className: o(
-      "menu-surface btn-inner-border z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-[var(--button-secondary-bg)] p-1",
+      "menu-surface btn-inner-border z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
       "data-[state=open]:animate-in data-[state=closed]:animate-out",
       "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
       "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
@@ -1043,86 +1079,96 @@ const me = T.Root, be = T.Trigger, Hr = T.Group, qr = T.Portal, ee = p(({ classN
       "duration-150 ease-out",
       t
     ),
-    ...n
+    ...a
   }
 ) }));
-ee.displayName = "DropdownMenuContent";
-const ge = p(({ className: t, inset: r, ...n }, l) => /* @__PURE__ */ e(
+re.displayName = "DropdownMenuContent";
+const le = p(({ className: t, inset: r, ...a }, l) => /* @__PURE__ */ e(
   T.Item,
   {
     ref: l,
     className: o(
       "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-fg outline-none transition-colors",
-      "focus:bg-[var(--menu-highlight)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "focus:bg-(--menu-highlight) data-disabled:pointer-events-none data-disabled:opacity-50",
       "[&_svg]:size-4 [&_svg]:text-muted",
       r && "pl-8",
       t
     ),
-    ...n
+    ...a
   }
 ));
-ge.displayName = "DropdownMenuItem";
-const te = p(({ className: t, children: r, checked: n, ...l }, i) => /* @__PURE__ */ s(
+le.displayName = "DropdownMenuItem";
+const U = p(({ className: t, children: r, checked: a, ...l }, i) => /* @__PURE__ */ s(
   T.CheckboxItem,
   {
     ref: i,
     className: o(
-      "group relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none transition-colors focus:bg-[var(--menu-highlight)]",
+      "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: n,
+    checked: a,
     ...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(T.ItemIndicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: /* @__PURE__ */ e(W, { className: "size-3", weight: "bold" }) }) }),
+      /* @__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(X, { className: "size-3", weight: "bold" }) }) }),
       r
     ]
   }
 ));
-te.displayName = "DropdownMenuCheckboxItem";
-const re = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+U.displayName = "DropdownMenuCheckboxItem";
+const ae = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   T.Label,
   {
-    ref: n,
+    ref: a,
     className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...r
   }
 ));
-re.displayName = "DropdownMenuLabel";
-const xe = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+ae.displayName = "DropdownMenuLabel";
+const xe = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   T.Separator,
   {
-    ref: n,
+    ref: a,
     className: o("-mx-1 my-1 h-px bg-line", t),
     ...r
   }
 ));
 xe.displayName = "DropdownMenuSeparator";
-const xr = k.Root, Vr = k.Group, vr = k.Value, Qe = p(({ className: t, children: r, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
+const Wr = k.Group, Nr = k.Value;
+function yr({
+  children: t,
+  disabled: r,
+  ...a
+}) {
+  const l = ke(t, [ze]) === 0;
+  return /* @__PURE__ */ e(k.Root, { disabled: r || l, ...a, children: t });
+}
+const tt = p(({ className: t, children: r, variant: a = "field", ...l }, i) => /* @__PURE__ */ s(
   k.Trigger,
   {
     ref: i,
     className: o(
       "flex items-center justify-between gap-2 text-sm text-fg",
       "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+      "data-disabled:cursor-not-allowed data-disabled:opacity-50",
       "[&>span]:truncate",
-      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",
+      a === "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",
+      a === "inline" && "btn-fill btn-inner-border btn-interactive h-(--control-h-md) w-auto rounded-(--control-radius) border-0 bg-(--button-secondary-bg) px-(--control-pad-x-sm) font-medium text-fg hover:bg-(--button-surface-hover) active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
       t
     ),
     ...l,
     children: [
       r,
-      /* @__PURE__ */ e(k.Icon, { asChild: !0, children: /* @__PURE__ */ e(O, { className: "size-3.5 text-subtle" }) })
+      /* @__PURE__ */ e(k.Icon, { asChild: !0, children: /* @__PURE__ */ e(ee, { className: "size-3.5 text-subtle" }) })
     ]
   }
 ));
-Qe.displayName = "SelectTrigger";
-const Ye = p(
-  ({ className: t, children: r, position: n = "popper", sideOffset: l = 8, ...i }, u) => /* @__PURE__ */ e(k.Portal, { children: /* @__PURE__ */ e(
+tt.displayName = "SelectTrigger";
+const rt = p(
+  ({ className: t, children: r, position: a = "popper", sideOffset: l = 8, ...i }, c) => /* @__PURE__ */ e(k.Portal, { children: /* @__PURE__ */ e(
     k.Content,
     {
-      ref: u,
-      position: n,
+      ref: c,
+      position: a,
       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",
@@ -1139,8 +1185,8 @@ const Ye = p(
     }
   ) })
 );
-Ye.displayName = "SelectContent";
-const Ze = p(({ className: t, children: r, ...n }, l) => /* @__PURE__ */ s(
+rt.displayName = "SelectContent";
+const ze = p(({ className: t, children: r, ...a }, l) => /* @__PURE__ */ s(
   k.Item,
   {
     ref: l,
@@ -1148,27 +1194,27 @@ const Ze = p(({ className: t, children: r, ...n }, l) => /* @__PURE__ */ s(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none focus:bg-(--menu-highlight) data-disabled:pointer-events-none data-disabled:opacity-50",
       t
     ),
-    ...n,
+    ...a,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(k.ItemIndicator, { children: /* @__PURE__ */ e(W, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(k.ItemIndicator, { children: /* @__PURE__ */ e(X, { className: "size-3.5" }) }) }),
       /* @__PURE__ */ e(k.ItemText, { children: r })
     ]
   }
 ));
-Ze.displayName = "SelectItem";
-const Nr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+ze.displayName = "SelectItem";
+const wr = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   k.Label,
   {
-    ref: n,
+    ref: a,
     className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...r
   }
 ));
-Nr.displayName = "SelectLabel";
-function yr({
+wr.displayName = "SelectLabel";
+function Cr({
   icon: t,
   title: r,
-  description: n,
+  description: a,
   action: l,
   className: i
 }) {
@@ -1183,29 +1229,29 @@ function yr({
         t ? /* @__PURE__ */ e("div", { className: "flex size-[var(--table-empty-icon)] items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-table-muted [&_svg]:size-8", children: t }) : null,
         /* @__PURE__ */ s("div", { className: "space-y-2", children: [
           /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold leading-tight text-table-header-active", children: r }),
-          n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: n }) : null
+          a ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: a }) : null
         ] }),
         l ? /* @__PURE__ */ e("div", { className: "text-sm font-medium text-table-accent", children: l }) : null
       ]
     }
   );
 }
-const wr = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium";
-function Cr(t) {
+const Sr = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium";
+function kr(t) {
   return t.split(/\s+/).slice(0, 2).map((r) => {
-    var n;
-    return ((n = r[0]) == null ? void 0 : n.toUpperCase()) ?? "";
+    var a;
+    return ((a = r[0]) == null ? void 0 : a.toUpperCase()) ?? "";
   }).join("");
 }
-function Ur({
+function Xr({
   name: t,
   secondary: r,
-  image: n
+  image: a
 }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ s(Be, { className: "size-8", children: [
-      n ? /* @__PURE__ */ e(Fe, { src: n, alt: "" }) : null,
-      /* @__PURE__ */ e($e, { children: Cr(t) })
+    /* @__PURE__ */ s(He, { className: "size-8", children: [
+      a ? /* @__PURE__ */ e(qe, { src: a, alt: "" }) : null,
+      /* @__PURE__ */ e(Ve, { children: kr(t) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
       /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
@@ -1213,14 +1259,14 @@ function Ur({
     ] })
   ] });
 }
-function Wr({
+function Kr({
   rows: t,
   columns: r,
-  getRowId: n,
+  getRowId: a,
   loading: l = !1,
   error: i,
-  empty: u,
-  search: c,
+  empty: c,
+  search: u,
   filters: d,
   toolbarStart: f,
   toolbarEnd: h,
@@ -1229,172 +1275,172 @@ function Wr({
   onTabChange: C,
   infoBanner: z,
   selectable: w = !1,
-  bulkActions: E,
+  bulkActions: I,
   rowActions: N,
   onRowClick: B,
-  defaultSort: X,
+  defaultSort: K,
   pageSize: F = 25,
   pageSizeOptions: _ = [10, 25, 50, 100],
-  tone: K,
-  headerAction: ie,
-  headerClassName: J,
-  panelClassName: Oe,
-  className: et
+  tone: J,
+  headerAction: se,
+  headerClassName: Q,
+  panelClassName: at,
+  className: nt
 }) {
-  const [Ce, Se] = D(
+  const [De, Te] = D(
     () => Object.fromEntries(
-      r.filter((a) => a.defaultHidden && !a.required).map((a) => [a.id, !0])
+      r.filter((n) => n.defaultHidden && !n.required).map((n) => [n.id, !0])
     )
-  ), [x, tt] = D(
-    X ?? null
-  ), [$, Q] = D(0), [L, rt] = D(F), [R, oe] = D(/* @__PURE__ */ new Set()), [at, se] = D([]), M = r.filter((a) => !Ce[a.id]), ke = r.filter((a) => Ce[a.id] && !a.required), de = (d ?? []).filter((a) => at.includes(a.id)), nt = (d ?? []).map((a) => `${a.id}:${a.value.join(",")}`).join("|"), Y = Pe(() => {
-    let a = t;
+  ), [x, lt] = D(
+    K ?? null
+  ), [$, Y] = D(0), [L, it] = D(F), [R, de] = D(/* @__PURE__ */ new Set()), [ot, ce] = D([]), E = r.filter((n) => !De[n.id]), Me = r.filter((n) => De[n.id] && !n.required), ue = (d ?? []).filter((n) => ot.includes(n.id)), st = (d ?? []).map((n) => `${n.id}:${n.value.join(",")}`).join("|"), Z = je(() => {
+    let n = t;
     for (const b of d ?? [])
-      b.value.length > 0 && (a = a.filter((v) => b.match(v, b.value)));
-    if (!c || !c.value.trim()) return a;
-    const m = c.value.trim().toLowerCase();
-    return a.filter((b) => c.keys(b).toLowerCase().includes(m));
-  }, [t, c, d]), G = Pe(() => {
-    if (!x) return Y;
-    const a = r.find((b) => b.id === x.id);
-    if (!(a != null && a.sortValue)) return Y;
+      b.value.length > 0 && (n = n.filter((v) => b.match(v, b.value)));
+    if (!u || !u.value.trim()) return n;
+    const m = u.value.trim().toLowerCase();
+    return n.filter((b) => u.keys(b).toLowerCase().includes(m));
+  }, [t, u, d]), G = je(() => {
+    if (!x) return Z;
+    const n = r.find((b) => b.id === x.id);
+    if (!(n != null && n.sortValue)) return Z;
     const m = x.dir === "asc" ? 1 : -1;
-    return [...Y].sort((b, v) => {
-      const P = a.sortValue(b), q = a.sortValue(v);
-      return P == null && q == null ? 0 : P == null ? 1 : q == null ? -1 : typeof P == "number" && typeof q == "number" ? (P - q) * m : String(P).localeCompare(String(q)) * m;
+    return [...Z].sort((b, v) => {
+      const M = n.sortValue(b), q = n.sortValue(v);
+      return M == null && q == null ? 0 : M == null ? 1 : q == null ? -1 : typeof M == "number" && typeof q == "number" ? (M - q) * m : String(M).localeCompare(String(q)) * m;
     });
-  }, [Y, x, r]), H = Math.max(1, Math.ceil(G.length / L));
+  }, [Z, x, r]), H = Math.max(1, Math.ceil(G.length / L));
   V(() => {
-    Q(0);
-  }, [c == null ? void 0 : c.value, L, x == null ? void 0 : x.id, x == null ? void 0 : x.dir, y, nt]), V(() => {
-    $ > H - 1 && Q(H - 1);
+    Y(0);
+  }, [u == null ? void 0 : u.value, L, x == null ? void 0 : x.id, x == null ? void 0 : x.dir, y, st]), V(() => {
+    $ > H - 1 && Y(H - 1);
   }, [$, H]);
-  const Z = $ * L, j = G.slice(Z, Z + L), lt = (a) => {
-    a.sortable && tt(
-      (m) => (m == null ? void 0 : m.id) === a.id ? m.dir === "asc" ? { id: a.id, dir: "desc" } : null : { id: a.id, dir: "asc" }
+  const O = $ * L, j = G.slice(O, O + L), dt = (n) => {
+    n.sortable && lt(
+      (m) => (m == null ? void 0 : m.id) === n.id ? m.dir === "asc" ? { id: n.id, dir: "desc" } : null : { id: n.id, dir: "asc" }
     );
-  }, ze = j.length > 0 && j.every((a) => R.has(n(a))), it = j.some((a) => R.has(n(a))), ot = t.filter((a) => R.has(n(a))), st = () => {
-    oe((a) => {
-      const m = new Set(a);
-      return ze ? j.forEach((b) => m.delete(n(b))) : j.forEach((b) => m.add(n(b))), m;
+  }, Pe = j.length > 0 && j.every((n) => R.has(a(n))), ct = j.some((n) => R.has(a(n))), ut = t.filter((n) => R.has(a(n))), mt = () => {
+    de((n) => {
+      const m = new Set(n);
+      return Pe ? j.forEach((b) => m.delete(a(b))) : j.forEach((b) => m.add(a(b))), m;
     });
-  }, dt = (a) => {
-    oe((m) => {
+  }, bt = (n) => {
+    de((m) => {
       const b = new Set(m);
-      return b.has(a) ? b.delete(a) : b.add(a), b;
+      return b.has(n) ? b.delete(n) : b.add(n), b;
     });
-  }, ct = !!(c || d != null && d.length || f || h), ut = M.some((a) => a.width), mt = M.length > 1 ? 70 / (M.length - 1) : 100, bt = M.map((a, m) => a.width ? a.width : ut ? "auto" : `${m === 0 ? 30 : mt}%`), De = [
+  }, pt = !!(u || d != null && d.length || f || h), ft = E.some((n) => n.width), ht = E.length > 1 ? 70 / (E.length - 1) : 100, gt = E.map((n, m) => n.width ? n.width : ft ? "auto" : `${m === 0 ? 30 : ht}%`), Ee = [
     ...w ? ["2.75rem"] : [],
-    ...bt,
+    ...gt,
     ...N ? ["11rem"] : []
-  ], pt = (a) => (x == null ? void 0 : x.id) === a.id ? x.dir === "asc" ? "ascending" : "descending" : void 0;
-  return /* @__PURE__ */ s("div", { className: o("space-y-4", et), children: [
-    g && g.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: g.map((a) => {
-      const m = a.id === y;
+  ], xt = (n) => (x == null ? void 0 : x.id) === n.id ? x.dir === "asc" ? "ascending" : "descending" : void 0;
+  return /* @__PURE__ */ s("div", { className: o("space-y-4", nt), children: [
+    g && g.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: g.map((n) => {
+      const m = n.id === y;
       return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           role: "tab",
           "aria-selected": m,
-          onClick: () => C == null ? void 0 : C(a.id),
+          onClick: () => C == null ? void 0 : C(n.id),
           className: o(
             "-mb-px border-b-2 px-3 py-2 text-sm transition-colors",
             m ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
           ),
-          children: a.label
+          children: n.label
         },
-        a.id
+        n.id
       );
     }) }),
-    ct && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      c && /* @__PURE__ */ e(
-        Je,
+    pt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      u && /* @__PURE__ */ e(
+        Oe,
         {
           type: "search",
-          "aria-label": c.placeholder ?? "Search",
-          placeholder: c.placeholder ?? "Search...",
-          value: c.value,
-          onChange: (a) => c.onChange(a.target.value),
-          onClear: () => c.onChange(""),
-          leadingIcon: /* @__PURE__ */ e(Ct, {}),
+          "aria-label": u.placeholder ?? "Search",
+          placeholder: u.placeholder ?? "Search...",
+          value: u.value,
+          onChange: (n) => u.onChange(n.target.value),
+          onClear: () => u.onChange(""),
+          leadingIcon: /* @__PURE__ */ e(Dt, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
       f,
-      /* @__PURE__ */ s(me, { children: [
-        /* @__PURE__ */ e(be, { asChild: !0, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ s(pe, { children: [
+        /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(
           S,
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ e(St, {}),
-            trailingIcon: /* @__PURE__ */ e(O, {}),
+            leadingIcon: /* @__PURE__ */ e(Tt, {}),
+            trailingIcon: /* @__PURE__ */ e(ee, {}),
             children: "Columns"
           }
         ) }),
-        /* @__PURE__ */ s(ee, { align: "end", className: "w-54", children: [
-          /* @__PURE__ */ e(re, { className: "text-[13px]", children: "Active columns" }),
-          M.map((a) => /* @__PURE__ */ s(
-            te,
+        /* @__PURE__ */ s(re, { align: "end", className: "w-54", children: [
+          /* @__PURE__ */ e(ae, { className: "text-[13px]", children: "Active columns" }),
+          E.map((n) => /* @__PURE__ */ s(
+            U,
             {
               checked: !0,
-              disabled: a.required,
-              onCheckedChange: () => Se((m) => ({ ...m, [a.id]: !0 })),
+              disabled: n.required,
+              onCheckedChange: () => Te((m) => ({ ...m, [n.id]: !0 })),
               onSelect: (m) => m.preventDefault(),
               className: "justify-between",
               children: [
-                /* @__PURE__ */ e("span", { children: a.header }),
-                a.required ? /* @__PURE__ */ e(kt, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
+                /* @__PURE__ */ e("span", { children: n.header }),
+                n.required ? /* @__PURE__ */ e(Mt, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
               ]
             },
-            a.id
+            n.id
           )),
-          ke.length > 0 ? /* @__PURE__ */ s(ve, { children: [
+          Me.length > 0 ? /* @__PURE__ */ s(ve, { children: [
             /* @__PURE__ */ e(xe, {}),
-            /* @__PURE__ */ e(re, { className: "text-[13px]", children: "Available columns" }),
-            ke.map((a) => /* @__PURE__ */ e(
-              te,
+            /* @__PURE__ */ e(ae, { className: "text-[13px]", children: "Available columns" }),
+            Me.map((n) => /* @__PURE__ */ e(
+              U,
               {
                 checked: !1,
-                onCheckedChange: () => Se((m) => ({ ...m, [a.id]: !1 })),
+                onCheckedChange: () => Te((m) => ({ ...m, [n.id]: !1 })),
                 onSelect: (m) => m.preventDefault(),
-                children: a.header
+                children: n.header
               },
-              a.id
+              n.id
             ))
           ] }) : null
         ] })
       ] }),
-      d && d.length > 0 ? /* @__PURE__ */ s(me, { children: [
-        /* @__PURE__ */ e(be, { asChild: !0, children: /* @__PURE__ */ e(
+      d && d.length > 0 ? /* @__PURE__ */ s(pe, { children: [
+        /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(
           S,
           {
             variant: "secondary",
             size: "md",
             iconOnly: !0,
             "aria-label": "Add filter",
-            children: /* @__PURE__ */ e(Te, {})
+            children: /* @__PURE__ */ e(Ie, {})
           }
         ) }),
-        /* @__PURE__ */ e(ee, { align: "start", className: "w-54", children: d.map((a) => /* @__PURE__ */ e(
-          ge,
+        /* @__PURE__ */ e(re, { align: "start", className: "w-54", children: d.map((n) => /* @__PURE__ */ e(
+          le,
           {
-            onSelect: () => se(
-              (m) => m.includes(a.id) ? m : [...m, a.id]
+            onSelect: () => ce(
+              (m) => m.includes(n.id) ? m : [...m, n.id]
             ),
-            children: a.label
+            children: n.label
           },
-          a.id
+          n.id
         )) })
       ] }) : null,
       h ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: h }) : null
     ] }),
-    de.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      de.map((a) => {
+    ue.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      ue.map((n) => {
         const m = () => {
-          a.onChange([]), se((b) => b.filter((v) => v !== a.id));
+          n.onChange([]), ce((b) => b.filter((v) => v !== n.id));
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ e(
@@ -1403,53 +1449,53 @@ function Wr({
               variant: "secondary",
               size: "md",
               iconOnly: !0,
-              "aria-label": `Remove ${a.label} filter`,
+              "aria-label": `Remove ${n.label} filter`,
               className: "rounded-r-none",
               onClick: m,
-              children: /* @__PURE__ */ e(ae, {})
+              children: /* @__PURE__ */ e(ne, {})
             }
           ),
-          /* @__PURE__ */ s(me, { children: [
-            /* @__PURE__ */ e(be, { asChild: !0, children: /* @__PURE__ */ s(S, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
-              /* @__PURE__ */ e(Te, {}),
-              /* @__PURE__ */ e("span", { className: "font-medium", children: a.label }),
+          /* @__PURE__ */ s(pe, { children: [
+            /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ s(S, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+              /* @__PURE__ */ e(Ie, {}),
+              /* @__PURE__ */ e("span", { className: "font-medium", children: n.label }),
               /* @__PURE__ */ e("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
-              /* @__PURE__ */ e("span", { className: "text-muted", children: a.value.length > 0 ? `${a.value.length} selected` : "Enter value" }),
-              /* @__PURE__ */ e(O, { className: "text-muted" })
+              /* @__PURE__ */ e("span", { className: "text-muted", children: n.value.length > 0 ? `${n.value.length} selected` : "Enter value" }),
+              /* @__PURE__ */ e(ee, { className: "text-muted" })
             ] }) }),
-            /* @__PURE__ */ s(ee, { align: "start", className: "w-56", children: [
-              /* @__PURE__ */ s(re, { className: "text-[13px]", children: [
+            /* @__PURE__ */ s(re, { align: "start", className: "w-56", children: [
+              /* @__PURE__ */ s(ae, { className: "text-[13px]", children: [
                 "Filter by ",
-                a.label
+                n.label
               ] }),
-              a.options.map((b) => {
-                const v = a.value.includes(b.value);
+              n.options.map((b) => {
+                const v = n.value.includes(b.value);
                 return /* @__PURE__ */ e(
-                  te,
+                  U,
                   {
                     checked: v,
-                    onCheckedChange: () => a.onChange(
-                      v ? a.value.filter((P) => P !== b.value) : [...a.value, b.value]
+                    onCheckedChange: () => n.onChange(
+                      v ? n.value.filter((M) => M !== b.value) : [...n.value, b.value]
                     ),
-                    onSelect: (P) => P.preventDefault(),
+                    onSelect: (M) => M.preventDefault(),
                     children: b.label
                   },
                   b.value
                 );
               }),
               /* @__PURE__ */ e(xe, {}),
-              /* @__PURE__ */ e(ge, { onSelect: m, children: "Clear filter" })
+              /* @__PURE__ */ e(le, { onSelect: m, children: "Clear filter" })
             ] })
           ] })
-        ] }, a.id);
+        ] }, n.id);
       }),
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           onClick: () => {
-            for (const a of de) a.onChange([]);
-            se([]);
+            for (const n of ue) n.onChange([]);
+            ce([]);
           },
           className: "text-sm text-muted transition-colors hover:text-fg",
           children: "Clear filters"
@@ -1462,134 +1508,134 @@ function Wr({
         R.size,
         " selected"
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (E ?? []).map((a) => /* @__PURE__ */ s(
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (I ?? []).map((n) => /* @__PURE__ */ s(
         S,
         {
           size: "md",
-          variant: a.variant ?? "outline",
-          disabled: a.disabled,
-          onClick: () => void a.onRun(ot),
+          variant: n.variant ?? "outline",
+          disabled: n.disabled,
+          onClick: () => void n.onRun(ut),
           children: [
-            a.icon,
-            a.label
+            n.icon,
+            n.label
           ]
         },
-        a.label
+        n.label
       )) }),
       /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          onClick: () => oe(/* @__PURE__ */ new Set()),
+          onClick: () => de(/* @__PURE__ */ new Set()),
           className: "ml-auto inline-flex items-center gap-1 text-xs text-muted hover:text-fg",
           children: [
-            /* @__PURE__ */ e(ae, { className: "size-3.5" }),
+            /* @__PURE__ */ e(ne, { className: "size-3.5" }),
             "Clear"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ e(
-      le,
+      oe,
       {
-        action: ie,
-        tone: K,
-        headerClassName: J,
-        panelClassName: Oe,
+        action: se,
+        tone: J,
+        headerClassName: Q,
+        panelClassName: at,
         header: (
           // Visible header: presentational so its controls stay focusable while
           // the body table carries the semantic column headers (sr-only).
           /* @__PURE__ */ s("table", { role: "presentation", className: "w-full table-fixed border-collapse", children: [
-            /* @__PURE__ */ e("colgroup", { children: De.map((a, m) => /* @__PURE__ */ e("col", { style: { width: a } }, m)) }),
+            /* @__PURE__ */ e("colgroup", { children: Ee.map((n, m) => /* @__PURE__ */ e("col", { style: { width: n } }, m)) }),
             /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
               w && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-4 align-middle", children: /* @__PURE__ */ e(
-                fe,
+                he,
                 {
                   "aria-label": "Select all rows",
-                  checked: ze ? !0 : it ? "indeterminate" : !1,
-                  onCheckedChange: st
+                  checked: Pe ? !0 : ct ? "indeterminate" : !1,
+                  onCheckedChange: mt
                 }
               ) }),
-              M.map((a) => /* @__PURE__ */ e(
+              E.map((n) => /* @__PURE__ */ e(
                 "th",
                 {
-                  className: o(wr, a.align === "right" && "text-right", a.className),
-                  children: a.sortable ? /* @__PURE__ */ s(
+                  className: o(Sr, n.align === "right" && "text-right", n.className),
+                  children: n.sortable ? /* @__PURE__ */ s(
                     S,
                     {
                       type: "button",
                       variant: "ghost",
                       size: "xs",
-                      "aria-label": `Sort by ${a.header}`,
-                      onClick: () => lt(a),
+                      "aria-label": `Sort by ${n.header}`,
+                      onClick: () => dt(n),
                       className: o(
                         "h-auto gap-1.5 rounded-none px-0 py-0 text-[0.8125rem] text-table-header transition-colors [&_svg]:size-3.5",
                         "hover:bg-transparent hover:text-table-header-active hover:shadow-none",
                         "active:scale-100 active:bg-transparent active:shadow-none",
-                        (x == null ? void 0 : x.id) === a.id && "text-table-header-active"
+                        (x == null ? void 0 : x.id) === n.id && "text-table-header-active"
                       ),
                       children: [
-                        a.header,
-                        (x == null ? void 0 : x.id) === a.id ? x.dir === "asc" ? /* @__PURE__ */ e(Dt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(O, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Tt, { className: "size-3.5 opacity-50" })
+                        n.header,
+                        (x == null ? void 0 : x.id) === n.id ? x.dir === "asc" ? /* @__PURE__ */ e(Et, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(ee, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(It, { className: "size-3.5 opacity-50" })
                       ]
                     }
-                  ) : a.header
+                  ) : n.header
                 },
-                a.id
+                n.id
               )),
               N && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
             ] }) })
           ] })
         ),
-        children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((a) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, a)) }) : i ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
-          /* @__PURE__ */ e("div", { className: "flex size-(--table-empty-icon) items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ e(zt, { weight: "duotone" }) }),
+        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(Pt, { 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
         ] }) : j.length === 0 ? /* @__PURE__ */ e(
-          yr,
+          Cr,
           {
-            icon: u == null ? void 0 : u.icon,
-            title: (u == null ? void 0 : u.title) ?? "No results",
-            description: typeof (u == null ? void 0 : u.description) == "string" ? u.description : void 0,
-            action: u == null ? void 0 : u.action
+            icon: c == null ? void 0 : c.icon,
+            title: (c == null ? void 0 : c.title) ?? "No results",
+            description: typeof (c == null ? void 0 : c.description) == "string" ? c.description : void 0,
+            action: c == null ? void 0 : c.action
           }
         ) : /* @__PURE__ */ s("table", { className: "w-full table-fixed border-collapse", children: [
-          /* @__PURE__ */ e("colgroup", { children: De.map((a, m) => /* @__PURE__ */ e("col", { style: { width: a } }, m)) }),
+          /* @__PURE__ */ e("colgroup", { children: Ee.map((n, m) => /* @__PURE__ */ e("col", { style: { width: n } }, m)) }),
           /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
             w && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
-            M.map((a) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": pt(a), children: a.header }, a.id)),
+            E.map((n) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": xt(n), children: n.header }, n.id)),
             N && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
           ] }) }),
-          /* @__PURE__ */ e(Wt, { children: j.map((a) => {
-            const m = n(a), b = R.has(m);
+          /* @__PURE__ */ e(Kt, { children: j.map((n) => {
+            const m = a(n), b = R.has(m);
             return /* @__PURE__ */ s(
-              Xt,
+              Jt,
               {
                 "data-state": b ? "selected" : void 0,
-                onClick: B ? () => B(a) : void 0,
+                onClick: B ? () => B(n) : void 0,
                 className: B ? "cursor-pointer" : void 0,
                 children: [
-                  w && /* @__PURE__ */ e(ce, { className: "w-11 px-4", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ e(
-                    fe,
+                  w && /* @__PURE__ */ e(me, { className: "w-11 px-4", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ e(
+                    he,
                     {
                       "aria-label": "Select row",
                       checked: b,
-                      onCheckedChange: () => dt(m)
+                      onCheckedChange: () => bt(m)
                     }
                   ) }),
-                  M.map((v) => /* @__PURE__ */ e(
-                    ce,
+                  E.map((v) => /* @__PURE__ */ e(
+                    me,
                     {
                       "data-numeric": v.numeric ? "" : void 0,
                       className: o(v.align === "right" && "text-right", v.className),
-                      children: v.cell(a)
+                      children: v.cell(n)
                     },
                     v.id
                   )),
-                  N && /* @__PURE__ */ e(ce, { className: "w-44 px-4 text-right", onClick: (v) => v.stopPropagation(), children: N(a) })
+                  N && /* @__PURE__ */ e(me, { className: "w-44 px-4 text-right", onClick: (v) => v.stopPropagation(), children: N(n) })
                 ]
               },
               m
@@ -1600,19 +1646,19 @@ function Wr({
     ),
     !l && !i && G.length > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
-        Z + 1,
+        O + 1,
         "–",
-        Math.min(Z + L, G.length),
+        Math.min(O + L, G.length),
         " of ",
         G.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s(xr, { value: String(L), onValueChange: (a) => rt(Number(a)), children: [
-          /* @__PURE__ */ e(Qe, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ e(vr, {}) }),
-          /* @__PURE__ */ e(Ye, { children: _.map((a) => /* @__PURE__ */ s(Ze, { value: String(a), children: [
-            a,
+        /* @__PURE__ */ s(yr, { value: String(L), onValueChange: (n) => it(Number(n)), children: [
+          /* @__PURE__ */ e(tt, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ e(Nr, {}) }),
+          /* @__PURE__ */ e(rt, { children: _.map((n) => /* @__PURE__ */ s(ze, { value: String(n), children: [
+            n,
             " / page"
-          ] }, a)) })
+          ] }, n)) })
         ] }),
         /* @__PURE__ */ e(
           S,
@@ -1620,7 +1666,7 @@ function Wr({
             variant: "outline",
             size: "md",
             disabled: $ <= 0,
-            onClick: () => Q((a) => Math.max(0, a - 1)),
+            onClick: () => Y((n) => Math.max(0, n - 1)),
             children: "Previous"
           }
         ),
@@ -1630,7 +1676,7 @@ function Wr({
             variant: "outline",
             size: "md",
             disabled: $ >= H - 1,
-            onClick: () => Q((a) => Math.min(H - 1, a + 1)),
+            onClick: () => Y((n) => Math.min(H - 1, n + 1)),
             children: "Next"
           }
         )
@@ -1638,17 +1684,17 @@ function Wr({
     ] })
   ] });
 }
-function Xr({ icon: t, title: r, description: n, action: l, className: i }) {
-  return /* @__PURE__ */ e(le, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+function Jr({ icon: t, title: r, description: a, action: l, className: i }) {
+  return /* @__PURE__ */ e(oe, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
     t ? /* @__PURE__ */ e("div", { className: "flex size-11 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-6", children: t }) : null,
     /* @__PURE__ */ s("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e("p", { className: "text-sm font-medium text-fg", children: r }),
-      n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: n }) : null
+      a ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: a }) : null
     ] }),
     l
   ] }) });
 }
-function Kr({ className: t, ...r }) {
+function Qr({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -1660,10 +1706,10 @@ function Kr({ className: t, ...r }) {
     }
   );
 }
-const Sr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  Lt.Root,
+const zr = p(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  At.Root,
   {
-    ref: n,
+    ref: a,
     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
@@ -1671,27 +1717,27 @@ const Sr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
     ...r
   }
 ));
-Sr.displayName = "Label";
-function Jr({
+zr.displayName = "Label";
+function Yr({
   value: t,
   onValueChange: r,
-  options: n,
+  options: a,
   size: l = "sm",
   className: i,
-  ...u
+  ...c
 }) {
-  const c = ne();
+  const u = ie();
   return /* @__PURE__ */ e(
     "div",
     {
       role: "radiogroup",
-      "aria-label": u["aria-label"],
+      "aria-label": c["aria-label"],
       className: o(
         "inline-flex w-fit items-center rounded-lg border border-line bg-canvas",
         l === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
         i
       ),
-      children: n.map((d) => {
+      children: a.map((d) => {
         const f = d.value === t;
         return /* @__PURE__ */ s(
           "label",
@@ -1707,7 +1753,7 @@ function Jr({
                 "input",
                 {
                   type: "radio",
-                  name: c,
+                  name: u,
                   value: d.value,
                   checked: f,
                   onChange: () => r(d.value),
@@ -1724,11 +1770,11 @@ function Jr({
     }
   );
 }
-const kr = p(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
-  Rt.Root,
+const Dr = p(({ className: t, orientation: r = "horizontal", decorative: a = !0, ...l }, i) => /* @__PURE__ */ e(
+  Bt.Root,
   {
     ref: i,
-    decorative: n,
+    decorative: a,
     orientation: r,
     className: o(
       "shrink-0 bg-line",
@@ -1738,8 +1784,8 @@ const kr = p(({ className: t, orientation: r = "horizontal", decorative: n = !0,
     ...l
   }
 ));
-kr.displayName = "Separator";
-function Qr({ className: t, ...r }) {
+Dr.displayName = "Separator";
+function Zr({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1748,8 +1794,8 @@ function Qr({ className: t, ...r }) {
     }
   );
 }
-const Yr = U.Provider, Zr = U.Root, Or = U.Trigger, zr = p(({ className: t, sideOffset: r = 6, ...n }, l) => /* @__PURE__ */ e(U.Portal, { children: /* @__PURE__ */ e(
-  U.Content,
+const Or = W.Provider, ea = W.Root, ta = W.Trigger, Tr = p(({ className: t, sideOffset: r = 6, ...a }, l) => /* @__PURE__ */ e(W.Portal, { children: /* @__PURE__ */ e(
+  W.Content,
   {
     ref: l,
     sideOffset: r,
@@ -1763,80 +1809,80 @@ const Yr = U.Provider, Zr = U.Root, Or = U.Trigger, zr = p(({ className: t, side
       "duration-150 ease-out",
       t
     ),
-    ...n
+    ...a
   }
 ) }));
-zr.displayName = "TooltipContent";
+Tr.displayName = "TooltipContent";
 export {
-  _r as AgentPrompt,
-  Be as Avatar,
-  $e as AvatarFallback,
-  Fe as AvatarImage,
-  Ht as Badge,
+  Rr as AgentPrompt,
+  He as Avatar,
+  Ve as AvatarFallback,
+  qe as AvatarImage,
+  Vt as Badge,
   S as Button,
-  Lr as Callout,
-  Zt as Card,
-  tr as CardContent,
-  er as CardDescription,
-  rr as CardFooter,
-  Ge as CardHeader,
-  Ot as CardTitle,
-  fe as Checkbox,
-  $r as ChoiceDialog,
-  Gr as CodeBlock,
-  Wr as DataTable,
-  Ur as DataTableIdentity,
-  or as Dialog,
-  dr as DialogBody,
-  Fr as DialogClose,
-  We as DialogContent,
-  mr as DialogDescription,
-  ur as DialogFooter,
-  cr as DialogHeader,
-  sr as DialogPanel,
-  Xe as DialogTitle,
-  Ve as DialogTrigger,
-  me as DropdownMenu,
-  te as DropdownMenuCheckboxItem,
-  ee as DropdownMenuContent,
-  Hr as DropdownMenuGroup,
-  ge as DropdownMenuItem,
-  re as DropdownMenuLabel,
-  qr as DropdownMenuPortal,
+  Ar as Callout,
+  er as Card,
+  ar as CardContent,
+  rr as CardDescription,
+  nr as CardFooter,
+  Ue as CardHeader,
+  tr as CardTitle,
+  he as Checkbox,
+  Hr as ChoiceDialog,
+  qr as CodeBlock,
+  Kr as DataTable,
+  Xr as DataTableIdentity,
+  dr as Dialog,
+  ur as DialogBody,
+  Gr as DialogClose,
+  Qe as DialogContent,
+  pr as DialogDescription,
+  br as DialogFooter,
+  mr as DialogHeader,
+  cr as DialogPanel,
+  Ye as DialogTitle,
+  Ke as DialogTrigger,
+  pe as DropdownMenu,
+  U as DropdownMenuCheckboxItem,
+  re as DropdownMenuContent,
+  Vr as DropdownMenuGroup,
+  le as DropdownMenuItem,
+  ae as DropdownMenuLabel,
+  Ur as DropdownMenuPortal,
   xe as DropdownMenuSeparator,
-  be as DropdownMenuTrigger,
-  Xr as EmptyState,
-  Je as Input,
-  Kr as Kbd,
-  Sr as Label,
-  pr as RadioCard,
-  br as RadioGroup,
-  Jr as Segmented,
-  xr as Select,
-  Ye as SelectContent,
-  Vr as SelectGroup,
-  Ze as SelectItem,
-  Nr as SelectLabel,
-  Qe as SelectTrigger,
-  vr as SelectValue,
-  kr as Separator,
-  Qr as Skeleton,
-  At as Spinner,
-  Rr as Table,
-  Wt as TableBody,
-  ce as TableCell,
-  Vt as TableContainer,
-  yr as TableEmptyState,
-  Br as TableHead,
-  Ar as TableHeader,
-  Ut as TablePanel,
-  Xt as TableRow,
-  le as TableSurface,
-  Zr as Tooltip,
-  zr as TooltipContent,
-  Yr as TooltipProvider,
-  Or as TooltipTrigger,
-  $t as badgeVariants,
-  Bt as buttonVariants
+  te as DropdownMenuTrigger,
+  Jr as EmptyState,
+  Oe as Input,
+  Qr as Kbd,
+  zr as Label,
+  hr as RadioCard,
+  fr as RadioGroup,
+  Yr as Segmented,
+  yr as Select,
+  rt as SelectContent,
+  Wr as SelectGroup,
+  ze as SelectItem,
+  wr as SelectLabel,
+  tt as SelectTrigger,
+  Nr as SelectValue,
+  Dr as Separator,
+  Zr as Skeleton,
+  Ft as Spinner,
+  Br as Table,
+  Kt as TableBody,
+  me as TableCell,
+  Wt as TableContainer,
+  Cr as TableEmptyState,
+  $r as TableHead,
+  Fr as TableHeader,
+  Xt as TablePanel,
+  Jt as TableRow,
+  oe as TableSurface,
+  ea as Tooltip,
+  Tr as TooltipContent,
+  Or as TooltipProvider,
+  ta as TooltipTrigger,
+  Ht as badgeVariants,
+  $t as buttonVariants
 };
 //# sourceMappingURL=index.js.map