@jinaan/uikit 0.1.13 → 0.1.15

package/dist/index.js

@@ -1,24 +1,24 @@
 import { jsx as e, jsxs as s, Fragment as ye } from "react/jsx-runtime";
-import { CircleNotch as yt, Robot as wt, Terminal as Ct, Check as X, Copy as Fe, XCircle as St, Warning as kt, CheckCircle as zt, Info as Dt, Minus as Tt, X as le, CaretDown as ee, MagnifyingGlass as Mt, Columns as Pt, Lock as It, FunnelSimple as Ee, WarningCircle as Et, CaretUp as jt, CaretUpDown as _t } from "@phosphor-icons/react";
-import { forwardRef as b, useState as D, Children as $e, isValidElement as qe, useRef as te, useEffect as V, useContext as ie, useCallback as Lt, createContext as se, useId as de, useMemo as je } from "react";
-import { Slot as Rt } from "@radix-ui/react-slot";
+import { CircleNotch as wt, Robot as Ct, Terminal as St, Check as X, Copy as Fe, XCircle as zt, Warning as kt, CheckCircle as Dt, Info as Tt, Minus as Mt, X as le, CaretRight as Pt, CaretDown as ee, MagnifyingGlass as It, Columns as Et, Lock as _t, FunnelSimple as Ee, WarningCircle as jt, CaretUp as Lt, CaretUpDown as Rt } from "@phosphor-icons/react";
+import { forwardRef as b, useState as T, Children as $e, isValidElement as qe, useRef as te, useEffect as V, useContext as ie, useCallback as At, createContext as se, useId as de, useMemo as _e } from "react";
+import { Slot as Bt } from "@radix-ui/react-slot";
 import { cva as we } from "class-variance-authority";
-import { clsx as At } from "clsx";
-import { twMerge as Bt } from "tailwind-merge";
+import { clsx as Ft } from "clsx";
+import { twMerge as $t } from "tailwind-merge";
 import * as Ce from "@radix-ui/react-avatar";
-import * as _e from "@radix-ui/react-checkbox";
+import * as je from "@radix-ui/react-checkbox";
 import * as M from "@radix-ui/react-dialog";
-import * as T from "@radix-ui/react-dropdown-menu";
-import * as z from "@radix-ui/react-select";
-import * as Ft from "@radix-ui/react-label";
-import * as $t from "@radix-ui/react-separator";
+import * as C from "@radix-ui/react-dropdown-menu";
+import * as D from "@radix-ui/react-select";
+import * as qt from "@radix-ui/react-label";
+import * as Gt from "@radix-ui/react-separator";
 import * as W from "@radix-ui/react-tooltip";
 function o(...t) {
-  return Bt(At(t));
+  return $t(Ft(t));
 }
-function qt({ className: t }) {
+function Ht({ className: t }) {
   return /* @__PURE__ */ e(
-    yt,
+    wt,
     {
       className: o("size-4 animate-spin text-muted", t),
       weight: "bold",
@@ -26,7 +26,7 @@ function qt({ className: t }) {
     }
   );
 }
-const Gt = we(
+const Vt = 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,18 +52,18 @@ const Gt = we(
       size: "md"
     }
   }
-), Ht = {
+), Ut = {
   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)]"
