@jinaan/uikit 0.1.51 → 0.1.53

package/dist/index.js

@@ -1,38 +1,39 @@
-import { jsx as e, jsxs as s, Fragment as je } from "react/jsx-runtime";
-import { CircleNotch as ha, Robot as ga, Terminal as xa, Check as ae, Copy as gt, XCircle as va, Warning as Na, CheckCircle as ya, Info as wa, Minus as Ca, X as be, CaretDown as Y, CaretRight as xt, MagnifyingGlass as Sa, Columns as za, Lock as ka, DotsSixVertical as Da, FunnelSimple as ct, WarningCircle as Ta, CaretUp as Ma, CaretUpDown as Pa, CaretLeft as Ia } from "@phosphor-icons/react";
-import { forwardRef as f, useState as T, Children as vt, isValidElement as Nt, useRef as _, useEffect as Z, useContext as O, useCallback as yt, createContext as re, useId as ge, useMemo as De, useLayoutEffect as Ra, Fragment as ja } from "react";
-import { Slot as _a } from "@radix-ui/react-slot";
-import { cva as _e } from "class-variance-authority";
-import { clsx as Ea } from "clsx";
-import { twMerge as La } from "tailwind-merge";
-import * as Ee from "@radix-ui/react-avatar";
-import * as ut from "@radix-ui/react-checkbox";
-import * as E from "@radix-ui/react-dialog";
-import * as P from "@radix-ui/react-dropdown-menu";
-import * as R from "@radix-ui/react-select";
-import * as Aa from "@radix-ui/react-label";
-import * as Ba from "@radix-ui/react-separator";
-import * as te from "@radix-ui/react-tooltip";
-function i(...t) {
-  return La(Ea(t));
+import { jsx as e, jsxs as s, Fragment as Ge } from "react/jsx-runtime";
+import { CircleNotch as va, Robot as Na, Terminal as ya, Check as ie, Copy as St, XCircle as wa, Warning as Ca, CheckCircle as za, Info as ka, Minus as Sa, X as ye, CaretDown as Y, MagnifyingGlass as Dt, CaretRight as Tt, Columns as Da, Lock as Ta, DotsSixVertical as Ma, FunnelSimple as vt, WarningCircle as Pa, CaretUp as Ia, CaretUpDown as Ra, CaretLeft as ja } from "@phosphor-icons/react";
+import { forwardRef as h, useState as P, Children as Mt, isValidElement as Pt, useRef as B, useEffect as V, useContext as Z, useCallback as It, createContext as se, useId as Ce, useMemo as ge, useLayoutEffect as Ea, Fragment as _a } from "react";
+import { Slot as La } from "@radix-ui/react-slot";
+import { cva as Oe } from "class-variance-authority";
+import { clsx as Aa } from "clsx";
+import { twMerge as Ba } from "tailwind-merge";
+import * as Ve from "@radix-ui/react-avatar";
+import * as Nt from "@radix-ui/react-checkbox";
+import * as $ from "@radix-ui/react-dialog";
+import * as he from "@radix-ui/react-popover";
+import * as j from "@radix-ui/react-dropdown-menu";
+import * as _ from "@radix-ui/react-select";
+import * as $a from "@radix-ui/react-label";
+import * as Fa from "@radix-ui/react-separator";
+import * as oe from "@radix-ui/react-tooltip";
+function o(...t) {
+  return Ba(Aa(t));
 }
-function $a(t, a, n) {
+function qa(t, a, n) {
   if (a === n || a < 0 || n < 0 || a >= t.length || n >= t.length)
     return t;
-  const l = [...t], [o] = l.splice(a, 1);
-  return l.splice(n, 0, o), l;
+  const l = [...t], [i] = l.splice(a, 1);
+  return l.splice(n, 0, i), l;
 }
-function Fa({ className: t }) {
+function Rt({ className: t }) {
   return /* @__PURE__ */ e(
-    ha,
+    va,
     {
-      className: i("size-4 animate-spin text-muted", t),
+      className: o("size-4 animate-spin text-muted", t),
       weight: "bold",
       "aria-hidden": !0
     }
   );
 }
-const qa = _e(
+const Ha = Oe(
   "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: {
@@ -65,49 +66,49 @@ const qa = _e(
   lg: "[&_svg]:size-[var(--control-icon-lg)]",
   xl: "[&_svg]:size-[var(--control-icon-xl)]",
   icon: "[&_svg]:size-[var(--control-icon-md)]"
-}, M = f(
+}, R = h(
   ({
     className: t,
     variant: a,
     size: n = "md",
     asChild: l = !1,
-    leadingIcon: o,
-    trailingIcon: m,
-    iconOnly: u = !1,
-    loading: c = !1,
+    leadingIcon: i,
+    trailingIcon: c,
+    iconOnly: m = !1,
+    loading: u = !1,
     fullWidth: x = !1,
-    disabled: b,
-    children: h,
+    disabled: f,
+    children: g,
     ...N
-  }, k) => {
-    const v = l ? _a : "button", D = Ga[n ?? "md"];
+  }, z) => {
+    const y = l ? La : "button", D = Ga[n ?? "md"];
     return /* @__PURE__ */ e(
-      v,
+      y,
       {
-        ref: k,
-        "aria-busy": c || void 0,
-        disabled: l ? void 0 : b || c,
-        className: i(
-          qa({ variant: a, size: n }),
-          u && "aspect-square px-0",
+        ref: z,
+        "aria-busy": u || void 0,
+        disabled: l ? void 0 : f || u,
+        className: o(
+          Ha({ variant: a, size: n }),
+          m && "aspect-square px-0",
           x && "w-full",
-          c && "disabled:opacity-100",
+          u && "disabled:opacity-100",
           t
         ),
         ...N,
-        children: l ? h : /* @__PURE__ */ s("span", { className: "relative inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap)", children: [
+        children: l ? g : /* @__PURE__ */ s("span", { className: "relative inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap)", children: [
           /* @__PURE__ */ s(
             "span",
             {
-              className: i(
+              className: o(
                 "inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap) transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
-                c && "translate-y-2 opacity-0"
+                u && "translate-y-2 opacity-0"
               ),
-              "aria-hidden": c || void 0,
+              "aria-hidden": u || void 0,
               children: [
-                !c && o ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", D), "aria-hidden": !0, children: o }) : null,
-                h,
-                !c && m ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", D), "aria-hidden": !0, children: m }) : null
+                !u && i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", D), "aria-hidden": !0, children: i }) : null,
+                g,
+                !u && c ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", D), "aria-hidden": !0, children: c }) : null
               ]
             }
           ),
@@ -115,12 +116,12 @@ const qa = _e(
             "span",
             {
               "data-button-spinner": !0,
-              className: i(
+              className: o(
                 "pointer-events-none absolute inset-0 flex items-center justify-center transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
-                c ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
+                u ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(Fa, { className: i("text-current", D) })
+              children: /* @__PURE__ */ e(Rt, { className: o("text-current", D) })
             }
           )
         ] })
@@ -128,76 +129,76 @@ const qa = _e(
     );
   }
 );
-M.displayName = "Button";
-function Ar({
+R.displayName = "Button";
+function Br({
   command: t,
   tag: a = "Build with agents",
   icon: n,
   className: l
 }) {
-  const [o, m] = T(!1), u = async () => {
+  const [i, c] = P(!1), m = async () => {
     try {
-      await navigator.clipboard.writeText(t), m(!0), window.setTimeout(() => m(!1), 1500);
+      await navigator.clipboard.writeText(t), c(!0), window.setTimeout(() => c(!1), 1500);
     } catch {
     }
   };
-  return /* @__PURE__ */ s("div", { className: i("relative inline-flex max-w-full", l), children: [
+  return /* @__PURE__ */ s("div", { className: o("relative inline-flex max-w-full", l), children: [
     /* @__PURE__ */ s("span", { className: "absolute -top-2.5 left-4 z-10 inline-flex items-center gap-1.5 rounded-md bg-fg px-2 py-1 text-[11px] font-medium text-canvas shadow-sm", children: [
-      n ?? /* @__PURE__ */ e(ga, { className: "size-3.5", weight: "fill" }),
+      n ?? /* @__PURE__ */ e(Na, { 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(xa, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ e(ya, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
       /* @__PURE__ */ e("span", { className: "truncate font-mono text-sm text-fg", children: t }),
       /* @__PURE__ */ e(
-        M,
+        R,
         {
           variant: "ghost",
           size: "sm",
           iconOnly: !0,
           "aria-label": "Copy prompt",
           className: "ml-auto",
-          onClick: u,
-          children: o ? /* @__PURE__ */ e(ae, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(gt, {})
+          onClick: m,
+          children: i ? /* @__PURE__ */ e(ie, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(St, {})
         }
       )
     ] })
   ] });
 }
-const wt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  Ee.Root,
+const jt = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ve.Root,
   {
     ref: n,
-    className: i(
+    className: o(
       "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
       t
     ),
     ...a
   }
 ));
-wt.displayName = "Avatar";
-const Ct = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  Ee.Image,
+jt.displayName = "Avatar";
+const Et = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ve.Image,
   {
     ref: n,
-    className: i("aspect-square size-full object-cover", t),
+    className: o("aspect-square size-full object-cover", t),
     ...a
   }
 ));
-Ct.displayName = "AvatarImage";
-const St = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  Ee.Fallback,
+Et.displayName = "AvatarImage";
+const _t = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ve.Fallback,
   {
     ref: n,
-    className: i(
+    className: o(
       "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
       t
     ),
     ...a
   }
 ));
-St.displayName = "AvatarFallback";
-const Ha = _e(
+_t.displayName = "AvatarFallback";
+const Oa = Oe(
   "inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
   {
     variants: {
@@ -213,7 +214,7 @@ const Ha = _e(
     },
     defaultVariants: { variant: "neutral" }
   }
-), Va = _e("size-1.5 shrink-0 rounded-full", {
+), Va = Oe("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -227,54 +228,54 @@ const Ha = _e(
   },
   defaultVariants: { variant: "neutral" }
 });
-function Wa({ className: t, variant: a, dot: n = !1, children: l, ...o }) {
-  return /* @__PURE__ */ s("span", { className: i(Ha({ variant: a }), t), ...o, children: [
-    n ? /* @__PURE__ */ e("span", { className: i(Va({ variant: a })), "aria-hidden": !0 }) : null,
+function Wa({ className: t, variant: a, dot: n = !1, children: l, ...i }) {
+  return /* @__PURE__ */ s("span", { className: o(Oa({ variant: a }), t), ...i, children: [
+    n ? /* @__PURE__ */ e("span", { className: o(Va({ variant: a })), "aria-hidden": !0 }) : null,
     l
   ] });
 }
-const Oa = {
+const Ua = {
   info: {
-    Icon: wa,
+    Icon: ka,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: ya,
+    Icon: za,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
   warning: {
-    Icon: Na,
+    Icon: Ca,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: va,
+    Icon: wa,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function Br({
+function $r({
   variant: t = "info",
   title: a,
   children: n,
   icon: l,
-  className: o
+  className: i
 }) {
-  const { Icon: m, className: u, iconClassName: c } = Oa[t];
+  const { Icon: c, className: m, iconClassName: u } = Ua[t];
   return /* @__PURE__ */ s(
     "div",
     {
       role: t === "error" ? "alert" : void 0,
-      className: i(
+      className: o(
         "flex items-start gap-2.5 rounded-lg border px-3.5 py-3 text-sm",
         "animate-in fade-in-0 slide-in-from-top-1 duration-200 motion-reduce:animate-none",
-        u,
-        o
+        m,
+        i
       ),
       children: [
-        /* @__PURE__ */ e("span", { className: i("mt-0.5 shrink-0 [&_svg]:size-4", c), children: l ?? /* @__PURE__ */ e(m, { weight: "fill" }) }),
+        /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", u), children: l ?? /* @__PURE__ */ e(c, { weight: "fill" }) }),
         /* @__PURE__ */ s("div", { className: "min-w-0 space-y-0.5", children: [
           a ? /* @__PURE__ */ e("p", { className: "font-medium text-fg", children: a }) : null,
           n ? /* @__PURE__ */ e("div", { className: "text-muted", children: n }) : null
@@ -283,14 +284,14 @@ function Br({
     }
   );
 }
-function Ua({
+function Xa({
   className: t,
   ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: i(
+      className: o(
         "w-full overflow-hidden rounded-(--table-radius-outer) bg-table-container p-(--table-inset)",
         t
       ),
@@ -298,14 +299,14 @@ function Ua({
     }
   );
 }
-function Xa({
+function Ka({
   className: t,
   ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: i(
+      className: o(
         "overflow-hidden rounded-(--table-radius-panel) border border-table-panel-border bg-table-panel",
         t
       ),
@@ -313,26 +314,26 @@ function Xa({
     }
   );
 }
-function $r({ className: t, ...a }) {
+function Fr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "table",
     {
-      className: i("w-full table-fixed border-collapse caption-bottom text-sm", t),
+      className: o("w-full table-fixed border-collapse caption-bottom text-sm", t),
       ...a
     }
   );
 }
-function Fr({ className: t, ...a }) {
+function qr({ className: t, ...a }) {
   return /* @__PURE__ */ e("thead", { className: t, ...a });
 }
 function Ja({ className: t, ...a }) {
-  return /* @__PURE__ */ e("tbody", { className: i("[&_tr:last-child]:border-0", t), ...a });
+  return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...a });
 }
-function mt({ className: t, ...a }) {
+function yt({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "tr",
     {
-      className: i(
+      className: o(
         "border-b border-table-panel-border transition-colors last:border-0 hover:bg-table-row-hover data-[state=selected]:bg-table-row-selected",
         t
       ),
@@ -340,11 +341,11 @@ function mt({ className: t, ...a }) {
     }
   );
 }
-function qr({ className: t, ...a }) {
+function Hr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "th",
     {
-      className: i(
+      className: o(
         "h-(--table-header-h) whitespace-nowrap px-(--table-pad-x) text-left align-middle text-[0.8125rem] font-medium text-table-header",
         t
       ),
@@ -352,11 +353,11 @@ function qr({ className: t, ...a }) {
     }
   );
 }
-function Q({ className: t, ...a }) {
+function ne({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "td",
     {
-      className: i(
+      className: o(
         "whitespace-nowrap px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
         t
       ),
@@ -364,49 +365,49 @@ function Q({ className: t, ...a }) {
     }
   );
 }
-const Ka = {
+const Qa = {
   default: "bg-table-container",
   muted: "bg-surface border border-line",
   transparent: "bg-transparent"
-}, Qa = {
+}, Ya = {
   default: "bg-table-panel border-table-panel-border",
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function Ya(t) {
+function Za(t) {
   return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
 }
-function xe({
+function ze({
   title: t,
   description: a,
   header: n,
   children: l,
-  action: o,
-  tone: m = "default",
-  className: u,
-  headerClassName: c,
+  action: i,
+  tone: c = "default",
+  className: m,
+  headerClassName: u,
   panelClassName: x,
-  footer: b,
-  footerClassName: h,
+  footer: f,
+  footerClassName: g,
   minHeight: N,
-  scrollMode: k = "surface",
-  headerContentRef: v
+  scrollMode: z = "surface",
+  headerContentRef: y
 }) {
-  const D = !!(t || a), S = k === "panel", g = Ya(o) ? /* @__PURE__ */ e(
-    M,
+  const D = !!(t || a), k = z === "panel", b = Za(i) ? /* @__PURE__ */ e(
+    R,
     {
-      variant: o.variant ?? "primary",
+      variant: i.variant ?? "primary",
       size: "xs",
-      leadingIcon: o.href ? void 0 : o.icon,
-      onClick: o.onClick,
-      disabled: o.disabled,
-      asChild: !!o.href,
-      children: o.href ? /* @__PURE__ */ s("a", { href: o.href, children: [
-        o.icon,
-        o.label
-      ] }) : o.label
+      leadingIcon: i.href ? void 0 : i.icon,
+      onClick: i.onClick,
+      disabled: i.disabled,
+      asChild: !!i.href,
+      children: i.href ? /* @__PURE__ */ s("a", { href: i.href, children: [
+        i.icon,
+        i.label
+      ] }) : i.label
     }
-  ) : o, j = n || D ? (
+  ) : i, I = n || D ? (
     // Header rows must not inherit the body row hover surface. Panel mode
     // clips the band instead of scrolling it; the caller translates the
     // inner wrapper so titles track the row content. px-px mirrors the
@@ -415,18 +416,18 @@ function xe({
     /* @__PURE__ */ s(
       "div",
       {
-        className: i(
+        className: o(
           "[--table-row-hover:transparent] text-table-header",
-          S && "overflow-hidden px-px",
-          c
+          k && "overflow-hidden px-px",
+          u
         ),
         children: [
           D ? /* @__PURE__ */ s(
             "div",
             {
-              className: i(
+              className: o(
                 "px-(--table-pad-x) pb-3 pt-4",
-                g && "pr-28"
+                b && "pr-28"
               ),
               children: [
                 t ? /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-fg", children: t }) : null,
@@ -434,81 +435,81 @@ function xe({
               ]
             }
           ) : null,
-          S ? /* @__PURE__ */ e("div", { ref: v, children: n }) : n
+          k ? /* @__PURE__ */ e("div", { ref: y, children: n }) : n
         ]
       }
     )
-  ) : null, I = /* @__PURE__ */ e(
-    Xa,
+  ) : null, M = /* @__PURE__ */ e(
+    Ka,
     {
-      className: i(Qa[m], x),
+      className: o(Ya[c], x),
       style: N ? { minHeight: N } : void 0,
       children: l
     }
   );
-  return /* @__PURE__ */ s(Ua, { className: i("relative", Ka[m], u), children: [
-    S ? /* @__PURE__ */ s(je, { children: [
-      j,
-      I
+  return /* @__PURE__ */ s(Xa, { className: o("relative", Qa[c], m), children: [
+    k ? /* @__PURE__ */ s(Ge, { children: [
+      I,
+      M
     ] }) : /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
-      j,
-      I
+      I,
+      M
     ] }),
-    b ? /* @__PURE__ */ e(
+    f ? /* @__PURE__ */ e(
       "div",
       {
-        className: i(
+        className: o(
           "border-t border-line px-(--table-pad-x) py-3 text-table-header",
-          h
+          g
         ),
-        children: b
+        children: f
       }
     ) : null,
-    g ? /* @__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: g }) }) : null
+    b ? /* @__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: b }) }) : null
   ] });
 }
-function Za(t) {
-  const a = vt.toArray(t), n = a.filter(
-    (l) => Nt(l) && l.type === zt
+function er(t) {
+  const a = Mt.toArray(t), n = a.filter(
+    (l) => Pt(l) && l.type === Lt
   );
   return {
-    header: n.length > 0 ? /* @__PURE__ */ e(je, { children: n }) : void 0,
+    header: n.length > 0 ? /* @__PURE__ */ e(Ge, { children: n }) : void 0,
     body: a.filter((l) => !n.includes(l))
   };
 }
-const er = f(
+const tr = h(
   ({ className: t, children: a, ...n }, l) => {
-    const { header: o, body: m } = Za(a);
-    return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(xe, { className: i("shadow-xs", t), header: o, children: m }) });
+    const { header: i, body: c } = er(a);
+    return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(ze, { className: o("shadow-xs", t), header: i, children: c }) });
   }
 );
-er.displayName = "Card";
-const zt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+tr.displayName = "Card";
+const Lt = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
-    className: i(
+    className: o(
       "flex flex-col gap-1 px-5 py-4",
       t
     ),
     ...a
   }
 ));
-zt.displayName = "CardHeader";
-const tr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+Lt.displayName = "CardHeader";
+const ar = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "h2",
   {
     ref: n,
-    className: i("text-sm font-semibold text-fg", t),
+    className: o("text-sm font-semibold text-fg", t),
     ...a
   }
 ));
-tr.displayName = "CardTitle";
-const ar = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+ar.displayName = "CardTitle";
+const rr = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "p",
   {
     ref: n,
-    className: i(
+    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
@@ -516,26 +517,26 @@ const ar = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-ar.displayName = "CardDescription";
-const rr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e("div", { ref: n, className: i("px-5 py-4", t), ...a }));
-rr.displayName = "CardContent";
-const nr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+rr.displayName = "CardDescription";
+const nr = h(({ className: t, ...a }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...a }));
+nr.displayName = "CardContent";
+const lr = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
-    className: i(
+    className: o(
       "flex items-center gap-3 border-t border-line px-5 py-3",
       t
     ),
     ...a
   }
 ));
-nr.displayName = "CardFooter";
-const Pe = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  ut.Root,
+lr.displayName = "CardFooter";
+const Fe = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Nt.Root,
   {
     ref: n,
-    className: i(
+    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",
       "disabled:cursor-not-allowed disabled:opacity-50",
@@ -544,27 +545,27 @@ const Pe = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
       t
     ),
     ...a,
-    children: /* @__PURE__ */ e(ut.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(Ca, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(ae, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ e(Nt.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: a.checked === "indeterminate" ? /* @__PURE__ */ e(Sa, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(ie, { className: "size-3", weight: "bold" }) })
   }
 ));
-Pe.displayName = "Checkbox";
-function pt(t) {
+Fe.displayName = "Checkbox";
+function wt(t) {
   return t.width > 0 && t.height > 0;
 }
-function ft(t) {
+function Ct(t) {
   return Math.min(1, Math.max(0.1, t));
 }
-function lr(t, a) {
-  return !pt(t) || !pt(a) ? null : {
+function or(t, a) {
+  return !wt(t) || !wt(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: ft(t.width / a.width),
-    sy: ft(t.height / a.height)
+    sx: Ct(t.width / a.width),
+    sy: Ct(t.height / a.height)
   };
 }
-const kt = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
-let W = null, bt = !1;
-function Le(t) {
+const At = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
+let Q = null, zt = !1;
+function We(t) {
   const a = t.getBoundingClientRect();
   return a.width <= 0 || a.height <= 0 ? null : {
     left: a.left,
@@ -573,152 +574,152 @@ function Le(t) {
     height: a.height
   };
 }
-function Ie(t) {
+function qe(t) {
   if (!(t instanceof Element)) return;
-  const a = t.closest(kt);
+  const a = t.closest(At);
   if (!a) return;
-  const n = Le(a);
-  n && (W = { rect: n, at: Date.now() });
+  const n = We(a);
+  n && (Q = { rect: n, at: Date.now() });
 }
 function ir() {
-  bt || typeof document > "u" || (bt = !0, document.addEventListener(
+  zt || typeof document > "u" || (zt = !0, document.addEventListener(
     "pointerdown",
-    (t) => Ie(t.target),
+    (t) => qe(t.target),
     !0
   ), document.addEventListener(
     "keydown",
     (t) => {
-      t.key !== "Enter" && t.key !== " " || Ie(document.activeElement);
+      t.key !== "Enter" && t.key !== " " || qe(document.activeElement);
     },
     !0
   ));
 }
-function or(t) {
-  if (W && Date.now() - W.at < 2e3) {
-    const n = W.rect;
-    return W = null, n;
+function sr(t) {
+  if (Q && Date.now() - Q.at < 2e3) {
+    const n = Q.rect;
+    return Q = null, n;
   }
-  W = null;
+  Q = null;
   const a = document.activeElement;
-  return a instanceof Element && a !== t && !t.contains(a) && a.matches(kt) ? Le(a) : null;
+  return a instanceof Element && a !== t && !t.contains(a) && a.matches(At) ? We(a) : null;
 }
-const sr = 250, Dt = re(!1), Tt = re(() => {
-}), Ae = re(!1);
-function dr({
+const dr = 250, Bt = se(!1), $t = se(() => {
+}), Ue = se(!1);
+function cr({
   open: t,
   defaultOpen: a,
   onOpenChange: n,
   children: l,
-  ...o
+  ...i
 }) {
-  const [m, u] = T(
+  const [c, m] = P(
     a ?? !1
-  ), [c, x] = T(!1), b = _(!1), h = _(null), N = t ?? m, k = _(N);
-  k.current = N;
-  const v = t !== void 0;
-  Z(() => ir(), []), Z(() => {
-    t && (h.current && clearTimeout(h.current), b.current = !1, x(!1));
-  }, [t]), Z(
+  ), [u, x] = P(!1), f = B(!1), g = B(null), N = t ?? c, z = B(N);
+  z.current = N;
+  const y = t !== void 0;
+  V(() => ir(), []), V(() => {
+    t && (g.current && clearTimeout(g.current), f.current = !1, x(!1));
+  }, [t]), V(
     () => () => {
-      h.current && clearTimeout(h.current);
+      g.current && clearTimeout(g.current);
     },
     []
   );
-  const D = (S) => {
-    if (S) {
-      h.current && clearTimeout(h.current), b.current = !1, x(!1), v || u(!0), n == null || n(!0);
+  const D = (k) => {
+    if (k) {
+      g.current && clearTimeout(g.current), f.current = !1, x(!1), y || m(!0), n == null || n(!0);
       return;
     }
-    if (!N || b.current) return;
+    if (!N || f.current) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      v || u(!1), n == null || n(!1);
+      y || m(!1), n == null || n(!1);
       return;
     }
-    b.current = !0, x(!0), h.current = setTimeout(() => {
-      v || u(!1), n == null || n(!1), requestAnimationFrame(() => {
-        k.current && (b.current = !1, x(!1));
+    f.current = !0, x(!0), g.current = setTimeout(() => {
+      y || m(!1), n == null || n(!1), requestAnimationFrame(() => {
+        z.current && (f.current = !1, x(!1));
       });
-    }, sr);
+    }, dr);
   };
-  return /* @__PURE__ */ e(Tt.Provider, { value: () => D(!1), children: /* @__PURE__ */ e(Dt.Provider, { value: c, children: /* @__PURE__ */ e(Ae.Provider, { value: !0, children: /* @__PURE__ */ e(
-    E.Root,
+  return /* @__PURE__ */ e($t.Provider, { value: () => D(!1), children: /* @__PURE__ */ e(Bt.Provider, { value: u, children: /* @__PURE__ */ e(Ue.Provider, { value: !0, children: /* @__PURE__ */ e(
+    $.Root,
     {
       open: N,
       onOpenChange: D,
-      ...o,
+      ...i,
       children: l
     }
   ) }) }) });
 }
-const Mt = f(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
-  E.Trigger,
+const Ft = h(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
+  $.Trigger,
   {
     ref: n,
     onClick: (l) => {
-      Ie(l.currentTarget), t == null || t(l);
+      qe(l.currentTarget), t == null || t(l);
     },
     ...a
   }
 ));
-Mt.displayName = "DialogTrigger";
-const Gr = E.Close, Pt = f(
-  ({ variant: t = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ e(E.Close, { asChild: !0, children: /* @__PURE__ */ e(M, { ref: l, type: "button", variant: t, ...n, children: a }) })
+Ft.displayName = "DialogTrigger";
+const Gr = $.Close, qt = h(
+  ({ variant: t = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ e($.Close, { asChild: !0, children: /* @__PURE__ */ e(R, { ref: l, type: "button", variant: t, ...n, children: a }) })
 );
-Pt.displayName = "DialogCancel";
-function It(t, a = !0) {
+qt.displayName = "DialogCancel";
+function Ht(t, a = !0) {
   if (t.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
     return;
-  const n = Le(t);
+  const n = We(t);
   if (!n) {
-    a && window.requestAnimationFrame(() => It(t, !1));
+    a && window.requestAnimationFrame(() => Ht(t, !1));
     return;
   }
   t.dataset.dialogMotionStarted = "true";
-  const l = or(t), o = l ? lr(l, n) : null;
-  o ? (t.style.setProperty("--dialog-dx", `${o.dx}px`), t.style.setProperty("--dialog-dy", `${o.dy}px`), t.style.setProperty("--dialog-sx", String(o.sx)), t.style.setProperty("--dialog-sy", String(o.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 m = () => {
+  const l = sr(t), i = l ? or(l, n) : null;
+  i ? (t.style.setProperty("--dialog-dx", `${i.dx}px`), t.style.setProperty("--dialog-dy", `${i.dy}px`), t.style.setProperty("--dialog-sx", String(i.sx)), t.style.setProperty("--dialog-sy", String(i.sy)), t.classList.add("dialog-fly-in")) : (t.style.removeProperty("--dialog-dx"), t.style.removeProperty("--dialog-dy"), t.style.removeProperty("--dialog-sx"), t.style.removeProperty("--dialog-sy"), t.classList.add("dialog-pop-in"));
+  const c = () => {
     t.classList.remove("dialog-fly-in", "dialog-pop-in");
-  }, u = (c) => {
-    c.target === t && (c.animationName !== "dialog-fly-in" && c.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", u), m()));
+  }, m = (u) => {
+    u.target === t && (u.animationName !== "dialog-fly-in" && u.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", m), c()));
   };
-  t.addEventListener("animationend", u);
+  t.addEventListener("animationend", m);
 }
-function cr(t) {
+function ur(t) {
   return t.replace(/dvh\b/g, "vh");
 }
-const Rt = f(
+const Gt = h(
   ({
     className: t,
     children: a,
     placement: n = "center",
     topOffset: l = "11dvh",
-    motion: o = "auto",
-    style: m,
-    onEscapeKeyDown: u,
-    onPointerDownOutside: c,
+    motion: i = "auto",
+    style: c,
+    onEscapeKeyDown: m,
+    onPointerDownOutside: u,
     ...x
-  }, b) => {
-    const h = O(Dt), N = n === "top", k = N ? {
+  }, f) => {
+    const g = Z(Bt), N = n === "top", z = N ? {
       "--dialog-top-offset": l,
-      "--dialog-top-offset-fallback": cr(l)
-    } : void 0, v = O(Tt), D = _(null), S = yt(
-      (g) => {
-        if (D.current = g, g && o === "auto" && It(g), typeof b == "function") {
-          b(g);
+      "--dialog-top-offset-fallback": ur(l)
+    } : void 0, y = Z($t), D = B(null), k = It(
+      (b) => {
+        if (D.current = b, b && i === "auto" && Ht(b), typeof f == "function") {
+          f(b);
           return;
         }
-        b && (b.current = g);
+        f && (f.current = b);
       },
-      [o, b]
+      [i, f]
     );
-    return /* @__PURE__ */ s(E.Portal, { children: [
+    return /* @__PURE__ */ s($.Portal, { children: [
       /* @__PURE__ */ e(
-        E.Overlay,
+        $.Overlay,
         {
-          className: i(
+          className: o(
             "fixed inset-0 z-50 overflow-hidden bg-overlay backdrop-blur-[3px] data-[state=open]:animate-in data-[state=open]:fade-in-0",
-            !h && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-            h && "opacity-0 transition-opacity duration-200"
+            !g && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+            g && "opacity-0 transition-opacity duration-200"
           ),
           children: /* @__PURE__ */ e(
             "span",
@@ -732,35 +733,35 @@ const Rt = f(
       /* @__PURE__ */ e(
         "div",
         {
-          className: i(
+          className: o(
             "pointer-events-none fixed inset-0 z-50 flex justify-center overflow-y-auto p-4",
             N ? "items-start" : "items-center"
           ),
           children: /* @__PURE__ */ s(
-            E.Content,
+            $.Content,
             {
-              ref: S,
-              style: k ? { ...k, ...m } : m,
-              className: i(
+              ref: k,
+              style: z ? { ...z, ...c } : c,
+              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",
                 N && "dialog-anchor-top",
-                o === "command" && "dialog-command-motion",
-                h && "dialog-closing",
+                i === "command" && "dialog-command-motion",
+                g && "dialog-closing",
                 "focus:outline-none",
                 t
               ),
-              onEscapeKeyDown: (g) => {
-                u == null || u(g), !g.defaultPrevented && (g.preventDefault(), v());
+              onEscapeKeyDown: (b) => {
+                m == null || m(b), !b.defaultPrevented && (b.preventDefault(), y());
               },
-              onPointerDownOutside: (g) => {
-                c == null || c(g), !g.defaultPrevented && (g.preventDefault(), v());
+              onPointerDownOutside: (b) => {
+                u == null || u(b), !b.defaultPrevented && (b.preventDefault(), y());
               },
               ...x,
               children: [
                 a,
-                /* @__PURE__ */ s(E.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(be, { className: "size-4" }),
+                /* @__PURE__ */ s($.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
+                  /* @__PURE__ */ e(ye, { className: "size-4" }),
                   /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
                 ] })
               ]
@@ -771,8 +772,8 @@ const Rt = f(
     ] });
   }
 );
-Rt.displayName = "DialogContent";
-function ur({
+Gt.displayName = "DialogContent";
+function mr({
   className: t,
   ...a
 }) {
@@ -780,7 +781,7 @@ function ur({
     "div",
     {
       "data-slot": "panel",
-      className: i(
+      className: o(
         "flex min-h-0 flex-1 flex-col overflow-hidden rounded-b-2xl border-x-0 border-t-0 border-b border-(--dialog-panel-border) bg-(--dialog-panel-bg) shadow-(--dialog-panel-shadow)",
         t
       ),
@@ -788,7 +789,7 @@ function ur({
     }
   );
 }
-function mr({
+function pr({
   className: t,
   ...a
 }) {
@@ -796,12 +797,12 @@ function mr({
     "div",
     {
       "data-slot": "body",
-      className: i("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
+      className: o("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
       ...a
     }
   );
 }
-function pr({
+function fr({
   className: t,
   ...a
 }) {
@@ -809,7 +810,7 @@ function pr({
     "div",
     {
       "data-slot": "header",
-      className: i(
+      className: o(
         "flex shrink-0 flex-col gap-1.5 border-b border-(--dialog-panel-border) px-5 py-4",
         t
       ),
@@ -817,7 +818,7 @@ function pr({
     }
   );
 }
-function fr({
+function br({
   className: t,
   ...a
 }) {
@@ -825,7 +826,7 @@ function fr({
     "div",
     {
       "data-slot": "footer",
-      className: i(
+      className: o(
         "flex shrink-0 flex-col-reverse gap-2 px-3 pt-3 sm:flex-row sm:px-4 sm:pt-3.5 sm:*:flex-1",
         t
       ),
@@ -833,81 +834,81 @@ function fr({
     }
   );
 }
-const jt = f(({ className: t, ...a }, n) => {
-  const l = O(Ae) ? E.Title : "h2";
+const Ot = h(({ className: t, ...a }, n) => {
+  const l = Z(Ue) ? $.Title : "h2";
   return /* @__PURE__ */ e(
     l,
     {
       ref: n,
-      className: i("text-base font-semibold text-fg", t),
+      className: o("text-base font-semibold text-fg", t),
       ...a
     }
   );
 });
-jt.displayName = "DialogTitle";
-const br = f(({ className: t, ...a }, n) => {
-  const l = O(Ae) ? E.Description : "p";
+Ot.displayName = "DialogTitle";
+const hr = h(({ className: t, ...a }, n) => {
+  const l = Z(Ue) ? $.Description : "p";
   return /* @__PURE__ */ e(
     l,
     {
       ref: n,
-      className: i("text-sm text-muted", t),
+      className: o("text-sm text-muted", t),
       ...a
     }
   );
 });
-br.displayName = "DialogDescription";
-const _t = re(null);
-function hr({
+hr.displayName = "DialogDescription";
+const Vt = se(null);
+function gr({
   label: t,
   value: a,
   onChange: n,
   disabled: l = !1,
-  name: o,
-  className: m,
-  children: u,
-  ...c
+  name: i,
+  className: c,
+  children: m,
+  ...u
 }) {
-  const x = ge(), b = o ?? x;
-  return /* @__PURE__ */ e(_t.Provider, { value: { name: b, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: i("flex flex-col gap-6", m), ...c, children: [
+  const x = Ce(), f = i ?? x;
+  return /* @__PURE__ */ e(Vt.Provider, { value: { name: f, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", c), ...u, children: [
     /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
-    u
+    m
   ] }) });
 }
-function gr({
+function xr({
   value: t,
   title: a,
   description: n,
   badge: l,
-  disabled: o = !1,
-  className: m
+  disabled: i = !1,
+  className: c
 }) {
-  const u = O(_t), c = ge();
-  if (!u)
+  const m = Z(Vt), u = Ce();
+  if (!m)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const x = o || u.disabled, b = u.value === t;
+  const x = i || m.disabled, f = m.value === t;
   return /* @__PURE__ */ s(
     "label",
     {
-      className: i(
+      className: o(
         "group relative flex items-start gap-3",
         x ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-        m
+        c
       ),
       children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "radio",
-            name: u.name,
+            name: m.name,
             value: t,
-            checked: b,
+            checked: f,
             disabled: x,
             onChange: () => {
-              var h;
-              return (h = u.onChange) == null ? void 0 : h.call(u, t);
+              var g;
+              return (g = m.onChange) == null ? void 0 : g.call(m, t);
             },
-            "aria-describedby": n ? c : void 0,
+            "aria-describedby": n ? u : void 0,
             className: "peer sr-only"
           }
         ),
@@ -915,7 +916,7 @@ function gr({
           "span",
           {
             "aria-hidden": !0,
-            className: i(
+            className: o(
               "mt-[5px] grid size-3.5 shrink-0 place-items-center rounded-full border-2 border-transparent bg-line-strong transition-colors",
               "peer-checked:border-4 peer-checked:border-primary peer-checked:bg-primary-fg",
               "peer-focus-visible:ring-2 peer-focus-visible:ring-focus/40 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-canvas"
@@ -927,53 +928,53 @@ function gr({
             /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: a }),
             l ? /* @__PURE__ */ e(Wa, { variant: "primary", children: l }) : null
           ] }),
-          n ? /* @__PURE__ */ e("span", { id: c, className: "mt-1 block text-sm text-muted", children: n }) : null
+          n ? /* @__PURE__ */ e("span", { id: u, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
-function Hr({
+function Or({
   open: t,
   onOpenChange: a,
   trigger: n,
   title: l,
-  options: o,
-  defaultValue: m,
-  value: u,
-  onValueChange: c,
+  options: i,
+  defaultValue: c,
+  value: m,
+  onValueChange: u,
   cancelLabel: x = "Cancel",
-  confirmLabel: b = "Continue",
-  onConfirm: h
+  confirmLabel: f = "Continue",
+  onConfirm: g
 }) {
-  var S;
-  const [N, k] = T(m ?? ((S = o[0]) == null ? void 0 : S.value) ?? ""), v = u ?? N;
-  return /* @__PURE__ */ s(dr, { open: t, onOpenChange: a, children: [
-    n ? /* @__PURE__ */ e(Mt, { asChild: !0, children: n }) : null,
+  var k;
+  const [N, z] = P(c ?? ((k = i[0]) == null ? void 0 : k.value) ?? ""), y = m ?? N;
+  return /* @__PURE__ */ s(cr, { open: t, onOpenChange: a, children: [
+    n ? /* @__PURE__ */ e(Ft, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
-      Rt,
+      Gt,
       {
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ s(ur, { children: [
-            /* @__PURE__ */ e(pr, { children: /* @__PURE__ */ e(jt, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ e(mr, { children: /* @__PURE__ */ e(hr, { label: l, value: v, onChange: (g) => {
-              u === void 0 && k(g), c == null || c(g);
-            }, children: o.map((g) => /* @__PURE__ */ e(
-              gr,
+          /* @__PURE__ */ s(mr, { children: [
+            /* @__PURE__ */ e(fr, { children: /* @__PURE__ */ e(Ot, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ e(pr, { children: /* @__PURE__ */ e(gr, { label: l, value: y, onChange: (b) => {
+              m === void 0 && z(b), u == null || u(b);
+            }, children: i.map((b) => /* @__PURE__ */ e(
+              xr,
               {
-                value: g.value,
-                title: g.title,
-                description: g.description,
-                badge: g.badge
+                value: b.value,
+                title: b.title,
+                description: b.description,
+                badge: b.badge
               },
-              g.value
+              b.value
             )) }) })
           ] }),
-          /* @__PURE__ */ s(fr, { className: "gap-3 pt-2.5", children: [
-            /* @__PURE__ */ e(Pt, { className: "flex-1", children: x }),
-            /* @__PURE__ */ e(M, { className: "flex-1", onClick: () => h == null ? void 0 : h(v), children: b })
+          /* @__PURE__ */ s(br, { className: "gap-3 pt-2.5", children: [
+            /* @__PURE__ */ e(qt, { className: "flex-1", children: x }),
+            /* @__PURE__ */ e(R, { className: "flex-1", onClick: () => g == null ? void 0 : g(y), children: f })
           ] })
         ]
       }
@@ -981,19 +982,19 @@ function Hr({
   ] });
 }
 function Vr({ code: t, label: a, className: n }) {
-  const [l, o] = T(!1);
+  const [l, i] = P(!1);
   return /* @__PURE__ */ e(
-    xe,
+    ze,
     {
       className: n,
       header: /* @__PURE__ */ e("div", { className: "flex h-(--table-header-h) items-center px-(--table-pad-x) pr-28", children: /* @__PURE__ */ e("span", { className: "truncate text-[13px] font-medium text-table-header", children: a }) }),
       action: {
         label: l ? "Copied" : "Copy",
-        icon: l ? /* @__PURE__ */ e(ae, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(gt, {}),
+        icon: l ? /* @__PURE__ */ e(ie, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(St, {}),
         variant: "ghost",
         onClick: async () => {
           try {
-            await navigator.clipboard.writeText(t), o(!0), window.setTimeout(() => o(!1), 1500);
+            await navigator.clipboard.writeText(t), i(!0), window.setTimeout(() => i(!1), 1500);
           } catch {
           }
         }
@@ -1003,189 +1004,317 @@ function Vr({ code: t, label: a, className: n }) {
     }
   );
 }
-const xr = {
+const vr = {
   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"
-}, vr = {
+}, Nr = {
   sm: "px-[var(--control-pad-x-sm)]",
   md: "px-[var(--control-pad-x-md)]",
   lg: "px-[var(--control-pad-x-lg)]",
   xl: "px-[var(--control-pad-x-xl)]"
-}, Nr = {
+}, yr = {
   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)]"
-}, ht = {
+}, kt = {
   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)]"
-}, Te = {
+}, 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)]"
-}, Be = f(
+}, ke = h(
   ({
     className: t,
     containerClassName: a,
     type: n = "text",
     size: l = "md",
-    leadingIcon: o,
-    trailingIcon: m,
-    onClear: u,
-    value: c,
+    leadingIcon: i,
+    trailingIcon: c,
+    onClear: m,
+    value: u,
     defaultValue: x,
-    error: b = !1,
-    helperText: h,
+    error: f = !1,
+    helperText: g,
     id: N,
-    "aria-describedby": k,
-    disabled: v,
+    "aria-describedby": z,
+    disabled: y,
     readOnly: D,
-    ...S
-  }, g) => {
-    const j = ge(), I = N ?? j, A = !!h, F = !!(u && (c !== void 0 ? String(c).length > 0 : x !== void 0 && String(x).length > 0)), ne = A ? `${I}-description` : void 0, U = [k, ne].filter(Boolean).join(" ") || void 0, le = /* @__PURE__ */ e(
+    ...k
+  }, b) => {
+    const I = Ce(), M = N ?? I, L = !!g, A = !!(m && (u !== void 0 ? String(u).length > 0 : x !== void 0 && String(x).length > 0)), q = L ? `${M}-description` : void 0, F = [z, q].filter(Boolean).join(" ") || void 0, E = /* @__PURE__ */ e(
       "input",
       {
-        ref: g,
-        id: I,
+        ref: b,
+        id: M,
         type: n,
-        disabled: v,
+        disabled: y,
         readOnly: D,
-        "aria-invalid": b || void 0,
-        "aria-describedby": U,
-        style: o || m || F ? {
-          paddingInlineStart: o ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
-          paddingInlineEnd: m || F ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
+        "aria-invalid": f || void 0,
+        "aria-describedby": F,
+        style: i || c || A ? {
+          paddingInlineStart: i ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
+          paddingInlineEnd: c || A ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
         } : void 0,
-        className: i(
+        className: o(
           "flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
-          xr[l],
           vr[l],
+          Nr[l],
           "placeholder:text-(--input-placeholder)",
           "hover:border-(--input-border-hover)",
           "focus-visible:outline-none focus-visible:border-(--input-border-focus) focus-visible:ring-2 focus-visible:ring-focus/30",
-          b && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
-          !b && "border-(--input-border)",
+          f && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
+          !f && "border-(--input-border)",
           n === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
-          v && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
+          y && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
           D && "cursor-default focus-visible:ring-0",
           t
         ),
-        value: c,
+        value: u,
         defaultValue: x,
-        ...S
+        ...k
       }
     );
-    return !o && !m && !F && !A ? le : /* @__PURE__ */ s("div", { className: i("w-full", a), children: [
+    return !i && !c && !A && !L ? E : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
-        o ? /* @__PURE__ */ e(
+        i ? /* @__PURE__ */ e(
           "span",
           {
-            className: i(
+            className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              Nr[l]
+              yr[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", Te[l]), children: o })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", Be[l]), children: i })
           }
         ) : null,
-        le,
-        F ? /* @__PURE__ */ e(
+        E,
+        A ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "aria-label": "Clear search",
-            onClick: u,
-            className: i(
+            onClick: m,
+            className: o(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
-              ht[l]
+              kt[l]
             ),
-            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", Te[l]), children: /* @__PURE__ */ e(be, {}) })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", Be[l]), children: /* @__PURE__ */ e(ye, {}) })
           }
-        ) : m ? /* @__PURE__ */ e(
+        ) : c ? /* @__PURE__ */ e(
           "span",
           {
-            className: i(
+            className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              ht[l]
+              kt[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", Te[l]), children: m })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", Be[l]), children: c })
           }
         ) : null
       ] }),
-      A ? /* @__PURE__ */ e(
+      L ? /* @__PURE__ */ e(
         "p",
         {
-          id: ne,
-          className: i("mt-1.5 text-xs", b ? "text-error" : "text-muted"),
-          children: h
+          id: q,
+          className: o("mt-1.5 text-xs", f ? "text-error" : "text-muted"),
+          children: g
         }
       ) : null
     ] });
   }
 );
-Be.displayName = "Input";
-function $e(t, a) {
+ke.displayName = "Input";
+function Wr({
+  items: t,
+  value: a,
+  onValueChange: n,
+  onSearchChange: l,
+  loading: i = !1,
+  minSearchLength: c = 3,
+  debounceMs: m = 300,
+  placeholder: u = "Select...",
+  searchPlaceholder: x = "Search",
+  emptyMessage: f = "No results found",
+  hintMessage: g,
+  renderItem: N,
+  renderValue: z,
+  className: y,
+  contentClassName: D,
+  disabled: k = !1
+}) {
+  const [b, I] = P(!1), [M, L] = P(""), [A, q] = P("");
+  V(() => {
+    const v = M.trim(), W = setTimeout(() => q(v), m);
+    return () => clearTimeout(W);
+  }, [M, m]), V(() => {
+    l && b && A.length >= c && l(A);
+  }, [A, b, c, l]);
+  const F = t.find((v) => v.value === a) ?? null, E = M.trim(), De = E.length > 0 && E.length < c, Te = l !== void 0 && E.length >= c && A !== E, Me = g ?? `Type at least ${c} characters to search`, de = ge(() => {
+    if (l || E.length === 0) return t;
+    const v = E.toLowerCase();
+    return t.filter(
+      (W) => W.label.toLowerCase().includes(v) || (W.description ?? "").toLowerCase().includes(v)
+    );
+  }, [t, E, l]), Pe = (v) => {
+    n(v), I(!1), L(""), q("");
+  }, ee = () => {
+    L(""), q("");
+  };
+  return /* @__PURE__ */ s(
+    he.Root,
+    {
+      open: b,
+      onOpenChange: (v) => {
+        I(v), v || ee();
+      },
+      children: [
+        /* @__PURE__ */ s(
+          he.Trigger,
+          {
+            type: "button",
+            disabled: k,
+            "aria-haspopup": "listbox",
+            className: o(
+              "group btn-fill btn-inner-border btn-interactive flex h-(--control-h-md) w-full items-center justify-between gap-2 rounded-(--control-radius) 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",
+              "disabled:cursor-not-allowed disabled:opacity-50",
+              y
+            ),
+            children: [
+              F ? z ? z(F) : /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: F.label }) : /* @__PURE__ */ e("span", { className: "font-normal text-muted", children: u }),
+              /* @__PURE__ */ e(
+                Y,
+                {
+                  "aria-hidden": !0,
+                  className: "size-3.5 shrink-0 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(he.Portal, { children: /* @__PURE__ */ s(
+          he.Content,
+          {
+            role: "listbox",
+            "aria-label": u,
+            align: "start",
+            sideOffset: 4,
+            className: o(
+              "menu-surface btn-inner-border z-50 overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
+              "w-(--radix-popper-anchor-width)",
+              "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",
+              "duration-150 ease-out",
+              D
+            ),
+            onKeyDown: (v) => {
+              v.key === "Escape" && (v.stopPropagation(), I(!1), ee());
+            },
+            children: [
+              /* @__PURE__ */ e("div", { className: "pb-1", children: /* @__PURE__ */ e(
+                ke,
+                {
+                  value: M,
+                  onChange: (v) => L(v.target.value),
+                  onClear: () => ee(),
+                  placeholder: x,
+                  "aria-label": x,
+                  leadingIcon: /* @__PURE__ */ e(Dt, { className: "size-3.5" }),
+                  size: "sm",
+                  className: "h-(--control-h-xs) border-0 bg-(--combobox-search-bg) focus-visible:border-muted focus-visible:ring-0"
+                }
+              ) }),
+              /* @__PURE__ */ e("div", { className: "max-h-64 overflow-y-auto", role: "presentation", children: De ? /* @__PURE__ */ e("p", { className: "px-2 py-3 text-center text-sm text-muted", children: Me }) : de.length > 0 ? de.map((v) => /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  role: "option",
+                  "aria-selected": v.value === a,
+                  onClick: () => Pe(v),
+                  className: o(
+                    "flex w-full items-center gap-3 rounded-lg px-2 py-2 text-left transition-colors",
+                    v.value === a ? "bg-(--button-surface-active)" : "hover:bg-(--button-surface-hover)"
+                  ),
+                  children: N ? N(v) : /* @__PURE__ */ s("span", { className: "min-w-0", children: [
+                    /* @__PURE__ */ s("span", { className: "flex items-center gap-1.5", children: [
+                      /* @__PURE__ */ e("span", { className: "truncate text-sm font-medium text-fg", children: v.label }),
+                      v.badge && /* @__PURE__ */ e("span", { className: "rounded bg-elevated px-1.5 py-0.5 text-[11px] text-muted", children: v.badge })
+                    ] }),
+                    v.description && /* @__PURE__ */ e("span", { className: "block truncate text-[13px] text-muted", children: v.description })
+                  ] })
+                },
+                v.value
+              )) : i || Te ? /* @__PURE__ */ e("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ e(Rt, { className: "size-5 text-muted" }) }) : /* @__PURE__ */ e("p", { className: "px-2 py-3 text-center text-sm text-muted", children: f }) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Xe(t, a) {
   let n = 0;
-  return vt.forEach(t, (l) => {
-    if (!Nt(l)) return;
-    if (a.some((m) => m === l.type)) {
+  return Mt.forEach(t, (l) => {
+    if (!Pt(l)) return;
+    if (a.some((c) => c === l.type)) {
       n += 1;
       return;
     }
-    const o = l.props.children;
-    o && (n += $e(o, a));
+    const i = l.props.children;
+    i && (n += Xe(i, a));
   }), n;
 }
-const Et = re(!1);
-function Me({
+const Wt = se(!1);
+function $e({
   children: t,
   ...a
 }) {
-  const n = $e(t, [
-    he,
-    ee,
-    At
+  const n = Xe(t, [
+    we,
+    le,
+    Xt
   ]) === 0;
-  return /* @__PURE__ */ e(Et.Provider, { value: n, children: /* @__PURE__ */ e(P.Root, { ...a, children: t }) });
+  return /* @__PURE__ */ e(Wt.Provider, { value: n, children: /* @__PURE__ */ e(j.Root, { ...a, children: t }) });
 }
-const me = f(({ className: t, disabled: a, ...n }, l) => {
-  const o = O(Et);
+const xe = h(({ className: t, disabled: a, ...n }, l) => {
+  const i = Z(Wt);
   return /* @__PURE__ */ e(
-    P.Trigger,
+    j.Trigger,
     {
       ref: l,
-      className: i("group", t),
-      disabled: a || o,
+      className: o("group", t),
+      disabled: a || i,
       ...n
     }
   );
 });
-me.displayName = "DropdownMenuTrigger";
-const Lt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+xe.displayName = "DropdownMenuTrigger";
+const Ut = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   Y,
   {
     ref: n,
     "aria-hidden": !0,
-    className: i(
+    className: o(
       "ml-auto size-3.5 shrink-0 text-subtle transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none",
       t
     ),
     ...a
   }
 ));
-Lt.displayName = "DropdownMenuChevron";
-const Wr = P.Group, Or = P.Portal, pe = f(({ className: t, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ e(P.Portal, { children: /* @__PURE__ */ e(
-  P.Content,
+Ut.displayName = "DropdownMenuChevron";
+const Ur = j.Group, Xr = j.Portal, ve = h(({ className: t, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ e(j.Portal, { children: /* @__PURE__ */ e(
+  j.Content,
   {
     ref: l,
     sideOffset: a,
-    className: i(
+    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",
@@ -1198,12 +1327,12 @@ const Wr = P.Group, Or = P.Portal, pe = f(({ className: t, sideOffset: a = 8, ..
     ...n
   }
 ) }));
-pe.displayName = "DropdownMenuContent";
-const he = f(({ className: t, inset: a, ...n }, l) => /* @__PURE__ */ e(
-  P.Item,
+ve.displayName = "DropdownMenuContent";
+const we = h(({ className: t, inset: a, ...n }, l) => /* @__PURE__ */ e(
+  j.Item,
   {
     ref: l,
-    className: 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-disabled:pointer-events-none data-disabled:opacity-50",
       "[&_svg]:size-4 [&_svg]:text-muted",
@@ -1213,38 +1342,38 @@ const he = f(({ className: t, inset: a, ...n }, l) => /* @__PURE__ */ e(
     ...n
   }
 ));
-he.displayName = "DropdownMenuItem";
-const ee = f(({ className: t, children: a, checked: n, ...l }, o) => /* @__PURE__ */ s(
-  P.CheckboxItem,
+we.displayName = "DropdownMenuItem";
+const le = h(({ className: t, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
+  j.CheckboxItem,
   {
-    ref: o,
-    className: i(
+    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: n,
     ...l,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 shrink-0 items-center justify-center rounded border border-line-strong bg-transparent transition-colors group-data-[state=checked]:border-primary", children: /* @__PURE__ */ e(P.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(ae, { 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(j.ItemIndicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-(--button-primary-bg) text-(--button-primary-fg) [--button-inner:var(--button-primary-inner)]", children: /* @__PURE__ */ e(ie, { className: "size-3", weight: "bold" }) }) }),
       a
     ]
   }
 ));
-ee.displayName = "DropdownMenuCheckboxItem";
-const fe = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  P.Label,
+le.displayName = "DropdownMenuCheckboxItem";
+const Ne = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  j.Label,
   {
     ref: n,
-    className: i("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...a
   }
 ));
-fe.displayName = "DropdownMenuLabel";
-const Ur = P.Sub, At = f(({ className: t, inset: a, children: n, ...l }, o) => /* @__PURE__ */ s(
-  P.SubTrigger,
+Ne.displayName = "DropdownMenuLabel";
+const Kr = j.Sub, Xt = h(({ className: t, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
+  j.SubTrigger,
   {
-    ref: o,
-    className: i(
+    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",
@@ -1254,17 +1383,17 @@ const Ur = P.Sub, At = f(({ className: t, inset: a, children: n, ...l }, o) => /
     ...l,
     children: [
       n,
-      /* @__PURE__ */ e(xt, { className: "ml-auto shrink-0" })
+      /* @__PURE__ */ e(Tt, { className: "ml-auto shrink-0" })
     ]
   }
 ));
-At.displayName = "DropdownMenuSubTrigger";
-const yr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  P.SubContent,
+Xt.displayName = "DropdownMenuSubTrigger";
+const wr = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  j.SubContent,
   {
     ref: n,
     sideOffset: 8,
-    className: i(
+    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",
@@ -1277,30 +1406,30 @@ const yr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-yr.displayName = "DropdownMenuSubContent";
-const Re = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  P.Separator,
+wr.displayName = "DropdownMenuSubContent";
+const He = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  j.Separator,
   {
     ref: n,
-    className: i("-mx-1 my-1 h-px bg-line-strong", t),
+    className: o("-mx-1 my-1 h-px bg-line-strong", t),
     ...a
   }
 ));
-Re.displayName = "DropdownMenuSeparator";
-const Xr = R.Group, Bt = R.Value;
-function $t({
+He.displayName = "DropdownMenuSeparator";
+const Jr = _.Group, Kt = _.Value;
+function Jt({
   children: t,
   disabled: a,
   ...n
 }) {
-  const l = $e(t, [ve]) === 0;
-  return /* @__PURE__ */ e(R.Root, { disabled: a || l, ...n, children: t });
+  const l = Xe(t, [Se]) === 0;
+  return /* @__PURE__ */ e(_.Root, { disabled: a || l, ...n, children: t });
 }
-const Fe = f(({ className: t, children: a, variant: n = "field", ...l }, o) => /* @__PURE__ */ s(
-  R.Trigger,
+const Ke = h(({ className: t, children: a, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
+  _.Trigger,
   {
-    ref: o,
-    className: i(
+    ref: i,
+    className: o(
       "group flex items-center justify-between gap-2 text-sm text-fg",
       "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
       "data-disabled:cursor-not-allowed data-disabled:opacity-50",
@@ -1312,19 +1441,19 @@ const Fe = f(({ className: t, children: a, variant: n = "field", ...l }, o) => /
     ...l,
     children: [
       /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-left", children: a }),
-      /* @__PURE__ */ e(R.Icon, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "flex size-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ e(Y, { className: "size-3.5 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) }) })
+      /* @__PURE__ */ e(_.Icon, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "flex size-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ e(Y, { className: "size-3.5 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) }) })
     ]
   }
 ));
-Fe.displayName = "SelectTrigger";
-const qe = f(
-  ({ className: t, children: a, position: n = "popper", sideOffset: l = 8, ...o }, m) => /* @__PURE__ */ e(R.Portal, { children: /* @__PURE__ */ e(
-    R.Content,
+Ke.displayName = "SelectTrigger";
+const Je = h(
+  ({ className: t, children: a, position: n = "popper", sideOffset: l = 8, ...i }, c) => /* @__PURE__ */ e(_.Portal, { children: /* @__PURE__ */ e(
+    _.Content,
     {
-      ref: m,
+      ref: c,
       position: n,
       sideOffset: l,
-      className: i(
+      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",
@@ -1334,50 +1463,50 @@ const qe = f(
         "duration-150 ease-out",
         t
       ),
-      ...o,
-      children: /* @__PURE__ */ e(R.Viewport, { className: "p-0", children: a })
+      ...i,
+      children: /* @__PURE__ */ e(_.Viewport, { className: "p-0", children: a })
     }
   ) })
 );
-qe.displayName = "SelectContent";
-const ve = f(({ className: t, children: a, ...n }, l) => /* @__PURE__ */ s(
-  R.Item,
+Je.displayName = "SelectContent";
+const Se = h(({ className: t, children: a, ...n }, l) => /* @__PURE__ */ s(
+  _.Item,
   {
     ref: l,
-    className: i(
+    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
     ),
     ...n,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(R.ItemIndicator, { children: /* @__PURE__ */ e(ae, { className: "size-3.5" }) }) }),
-      /* @__PURE__ */ e(R.ItemText, { children: a })
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(_.ItemIndicator, { children: /* @__PURE__ */ e(ie, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e(_.ItemText, { children: a })
     ]
   }
 ));
-ve.displayName = "SelectItem";
-const wr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  R.Label,
+Se.displayName = "SelectItem";
+const Cr = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  _.Label,
   {
     ref: n,
-    className: i("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...a
   }
 ));
-wr.displayName = "SelectLabel";
-function Cr({
+Cr.displayName = "SelectLabel";
+function zr({
   icon: t,
   title: a,
   description: n,
   action: l,
-  className: o
+  className: i
 }) {
   return /* @__PURE__ */ s(
     "div",
     {
-      className: i(
+      className: o(
         "flex flex-col items-center justify-center gap-4 px-6 py-12 text-center",
-        o
+        i
       ),
       children: [
         t ? /* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-5", children: t }) : null,
@@ -1390,22 +1519,22 @@ function Cr({
     }
   );
 }
-const Sr = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium text-table-header";
-function zr(t) {
+const kr = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium text-table-header";
+function Sr(t) {
   return t.split(/\s+/).slice(0, 2).map((a) => {
     var n;
     return ((n = a[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
-function Jr({
+function Qr({
   name: t,
   secondary: a,
   image: n
 }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ s(wt, { className: "size-8", children: [
-      n ? /* @__PURE__ */ e(Ct, { src: n, alt: "" }) : null,
-      /* @__PURE__ */ e(St, { children: zr(t) })
+    /* @__PURE__ */ s(jt, { className: "size-8", children: [
+      n ? /* @__PURE__ */ e(Et, { src: n, alt: "" }) : null,
+      /* @__PURE__ */ e(_t, { children: Sr(t) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
       /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
@@ -1413,154 +1542,154 @@ function Jr({
     ] })
   ] });
 }
-function Kr({
+function Yr({
   rows: t,
   columns: a,
   getRowId: n,
   loading: l = !1,
-  error: o,
-  empty: m,
-  search: u,
-  filters: c,
+  error: i,
+  empty: c,
+  search: m,
+  filters: u,
   toolbarStart: x,
-  toolbarEnd: b,
-  columnPicker: h = !0,
+  toolbarEnd: f,
+  columnPicker: g = !0,
   tabs: N,
-  activeTab: k,
-  onTabChange: v,
+  activeTab: z,
+  onTabChange: y,
   infoBanner: D,
-  selectable: S = !1,
-  bulkActions: g,
-  rowActions: j,
-  renderExpanded: I,
-  onRowClick: A,
-  defaultSort: F,
-  sort: ne,
-  onSortChange: U,
-  pageSize: le = 25,
-  pageSizeOptions: Ft = [10, 25, 50, 100],
-  pagination: qt = "auto",
-  tone: Gt,
-  title: Ht,
-  description: Vt,
-  headerAction: Wt,
-  headerClassName: Ot,
-  panelClassName: Ut,
-  className: Xt
+  selectable: k = !1,
+  bulkActions: b,
+  rowActions: I,
+  renderExpanded: M,
+  onRowClick: L,
+  defaultSort: A,
+  sort: q,
+  onSortChange: F,
+  pageSize: E = 25,
+  pageSizeOptions: De = [10, 25, 50, 100],
+  pagination: Te = "auto",
+  tone: Me,
+  title: de,
+  description: Pe,
+  headerAction: ee,
+  headerClassName: v,
+  panelClassName: W,
+  className: Qt
 }) {
-  const [Ge, He] = T(
+  const [Qe, Ye] = P(
     () => Object.fromEntries(
       a.filter((r) => r.defaultHidden && !r.required).map((r) => [r.id, !0])
     )
-  ), [Ve, We] = T(null), [Ne, Oe] = T(null), [Jt, Kt] = T(
-    F ?? null
-  ), y = U ? ne ?? null : Jt, Qt = (r) => {
-    U ? U(r) : Kt(r);
-  }, [X, ie] = T(0), [B, Yt] = T(le), [q, ye] = T(/* @__PURE__ */ new Set()), [Zt, ea] = T(/* @__PURE__ */ new Set()), ta = (r) => {
-    ea((d) => {
+  ), [Ze, et] = P(null), [Ie, tt] = P(null), [Yt, Zt] = P(
+    A ?? null
+  ), w = F ? q ?? null : Yt, ea = (r) => {
+    F ? F(r) : Zt(r);
+  }, [te, ce] = P(0), [G, ta] = P(E), [U, Re] = P(/* @__PURE__ */ new Set()), [aa, ra] = P(/* @__PURE__ */ new Set()), na = (r) => {
+    ra((d) => {
       const p = new Set(d);
       return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, [aa, we] = T([]), Ue = a.map((r) => r.id), Xe = new Map(a.map((r) => [r.id, r])), Je = Ve ? Ve.map((r) => Xe.get(r)).filter((r) => !!r) : a, G = Je.filter((r) => !Ge[r.id]), Ke = Je.filter((r) => Ge[r.id] && !r.required), Qe = (r) => !!r.required, ra = (r) => Xe.get(r), na = (r, d) => {
-    const p = d ? ra(d) : void 0;
-    !p || Qe(p) || r === d || We((C) => {
-      const z = C ?? Ue;
-      return $a(z, z.indexOf(r), z.indexOf(d));
+  }, [la, je] = P([]), at = a.map((r) => r.id), rt = new Map(a.map((r) => [r.id, r])), nt = Ze ? Ze.map((r) => rt.get(r)).filter((r) => !!r) : a, X = nt.filter((r) => !Qe[r.id]), lt = nt.filter((r) => Qe[r.id] && !r.required), ot = (r) => !!r.required, oa = (r) => rt.get(r), ia = (r, d) => {
+    const p = d ? oa(d) : void 0;
+    !p || ot(p) || r === d || et((S) => {
+      const T = S ?? at;
+      return qa(T, T.indexOf(r), T.indexOf(d));
     });
-  }, la = (r) => {
-    He((d) => ({ ...d, [r]: !1 })), We((d) => d && d.includes(r) ? d : [...d ?? Ue, r]);
-  }, Ce = (c ?? []).filter((r) => aa.includes(r.id)), ia = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), oe = De(() => {
+  }, sa = (r) => {
+    Ye((d) => ({ ...d, [r]: !1 })), et((d) => d && d.includes(r) ? d : [...d ?? at, r]);
+  }, Ee = (u ?? []).filter((r) => la.includes(r.id)), da = (u ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), ue = ge(() => {
     let r = t;
-    for (const p of c ?? [])
-      p.value.length > 0 && (r = r.filter((C) => p.match(C, p.value)));
-    if (!u || !u.value.trim()) return r;
-    const d = u.value.trim().toLowerCase();
-    return r.filter((p) => u.keys(p).toLowerCase().includes(d));
-  }, [t, u, c]), H = De(() => {
-    if (!y) return oe;
-    const r = a.find((p) => p.id === y.id);
-    if (!(r != null && r.sortValue)) return oe;
-    const d = y.dir === "asc" ? 1 : -1;
-    return [...oe].sort((p, C) => {
-      const z = r.sortValue(p), w = r.sortValue(C);
-      return z == null && w == null ? 0 : z == null ? 1 : w == null ? -1 : typeof z == "number" && typeof w == "number" ? (z - w) * d : String(z).localeCompare(String(w)) * d;
+    for (const p of u ?? [])
+      p.value.length > 0 && (r = r.filter((S) => p.match(S, p.value)));
+    if (!m || !m.value.trim()) return r;
+    const d = m.value.trim().toLowerCase();
+    return r.filter((p) => m.keys(p).toLowerCase().includes(d));
+  }, [t, m, u]), K = ge(() => {
+    if (!w) return ue;
+    const r = a.find((p) => p.id === w.id);
+    if (!(r != null && r.sortValue)) return ue;
+    const d = w.dir === "asc" ? 1 : -1;
+    return [...ue].sort((p, S) => {
+      const T = r.sortValue(p), C = r.sortValue(S);
+      return T == null && C == null ? 0 : T == null ? 1 : C == null ? -1 : typeof T == "number" && typeof C == "number" ? (T - C) * d : String(T).localeCompare(String(C)) * d;
     });
-  }, [oe, y, a]), J = Math.max(1, Math.ceil(H.length / B)), oa = !l && !o && H.length > 0 && (qt === "always" || H.length > B);
-  Z(() => {
-    ie(0);
-  }, [u == null ? void 0 : u.value, B, y == null ? void 0 : y.id, y == null ? void 0 : y.dir, k, ia]), Z(() => {
-    X > J - 1 && ie(J - 1);
-  }, [X, J]);
-  const se = X * B, $ = H.slice(se, se + B), sa = (r) => {
+  }, [ue, w, a]), ae = Math.max(1, Math.ceil(K.length / G)), ca = !l && !i && K.length > 0 && (Te === "always" || K.length > G);
+  V(() => {
+    ce(0);
+  }, [m == null ? void 0 : m.value, G, w == null ? void 0 : w.id, w == null ? void 0 : w.dir, z, da]), V(() => {
+    te > ae - 1 && ce(ae - 1);
+  }, [te, ae]);
+  const me = te * G, O = K.slice(me, me + G), ua = (r) => {
     if (!r.sortable) return;
-    const d = y;
-    Qt(
+    const d = w;
+    ea(
       (d == null ? void 0 : d.id) === r.id ? d.dir === "asc" ? { id: r.id, dir: "desc" } : null : { id: r.id, dir: "asc" }
     );
-  }, Ye = $.length > 0 && $.every((r) => q.has(n(r))), da = $.some((r) => q.has(n(r))), ca = t.filter((r) => q.has(n(r))), ua = () => {
-    ye((r) => {
+  }, it = O.length > 0 && O.every((r) => U.has(n(r))), ma = O.some((r) => U.has(n(r))), pa = t.filter((r) => U.has(n(r))), fa = () => {
+    Re((r) => {
       const d = new Set(r);
-      return Ye ? $.forEach((p) => d.delete(n(p))) : $.forEach((p) => d.add(n(p))), d;
+      return it ? O.forEach((p) => d.delete(n(p))) : O.forEach((p) => d.add(n(p))), d;
     });
-  }, ma = (r) => {
-    ye((d) => {
+  }, ba = (r) => {
+    Re((d) => {
       const p = new Set(d);
       return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, pa = !!(u || c != null && c.length || x || b), fa = (r) => (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? "ascending" : "descending" : void 0, Ze = _(null), et = _(null), tt = _(null), at = _(null), [V, Se] = T([]), ba = G.map((r) => r.id).join("\0"), de = `${S ? "s" : "-"}|${j ? "a" : "-"}|${I ? "e" : "-"}|${ba}`, rt = _(de), ce = De(() => {
+  }, ha = !!(m || u != null && u.length || x || f), ga = (r) => (w == null ? void 0 : w.id) === r.id ? w.dir === "asc" ? "ascending" : "descending" : void 0, st = B(null), dt = B(null), ct = B(null), ut = B(null), [J, _e] = P([]), xa = X.map((r) => r.id).join("\0"), pe = `${k ? "s" : "-"}|${I ? "a" : "-"}|${M ? "e" : "-"}|${xa}`, mt = B(pe), fe = ge(() => {
     try {
       return JSON.stringify(t);
     } catch {
       return `rows:${t.length}`;
     }
-  }, [t]), nt = _(ce), lt = V.length > 0, ze = yt(() => {
-    const r = tt.current, d = at.current;
+  }, [t]), pt = B(fe), ft = J.length > 0, Le = It(() => {
+    const r = ct.current, d = ut.current;
     r && d && (r.style.transform = `translateX(${-d.scrollLeft}px)`);
   }, []);
-  Ra(() => {
-    const r = Ze.current;
+  Ea(() => {
+    const r = st.current;
     if (!r) return;
     const d = () => {
-      var it, ot, st;
-      const C = (ot = (it = r.tBodies[0]) == null ? void 0 : it.rows.item(0)) == null ? void 0 : ot.cells;
-      if (!C || C.length === 0) {
-        Se((L) => L.length === 0 ? L : []);
+      var bt, ht, gt;
+      const S = (ht = (bt = r.tBodies[0]) == null ? void 0 : bt.rows.item(0)) == null ? void 0 : ht.cells;
+      if (!S || S.length === 0) {
+        _e((H) => H.length === 0 ? H : []);
         return;
       }
-      const z = (st = et.current) == null ? void 0 : st.querySelectorAll("thead th"), w = Array.from(
-        C,
-        (L, ke) => {
-          var ue, dt;
+      const T = (gt = dt.current) == null ? void 0 : gt.querySelectorAll("thead th"), C = Array.from(
+        S,
+        (H, Ae) => {
+          var be, xt;
           return Math.max(
-            L.getBoundingClientRect().width,
-            ((dt = (ue = z == null ? void 0 : z.item(ke)) == null ? void 0 : ue.querySelector("[data-col-sizer]")) == null ? void 0 : dt.getBoundingClientRect().width) ?? 0
+            H.getBoundingClientRect().width,
+            ((xt = (be = T == null ? void 0 : T.item(Ae)) == null ? void 0 : be.querySelector("[data-col-sizer]")) == null ? void 0 : xt.getBoundingClientRect().width) ?? 0
           );
         }
       );
-      Se(
-        (L) => L.length === w.length && L.every((ke, ue) => ke === w[ue]) ? L : w
+      _e(
+        (H) => H.length === C.length && H.every((Ae, be) => Ae === C[be]) ? H : C
       );
     };
-    if ((rt.current !== de || nt.current !== ce) && (rt.current = de, nt.current = ce, lt)) {
-      Se([]);
+    if ((mt.current !== pe || pt.current !== fe) && (mt.current = pe, pt.current = fe, ft)) {
+      _e([]);
       return;
     }
-    if (d(), ze(), typeof ResizeObserver > "u") return;
+    if (d(), Le(), typeof ResizeObserver > "u") return;
     const p = new ResizeObserver(d);
     return p.observe(r), () => p.disconnect();
-  }, [de, ce, lt, l, o, ze]);
-  const K = V.reduce((r, d) => r + d, 0);
-  return /* @__PURE__ */ s("div", { className: i("space-y-4", Xt), children: [
+  }, [pe, fe, ft, l, i, Le]);
+  const re = J.reduce((r, d) => r + d, 0);
+  return /* @__PURE__ */ s("div", { className: o("space-y-4", Qt), children: [
     N && N.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: N.map((r) => {
-      const d = r.id === k;
+      const d = r.id === z;
       return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           role: "tab",
           "aria-selected": d,
-          onClick: () => v == null ? void 0 : v(r.id),
-          className: i(
+          onClick: () => y == null ? void 0 : y(r.id),
+          className: o(
             "-mb-px border-b-2 px-3 py-2 text-sm transition-colors",
             d ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
           ),
@@ -1569,39 +1698,39 @@ function Kr({
         r.id
       );
     }) }),
-    pa && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      u && /* @__PURE__ */ e(
-        Be,
+    ha && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      m && /* @__PURE__ */ e(
+        ke,
         {
           type: "search",
-          "aria-label": u.placeholder ?? "Search",
-          placeholder: u.placeholder ?? "Search...",
-          value: u.value,
-          onChange: (r) => u.onChange(r.target.value),
-          onClear: () => u.onChange(""),
-          leadingIcon: /* @__PURE__ */ e(Sa, {}),
+          "aria-label": m.placeholder ?? "Search",
+          placeholder: m.placeholder ?? "Search...",
+          value: m.value,
+          onChange: (r) => m.onChange(r.target.value),
+          onClear: () => m.onChange(""),
+          leadingIcon: /* @__PURE__ */ e(Dt, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
       x,
-      h && /* @__PURE__ */ s(Me, { children: [
-        /* @__PURE__ */ e(me, { asChild: !0, children: /* @__PURE__ */ e(
-          M,
+      g && /* @__PURE__ */ s($e, { children: [
+        /* @__PURE__ */ e(xe, { asChild: !0, children: /* @__PURE__ */ e(
+          R,
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ e(za, {}),
-            trailingIcon: /* @__PURE__ */ e(Lt, {}),
+            leadingIcon: /* @__PURE__ */ e(Da, {}),
+            trailingIcon: /* @__PURE__ */ e(Ut, {}),
             children: "Columns"
           }
         ) }),
-        /* @__PURE__ */ s(pe, { align: "end", className: "w-54", children: [
-          /* @__PURE__ */ e(fe, { className: "text-[13px]", children: "Active columns" }),
-          G.map((r) => {
-            const d = Qe(r);
+        /* @__PURE__ */ s(ve, { align: "end", className: "w-54", children: [
+          /* @__PURE__ */ e(Ne, { className: "text-[13px]", children: "Active columns" }),
+          X.map((r) => {
+            const d = ot(r);
             return /* @__PURE__ */ s(
-              ee,
+              le,
               {
                 checked: !0,
                 draggable: !d,
@@ -1610,27 +1739,27 @@ function Kr({
                     p.preventDefault();
                     return;
                   }
-                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), Oe(r.id);
+                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), tt(r.id);
                 },
                 onDragOver: (p) => {
-                  Ne && (p.preventDefault(), na(Ne, r.id));
+                  Ie && (p.preventDefault(), ia(Ie, r.id));
                 },
                 onDrop: (p) => p.preventDefault(),
-                onDragEnd: () => Oe(null),
+                onDragEnd: () => tt(null),
                 onCheckedChange: (p) => {
-                  !p && !d && He((C) => ({ ...C, [r.id]: !0 }));
+                  !p && !d && Ye((S) => ({ ...S, [r.id]: !0 }));
                 },
                 onSelect: (p) => p.preventDefault(),
                 className: "justify-between",
                 children: [
                   /* @__PURE__ */ e("span", { className: "truncate", children: r.header }),
-                  d ? /* @__PURE__ */ e(ka, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
-                    Da,
+                  d ? /* @__PURE__ */ e(Ta, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
+                    Ma,
                     {
                       "aria-hidden": !0,
-                      className: i(
+                      className: o(
                         "size-3.5 shrink-0",
-                        Ne === r.id ? "text-primary" : "text-subtle"
+                        Ie === r.id ? "text-primary" : "text-subtle"
                       )
                     }
                   )
@@ -1639,14 +1768,14 @@ function Kr({
               r.id
             );
           }),
-          Ke.length > 0 ? /* @__PURE__ */ s(je, { children: [
-            /* @__PURE__ */ e(Re, {}),
-            /* @__PURE__ */ e(fe, { className: "text-[13px]", children: "Available columns" }),
-            Ke.map((r) => /* @__PURE__ */ e(
-              ee,
+          lt.length > 0 ? /* @__PURE__ */ s(Ge, { children: [
+            /* @__PURE__ */ e(He, {}),
+            /* @__PURE__ */ e(Ne, { className: "text-[13px]", children: "Available columns" }),
+            lt.map((r) => /* @__PURE__ */ e(
+              le,
               {
                 checked: !1,
-                onCheckedChange: () => la(r.id),
+                onCheckedChange: () => sa(r.id),
                 onSelect: (d) => d.preventDefault(),
                 children: r.header
               },
@@ -1655,21 +1784,21 @@ function Kr({
           ] }) : null
         ] })
       ] }),
-      c && c.length > 0 ? /* @__PURE__ */ s(Me, { children: [
-        /* @__PURE__ */ e(me, { asChild: !0, children: /* @__PURE__ */ e(
-          M,
+      u && u.length > 0 ? /* @__PURE__ */ s($e, { children: [
+        /* @__PURE__ */ e(xe, { asChild: !0, children: /* @__PURE__ */ e(
+          R,
           {
             variant: "secondary",
             size: "md",
             iconOnly: !0,
             "aria-label": "Add filter",
-            children: /* @__PURE__ */ e(ct, {})
+            children: /* @__PURE__ */ e(vt, {})
           }
         ) }),
-        /* @__PURE__ */ e(pe, { align: "start", className: "w-54", children: c.map((r) => /* @__PURE__ */ e(
-          he,
+        /* @__PURE__ */ e(ve, { align: "start", className: "w-54", children: u.map((r) => /* @__PURE__ */ e(
+          we,
           {
-            onSelect: () => we(
+            onSelect: () => je(
               (d) => d.includes(r.id) ? d : [...d, r.id]
             ),
             children: r.label
@@ -1677,16 +1806,16 @@ function Kr({
           r.id
         )) })
       ] }) : null,
-      b ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: b }) : null
+      f ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: f }) : null
     ] }),
-    Ce.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      Ce.map((r) => {
+    Ee.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      Ee.map((r) => {
         const d = () => {
-          r.onChange([]), we((p) => p.filter((C) => C !== r.id));
+          r.onChange([]), je((p) => p.filter((S) => S !== r.id));
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ e(
-            M,
+            R,
             {
               variant: "secondary",
               size: "md",
@@ -1694,39 +1823,39 @@ function Kr({
               "aria-label": `Remove ${r.label} filter`,
               className: "rounded-r-none",
               onClick: d,
-              children: /* @__PURE__ */ e(be, {})
+              children: /* @__PURE__ */ e(ye, {})
             }
           ),
-          /* @__PURE__ */ s(Me, { children: [
-            /* @__PURE__ */ e(me, { asChild: !0, children: /* @__PURE__ */ s(M, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
-              /* @__PURE__ */ e(ct, {}),
+          /* @__PURE__ */ s($e, { children: [
+            /* @__PURE__ */ e(xe, { asChild: !0, children: /* @__PURE__ */ s(R, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+              /* @__PURE__ */ e(vt, {}),
               /* @__PURE__ */ e("span", { className: "font-medium", children: r.label }),
               /* @__PURE__ */ e("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
               /* @__PURE__ */ e("span", { className: "text-muted", children: r.value.length > 0 ? `${r.value.length} selected` : "Enter value" }),
               /* @__PURE__ */ e(Y, { className: "text-muted" })
             ] }) }),
-            /* @__PURE__ */ s(pe, { align: "start", className: "w-56", children: [
-              /* @__PURE__ */ s(fe, { className: "text-[13px]", children: [
+            /* @__PURE__ */ s(ve, { align: "start", className: "w-56", children: [
+              /* @__PURE__ */ s(Ne, { className: "text-[13px]", children: [
                 "Filter by ",
                 r.label
               ] }),
               r.options.map((p) => {
-                const C = r.value.includes(p.value);
+                const S = r.value.includes(p.value);
                 return /* @__PURE__ */ e(
-                  ee,
+                  le,
                   {
-                    checked: C,
+                    checked: S,
                     onCheckedChange: () => r.onChange(
-                      C ? r.value.filter((z) => z !== p.value) : [...r.value, p.value]
+                      S ? r.value.filter((T) => T !== p.value) : [...r.value, p.value]
                     ),
-                    onSelect: (z) => z.preventDefault(),
+                    onSelect: (T) => T.preventDefault(),
                     children: p.label
                   },
                   p.value
                 );
               }),
-              /* @__PURE__ */ e(Re, {}),
-              /* @__PURE__ */ e(he, { onSelect: d, children: "Clear filter" })
+              /* @__PURE__ */ e(He, {}),
+              /* @__PURE__ */ e(we, { onSelect: d, children: "Clear filter" })
             ] })
           ] })
         ] }, r.id);
@@ -1736,8 +1865,8 @@ function Kr({
         {
           type: "button",
           onClick: () => {
-            for (const r of Ce) r.onChange([]);
-            we([]);
+            for (const r of Ee) r.onChange([]);
+            je([]);
           },
           className: "text-sm text-muted transition-colors hover:text-fg",
           children: "Clear filters"
@@ -1745,18 +1874,18 @@ function Kr({
       )
     ] }) : null,
     D,
-    S && q.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: [
+    k && U.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: [
-        q.size,
+        U.size,
         " selected"
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (g ?? []).map((r) => /* @__PURE__ */ s(
-        M,
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (b ?? []).map((r) => /* @__PURE__ */ s(
+        R,
         {
           size: "md",
           variant: r.variant ?? "outline",
           disabled: r.disabled,
-          onClick: () => void r.onRun(ca),
+          onClick: () => void r.onRun(pa),
           children: [
             r.icon,
             r.label
@@ -1768,26 +1897,26 @@ function Kr({
         "button",
         {
           type: "button",
-          onClick: () => ye(/* @__PURE__ */ new Set()),
+          onClick: () => Re(/* @__PURE__ */ new Set()),
           className: "ml-auto inline-flex items-center gap-1 text-xs text-muted hover:text-fg",
           children: [
-            /* @__PURE__ */ e(be, { className: "size-3.5" }),
+            /* @__PURE__ */ e(ye, { className: "size-3.5" }),
             "Clear"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ e(
-      xe,
+      ze,
       {
         scrollMode: "panel",
-        headerContentRef: tt,
-        action: Wt,
-        tone: Gt,
-        title: Ht,
-        description: Vt,
-        headerClassName: Ot,
-        panelClassName: Ut,
+        headerContentRef: ct,
+        action: ee,
+        tone: Me,
+        title: de,
+        description: Pe,
+        headerClassName: v,
+        panelClassName: W,
         header: (
           // Visible header band. Presentational (aria-sort lives on the body's
           // sr-only thead); widths are pinned to the measured body columns and
@@ -1795,53 +1924,53 @@ function Kr({
           /* @__PURE__ */ s(
             "table",
             {
-              ref: et,
+              ref: dt,
               role: "presentation",
               className: "w-full table-fixed border-collapse",
               style: {
                 // Fill the container when it fits; force totalWidth (and the
                 // shared scroller) only when the columns need more room.
-                minWidth: K > 0 ? K : void 0,
-                visibility: K > 0 ? void 0 : "hidden"
+                minWidth: re > 0 ? re : void 0,
+                visibility: re > 0 ? void 0 : "hidden"
               },
               children: [
-                /* @__PURE__ */ e("colgroup", { children: V.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
+                /* @__PURE__ */ e("colgroup", { children: J.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
                 /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
-                  S && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-(--table-pad-x) text-left align-middle", children: /* @__PURE__ */ e(
-                    Pe,
+                  k && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-(--table-pad-x) text-left align-middle", children: /* @__PURE__ */ e(
+                    Fe,
                     {
                       "aria-label": "Select all rows",
-                      checked: Ye ? !0 : da ? "indeterminate" : !1,
-                      onCheckedChange: ua
+                      checked: it ? !0 : ma ? "indeterminate" : !1,
+                      onCheckedChange: fa
                     }
                   ) }),
-                  I && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-9 px-1.5" }),
-                  G.map((r) => /* @__PURE__ */ e(
+                  M && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-9 px-1.5" }),
+                  X.map((r) => /* @__PURE__ */ e(
                     "th",
                     {
-                      className: i(Sr, r.align === "right" && "text-right", r.className),
+                      className: o(kr, r.align === "right" && "text-right", r.className),
                       children: /* @__PURE__ */ e(
                         "span",
                         {
                           "data-col-sizer": !0,
                           className: "inline-block whitespace-nowrap px-(--table-pad-x) -mx-(--table-pad-x)",
                           children: r.sortable ? /* @__PURE__ */ s(
-                            M,
+                            R,
                             {
                               type: "button",
                               variant: "ghost",
                               size: "xs",
                               "aria-label": `Sort by ${r.header}`,
-                              onClick: () => sa(r),
-                              className: i(
+                              onClick: () => ua(r),
+                              className: o(
                                 "h-auto gap-1.5 rounded-none px-0 py-0 text-[0.8125rem] text-table-header transition-colors [&_svg]:size-3.5",
                                 "hover:bg-transparent hover:text-table-header-active hover:shadow-none",
                                 "active:scale-100 active:bg-transparent active:shadow-none",
-                                (y == null ? void 0 : y.id) === r.id && "text-table-header-active"
+                                (w == null ? void 0 : w.id) === r.id && "text-table-header-active"
                               ),
                               children: [
                                 r.header,
-                                (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? /* @__PURE__ */ e(Ma, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Y, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Pa, { className: "size-3.5 opacity-50" })
+                                (w == null ? void 0 : w.id) === r.id ? w.dir === "asc" ? /* @__PURE__ */ e(Ia, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Y, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Ra, { className: "size-3.5 opacity-50" })
                               ]
                             }
                           ) : r.header
@@ -1850,117 +1979,117 @@ function Kr({
                     },
                     r.id
                   )),
-                  j && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
+                  I && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
                 ] }) })
               ]
             }
           )
         ),
-        children: /* @__PURE__ */ e("div", { ref: at, className: "overflow-x-auto", onScroll: ze, children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((r) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, r)) }) : o ? /* @__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(Ta, { weight: "duotone" }) }),
+        children: /* @__PURE__ */ e("div", { ref: ut, className: "overflow-x-auto", onScroll: Le, children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((r) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, r)) }) : i ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+          /* @__PURE__ */ e("div", { className: "flex size-(--table-empty-icon) items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ e(Pa, { weight: "duotone" }) }),
           /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: o.title }),
-            o.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: o.description }) : null
+            /* @__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
           ] }),
-          o.action
-        ] }) : $.length === 0 ? /* @__PURE__ */ e(
-          Cr,
+          i.action
+        ] }) : O.length === 0 ? /* @__PURE__ */ e(
+          zr,
           {
-            icon: m == null ? void 0 : m.icon,
-            title: (m == null ? void 0 : m.title) ?? "No results",
-            description: m == null ? void 0 : m.description,
-            action: m == null ? void 0 : m.action
+            icon: c == null ? void 0 : c.icon,
+            title: (c == null ? void 0 : c.title) ?? "No results",
+            description: c == null ? void 0 : c.description,
+            action: c == null ? void 0 : c.action
           }
         ) : /* @__PURE__ */ s(
           "table",
           {
-            ref: Ze,
-            className: i(
+            ref: st,
+            className: o(
               "border-collapse text-left",
               // Unmeasured: content-sized so intrinsic column widths can be
               // measured (w-full would squeeze columns into the container).
               // Measured: fill the container, pinned to the band's colgroup
               // pixel widths; minWidth forces the shared scroller open only
               // when the columns need more room than the container has.
-              V.length > 0 ? "w-full table-fixed" : "table-auto"
+              J.length > 0 ? "w-full table-fixed" : "table-auto"
             ),
-            style: { minWidth: K > 0 ? K : void 0 },
+            style: { minWidth: re > 0 ? re : void 0 },
             children: [
-              V.length > 0 && /* @__PURE__ */ e("colgroup", { children: V.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
+              J.length > 0 && /* @__PURE__ */ e("colgroup", { children: J.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
               /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
-                S && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
-                I && /* @__PURE__ */ e("th", { scope: "col", children: "Details" }),
-                G.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": fa(r), children: r.header }, r.id)),
-                j && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
+                k && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
+                M && /* @__PURE__ */ e("th", { scope: "col", children: "Details" }),
+                X.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": ga(r), children: r.header }, r.id)),
+                I && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
               ] }) }),
-              /* @__PURE__ */ e(Ja, { children: $.map((r) => {
-                const d = n(r), p = q.has(d), C = Zt.has(d), z = G.length + (S ? 1 : 0) + (I ? 1 : 0) + (j ? 1 : 0);
-                return /* @__PURE__ */ s(ja, { children: [
+              /* @__PURE__ */ e(Ja, { children: O.map((r) => {
+                const d = n(r), p = U.has(d), S = aa.has(d), T = X.length + (k ? 1 : 0) + (M ? 1 : 0) + (I ? 1 : 0);
+                return /* @__PURE__ */ s(_a, { children: [
                   /* @__PURE__ */ s(
-                    mt,
+                    yt,
                     {
                       "data-state": p ? "selected" : void 0,
-                      onClick: A ? () => A(r) : void 0,
-                      className: A ? "cursor-pointer" : void 0,
+                      onClick: L ? () => L(r) : void 0,
+                      className: L ? "cursor-pointer" : void 0,
                       children: [
-                        S && /* @__PURE__ */ e(Q, { className: "w-11", onClick: (w) => w.stopPropagation(), children: /* @__PURE__ */ e(
-                          Pe,
+                        k && /* @__PURE__ */ e(ne, { className: "w-11", onClick: (C) => C.stopPropagation(), children: /* @__PURE__ */ e(
+                          Fe,
                           {
                             "aria-label": "Select row",
                             checked: p,
-                            onCheckedChange: () => ma(d)
+                            onCheckedChange: () => ba(d)
                           }
                         ) }),
-                        I && /* @__PURE__ */ e(Q, { className: "w-9 px-1.5", onClick: (w) => w.stopPropagation(), children: /* @__PURE__ */ e(
-                          M,
+                        M && /* @__PURE__ */ e(ne, { className: "w-9 px-1.5", onClick: (C) => C.stopPropagation(), children: /* @__PURE__ */ e(
+                          R,
                           {
                             type: "button",
                             variant: "ghost",
                             size: "icon",
                             className: "size-7",
-                            "aria-label": C ? "Collapse row" : "Expand row",
-                            "aria-expanded": C,
-                            onClick: () => ta(d),
+                            "aria-label": S ? "Collapse row" : "Expand row",
+                            "aria-expanded": S,
+                            onClick: () => na(d),
                             children: /* @__PURE__ */ e(
                               Y,
                               {
-                                className: i(
+                                className: o(
                                   "size-3.5 text-muted transition-transform motion-safe:duration-200",
-                                  C ? "" : "-rotate-90"
+                                  S ? "" : "-rotate-90"
                                 ),
                                 weight: "bold"
                               }
                             )
                           }
                         ) }),
-                        G.map((w) => /* @__PURE__ */ e(
-                          Q,
+                        X.map((C) => /* @__PURE__ */ e(
+                          ne,
                           {
-                            "data-numeric": w.numeric ? "" : void 0,
-                            className: i(w.align === "right" && "text-right", w.className),
-                            children: w.cell(r)
+                            "data-numeric": C.numeric ? "" : void 0,
+                            className: o(C.align === "right" && "text-right", C.className),
+                            children: C.cell(r)
                           },
-                          w.id
+                          C.id
                         )),
-                        j && /* @__PURE__ */ e(
-                          Q,
+                        I && /* @__PURE__ */ e(
+                          ne,
                           {
                             className: "w-44 px-4 text-right",
-                            onClick: (w) => {
-                              w.target.closest("button, a, input, [role='menuitem']") && w.stopPropagation();
+                            onClick: (C) => {
+                              C.target.closest("button, a, input, [role='menuitem']") && C.stopPropagation();
                             },
-                            children: j(r)
+                            children: I(r)
                           }
                         )
                       ]
                     }
                   ),
-                  I && C ? /* @__PURE__ */ e(mt, { className: "hover:bg-inherit", "data-expanded": "", children: /* @__PURE__ */ e(
-                    Q,
+                  M && S ? /* @__PURE__ */ e(yt, { className: "hover:bg-inherit", "data-expanded": "", children: /* @__PURE__ */ e(
+                    ne,
                     {
-                      colSpan: z,
+                      colSpan: T,
                       className: "border-t border-line bg-elevated/60 px-(--table-pad-x) py-3 align-top text-[13px] text-muted",
-                      children: I(r)
+                      children: M(r)
                     }
                   ) }) : null
                 ] }, d);
@@ -1970,40 +2099,40 @@ function Kr({
         ) })
       }
     ),
-    oa && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
+    ca && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
-        se + 1,
+        me + 1,
         "–",
-        Math.min(se + B, H.length),
+        Math.min(me + G, K.length),
         " of ",
-        H.length
+        K.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s($t, { value: String(B), onValueChange: (r) => Yt(Number(r)), children: [
-          /* @__PURE__ */ e(Fe, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(Bt, {}) }),
-          /* @__PURE__ */ e(qe, { children: Ft.map((r) => /* @__PURE__ */ e(ve, { value: String(r), children: r }, r)) })
+        /* @__PURE__ */ s(Jt, { value: String(G), onValueChange: (r) => ta(Number(r)), children: [
+          /* @__PURE__ */ e(Ke, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(Kt, {}) }),
+          /* @__PURE__ */ e(Je, { children: De.map((r) => /* @__PURE__ */ e(Se, { value: String(r), children: r }, r)) })
         ] }),
         /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ e(
-            M,
+            R,
             {
               variant: "secondary",
               size: "icon",
               "aria-label": "Previous page",
-              disabled: X <= 0,
-              onClick: () => ie((r) => Math.max(0, r - 1)),
-              children: /* @__PURE__ */ e(Ia, {})
+              disabled: te <= 0,
+              onClick: () => ce((r) => Math.max(0, r - 1)),
+              children: /* @__PURE__ */ e(ja, {})
             }
           ),
           /* @__PURE__ */ e(
-            M,
+            R,
             {
               variant: "secondary",
               size: "icon",
               "aria-label": "Next page",
-              disabled: X >= J - 1,
-              onClick: () => ie((r) => Math.min(J - 1, r + 1)),
-              children: /* @__PURE__ */ e(xt, {})
+              disabled: te >= ae - 1,
+              onClick: () => ce((r) => Math.min(ae - 1, r + 1)),
+              children: /* @__PURE__ */ e(Tt, {})
             }
           )
         ] })
@@ -2011,8 +2140,8 @@ function Kr({
     ] })
   ] });
 }
-function Qr({ icon: t, title: a, description: n, action: l, className: o }) {
-  return /* @__PURE__ */ e(xe, { className: o, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+function Zr({ icon: t, title: a, description: n, action: l, className: i }) {
+  return /* @__PURE__ */ e(ze, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
     t ? /* @__PURE__ */ e("div", { className: "flex size-11 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-6", children: t }) : null,
     /* @__PURE__ */ s("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e("p", { className: "text-sm font-medium text-fg", children: a }),
@@ -2021,66 +2150,66 @@ function Qr({ icon: t, title: a, description: n, action: l, className: o }) {
     l
   ] }) });
 }
-const kr = f(
+const Dr = h(
   ({
     className: t,
     inputClassName: a,
     selectClassName: n,
     selectValue: l,
-    onSelectChange: o,
-    selectOptions: m,
-    selectAriaLabel: u,
-    selectPlaceholder: c,
+    onSelectChange: i,
+    selectOptions: c,
+    selectAriaLabel: m,
+    selectPlaceholder: u,
     id: x,
-    size: b,
-    disabled: h,
+    size: f,
+    disabled: g,
     ...N
-  }, k) => /* @__PURE__ */ s("div", { className: i("flex w-full items-stretch", t), children: [
+  }, z) => /* @__PURE__ */ s("div", { className: o("flex w-full items-stretch", t), children: [
     /* @__PURE__ */ e(
-      Be,
+      ke,
       {
         ...N,
-        ref: k,
+        ref: z,
         id: x,
-        size: b,
-        disabled: h,
-        className: i(
+        size: f,
+        disabled: g,
+        className: o(
           "min-w-0 rounded-l-(--control-radius) rounded-r-none",
           a
         )
       }
     ),
     /* @__PURE__ */ s(
-      $t,
+      Jt,
       {
         value: l,
-        onValueChange: o,
-        disabled: h,
+        onValueChange: i,
+        disabled: g,
         children: [
           /* @__PURE__ */ e(
-            Fe,
+            Ke,
             {
-              "aria-label": u,
+              "aria-label": m,
               variant: "ghost",
-              className: i(
+              className: o(
                 "min-w-28 shrink-0 rounded-l-none border border-(--input-border) border-l-0 px-3 text-[13px] font-normal",
                 n
               ),
-              children: /* @__PURE__ */ e(Bt, { placeholder: c })
+              children: /* @__PURE__ */ e(Kt, { placeholder: u })
             }
           ),
-          /* @__PURE__ */ e(qe, { children: m.map((v) => /* @__PURE__ */ e(ve, { value: v.value, children: v.label }, v.value)) })
+          /* @__PURE__ */ e(Je, { children: c.map((y) => /* @__PURE__ */ e(Se, { value: y.value, children: y.label }, y.value)) })
         ]
       }
     )
   ] })
 );
-kr.displayName = "InputSelect";
-function Yr({ className: t, ...a }) {
+Dr.displayName = "InputSelect";
+function en({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
-      className: i(
+      className: o(
         "inline-flex h-5 min-w-5 items-center justify-center rounded border border-line bg-elevated px-1.5 font-mono text-[11px] font-medium text-subtle",
         t
       ),
@@ -2088,43 +2217,43 @@ function Yr({ className: t, ...a }) {
     }
   );
 }
-const Dr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  Aa.Root,
+const Tr = h(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  $a.Root,
   {
     ref: n,
-    className: i(
+    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
     ),
     ...a
   }
 ));
-Dr.displayName = "Label";
-function Zr({
+Tr.displayName = "Label";
+function tn({
   value: t,
   onValueChange: a,
   options: n,
   size: l = "sm",
-  className: o,
-  ...m
+  className: i,
+  ...c
 }) {
-  const u = ge();
+  const m = Ce();
   return /* @__PURE__ */ e(
     "div",
     {
       role: "radiogroup",
-      "aria-label": m["aria-label"],
-      className: i(
+      "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)",
-        o
+        i
       ),
-      children: n.map((c) => {
-        const x = c.value === t;
+      children: n.map((u) => {
+        const x = u.value === t;
         return /* @__PURE__ */ s(
           "label",
           {
-            className: i(
+            className: o(
               "inline-flex h-full cursor-pointer items-center justify-center gap-1.5 rounded-md text-sm font-medium transition-colors",
               "has-focus-visible:ring-2 has-focus-visible:ring-focus/40",
               l === "sm" ? "px-(--control-pad-x-sm) [&_svg]:size-(--control-icon-sm)" : "px-(--control-pad-x-md) [&_svg]:size-(--control-icon-md)",
@@ -2135,30 +2264,30 @@ function Zr({
                 "input",
                 {
                   type: "radio",
-                  name: u,
-                  value: c.value,
+                  name: m,
+                  value: u.value,
                   checked: x,
-                  onChange: () => a(c.value),
+                  onChange: () => a(u.value),
                   className: "sr-only"
                 }
               ),
-              c.icon,
-              c.label
+              u.icon,
+              u.label
             ]
           },
-          c.value
+          u.value
         );
       })
     }
   );
 }
-const Tr = f(({ className: t, orientation: a = "horizontal", decorative: n = !0, ...l }, o) => /* @__PURE__ */ e(
-  Ba.Root,
+const Mr = h(({ className: t, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
+  Fa.Root,
   {
-    ref: o,
+    ref: i,
     decorative: n,
     orientation: a,
-    className: i(
+    className: o(
       "shrink-0 bg-line",
       a === "horizontal" ? "h-px w-full" : "h-full w-px",
       t
@@ -2166,22 +2295,22 @@ const Tr = f(({ className: t, orientation: a = "horizontal", decorative: n = !0,
     ...l
   }
 ));
-Tr.displayName = "Separator";
-function en({ className: t, ...a }) {
+Mr.displayName = "Separator";
+function an({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: i("animate-pulse rounded-md bg-elevated", t),
+      className: o("animate-pulse rounded-md bg-elevated", t),
       ...a
     }
   );
 }
-const tn = te.Provider, an = te.Root, rn = te.Trigger, Mr = f(({ className: t, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ e(te.Portal, { children: /* @__PURE__ */ e(
-  te.Content,
+const rn = oe.Provider, nn = oe.Root, ln = oe.Trigger, Pr = h(({ className: t, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ e(oe.Portal, { children: /* @__PURE__ */ e(
+  oe.Content,
   {
     ref: l,
     sideOffset: a,
-    className: i(
+    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",
       "data-[state=delayed-open]:fade-in-0 data-[state=closed]:fade-out-0",
@@ -2194,83 +2323,84 @@ const tn = te.Provider, an = te.Root, rn = te.Trigger, Mr = f(({ className: t, s
     ...n
   }
 ) }));
-Mr.displayName = "TooltipContent";
+Pr.displayName = "TooltipContent";
 export {
-  Ar as AgentPrompt,
-  wt as Avatar,
-  St as AvatarFallback,
-  Ct as AvatarImage,
+  Br as AgentPrompt,
+  jt as Avatar,
+  _t as AvatarFallback,
+  Et as AvatarImage,
   Wa as Badge,
-  M as Button,
-  Br as Callout,
-  er as Card,
-  rr as CardContent,
-  ar as CardDescription,
-  nr as CardFooter,
-  zt as CardHeader,
-  tr as CardTitle,
-  Pe as Checkbox,
-  Hr as ChoiceDialog,
+  R as Button,
+  $r as Callout,
+  tr as Card,
+  nr as CardContent,
+  rr as CardDescription,
+  lr as CardFooter,
+  Lt as CardHeader,
+  ar as CardTitle,
+  Fe as Checkbox,
+  Or as ChoiceDialog,
   Vr as CodeBlock,
-  Kr as DataTable,
-  Jr as DataTableIdentity,
-  dr as Dialog,
-  mr as DialogBody,
-  Pt as DialogCancel,
+  Wr as Combobox,
+  Yr as DataTable,
+  Qr as DataTableIdentity,
+  cr as Dialog,
+  pr as DialogBody,
+  qt as DialogCancel,
   Gr as DialogClose,
-  Rt as DialogContent,
-  br as DialogDescription,
-  fr as DialogFooter,
-  pr as DialogHeader,
-  ur as DialogPanel,
-  jt as DialogTitle,
-  Mt as DialogTrigger,
-  Me as DropdownMenu,
-  ee as DropdownMenuCheckboxItem,
-  Lt as DropdownMenuChevron,
-  pe as DropdownMenuContent,
-  Wr as DropdownMenuGroup,
-  he as DropdownMenuItem,
-  fe as DropdownMenuLabel,
-  Or as DropdownMenuPortal,
-  Re as DropdownMenuSeparator,
-  Ur as DropdownMenuSub,
-  yr as DropdownMenuSubContent,
-  At as DropdownMenuSubTrigger,
-  me as DropdownMenuTrigger,
-  Qr as EmptyState,
-  Be as Input,
-  kr as InputSelect,
-  Yr as Kbd,
-  Dr as Label,
-  gr as RadioCard,
-  hr as RadioGroup,
-  Zr as Segmented,
-  $t as Select,
-  qe as SelectContent,
-  Xr as SelectGroup,
-  ve as SelectItem,
-  wr as SelectLabel,
-  Fe as SelectTrigger,
-  Bt as SelectValue,
-  Tr as Separator,
-  en as Skeleton,
-  Fa as Spinner,
-  $r as Table,
+  Gt as DialogContent,
+  hr as DialogDescription,
+  br as DialogFooter,
+  fr as DialogHeader,
+  mr as DialogPanel,
+  Ot as DialogTitle,
+  Ft as DialogTrigger,
+  $e as DropdownMenu,
+  le as DropdownMenuCheckboxItem,
+  Ut as DropdownMenuChevron,
+  ve as DropdownMenuContent,
+  Ur as DropdownMenuGroup,
+  we as DropdownMenuItem,
+  Ne as DropdownMenuLabel,
+  Xr as DropdownMenuPortal,
+  He as DropdownMenuSeparator,
+  Kr as DropdownMenuSub,
+  wr as DropdownMenuSubContent,
+  Xt as DropdownMenuSubTrigger,
+  xe as DropdownMenuTrigger,
+  Zr as EmptyState,
+  ke as Input,
+  Dr as InputSelect,
+  en as Kbd,
+  Tr as Label,
+  xr as RadioCard,
+  gr as RadioGroup,
+  tn as Segmented,
+  Jt as Select,
+  Je as SelectContent,
+  Jr as SelectGroup,
+  Se as SelectItem,
+  Cr as SelectLabel,
+  Ke as SelectTrigger,
+  Kt as SelectValue,
+  Mr as Separator,
+  an as Skeleton,
+  Rt as Spinner,
+  Fr as Table,
   Ja as TableBody,
-  Q as TableCell,
-  Ua as TableContainer,
-  Cr as TableEmptyState,
-  qr as TableHead,
-  Fr as TableHeader,
-  Xa as TablePanel,
-  mt as TableRow,
-  xe as TableSurface,
-  an as Tooltip,
-  Mr as TooltipContent,
-  tn as TooltipProvider,
-  rn as TooltipTrigger,
-  Ha as badgeVariants,
-  qa as buttonVariants
+  ne as TableCell,
+  Xa as TableContainer,
+  zr as TableEmptyState,
+  Hr as TableHead,
+  qr as TableHeader,
+  Ka as TablePanel,
+  yt as TableRow,
+  ze as TableSurface,
+  nn as Tooltip,
+  Pr as TooltipContent,
+  rn as TooltipProvider,
+  ln as TooltipTrigger,
+  Oa as badgeVariants,
+  Ha as buttonVariants
 };
 //# sourceMappingURL=index.js.map