-}, S = b(
+}, z = b(
   ({
     className: t,
-    variant: r,
-    size: a = "md",
+    variant: a,
+    size: r = "md",
     asChild: l = !1,
     leadingIcon: i,
     trailingIcon: d,
@@ -74,22 +74,22 @@ const Gt = we(
     children: p,
     ...N
   }, k) => {
-    const C = l ? Rt : "button", w = Ht[a ?? "md"];
+    const S = l ? Bt : "button", w = Ut[r ?? "md"];
     return /* @__PURE__ */ e(
-      C,
+      S,
       {
         ref: k,
         "aria-busy": u || void 0,
         disabled: l ? void 0 : g || u,
         className: o(
-          Gt({ variant: r, size: a }),
+          Vt({ variant: a, size: r }),
           c && "aspect-square px-0",
           h && "w-full",
           t
         ),
         ...N,
         children: l ? p : /* @__PURE__ */ s(ye, { children: [
-          u ? /* @__PURE__ */ e(qt, { 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,
+          u ? /* @__PURE__ */ e(Ht, { 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,
           p,
           !u && d ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: d }) : null
         ] })
@@ -97,14 +97,14 @@ const Gt = we(
     );
   }
 );
-S.displayName = "Button";
-function Br({
+z.displayName = "Button";
+function qa({
   command: t,
-  tag: r = "Build with agents",
-  icon: a,
+  tag: a = "Build with agents",
+  icon: r,
   className: l
 }) {
-  const [i, d] = D(!1), c = async () => {
+  const [i, d] = T(!1), c = async () => {
     try {
       await navigator.clipboard.writeText(t), d(!0), window.setTimeout(() => d(!1), 1500);
     } catch {
@@ -112,14 +112,14 @@ function Br({
   };
   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: [
-      a ?? /* @__PURE__ */ e(wt, { className: "size-3.5", weight: "fill" }),
-      r
+      r ?? /* @__PURE__ */ e(Ct, { 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(Ct, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ e(St, { 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,
+        z,
         {
           variant: "ghost",
           size: "sm",
@@ -133,40 +133,40 @@ function Br({
     ] })
   ] });
 }
-const Ge = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+const Ge = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   Ce.Root,
   {
-    ref: a,
+    ref: r,
     className: o(
       "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
       t
     ),
-    ...r
+    ...a
   }
 ));
 Ge.displayName = "Avatar";
-const He = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+const He = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   Ce.Image,
   {
-    ref: a,
+    ref: r,
     className: o("aspect-square size-full object-cover", t),
-    ...r
+    ...a
   }
 ));
 He.displayName = "AvatarImage";
-const Ve = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+const Ve = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   Ce.Fallback,
   {
-    ref: a,
+    ref: r,
     className: o(
       "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
       t
     ),
-    ...r
+    ...a
   }
 ));
 Ve.displayName = "AvatarFallback";
-const Vt = we(
+const Wt = 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 Vt = we(
     },
     defaultVariants: { variant: "neutral" }
   }
-), Ut = we("size-1.5 shrink-0 rounded-full", {
+), Xt = we("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -196,20 +196,20 @@ const Vt = we(
   },
   defaultVariants: { variant: "neutral" }
 });
-function Wt({ className: t, variant: r, dot: a = !1, children: l, ...i }) {
-  return /* @__PURE__ */ s("span", { className: o(Vt({ variant: r }), t), ...i, children: [
-    a ? /* @__PURE__ */ e("span", { className: o(Ut({ variant: r })), "aria-hidden": !0 }) : null,
+function Jt({ className: t, variant: a, dot: r = !1, children: l, ...i }) {
+  return /* @__PURE__ */ s("span", { className: o(Wt({ variant: a }), t), ...i, children: [
+    r ? /* @__PURE__ */ e("span", { className: o(Xt({ variant: a })), "aria-hidden": !0 }) : null,
     l
   ] });
 }
-const Xt = {
+const Qt = {
   info: {
-    Icon: Dt,
+    Icon: Tt,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: zt,
+    Icon: Dt,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
@@ -219,19 +219,19 @@ const Xt = {
     iconClassName: "text-warning"
   },
   error: {
-    Icon: St,
+    Icon: zt,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function Fr({
+function Ga({
   variant: t = "info",
-  title: r,
-  children: a,
+  title: a,
+  children: r,
   icon: l,
   className: i
 }) {
-  const { Icon: d, className: c, iconClassName: u } = Xt[t];
+  const { Icon: d, className: c, iconClassName: u } = Qt[t];
   return /* @__PURE__ */ s(
     "div",
     {
@@ -245,16 +245,16 @@ function Fr({
       children: [
         /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", u), children: l ?? /* @__PURE__ */ e(d, { 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,
-          a ? /* @__PURE__ */ e("div", { className: "text-muted", children: a }) : null
+          a ? /* @__PURE__ */ e("p", { className: "font-medium text-fg", children: a }) : null,
+          r ? /* @__PURE__ */ e("div", { className: "text-muted", children: r }) : null
         ] })
       ]
     }
   );
 }
-function Jt({
+function Yt({
   className: t,
-  ...r
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
@@ -263,13 +263,13 @@ function Jt({
         "w-full overflow-hidden rounded-(--table-radius-outer) bg-table-container p-(--table-inset)",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-function Qt({
+function Zt({
   className: t,
-  ...r
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
@@ -278,26 +278,26 @@ function Qt({
         "overflow-hidden rounded-(--table-radius-panel) border border-table-panel-border bg-table-panel",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-function $r({ className: t, ...r }) {
+function Ha({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "table",
     {
       className: o("w-full table-fixed border-collapse caption-bottom text-sm", t),
-      ...r
+      ...a
     }
   );
 }
-function qr({ className: t, ...r }) {
-  return /* @__PURE__ */ e("thead", { className: t, ...r });
+function Va({ className: t, ...a }) {
+  return /* @__PURE__ */ e("thead", { className: t, ...a });
 }
-function Yt({ className: t, ...r }) {
-  return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...r });
+function Ot({ className: t, ...a }) {
+  return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...a });
 }
-function Zt({ className: t, ...r }) {
+function Kt({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "tr",
     {
@@ -305,11 +305,11 @@ function Zt({ className: t, ...r }) {
         "border-b border-table-panel-border transition-colors last:border-0 hover:bg-table-row-hover data-[state=selected]:bg-table-row-selected",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-function Gr({ className: t, ...r }) {
+function Ua({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "th",
     {
@@ -317,11 +317,11 @@ function Gr({ className: t, ...r }) {
         "h-(--table-header-h) whitespace-nowrap px-(--table-pad-x) text-left align-middle text-[0.8125rem] font-medium text-table-header",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-function fe({ className: t, ...r }) {
+function fe({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "td",
     {
@@ -329,26 +329,26 @@ function fe({ className: t, ...r }) {
         "px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-const Kt = {
+const ea = {
   default: "bg-table-container",
   muted: "bg-surface border border-line",
   transparent: "bg-transparent"
-}, Ot = {
+}, ta = {
   default: "bg-table-panel border-table-panel-border",
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function er(t) {
+function aa(t) {
   return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
 }
 function ce({
   title: t,
-  description: r,
-  header: a,
+  description: a,
+  header: r,
   children: l,
   action: i,
   tone: d = "default",
@@ -357,8 +357,8 @@ function ce({
   panelClassName: h,
   minHeight: g
 }) {
-  const p = !!(t || r), N = er(i) ? /* @__PURE__ */ e(
-    S,
+  const p = !!(t || a), N = aa(i) ? /* @__PURE__ */ e(
+    z,
     {
       variant: i.variant ?? "primary",
       size: "xs",
@@ -372,9 +372,9 @@ function ce({
       ] }) : i.label
     }
   ) : i;
-  return /* @__PURE__ */ s(Jt, { className: o("relative", Kt[d], c), children: [
+  return /* @__PURE__ */ s(Yt, { className: o("relative", ea[d], c), children: [
     /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
-      a || p ? (
+      r || p ? (
         // Header rows must not inherit the body row hover surface.
         /* @__PURE__ */ s("div", { className: o("[--table-row-hover:transparent]", u), children: [
           p ? /* @__PURE__ */ s(
@@ -386,17 +386,17 @@ function ce({
               ),
               children: [
                 t ? /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-fg", children: t }) : null,
-                r ? /* @__PURE__ */ e("div", { className: "mt-0.5 text-sm text-muted", children: r }) : null
+                a ? /* @__PURE__ */ e("div", { className: "mt-0.5 text-sm text-muted", children: a }) : null
               ]
             }
           ) : null,
-          a
+          r
         ] })
       ) : null,
       /* @__PURE__ */ e(
-        Qt,
+        Zt,
         {
-          className: o(Ot[d], h),
+          className: o(ta[d], h),
           style: g ? { minHeight: g } : void 0,
           children: l
         }
@@ -405,74 +405,74 @@ function ce({
     N ? /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: N }) }) : null
   ] });
 }
-function tr(t) {
-  const r = $e.toArray(t), a = r.filter(
+function ra(t) {
+  const a = $e.toArray(t), r = a.filter(
     (l) => qe(l) && l.type === Ue
   );
   return {
-    header: a.length > 0 ? /* @__PURE__ */ e(ye, { children: a }) : void 0,
-    body: r.filter((l) => !a.includes(l))
+    header: r.length > 0 ? /* @__PURE__ */ e(ye, { children: r }) : void 0,
+    body: a.filter((l) => !r.includes(l))
   };
 }
-const rr = b(
-  ({ className: t, children: r, ...a }, l) => {
-    const { header: i, body: d } = tr(r);
-    return /* @__PURE__ */ e("div", { ref: l, ...a, children: /* @__PURE__ */ e(ce, { className: o("shadow-xs", t), header: i, children: d }) });
+const na = b(
+  ({ className: t, children: a, ...r }, l) => {
+    const { header: i, body: d } = ra(a);
+    return /* @__PURE__ */ e("div", { ref: l, ...r, children: /* @__PURE__ */ e(ce, { className: o("shadow-xs", t), header: i, children: d }) });
   }
 );
-rr.displayName = "Card";
-const Ue = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+na.displayName = "Card";
+const Ue = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   "div",
   {
-    ref: a,
+    ref: r,
     className: o(
       "flex flex-col gap-1 px-5 py-4",
       t
     ),
-    ...r
+    ...a
   }
 ));
 Ue.displayName = "CardHeader";
-const ar = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+const la = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   "h2",
   {
-    ref: a,
+    ref: r,
     className: o("text-sm font-semibold text-fg", t),
-    ...r
+    ...a
   }
 ));
-ar.displayName = "CardTitle";
-const nr = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+la.displayName = "CardTitle";
+const ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   "p",
   {
-    ref: a,
+    ref: r,
     className: o(
       "mt-1 border-t border-card-divider pt-2 text-sm text-muted",
       "first:mt-0 first:border-t-0 first:pt-0",
       t
     ),
-    ...r
+    ...a
   }
 ));
-nr.displayName = "CardDescription";
-const lr = b(({ className: t, ...r }, a) => /* @__PURE__ */ e("div", { ref: a, className: o("px-5 py-4", t), ...r }));
-lr.displayName = "CardContent";
-const ir = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+ia.displayName = "CardDescription";
+const oa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", { ref: r, className: o("px-5 py-4", t), ...a }));
+oa.displayName = "CardContent";
+const sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   "div",
   {
-    ref: a,
+    ref: r,
     className: o(
       "flex items-center gap-3 border-t border-line px-5 py-3",
       t
     ),
-    ...r
+    ...a
   }
 ));
-ir.displayName = "CardFooter";
-const xe = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
-  _e.Root,
+sa.displayName = "CardFooter";
+const xe = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  je.Root,
   {
-    ref: a,
+    ref: r,
     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,8 +481,8 @@ const xe = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
       "data-[state=indeterminate]:border-primary",
       t
     ),
-    ...r,
-    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(Tt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(X, { className: "size-3", weight: "bold" }) })
+    ...a,
+    children: /* @__PURE__ */ e(je.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: a.checked === "indeterminate" ? /* @__PURE__ */ e(Mt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(X, { className: "size-3", weight: "bold" }) })
   }
 ));
 xe.displayName = "Checkbox";
@@ -492,33 +492,33 @@ function Le(t) {
 function Re(t) {
   return Math.min(1, Math.max(0.1, t));
 }
-function or(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: Re(t.width / r.width),
-    sy: Re(t.height / r.height)
+function da(t, a) {
+  return !Le(t) || !Le(a) ? null : {
+    dx: t.left + t.width / 2 - (a.left + a.width / 2),
+    dy: t.top + t.height / 2 - (a.top + a.height / 2),
+    sx: Re(t.width / a.width),
+    sy: Re(t.height / a.height)
   };
 }
 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,
-    top: r.top,
-    width: r.width,
-    height: r.height
+  const a = t.getBoundingClientRect();
+  return a.width <= 0 || a.height <= 0 ? null : {
+    left: a.left,
+    top: a.top,
+    width: a.width,
+    height: a.height
   };
 }
 function ve(t) {
   if (!(t instanceof Element)) return;
-  const r = t.closest(We);
-  if (!r) return;
-  const a = Se(r);
-  a && (A = { rect: a, at: Date.now() });
+  const a = t.closest(We);
+  if (!a) return;
+  const r = Se(a);
+  r && (A = { rect: r, at: Date.now() });
 }
-function sr() {
+function ca() {
   Ae || typeof document > "u" || (Ae = !0, document.addEventListener(
     "pointerdown",
     (t) => ve(t.target),
@@ -531,31 +531,31 @@ function sr() {
     !0
   ));
 }
-function dr(t) {
+function ua(t) {
   if (A && Date.now() - A.at < 2e3) {
-    const a = A.rect;
-    return A = null, a;
+    const r = A.rect;
+    return A = null, r;
   }
   A = null;
-  const r = document.activeElement;
-  return r instanceof Element && r !== t && !t.contains(r) && r.matches(We) ? Se(r) : null;
+  const a = document.activeElement;
+  return a instanceof Element && a !== t && !t.contains(a) && a.matches(We) ? Se(a) : null;
 }
-const cr = 250, Xe = se(!1), Je = se(() => {
+const ma = 250, Xe = se(!1), Je = se(() => {
 });
-function ur({
+function pa({
   open: t,
-  defaultOpen: r,
-  onOpenChange: a,
+  defaultOpen: a,
+  onOpenChange: r,
   children: l,
   ...i
 }) {
-  const [d, c] = D(
-    r ?? !1
-  ), [u, h] = D(!1), g = te(!1), p = te(null), N = t ?? d, k = te(N);
+  const [d, c] = T(
+    a ?? !1
+  ), [u, h] = T(!1), g = te(!1), p = te(null), N = t ?? d, k = te(N);
   k.current = N;
-  const C = t !== void 0;
-  V(() => sr(), []), V(() => {
-    t && h(!1);
+  const S = t !== void 0;
+  V(() => ca(), []), V(() => {
+    t && (p.current && clearTimeout(p.current), g.current = !1, h(!1));
   }, [t]), V(
     () => () => {
       p.current && clearTimeout(p.current);
@@ -564,19 +564,19 @@ function ur({
   );
   const w = (I) => {
     if (I) {
-      p.current && clearTimeout(p.current), g.current = !1, h(!1), C || c(!0), a == null || a(!0);
+      p.current && clearTimeout(p.current), g.current = !1, h(!1), S || c(!0), r == null || r(!0);
       return;
     }
     if (!N || g.current) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      C || c(!1), a == null || a(!1);
+      S || c(!1), r == null || r(!1);
       return;
     }
     g.current = !0, h(!0), p.current = setTimeout(() => {
-      C || c(!1), a == null || a(!1), requestAnimationFrame(() => {
+      S || c(!1), r == null || r(!1), requestAnimationFrame(() => {
         k.current && (g.current = !1, h(!1));
       });
-    }, cr);
+    }, ma);
   };
   return /* @__PURE__ */ e(Je.Provider, { value: () => w(!1), children: /* @__PURE__ */ e(Xe.Provider, { value: u, children: /* @__PURE__ */ e(
     M.Root,
@@ -588,31 +588,31 @@ function ur({
     }
   ) }) });
 }
-const Qe = b(({ onClick: t, ...r }, a) => /* @__PURE__ */ e(
+const Qe = b(({ onClick: t, ...a }, r) => /* @__PURE__ */ e(
   M.Trigger,
   {
-    ref: a,
+    ref: r,
     onClick: (l) => {
       ve(l.currentTarget), t == null || t(l);
     },
-    ...r
+    ...a
   }
 ));
 Qe.displayName = "DialogTrigger";
-const Hr = M.Close, Ye = b(
-  ({ variant: t = "secondary", children: r = "Cancel", ...a }, l) => /* @__PURE__ */ e(M.Close, { asChild: !0, children: /* @__PURE__ */ e(S, { ref: l, type: "button", variant: t, ...a, children: r }) })
+const Wa = M.Close, Ye = b(
+  ({ variant: t = "secondary", children: a = "Cancel", ...r }, l) => /* @__PURE__ */ e(M.Close, { asChild: !0, children: /* @__PURE__ */ e(z, { ref: l, type: "button", variant: t, ...r, children: a }) })
 );
 Ye.displayName = "DialogCancel";
-function Ze(t, r = !0) {
+function Ze(t, a = !0) {
   if (t.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
     return;
-  const a = Se(t);
-  if (!a) {
-    r && window.requestAnimationFrame(() => Ze(t, !1));
+  const r = Se(t);
+  if (!r) {
+    a && window.requestAnimationFrame(() => Ze(t, !1));
     return;
   }
   t.dataset.dialogMotionStarted = "true";
-  const l = dr(t), i = l ? or(l, a) : null;
+  const l = ua(t), i = l ? da(l, r) : 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 d = () => {
     t.classList.remove("dialog-fly-in", "dialog-pop-in");
@@ -621,8 +621,8 @@ function Ze(t, r = !0) {
   };
   t.addEventListener("animationend", c);
 }
-const Ke = b(({ className: t, children: r, onEscapeKeyDown: a, onPointerDownOutside: l, ...i }, d) => {
-  const c = ie(Xe), u = ie(Je), h = te(null), g = Lt(
+const Oe = b(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOutside: l, ...i }, d) => {
+  const c = ie(Xe), u = ie(Je), h = te(null), g = At(
     (p) => {
       if (h.current = p, p && Ze(p), typeof d == "function") {
         d(p);
@@ -662,14 +662,14 @@ const Ke = b(({ className: t, children: r, onEscapeKeyDown: a, onPointerDownOuts
           t
         ),
         onEscapeKeyDown: (p) => {
-          a == null || a(p), !p.defaultPrevented && (p.preventDefault(), u());
+          r == null || r(p), !p.defaultPrevented && (p.preventDefault(), u());
         },
         onPointerDownOutside: (p) => {
           l == null || l(p), !p.defaultPrevented && (p.preventDefault(), u());
         },
         ...i,
         children: [
-          r,
+          a,
           /* @__PURE__ */ s(M.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
             /* @__PURE__ */ e(le, { className: "size-4" }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
@@ -679,10 +679,10 @@ const Ke = b(({ className: t, children: r, onEscapeKeyDown: a, onPointerDownOuts
     ) })
   ] });
 });
-Ke.displayName = "DialogContent";
-function mr({
+Oe.displayName = "DialogContent";
+function ba({
   className: t,
-  ...r
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
@@ -692,26 +692,26 @@ function mr({
         "flex min-h-0 flex-1 flex-col overflow-hidden rounded-b-2xl border-x-0 border-t-0 border-b border-(--dialog-panel-border) bg-(--dialog-panel-bg) shadow-(--dialog-panel-shadow)",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-function pr({
+function fa({
   className: t,
-  ...r
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "body",
       className: o("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
-      ...r
+      ...a
     }
   );
 }
-function br({
+function ha({
   className: t,
-  ...r
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
@@ -721,13 +721,13 @@ function br({
         "flex shrink-0 flex-col gap-1.5 border-b border-(--dialog-panel-border) px-5 py-4",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-function fr({
+function ga({
   className: t,
-  ...r
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
@@ -737,33 +737,33 @@ function fr({
         "flex shrink-0 flex-col-reverse gap-2 px-3 pt-3 sm:flex-row sm:justify-end sm:px-4 sm:pt-3.5",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-const Oe = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+const Ke = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   M.Title,
   {
-    ref: a,
+    ref: r,
     className: o("text-base font-semibold text-fg", t),
-    ...r
+    ...a
   }
 ));
-Oe.displayName = "DialogTitle";
-const hr = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+Ke.displayName = "DialogTitle";
+const xa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   M.Description,
   {
-    ref: a,
+    ref: r,
     className: o("text-sm text-muted", t),
-    ...r
+    ...a
   }
 ));
-hr.displayName = "DialogDescription";
+xa.displayName = "DialogDescription";
 const et = se(null);
-function gr({
+function va({
   label: t,
-  value: r,
-  onChange: a,
+  value: a,
+  onChange: r,
   disabled: l = !1,
   name: i,
   className: d,
@@ -771,15 +771,15 @@ function gr({
   ...u
 }) {
   const h = de(), g = i ?? h;
-  return /* @__PURE__ */ e(et.Provider, { value: { name: g, value: r, onChange: a, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", d), ...u, children: [
+  return /* @__PURE__ */ e(et.Provider, { value: { name: g, value: a, onChange: r, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", d), ...u, children: [
     /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
     c
   ] }) });
 }
-function xr({
+function Na({
   value: t,
-  title: r,
-  description: a,
+  title: a,
+  description: r,
   badge: l,
   disabled: i = !1,
   className: d
@@ -809,7 +809,7 @@ function xr({
               var p;
               return (p = c.onChange) == null ? void 0 : p.call(c, t);
             },
-            "aria-describedby": a ? u : void 0,
+            "aria-describedby": r ? u : void 0,
             className: "peer sr-only"
           }
         ),
@@ -826,19 +826,19 @@ function xr({
         ),
         /* @__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(Wt, { variant: "primary", children: l }) : null
+            /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: a }),
+            l ? /* @__PURE__ */ e(Jt, { variant: "primary", children: l }) : null
           ] }),
-          a ? /* @__PURE__ */ e("span", { id: u, className: "mt-1 block text-sm text-muted", children: a }) : null
+          r ? /* @__PURE__ */ e("span", { id: u, className: "mt-1 block text-sm text-muted", children: r }) : null
         ] })
       ]
     }
   );
 }
-function Vr({
+function Xa({
   open: t,
-  onOpenChange: r,
-  trigger: a,
+  onOpenChange: a,
+  trigger: r,
   title: l,
   options: i,
   defaultValue: d,
@@ -849,21 +849,21 @@ function Vr({
   onConfirm: p
 }) {
   var I;
-  const [N, k] = D(d ?? ((I = i[0]) == null ? void 0 : I.value) ?? ""), C = c ?? N;
-  return /* @__PURE__ */ s(ur, { open: t, onOpenChange: r, children: [
-    a ? /* @__PURE__ */ e(Qe, { asChild: !0, children: a }) : null,
+  const [N, k] = T(d ?? ((I = i[0]) == null ? void 0 : I.value) ?? ""), S = c ?? N;
+  return /* @__PURE__ */ s(pa, { open: t, onOpenChange: a, children: [
+    r ? /* @__PURE__ */ e(Qe, { asChild: !0, children: r }) : null,
     /* @__PURE__ */ s(
-      Ke,
+      Oe,
       {
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ s(mr, { children: [
-            /* @__PURE__ */ e(br, { children: /* @__PURE__ */ e(Oe, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ e(pr, { children: /* @__PURE__ */ e(gr, { label: l, value: C, onChange: (y) => {
+          /* @__PURE__ */ s(ba, { children: [
+            /* @__PURE__ */ e(ha, { children: /* @__PURE__ */ e(Ke, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ e(fa, { children: /* @__PURE__ */ e(va, { label: l, value: S, onChange: (y) => {
               c === void 0 && k(y), u == null || u(y);
             }, children: i.map((y) => /* @__PURE__ */ e(
-              xr,
+              Na,
               {
                 value: y.value,
                 title: y.title,
@@ -873,22 +873,22 @@ function Vr({
               y.value
             )) }) })
           ] }),
-          /* @__PURE__ */ s(fr, { className: "gap-3 pt-2.5", children: [
+          /* @__PURE__ */ s(ga, { className: "gap-3 pt-2.5", children: [
             /* @__PURE__ */ e(Ye, { className: "flex-1", children: h }),
-            /* @__PURE__ */ e(S, { className: "flex-1", onClick: () => p == null ? void 0 : p(C), children: g })
+            /* @__PURE__ */ e(z, { className: "flex-1", onClick: () => p == null ? void 0 : p(S), children: g })
           ] })
         ]
       }
     )
   ] });
 }
-function Ur({ code: t, label: r, className: a }) {
-  const [l, i] = D(!1);
+function Ja({ code: t, label: a, className: r }) {
+  const [l, i] = T(!1);
   return /* @__PURE__ */ e(
     ce,
     {
-      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 }) }),
+      className: r,
+      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(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Fe, {}),
@@ -905,17 +905,17 @@ function Ur({ code: t, label: r, className: a }) {
     }
   );
 }
-const vr = {
+const ya = {
   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"
-}, Nr = {
+}, wa = {
   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)]"
-}, yr = {
+}, Ca = {
   sm: "left-[var(--control-pad-x-sm)]",
   md: "left-[var(--control-pad-x-md)]",
   lg: "left-[var(--control-pad-x-lg)]",
@@ -933,8 +933,8 @@ const vr = {
 }, tt = b(
   ({
     className: t,
-    containerClassName: r,
-    type: a = "text",
+    containerClassName: a,
+    type: r = "text",
     size: l = "md",
     leadingIcon: i,
     trailingIcon: d,
@@ -945,35 +945,35 @@ const vr = {
     helperText: p,
     id: N,
     "aria-describedby": k,
-    disabled: C,
+    disabled: S,
     readOnly: w,
     ...I
   }, y) => {
-    const B = de(), J = N ?? B, F = !!p, _ = !!(c && (u !== void 0 ? String(u).length > 0 : h !== void 0 && String(h).length > 0)), Q = F ? `${J}-description` : void 0, ue = [k, Q].filter(Boolean).join(" ") || void 0, Y = /* @__PURE__ */ e(
+    const B = de(), J = N ?? B, F = !!p, j = !!(c && (u !== void 0 ? String(u).length > 0 : h !== void 0 && String(h).length > 0)), Q = F ? `${J}-description` : void 0, ue = [k, Q].filter(Boolean).join(" ") || void 0, Y = /* @__PURE__ */ e(
       "input",
       {
         ref: y,
         id: J,
-        type: a,
-        disabled: C,
+        type: r,
+        disabled: S,
         readOnly: w,
         "aria-invalid": g || void 0,
         "aria-describedby": ue,
-        style: i || d || _ ? {
+        style: i || d || j ? {
           paddingInlineStart: i ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
-          paddingInlineEnd: d || _ ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
+          paddingInlineEnd: d || j ? `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",
-          vr[l],
-          Nr[l],
+          ya[l],
+          wa[l],
           "placeholder:text-(--input-placeholder)",
           "hover:border-(--input-border-hover)",
           "focus-visible:outline-none focus-visible:border-(--input-border-focus) focus-visible:ring-2 focus-visible:ring-focus/30",
           g && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
           !g && "border-(--input-border)",
-          a === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
-          C && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
+          r === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
+          S && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
           w && "cursor-default focus-visible:ring-0",
           t
         ),
@@ -982,21 +982,21 @@ const vr = {
         ...I
       }
     );
-    return !i && !d && !_ && !F ? Y : /* @__PURE__ */ s("div", { className: o("w-full", r), children: [
+    return !i && !d && !j && !F ? Y : /* @__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)",
-              yr[l]
+              Ca[l]
             ),
             "aria-hidden": !0,
             children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", he[l]), children: i })
           }
         ) : null,
         Y,
-        _ ? /* @__PURE__ */ e(
+        j ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -1032,46 +1032,47 @@ const vr = {
   }
 );
 tt.displayName = "Input";
-function ke(t, r) {
-  let a = 0;
+function ze(t, a) {
+  let r = 0;
   return $e.forEach(t, (l) => {
     if (!qe(l)) return;
-    if (r.some((d) => d === l.type)) {
-      a += 1;
+    if (a.some((d) => d === l.type)) {
+      r += 1;
       return;
     }
     const i = l.props.children;
-    i && (a += ke(i, r));
-  }), a;
+    i && (r += ze(i, a));
+  }), r;
 }
-const rt = se(!1);
+const at = se(!1);
 function ge({
   children: t,
-  ...r
+  ...a
 }) {
-  const a = ke(t, [
+  const r = ze(t, [
     oe,
-    U
+    U,
+    rt
   ]) === 0;
-  return /* @__PURE__ */ e(rt.Provider, { value: a, children: /* @__PURE__ */ e(T.Root, { ...r, children: t }) });
+  return /* @__PURE__ */ e(at.Provider, { value: r, children: /* @__PURE__ */ e(C.Root, { ...a, children: t }) });
 }
-const re = b(({ disabled: t, ...r }, a) => {
-  const l = ie(rt);
+const ae = b(({ disabled: t, ...a }, r) => {
+  const l = ie(at);
   return /* @__PURE__ */ e(
-    T.Trigger,
+    C.Trigger,
     {
-      ref: a,
+      ref: r,
       disabled: t || l,
-      ...r
+      ...a
     }
   );
 });
-re.displayName = "DropdownMenuTrigger";
-const Wr = T.Group, Xr = T.Portal, ae = b(({ className: t, sideOffset: r = 8, ...a }, l) => /* @__PURE__ */ e(T.Portal, { children: /* @__PURE__ */ e(
-  T.Content,
+ae.displayName = "DropdownMenuTrigger";
+const Qa = C.Group, Ya = C.Portal, re = b(({ className: t, sideOffset: a = 8, ...r }, l) => /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
+  C.Content,
   {
     ref: l,
-    sideOffset: r,
+    sideOffset: a,
     className: o(
       "menu-surface btn-inner-border z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
       "data-[state=open]:animate-in data-[state=closed]:animate-out",
@@ -1082,71 +1083,109 @@ const Wr = T.Group, Xr = T.Portal, ae = b(({ className: t, sideOffset: r = 8, ..
       "duration-150 ease-out",
       t
     ),
-    ...a
+    ...r
   }
 ) }));
-ae.displayName = "DropdownMenuContent";
-const oe = b(({ className: t, inset: r, ...a }, l) => /* @__PURE__ */ e(
-  T.Item,
+re.displayName = "DropdownMenuContent";
+const oe = b(({ className: t, inset: a, ...r }, l) => /* @__PURE__ */ e(
+  C.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-(--menu-highlight) data-disabled:pointer-events-none data-disabled:opacity-50",
       "[&_svg]:size-4 [&_svg]:text-muted",
-      r && "pl-8",
+      a && "pl-8",
       t
     ),
-    ...a
+    ...r
   }
 ));
 oe.displayName = "DropdownMenuItem";
-const U = b(({ className: t, children: r, checked: a, ...l }, i) => /* @__PURE__ */ s(
-  T.CheckboxItem,
+const U = b(({ className: t, children: a, checked: r, ...l }, i) => /* @__PURE__ */ s(
+  C.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-(--menu-highlight)",
       t
     ),
-    checked: a,
+    checked: r,
     ...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-(--button-primary-bg) text-(--button-primary-fg) [--button-inner:var(--button-primary-inner)]", children: /* @__PURE__ */ e(X, { className: "size-3", weight: "bold" }) }) }),
-      r
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 shrink-0 items-center justify-center rounded border border-line-strong bg-transparent transition-colors group-data-[state=checked]:border-primary", children: /* @__PURE__ */ e(C.ItemIndicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-(--button-primary-bg) text-(--button-primary-fg) [--button-inner:var(--button-primary-inner)]", children: /* @__PURE__ */ e(X, { className: "size-3", weight: "bold" }) }) }),
+      a
     ]
   }
 ));
 U.displayName = "DropdownMenuCheckboxItem";
-const ne = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
-  T.Label,
+const ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  C.Label,
   {
-    ref: a,
+    ref: r,
     className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
-    ...r
+    ...a
   }
 ));
 ne.displayName = "DropdownMenuLabel";
-const Ne = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
-  T.Separator,
+const Za = C.Sub, rt = b(({ className: t, inset: a, children: r, ...l }, i) => /* @__PURE__ */ s(
+  C.SubTrigger,
+  {
+    ref: i,
+    className: o(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-fg outline-none transition-colors",
+      "focus:bg-(--menu-highlight) data-[state=open]:bg-(--menu-highlight)",
+      "[&_svg]:size-4 [&_svg]:text-muted",
+      a && "pl-8",
+      t
+    ),
+    ...l,
+    children: [
+      r,
+      /* @__PURE__ */ e(Pt, { className: "ml-auto shrink-0" })
+    ]
+  }
+));
+rt.displayName = "DropdownMenuSubTrigger";
+const Sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  C.SubContent,
+  {
+    ref: r,
+    sideOffset: 8,
+    className: o(
+      "menu-surface btn-inner-border z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
+      "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",
+      "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
+      "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+      "duration-150 ease-out",
+      t
+    ),
+    ...a
+  }
+));
+Sa.displayName = "DropdownMenuSubContent";
+const Ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  C.Separator,
   {
-    ref: a,
+    ref: r,
     className: o("-mx-1 my-1 h-px bg-line", t),
-    ...r
+    ...a
   }
 ));
 Ne.displayName = "DropdownMenuSeparator";
-const Jr = z.Group, wr = z.Value;
-function Cr({
+const Oa = D.Group, za = D.Value;
+function ka({
   children: t,
-  disabled: r,
-  ...a
+  disabled: a,
+  ...r
 }) {
-  const l = ke(t, [ze]) === 0;
-  return /* @__PURE__ */ e(z.Root, { disabled: r || l, ...a, children: t });
+  const l = ze(t, [ke]) === 0;
+  return /* @__PURE__ */ e(D.Root, { disabled: a || l, ...r, children: t });
 }
-const at = b(({ className: t, children: r, variant: a = "field", ...l }, i) => /* @__PURE__ */ s(
-  z.Trigger,
+const nt = b(({ className: t, children: a, variant: r = "field", ...l }, i) => /* @__PURE__ */ s(
+  D.Trigger,
   {
     ref: i,
     className: o(
@@ -1154,24 +1193,24 @@ const at = b(({ className: t, children: r, variant: a = "field", ...l }, i) => /
       "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
       "data-disabled:cursor-not-allowed data-disabled:opacity-50",
       "[&>span]:truncate",
-      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",
+      r === "field" && "h-(--control-h-md) w-full rounded-md border border-line bg-surface px-3 focus:border-primary focus:ring-2 focus:ring-focus/30",
+      r === "inline" && "btn-fill btn-inner-border btn-interactive h-(--control-h-md) w-auto rounded-(--control-radius) border-0 bg-(--button-secondary-bg) px-(--control-pad-x-sm) font-medium text-fg hover:bg-(--button-surface-hover) active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
       t
     ),
     ...l,
     children: [
-      r,
-      /* @__PURE__ */ e(z.Icon, { asChild: !0, children: /* @__PURE__ */ e(ee, { className: "size-3.5 text-subtle" }) })
+      a,
+      /* @__PURE__ */ e(D.Icon, { asChild: !0, children: /* @__PURE__ */ e(ee, { className: "size-3.5 text-subtle" }) })
     ]
   }
 ));
-at.displayName = "SelectTrigger";
-const nt = b(
-  ({ className: t, children: r, position: a = "popper", sideOffset: l = 8, ...i }, d) => /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ e(
-    z.Content,
+nt.displayName = "SelectTrigger";
+const lt = b(
+  ({ className: t, children: a, position: r = "popper", sideOffset: l = 8, ...i }, d) => /* @__PURE__ */ e(D.Portal, { children: /* @__PURE__ */ e(
+    D.Content,
     {
       ref: d,
-      position: a,
+      position: r,
       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",
@@ -1184,40 +1223,40 @@ const nt = b(
         t
       ),
       ...i,
-      children: /* @__PURE__ */ e(z.Viewport, { className: "p-0", children: r })
+      children: /* @__PURE__ */ e(D.Viewport, { className: "p-0", children: a })
     }
   ) })
 );
-nt.displayName = "SelectContent";
-const ze = b(({ className: t, children: r, ...a }, l) => /* @__PURE__ */ s(
-  z.Item,
+lt.displayName = "SelectContent";
+const ke = b(({ className: t, children: a, ...r }, l) => /* @__PURE__ */ s(
+  D.Item,
   {
     ref: l,
     className: o(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none focus:bg-(--menu-highlight) data-disabled:pointer-events-none data-disabled:opacity-50",
       t
     ),
-    ...a,
+    ...r,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(z.ItemIndicator, { children: /* @__PURE__ */ e(X, { className: "size-3.5" }) }) }),
-      /* @__PURE__ */ e(z.ItemText, { children: r })
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(D.ItemIndicator, { children: /* @__PURE__ */ e(X, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e(D.ItemText, { children: a })
     ]
   }
 ));
-ze.displayName = "SelectItem";
-const Sr = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
-  z.Label,
+ke.displayName = "SelectItem";
+const Da = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  D.Label,
   {
-    ref: a,
+    ref: r,
     className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
-    ...r
+    ...a
   }
 ));
-Sr.displayName = "SelectLabel";
-function kr({
+Da.displayName = "SelectLabel";
+function Ta({
   icon: t,
-  title: r,
-  description: a,
+  title: a,
+  description: r,
   action: l,
   className: i
 }) {
@@ -1231,41 +1270,41 @@ function kr({
       children: [
         t ? /* @__PURE__ */ e("div", { className: "flex size-[var(--table-empty-icon)] items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-table-muted [&_svg]:size-8", children: t }) : null,
         /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold leading-tight text-table-header-active", children: r }),
-          a ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: a }) : null
+          /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold leading-tight text-table-header-active", children: a }),
+          r ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: r }) : null
         ] }),
         l ? /* @__PURE__ */ e("div", { className: "text-sm font-medium text-table-accent", children: l }) : null
       ]
     }
   );
 }
-const zr = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium";
-function Dr(t) {
-  return t.split(/\s+/).slice(0, 2).map((r) => {
-    var a;
-    return ((a = r[0]) == null ? void 0 : a.toUpperCase()) ?? "";
+const Ma = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium";
+function Pa(t) {
+  return t.split(/\s+/).slice(0, 2).map((a) => {
+    var r;
+    return ((r = a[0]) == null ? void 0 : r.toUpperCase()) ?? "";
   }).join("");
 }
-function Qr({
+function Ka({
   name: t,
-  secondary: r,
-  image: a
+  secondary: a,
+  image: r
 }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
     /* @__PURE__ */ s(Ge, { className: "size-8", children: [
-      a ? /* @__PURE__ */ e(He, { src: a, alt: "" }) : null,
-      /* @__PURE__ */ e(Ve, { children: Dr(t) })
+      r ? /* @__PURE__ */ e(He, { src: r, alt: "" }) : null,
+      /* @__PURE__ */ e(Ve, { children: Pa(t) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
       /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
-      r ? /* @__PURE__ */ e("div", { className: "truncate text-xs text-table-muted", children: r }) : null
+      a ? /* @__PURE__ */ e("div", { className: "truncate text-xs text-table-muted", children: a }) : null
     ] })
   ] });
 }
-function Yr({
+function er({
   rows: t,
-  columns: r,
-  getRowId: a,
+  columns: a,
+  getRowId: r,
   loading: l = !1,
   error: i,
   empty: d,
@@ -1276,68 +1315,68 @@ function Yr({
   tabs: p,
   activeTab: N,
   onTabChange: k,
-  infoBanner: C,
+  infoBanner: S,
   selectable: w = !1,
   bulkActions: I,
   rowActions: y,
   onRowClick: B,
   defaultSort: J,
   pageSize: F = 25,
-  pageSizeOptions: _ = [10, 25, 50, 100],
+  pageSizeOptions: j = [10, 25, 50, 100],
   tone: Q,
   headerAction: ue,
   headerClassName: Y,
-  panelClassName: lt,
-  className: it
+  panelClassName: it,
+  className: ot
 }) {
-  const [De, Te] = D(
+  const [De, Te] = T(
     () => Object.fromEntries(
-      r.filter((n) => n.defaultHidden && !n.required).map((n) => [n.id, !0])
+      a.filter((n) => n.defaultHidden && !n.required).map((n) => [n.id, !0])
     )
-  ), [x, ot] = D(
+  ), [x, st] = T(
     J ?? null
-  ), [$, Z] = D(0), [L, st] = D(F), [R, me] = D(/* @__PURE__ */ new Set()), [dt, pe] = D([]), E = r.filter((n) => !De[n.id]), Me = r.filter((n) => De[n.id] && !n.required), be = (u ?? []).filter((n) => dt.includes(n.id)), ct = (u ?? []).map((n) => `${n.id}:${n.value.join(",")}`).join("|"), K = je(() => {
+  ), [$, Z] = T(0), [L, dt] = T(F), [R, me] = T(/* @__PURE__ */ new Set()), [ct, pe] = T([]), E = a.filter((n) => !De[n.id]), Me = a.filter((n) => De[n.id] && !n.required), be = (u ?? []).filter((n) => ct.includes(n.id)), ut = (u ?? []).map((n) => `${n.id}:${n.value.join(",")}`).join("|"), O = _e(() => {
     let n = t;
     for (const f of u ?? [])
       f.value.length > 0 && (n = n.filter((v) => f.match(v, f.value)));
     if (!c || !c.value.trim()) return n;
     const m = c.value.trim().toLowerCase();
     return n.filter((f) => c.keys(f).toLowerCase().includes(m));
-  }, [t, c, u]), q = je(() => {
-    if (!x) return K;
-    const n = r.find((f) => f.id === x.id);
-    if (!(n != null && n.sortValue)) return K;
+  }, [t, c, u]), q = _e(() => {
+    if (!x) return O;
+    const n = a.find((f) => f.id === x.id);
+    if (!(n != null && n.sortValue)) return O;
     const m = x.dir === "asc" ? 1 : -1;
-    return [...K].sort((f, v) => {
+    return [...O].sort((f, v) => {
       const P = n.sortValue(f), H = n.sortValue(v);
       return P == null && H == null ? 0 : P == null ? 1 : H == null ? -1 : typeof P == "number" && typeof H == "number" ? (P - H) * m : String(P).localeCompare(String(H)) * m;
     });
-  }, [K, x, r]), G = Math.max(1, Math.ceil(q.length / L));
+  }, [O, x, a]), G = Math.max(1, Math.ceil(q.length / L));
   V(() => {
     Z(0);
-  }, [c == null ? void 0 : c.value, L, x == null ? void 0 : x.id, x == null ? void 0 : x.dir, N, ct]), V(() => {
+  }, [c == null ? void 0 : c.value, L, x == null ? void 0 : x.id, x == null ? void 0 : x.dir, N, ut]), V(() => {
     $ > G - 1 && Z(G - 1);
   }, [$, G]);
-  const O = $ * L, j = q.slice(O, O + L), ut = (n) => {
-    n.sortable && ot(
+  const K = $ * L, _ = q.slice(K, K + L), mt = (n) => {
+    n.sortable && st(
       (m) => (m == null ? void 0 : m.id) === n.id ? m.dir === "asc" ? { id: n.id, dir: "desc" } : null : { id: n.id, dir: "asc" }
     );
-  }, Pe = j.length > 0 && j.every((n) => R.has(a(n))), mt = j.some((n) => R.has(a(n))), pt = t.filter((n) => R.has(a(n))), bt = () => {
+  }, Pe = _.length > 0 && _.every((n) => R.has(r(n))), pt = _.some((n) => R.has(r(n))), bt = t.filter((n) => R.has(r(n))), ft = () => {
     me((n) => {
       const m = new Set(n);
-      return Pe ? j.forEach((f) => m.delete(a(f))) : j.forEach((f) => m.add(a(f))), m;
+      return Pe ? _.forEach((f) => m.delete(r(f))) : _.forEach((f) => m.add(r(f))), m;
     });
-  }, ft = (n) => {
+  }, ht = (n) => {
     me((m) => {
       const f = new Set(m);
       return f.has(n) ? f.delete(n) : f.add(n), f;
     });
-  }, ht = !!(c || u != null && u.length || h || g), gt = E.some((n) => n.width), xt = E.length > 1 ? 70 / (E.length - 1) : 100, vt = E.map((n, m) => n.width ? n.width : gt ? "auto" : `${m === 0 ? 30 : xt}%`), Ie = [
+  }, gt = !!(c || u != null && u.length || h || g), xt = E.some((n) => n.width), vt = E.length > 1 ? 70 / (E.length - 1) : 100, Nt = E.map((n, m) => n.width ? n.width : xt ? "auto" : `${m === 0 ? 30 : vt}%`), Ie = [
     ...w ? ["2.75rem"] : [],
-    ...vt,
+    ...Nt,
     ...y ? ["11rem"] : []
-  ], Nt = (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", it), children: [
+  ], yt = (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", ot), children: [
     p && p.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: p.map((n) => {
       const m = n.id === N;
       return /* @__PURE__ */ e(
@@ -1356,7 +1395,7 @@ function Yr({
         n.id
       );
     }) }),
-    ht && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+    gt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       c && /* @__PURE__ */ e(
         tt,
         {
@@ -1366,24 +1405,24 @@ function Yr({
           value: c.value,
           onChange: (n) => c.onChange(n.target.value),
           onClear: () => c.onChange(""),
-          leadingIcon: /* @__PURE__ */ e(Mt, {}),
+          leadingIcon: /* @__PURE__ */ e(It, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
       h,
       /* @__PURE__ */ s(ge, { children: [
-        /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ e(
-          S,
+        /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ e(
+          z,
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ e(Pt, {}),
+            leadingIcon: /* @__PURE__ */ e(Et, {}),
             trailingIcon: /* @__PURE__ */ e(ee, {}),
             children: "Columns"
           }
         ) }),
-        /* @__PURE__ */ s(ae, { align: "end", className: "w-54", children: [
+        /* @__PURE__ */ s(re, { align: "end", className: "w-54", children: [
           /* @__PURE__ */ e(ne, { className: "text-[13px]", children: "Active columns" }),
           E.map((n) => /* @__PURE__ */ s(
             U,
@@ -1395,7 +1434,7 @@ function Yr({
               className: "justify-between",
               children: [
                 /* @__PURE__ */ e("span", { children: n.header }),
-                n.required ? /* @__PURE__ */ e(It, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
+                n.required ? /* @__PURE__ */ e(_t, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
               ]
             },
             n.id
@@ -1417,8 +1456,8 @@ function Yr({
         ] })
       ] }),
       u && u.length > 0 ? /* @__PURE__ */ s(ge, { children: [
-        /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ e(
-          S,
+        /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ e(
+          z,
           {
             variant: "secondary",
             size: "md",
@@ -1427,7 +1466,7 @@ function Yr({
             children: /* @__PURE__ */ e(Ee, {})
           }
         ) }),
-        /* @__PURE__ */ e(ae, { align: "start", className: "w-54", children: u.map((n) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(re, { align: "start", className: "w-54", children: u.map((n) => /* @__PURE__ */ e(
           oe,
           {
             onSelect: () => pe(
@@ -1447,7 +1486,7 @@ function Yr({
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ e(
-            S,
+            z,
             {
               variant: "secondary",
               size: "md",
@@ -1459,14 +1498,14 @@ function Yr({
             }
           ),
           /* @__PURE__ */ s(ge, { children: [
-            /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ s(S, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+            /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ s(z, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
               /* @__PURE__ */ e(Ee, {}),
               /* @__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: n.value.length > 0 ? `${n.value.length} selected` : "Enter value" }),
               /* @__PURE__ */ e(ee, { className: "text-muted" })
             ] }) }),
-            /* @__PURE__ */ s(ae, { align: "start", className: "w-56", children: [
+            /* @__PURE__ */ s(re, { align: "start", className: "w-56", children: [
               /* @__PURE__ */ s(ne, { className: "text-[13px]", children: [
                 "Filter by ",
                 n.label
@@ -1505,19 +1544,19 @@ function Yr({
         }
       )
     ] }) : null,
-    C,
+    S,
     w && R.size > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "font-medium text-fg", children: [
         R.size,
         " selected"
       ] }),
       /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (I ?? []).map((n) => /* @__PURE__ */ s(
-        S,
+        z,
         {
           size: "md",
           variant: n.variant ?? "outline",
           disabled: n.disabled,
-          onClick: () => void n.onRun(pt),
+          onClick: () => void n.onRun(bt),
           children: [
             n.icon,
             n.label
@@ -1544,7 +1583,7 @@ function Yr({
         action: ue,
         tone: Q,
         headerClassName: Y,
-        panelClassName: lt,
+        panelClassName: it,
         header: (
           // Visible header: presentational so its controls stay focusable while
           // the body table carries the semantic column headers (sr-only).
@@ -1555,22 +1594,22 @@ function Yr({
                 xe,
                 {
                   "aria-label": "Select all rows",
-                  checked: Pe ? !0 : mt ? "indeterminate" : !1,
-                  onCheckedChange: bt
+                  checked: Pe ? !0 : pt ? "indeterminate" : !1,
+                  onCheckedChange: ft
                 }
               ) }),
               E.map((n) => /* @__PURE__ */ e(
                 "th",
                 {
-                  className: o(zr, n.align === "right" && "text-right", n.className),
+                  className: o(Ma, n.align === "right" && "text-right", n.className),
                   children: n.sortable ? /* @__PURE__ */ s(
-                    S,
+                    z,
                     {
                       type: "button",
                       variant: "ghost",
                       size: "xs",
                       "aria-label": `Sort by ${n.header}`,
-                      onClick: () => ut(n),
+                      onClick: () => mt(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",
@@ -1579,7 +1618,7 @@ function Yr({
                       ),
                       children: [
                         n.header,
-                        (x == null ? void 0 : x.id) === n.id ? x.dir === "asc" ? /* @__PURE__ */ e(jt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(ee, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(_t, { className: "size-3.5 opacity-50" })
+                        (x == null ? void 0 : x.id) === n.id ? x.dir === "asc" ? /* @__PURE__ */ e(Lt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(ee, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Rt, { className: "size-3.5 opacity-50" })
                       ]
                     }
                   ) : n.header
@@ -1591,14 +1630,14 @@ function Yr({
           ] })
         ),
         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(Et, { 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(jt, { 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(
-          kr,
+        ] }) : _.length === 0 ? /* @__PURE__ */ e(
+          Ta,
           {
             icon: d == null ? void 0 : d.icon,
             title: (d == null ? void 0 : d.title) ?? "No results",
@@ -1609,13 +1648,13 @@ function Yr({
           /* @__PURE__ */ e("colgroup", { children: Ie.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" }),
-            E.map((n) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": Nt(n), children: n.header }, n.id)),
+            E.map((n) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": yt(n), children: n.header }, n.id)),
             y && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
           ] }) }),
-          /* @__PURE__ */ e(Yt, { children: j.map((n) => {
-            const m = a(n), f = R.has(m);
+          /* @__PURE__ */ e(Ot, { children: _.map((n) => {
+            const m = r(n), f = R.has(m);
             return /* @__PURE__ */ s(
-              Zt,
+              Kt,
               {
                 "data-state": f ? "selected" : void 0,
                 onClick: B ? () => B(n) : void 0,
@@ -1626,7 +1665,7 @@ function Yr({
                     {
                       "aria-label": "Select row",
                       checked: f,
-                      onCheckedChange: () => ft(m)
+                      onCheckedChange: () => ht(m)
                     }
                   ) }),
                   E.map((v) => /* @__PURE__ */ e(
@@ -1649,22 +1688,22 @@ function Yr({
     ),
     !l && !i && q.length > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
-        O + 1,
+        K + 1,
         "–",
-        Math.min(O + L, q.length),
+        Math.min(K + L, q.length),
         " of ",
         q.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s(Cr, { value: String(L), onValueChange: (n) => st(Number(n)), children: [
-          /* @__PURE__ */ e(at, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ e(wr, {}) }),
-          /* @__PURE__ */ e(nt, { children: _.map((n) => /* @__PURE__ */ s(ze, { value: String(n), children: [
+        /* @__PURE__ */ s(ka, { value: String(L), onValueChange: (n) => dt(Number(n)), children: [
+          /* @__PURE__ */ e(nt, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ e(za, {}) }),
+          /* @__PURE__ */ e(lt, { children: j.map((n) => /* @__PURE__ */ s(ke, { value: String(n), children: [
             n,
             " / page"
           ] }, n)) })
         ] }),
         /* @__PURE__ */ e(
-          S,
+          z,
           {
             variant: "outline",
             size: "md",
@@ -1674,7 +1713,7 @@ function Yr({
           }
         ),
         /* @__PURE__ */ e(
-          S,
+          z,
           {
             variant: "outline",
             size: "md",
@@ -1687,17 +1726,17 @@ function Yr({
     ] })
   ] });
 }
-function Zr({ icon: t, title: r, description: a, action: l, className: i }) {
+function tr({ icon: t, title: a, description: r, action: l, className: i }) {
   return /* @__PURE__ */ e(ce, { 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 }),
-      a ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: a }) : null
+      /* @__PURE__ */ e("p", { className: "text-sm font-medium text-fg", children: a }),
+      r ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: r }) : null
     ] }),
     l
   ] }) });
 }
-function Kr({ className: t, ...r }) {
+function ar({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -1705,26 +1744,26 @@ function Kr({ className: t, ...r }) {
         "inline-flex h-5 min-w-5 items-center justify-center rounded border border-line bg-elevated px-1.5 font-mono text-[11px] font-medium text-subtle",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-const Tr = b(({ className: t, ...r }, a) => /* @__PURE__ */ e(
-  Ft.Root,
+const Ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  qt.Root,
   {
-    ref: a,
+    ref: r,
     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
     ),
-    ...r
+    ...a
   }
 ));
-Tr.displayName = "Label";
-function Or({
+Ia.displayName = "Label";
+function rr({
   value: t,
-  onValueChange: r,
-  options: a,
+  onValueChange: a,
+  options: r,
   size: l = "sm",
   className: i,
   ...d
@@ -1740,7 +1779,7 @@ function Or({
         l === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
         i
       ),
-      children: a.map((u) => {
+      children: r.map((u) => {
         const h = u.value === t;
         return /* @__PURE__ */ s(
           "label",
@@ -1759,7 +1798,7 @@ function Or({
                   name: c,
                   value: u.value,
                   checked: h,
-                  onChange: () => r(u.value),
+                  onChange: () => a(u.value),
                   className: "sr-only"
                 }
               ),
@@ -1773,35 +1812,35 @@ function Or({
     }
   );
 }
-const Mr = b(({ className: t, orientation: r = "horizontal", decorative: a = !0, ...l }, i) => /* @__PURE__ */ e(
-  $t.Root,
+const Ea = b(({ className: t, orientation: a = "horizontal", decorative: r = !0, ...l }, i) => /* @__PURE__ */ e(
+  Gt.Root,
   {
     ref: i,
-    decorative: a,
-    orientation: r,
+    decorative: r,
+    orientation: a,
     className: o(
       "shrink-0 bg-line",
-      r === "horizontal" ? "h-px w-full" : "h-full w-px",
+      a === "horizontal" ? "h-px w-full" : "h-full w-px",
       t
     ),
     ...l
   }
 ));
-Mr.displayName = "Separator";
-function ea({ className: t, ...r }) {
+Ea.displayName = "Separator";
+function nr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: o("animate-pulse rounded-md bg-elevated", t),
-      ...r
+      ...a
     }
   );
 }
-const ta = W.Provider, ra = W.Root, aa = W.Trigger, Pr = b(({ className: t, sideOffset: r = 6, ...a }, l) => /* @__PURE__ */ e(W.Portal, { children: /* @__PURE__ */ e(
+const lr = W.Provider, ir = W.Root, or = W.Trigger, _a = b(({ className: t, sideOffset: a = 6, ...r }, l) => /* @__PURE__ */ e(W.Portal, { children: /* @__PURE__ */ e(
   W.Content,
   {
     ref: l,
-    sideOffset: r,
+    sideOffset: a,
     className: o(
       "z-50 overflow-hidden rounded-md border border-line bg-elevated px-2 py-1 text-xs text-fg shadow-md",
       "data-[state=delayed-open]:animate-in data-[state=closed]:animate-out",
@@ -1812,81 +1851,84 @@ const ta = W.Provider, ra = W.Root, aa = W.Trigger, Pr = b(({ className: t, side
       "duration-150 ease-out",
       t
     ),
-    ...a
+    ...r
   }
 ) }));
-Pr.displayName = "TooltipContent";
+_a.displayName = "TooltipContent";
 export {
-  Br as AgentPrompt,
+  qa as AgentPrompt,
   Ge as Avatar,
   Ve as AvatarFallback,
   He as AvatarImage,
-  Wt as Badge,
-  S as Button,
-  Fr as Callout,
-  rr as Card,
-  lr as CardContent,
-  nr as CardDescription,
-  ir as CardFooter,
+  Jt as Badge,
+  z as Button,
+  Ga as Callout,
+  na as Card,
+  oa as CardContent,
+  ia as CardDescription,
+  sa as CardFooter,
   Ue as CardHeader,
-  ar as CardTitle,
+  la as CardTitle,
   xe as Checkbox,
-  Vr as ChoiceDialog,
-  Ur as CodeBlock,
-  Yr as DataTable,
-  Qr as DataTableIdentity,
-  ur as Dialog,
-  pr as DialogBody,
+  Xa as ChoiceDialog,
+  Ja as CodeBlock,
+  er as DataTable,
+  Ka as DataTableIdentity,
+  pa as Dialog,
+  fa as DialogBody,
   Ye as DialogCancel,
-  Hr as DialogClose,
-  Ke as DialogContent,
-  hr as DialogDescription,
-  fr as DialogFooter,
-  br as DialogHeader,
-  mr as DialogPanel,
-  Oe as DialogTitle,
+  Wa as DialogClose,
+  Oe as DialogContent,
+  xa as DialogDescription,
+  ga as DialogFooter,
+  ha as DialogHeader,
+  ba as DialogPanel,
+  Ke as DialogTitle,
   Qe as DialogTrigger,
   ge as DropdownMenu,
   U as DropdownMenuCheckboxItem,
-  ae as DropdownMenuContent,
-  Wr as DropdownMenuGroup,
+  re as DropdownMenuContent,
+  Qa as DropdownMenuGroup,
   oe as DropdownMenuItem,
   ne as DropdownMenuLabel,
-  Xr as DropdownMenuPortal,
+  Ya as DropdownMenuPortal,
   Ne as DropdownMenuSeparator,
-  re as DropdownMenuTrigger,
-  Zr as EmptyState,
+  Za as DropdownMenuSub,
+  Sa as DropdownMenuSubContent,
+  rt as DropdownMenuSubTrigger,
+  ae as DropdownMenuTrigger,
+  tr as EmptyState,
   tt as Input,
-  Kr as Kbd,
-  Tr as Label,
-  xr as RadioCard,
-  gr as RadioGroup,
-  Or as Segmented,
-  Cr as Select,
-  nt as SelectContent,
-  Jr as SelectGroup,
-  ze as SelectItem,
-  Sr as SelectLabel,
-  at as SelectTrigger,
-  wr as SelectValue,
-  Mr as Separator,
-  ea as Skeleton,
-  qt as Spinner,
-  $r as Table,
-  Yt as TableBody,
+  ar as Kbd,
+  Ia as Label,
+  Na as RadioCard,
+  va as RadioGroup,
+  rr as Segmented,
+  ka as Select,
+  lt as SelectContent,
+  Oa as SelectGroup,
+  ke as SelectItem,
+  Da as SelectLabel,
+  nt as SelectTrigger,
+  za as SelectValue,
+  Ea as Separator,
+  nr as Skeleton,
+  Ht as Spinner,
+  Ha as Table,
+  Ot as TableBody,
   fe as TableCell,
-  Jt as TableContainer,
-  kr as TableEmptyState,
-  Gr as TableHead,
-  qr as TableHeader,
-  Qt as TablePanel,
-  Zt as TableRow,
+  Yt as TableContainer,
+  Ta as TableEmptyState,
+  Ua as TableHead,
+  Va as TableHeader,
+  Zt as TablePanel,
+  Kt as TableRow,
   ce as TableSurface,
-  ra as Tooltip,
-  Pr as TooltipContent,
-  ta as TooltipProvider,
-  aa as TooltipTrigger,
-  Vt as badgeVariants,
-  Gt as buttonVariants
+  ir as Tooltip,
+  _a as TooltipContent,
+  lr as TooltipProvider,
+  or as TooltipTrigger,
+  Wt as badgeVariants,
+  Vt as buttonVariants
 };
 //# sourceMappingURL=index.js.map