@jinaan/uikit 0.1.44 → 0.1.45

package/dist/index.js

@@ -1,30 +1,30 @@
 import { jsx as e, jsxs as s, Fragment as Ie } from "react/jsx-runtime";
-import { CircleNotch as or, Robot as sr, Terminal as dr, Check as ee, Copy as pt, XCircle as cr, Warning as ur, CheckCircle as mr, Info as pr, Minus as fr, X as ue, CaretDown as me, CaretRight as ft, MagnifyingGlass as br, Columns as hr, Lock as gr, DotsSixVertical as xr, FunnelSimple as it, WarningCircle as vr, CaretUp as Nr, CaretUpDown as yr, CaretLeft as wr } from "@phosphor-icons/react";
-import { forwardRef as f, useState as D, Children as bt, isValidElement as ht, useRef as j, useEffect as Q, useContext as W, useCallback as gt, createContext as te, useId as fe, useMemo as ot, useLayoutEffect as Cr } from "react";
-import { Slot as Sr } from "@radix-ui/react-slot";
+import { CircleNotch as dr, Robot as cr, Terminal as ur, Check as ee, Copy as pt, XCircle as mr, Warning as pr, CheckCircle as fr, Info as br, Minus as hr, X as ue, CaretDown as me, CaretRight as ft, MagnifyingGlass as gr, Columns as xr, Lock as vr, DotsSixVertical as Nr, FunnelSimple as it, WarningCircle as yr, CaretUp as wr, CaretUpDown as Cr, CaretLeft as Sr } from "@phosphor-icons/react";
+import { forwardRef as f, useState as D, Children as bt, isValidElement as ht, useRef as j, useEffect as Q, useContext as W, useCallback as gt, createContext as te, useId as fe, useMemo as ot, useLayoutEffect as kr } from "react";
+import { Slot as zr } from "@radix-ui/react-slot";
 import { cva as Re } from "class-variance-authority";
-import { clsx as kr } from "clsx";
-import { twMerge as zr } from "tailwind-merge";
+import { clsx as Dr } from "clsx";
+import { twMerge as Tr } from "tailwind-merge";
 import * as je from "@radix-ui/react-avatar";
 import * as st from "@radix-ui/react-checkbox";
 import * as I from "@radix-ui/react-dialog";
 import * as T from "@radix-ui/react-dropdown-menu";
 import * as P from "@radix-ui/react-select";
-import * as Dr from "@radix-ui/react-label";
-import * as Tr from "@radix-ui/react-separator";
+import * as Mr from "@radix-ui/react-label";
+import * as Pr from "@radix-ui/react-separator";
 import * as Z from "@radix-ui/react-tooltip";
 function o(...t) {
-  return zr(kr(t));
+  return Tr(Dr(t));
 }
-function Mr(t, r, n) {
+function Ir(t, r, n) {
   if (r === n || r < 0 || n < 0 || r >= t.length || n >= t.length)
     return t;
   const l = [...t], [i] = l.splice(r, 1);
   return l.splice(n, 0, i), l;
 }
-function Pr({ className: t }) {
+function Rr({ className: t }) {
   return /* @__PURE__ */ e(
-    or,
+    dr,
     {
       className: o("size-4 animate-spin text-muted", t),
       weight: "bold",
@@ -32,7 +32,7 @@ function Pr({ className: t }) {
     }
   );
 }
-const Ir = Re(
+const jr = Re(
   "relative inline-flex select-none items-center justify-center gap-[var(--control-gap)] whitespace-nowrap rounded-[var(--control-radius)] border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[120ms] active:scale-[0.97] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -58,7 +58,7 @@ const Ir = Re(
       size: "md"
     }
   }
-), Rr = {
+), Er = {
   xs: "[&_svg]:size-[var(--control-icon-xs)]",
   sm: "[&_svg]:size-[var(--control-icon-sm)]",
   md: "[&_svg]:size-[var(--control-icon-md)]",
@@ -72,15 +72,15 @@ const Ir = Re(
     size: n = "md",
     asChild: l = !1,
     leadingIcon: i,
-    trailingIcon: u,
-    iconOnly: m = !1,
+    trailingIcon: m,
+    iconOnly: u = !1,
     loading: c = !1,
     fullWidth: v = !1,
     disabled: b,
     children: h,
     ...y
   }, C) => {
-    const N = l ? Sr : "button", S = Rr[n ?? "md"];
+    const N = l ? zr : "button", S = Er[n ?? "md"];
     return /* @__PURE__ */ e(
       N,
       {
@@ -88,8 +88,8 @@ const Ir = Re(
         "aria-busy": c || void 0,
         disabled: l ? void 0 : b || c,
         className: o(
-          Ir({ variant: r, size: n }),
-          m && "aspect-square px-0",
+          jr({ variant: r, size: n }),
+          u && "aspect-square px-0",
           v && "w-full",
           c && "disabled:opacity-100",
           t
@@ -107,7 +107,7 @@ const Ir = Re(
               children: [
                 !c && i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", S), "aria-hidden": !0, children: i }) : null,
                 h,
-                !c && u ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", S), "aria-hidden": !0, children: u }) : null
+                !c && m ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", S), "aria-hidden": !0, children: m }) : null
               ]
             }
           ),
@@ -120,7 +120,7 @@ const Ir = Re(
                 c ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(Pr, { className: o("text-current", S) })
+              children: /* @__PURE__ */ e(Rr, { className: o("text-current", S) })
             }
           )
         ] })
@@ -129,25 +129,25 @@ const Ir = Re(
   }
 );
 M.displayName = "Button";
-function Ta({
+function Pa({
   command: t,
   tag: r = "Build with agents",
   icon: n,
   className: l
 }) {
-  const [i, u] = D(!1), m = async () => {
+  const [i, m] = D(!1), u = async () => {
     try {
-      await navigator.clipboard.writeText(t), u(!0), window.setTimeout(() => u(!1), 1500);
+      await navigator.clipboard.writeText(t), m(!0), window.setTimeout(() => m(!1), 1500);
     } catch {
     }
   };
   return /* @__PURE__ */ s("div", { className: o("relative inline-flex max-w-full", l), children: [
     /* @__PURE__ */ s("span", { className: "absolute -top-2.5 left-4 z-10 inline-flex items-center gap-1.5 rounded-md bg-fg px-2 py-1 text-[11px] font-medium text-canvas shadow-sm", children: [
-      n ?? /* @__PURE__ */ e(sr, { className: "size-3.5", weight: "fill" }),
+      n ?? /* @__PURE__ */ e(cr, { className: "size-3.5", weight: "fill" }),
       r
     ] }),
     /* @__PURE__ */ s("div", { className: "mt-2 flex w-full items-center gap-2 rounded-xl border border-line bg-surface py-2 pl-3 pr-2 shadow-sm", children: [
-      /* @__PURE__ */ e(dr, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ e(ur, { 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,
@@ -157,7 +157,7 @@ function Ta({
           iconOnly: !0,
           "aria-label": "Copy prompt",
           className: "ml-auto",
-          onClick: m,
+          onClick: u,
           children: i ? /* @__PURE__ */ e(ee, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(pt, {})
         }
       )
@@ -197,7 +197,7 @@ const Nt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   }
 ));
 Nt.displayName = "AvatarFallback";
-const jr = Re(
+const _r = Re(
   "inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
   {
     variants: {
@@ -213,7 +213,7 @@ const jr = Re(
     },
     defaultVariants: { variant: "neutral" }
   }
-), Er = Re("size-1.5 shrink-0 rounded-full", {
+), Lr = Re("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -227,42 +227,42 @@ const jr = Re(
   },
   defaultVariants: { variant: "neutral" }
 });
-function _r({ className: t, variant: r, dot: n = !1, children: l, ...i }) {
-  return /* @__PURE__ */ s("span", { className: o(jr({ variant: r }), t), ...i, children: [
-    n ? /* @__PURE__ */ e("span", { className: o(Er({ variant: r })), "aria-hidden": !0 }) : null,
+function Ar({ className: t, variant: r, dot: n = !1, children: l, ...i }) {
+  return /* @__PURE__ */ s("span", { className: o(_r({ variant: r }), t), ...i, children: [
+    n ? /* @__PURE__ */ e("span", { className: o(Lr({ variant: r })), "aria-hidden": !0 }) : null,
     l
   ] });
 }
-const Lr = {
+const Br = {
   info: {
-    Icon: pr,
+    Icon: br,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: mr,
+    Icon: fr,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
   warning: {
-    Icon: ur,
+    Icon: pr,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: cr,
+    Icon: mr,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function Ma({
+function Ia({
   variant: t = "info",
   title: r,
   children: n,
   icon: l,
   className: i
 }) {
-  const { Icon: u, className: m, iconClassName: c } = Lr[t];
+  const { Icon: m, className: u, iconClassName: c } = Br[t];
   return /* @__PURE__ */ s(
     "div",
     {
@@ -270,11 +270,11 @@ function Ma({
       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",
-        m,
+        u,
         i
       ),
       children: [
-        /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", c), children: l ?? /* @__PURE__ */ e(u, { weight: "fill" }) }),
+        /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", c), children: l ?? /* @__PURE__ */ e(m, { weight: "fill" }) }),
         /* @__PURE__ */ s("div", { className: "min-w-0 space-y-0.5", children: [
           r ? /* @__PURE__ */ e("p", { className: "font-medium text-fg", children: r }) : null,
           n ? /* @__PURE__ */ e("div", { className: "text-muted", children: n }) : null
@@ -283,7 +283,7 @@ function Ma({
     }
   );
 }
-function Ar({
+function Fr({
   className: t,
   ...r
 }) {
@@ -298,7 +298,7 @@ function Ar({
     }
   );
 }
-function Br({
+function $r({
   className: t,
   ...r
 }) {
@@ -313,7 +313,7 @@ function Br({
     }
   );
 }
-function Pa({ className: t, ...r }) {
+function Ra({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "table",
     {
@@ -322,13 +322,13 @@ function Pa({ className: t, ...r }) {
     }
   );
 }
-function Ia({ className: t, ...r }) {
+function ja({ className: t, ...r }) {
   return /* @__PURE__ */ e("thead", { className: t, ...r });
 }
-function Fr({ className: t, ...r }) {
+function qr({ className: t, ...r }) {
   return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...r });
 }
-function $r({ className: t, ...r }) {
+function Gr({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "tr",
     {
@@ -340,7 +340,7 @@ function $r({ className: t, ...r }) {
     }
   );
 }
-function Ra({ className: t, ...r }) {
+function Ea({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "th",
     {
@@ -364,16 +364,16 @@ function ke({ className: t, ...r }) {
     }
   );
 }
-const qr = {
+const Hr = {
   default: "bg-table-container",
   muted: "bg-surface border border-line",
   transparent: "bg-transparent"
-}, Gr = {
+}, Vr = {
   default: "bg-table-panel border-table-panel-border",
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function Hr(t) {
+function Wr(t) {
   return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
 }
 function be({
@@ -382,15 +382,15 @@ function be({
   header: n,
   children: l,
   action: i,
-  tone: u = "default",
-  className: m,
+  tone: m = "default",
+  className: u,
   headerClassName: c,
   panelClassName: v,
   minHeight: b,
   scrollMode: h = "surface",
   headerContentRef: y
 }) {
-  const C = !!(t || r), N = h === "panel", S = Hr(i) ? /* @__PURE__ */ e(
+  const C = !!(t || r), N = h === "panel", S = Wr(i) ? /* @__PURE__ */ e(
     M,
     {
       variant: i.variant ?? "primary",
@@ -437,14 +437,14 @@ function be({
       }
     )
   ) : null, g = /* @__PURE__ */ e(
-    Br,
+    $r,
     {
-      className: o(Gr[u], v),
+      className: o(Vr[m], v),
       style: b ? { minHeight: b } : void 0,
       children: l
     }
   );
-  return /* @__PURE__ */ s(Ar, { className: o("relative", qr[u], m), children: [
+  return /* @__PURE__ */ s(Fr, { className: o("relative", Hr[m], u), children: [
     N ? /* @__PURE__ */ s(Ie, { children: [
       k,
       g
@@ -455,7 +455,7 @@ function be({
     S ? /* @__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: S }) }) : null
   ] });
 }
-function Vr(t) {
+function Or(t) {
   const r = bt.toArray(t), n = r.filter(
     (l) => ht(l) && l.type === yt
   );
@@ -464,13 +464,13 @@ function Vr(t) {
     body: r.filter((l) => !n.includes(l))
   };
 }
-const Wr = f(
+const Ur = f(
   ({ className: t, children: r, ...n }, l) => {
-    const { header: i, body: u } = Vr(r);
-    return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(be, { className: o("shadow-xs", t), header: i, children: u }) });
+    const { header: i, body: m } = Or(r);
+    return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(be, { className: o("shadow-xs", t), header: i, children: m }) });
   }
 );
-Wr.displayName = "Card";
+Ur.displayName = "Card";
 const yt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   "div",
   {
@@ -483,7 +483,7 @@ const yt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   }
 ));
 yt.displayName = "CardHeader";
-const Or = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+const Xr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   "h2",
   {
     ref: n,
@@ -491,8 +491,8 @@ const Or = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
     ...r
   }
 ));
-Or.displayName = "CardTitle";
-const Ur = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+Xr.displayName = "CardTitle";
+const Jr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   "p",
   {
     ref: n,
@@ -504,10 +504,10 @@ const Ur = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
     ...r
   }
 ));
-Ur.displayName = "CardDescription";
-const Xr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...r }));
-Xr.displayName = "CardContent";
-const Jr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+Jr.displayName = "CardDescription";
+const Kr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...r }));
+Kr.displayName = "CardContent";
+const Qr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
@@ -518,7 +518,7 @@ const Jr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
     ...r
   }
 ));
-Jr.displayName = "CardFooter";
+Qr.displayName = "CardFooter";
 const Te = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   st.Root,
   {
@@ -532,7 +532,7 @@ const Te = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
       t
     ),
     ...r,
-    children: /* @__PURE__ */ e(st.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: r.checked === "indeterminate" ? /* @__PURE__ */ e(fr, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(ee, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ e(st.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: r.checked === "indeterminate" ? /* @__PURE__ */ e(hr, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(ee, { className: "size-3", weight: "bold" }) })
   }
 ));
 Te.displayName = "Checkbox";
@@ -542,7 +542,7 @@ function dt(t) {
 function ct(t) {
   return Math.min(1, Math.max(0.1, t));
 }
-function Kr(t, r) {
+function Yr(t, r) {
   return !dt(t) || !dt(r) ? null : {
     dx: t.left + t.width / 2 - (r.left + r.width / 2),
     dy: t.top + t.height / 2 - (r.top + r.height / 2),
@@ -568,7 +568,7 @@ function Me(t) {
   const n = Ee(r);
   n && (V = { rect: n, at: Date.now() });
 }
-function Qr() {
+function Zr() {
   ut || typeof document > "u" || (ut = !0, document.addEventListener(
     "pointerdown",
     (t) => Me(t.target),
@@ -581,7 +581,7 @@ function Qr() {
     !0
   ));
 }
-function Yr(t) {
+function ea(t) {
   if (V && Date.now() - V.at < 2e3) {
     const n = V.rect;
     return V = null, n;
@@ -590,21 +590,21 @@ function Yr(t) {
   const r = document.activeElement;
   return r instanceof Element && r !== t && !t.contains(r) && r.matches(wt) ? Ee(r) : null;
 }
-const Zr = 250, Ct = te(!1), St = te(() => {
+const ta = 250, Ct = te(!1), St = te(() => {
 }), _e = te(!1);
-function ea({
+function ra({
   open: t,
   defaultOpen: r,
   onOpenChange: n,
   children: l,
   ...i
 }) {
-  const [u, m] = D(
+  const [m, u] = D(
     r ?? !1
-  ), [c, v] = D(!1), b = j(!1), h = j(null), y = t ?? u, C = j(y);
+  ), [c, v] = D(!1), b = j(!1), h = j(null), y = t ?? m, C = j(y);
   C.current = y;
   const N = t !== void 0;
-  Q(() => Qr(), []), Q(() => {
+  Q(() => Zr(), []), Q(() => {
     t && (h.current && clearTimeout(h.current), b.current = !1, v(!1));
   }, [t]), Q(
     () => () => {
@@ -614,19 +614,19 @@ function ea({
   );
   const S = (k) => {
     if (k) {
-      h.current && clearTimeout(h.current), b.current = !1, v(!1), N || m(!0), n == null || n(!0);
+      h.current && clearTimeout(h.current), b.current = !1, v(!1), N || u(!0), n == null || n(!0);
       return;
     }
     if (!y || b.current) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      N || m(!1), n == null || n(!1);
+      N || u(!1), n == null || n(!1);
       return;
     }
     b.current = !0, v(!0), h.current = setTimeout(() => {
-      N || m(!1), n == null || n(!1), requestAnimationFrame(() => {
+      N || u(!1), n == null || n(!1), requestAnimationFrame(() => {
         C.current && (b.current = !1, v(!1));
       });
-    }, Zr);
+    }, ta);
   };
   return /* @__PURE__ */ e(St.Provider, { value: () => S(!1), children: /* @__PURE__ */ e(Ct.Provider, { value: c, children: /* @__PURE__ */ e(_e.Provider, { value: !0, children: /* @__PURE__ */ e(
     I.Root,
@@ -649,7 +649,7 @@ const kt = f(({ onClick: t, ...r }, n) => /* @__PURE__ */ e(
   }
 ));
 kt.displayName = "DialogTrigger";
-const ja = I.Close, zt = f(
+const _a = I.Close, zt = f(
   ({ variant: t = "secondary", children: r = "Cancel", ...n }, l) => /* @__PURE__ */ e(I.Close, { asChild: !0, children: /* @__PURE__ */ e(M, { ref: l, type: "button", variant: t, ...n, children: r }) })
 );
 zt.displayName = "DialogCancel";
@@ -662,16 +662,16 @@ function Dt(t, r = !0) {
     return;
   }
   t.dataset.dialogMotionStarted = "true";
-  const l = Yr(t), i = l ? Kr(l, n) : null;
+  const l = ea(t), i = l ? Yr(l, n) : null;
   i ? (t.style.setProperty("--dialog-dx", `${i.dx}px`), t.style.setProperty("--dialog-dy", `${i.dy}px`), t.style.setProperty("--dialog-sx", String(i.sx)), t.style.setProperty("--dialog-sy", String(i.sy)), t.classList.add("dialog-fly-in")) : (t.style.removeProperty("--dialog-dx"), t.style.removeProperty("--dialog-dy"), t.style.removeProperty("--dialog-sx"), t.style.removeProperty("--dialog-sy"), t.classList.add("dialog-pop-in"));
-  const u = () => {
+  const m = () => {
     t.classList.remove("dialog-fly-in", "dialog-pop-in");
-  }, m = (c) => {
-    c.target === t && (c.animationName !== "dialog-fly-in" && c.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", m), u()));
+  }, u = (c) => {
+    c.target === t && (c.animationName !== "dialog-fly-in" && c.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", u), m()));
   };
-  t.addEventListener("animationend", m);
+  t.addEventListener("animationend", u);
 }
-function ta(t) {
+function aa(t) {
   return t.replace(/dvh\b/g, "vh");
 }
 const Tt = f(
@@ -681,14 +681,14 @@ const Tt = f(
     placement: n = "center",
     topOffset: l = "11dvh",
     motion: i = "auto",
-    style: u,
-    onEscapeKeyDown: m,
+    style: m,
+    onEscapeKeyDown: u,
     onPointerDownOutside: c,
     ...v
   }, b) => {
     const h = W(Ct), y = n === "top", C = y ? {
       "--dialog-top-offset": l,
-      "--dialog-top-offset-fallback": ta(l)
+      "--dialog-top-offset-fallback": aa(l)
     } : void 0, N = W(St), S = j(null), k = gt(
       (g) => {
         if (S.current = g, g && i === "auto" && Dt(g), typeof b == "function") {
@@ -728,7 +728,7 @@ const Tt = f(
             I.Content,
             {
               ref: k,
-              style: C ? { ...C, ...u } : u,
+              style: C ? { ...C, ...m } : m,
               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",
@@ -739,7 +739,7 @@ const Tt = f(
                 t
               ),
               onEscapeKeyDown: (g) => {
-                m == null || m(g), !g.defaultPrevented && (g.preventDefault(), N());
+                u == null || u(g), !g.defaultPrevented && (g.preventDefault(), N());
               },
               onPointerDownOutside: (g) => {
                 c == null || c(g), !g.defaultPrevented && (g.preventDefault(), N());
@@ -760,7 +760,7 @@ const Tt = f(
   }
 );
 Tt.displayName = "DialogContent";
-function ra({
+function na({
   className: t,
   ...r
 }) {
@@ -776,7 +776,7 @@ function ra({
     }
   );
 }
-function aa({
+function la({
   className: t,
   ...r
 }) {
@@ -789,7 +789,7 @@ function aa({
     }
   );
 }
-function na({
+function ia({
   className: t,
   ...r
 }) {
@@ -805,7 +805,7 @@ function na({
     }
   );
 }
-function la({
+function oa({
   className: t,
   ...r
 }) {
@@ -833,7 +833,7 @@ const Mt = f(({ className: t, ...r }, n) => {
   );
 });
 Mt.displayName = "DialogTitle";
-const ia = f(({ className: t, ...r }, n) => {
+const sa = f(({ className: t, ...r }, n) => {
   const l = W(_e) ? I.Description : "p";
   return /* @__PURE__ */ e(
     l,
@@ -844,56 +844,56 @@ const ia = f(({ className: t, ...r }, n) => {
     }
   );
 });
-ia.displayName = "DialogDescription";
+sa.displayName = "DialogDescription";
 const Pt = te(null);
-function oa({
+function da({
   label: t,
   value: r,
   onChange: n,
   disabled: l = !1,
   name: i,
-  className: u,
-  children: m,
+  className: m,
+  children: u,
   ...c
 }) {
   const v = fe(), b = i ?? v;
-  return /* @__PURE__ */ e(Pt.Provider, { value: { name: b, value: r, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", u), ...c, children: [
+  return /* @__PURE__ */ e(Pt.Provider, { value: { name: b, value: r, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", m), ...c, children: [
     /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
-    m
+    u
   ] }) });
 }
-function sa({
+function ca({
   value: t,
   title: r,
   description: n,
   badge: l,
   disabled: i = !1,
-  className: u
+  className: m
 }) {
-  const m = W(Pt), c = fe();
-  if (!m)
+  const u = W(Pt), c = fe();
+  if (!u)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const v = i || m.disabled, b = m.value === t;
+  const v = i || u.disabled, b = u.value === t;
   return /* @__PURE__ */ s(
     "label",
     {
       className: o(
         "group relative flex items-start gap-3",
         v ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-        u
+        m
       ),
       children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "radio",
-            name: m.name,
+            name: u.name,
             value: t,
             checked: b,
             disabled: v,
             onChange: () => {
               var h;
-              return (h = m.onChange) == null ? void 0 : h.call(m, t);
+              return (h = u.onChange) == null ? void 0 : h.call(u, t);
             },
             "aria-describedby": n ? c : void 0,
             className: "peer sr-only"
@@ -913,7 +913,7 @@ function sa({
         /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ s("span", { className: "flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: r }),
-            l ? /* @__PURE__ */ e(_r, { variant: "primary", children: l }) : null
+            l ? /* @__PURE__ */ e(Ar, { variant: "primary", children: l }) : null
           ] }),
           n ? /* @__PURE__ */ e("span", { id: c, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
@@ -921,22 +921,22 @@ function sa({
     }
   );
 }
-function Ea({
+function La({
   open: t,
   onOpenChange: r,
   trigger: n,
   title: l,
   options: i,
-  defaultValue: u,
-  value: m,
+  defaultValue: m,
+  value: u,
   onValueChange: c,
   cancelLabel: v = "Cancel",
   confirmLabel: b = "Continue",
   onConfirm: h
 }) {
   var k;
-  const [y, C] = D(u ?? ((k = i[0]) == null ? void 0 : k.value) ?? ""), N = m ?? y;
-  return /* @__PURE__ */ s(ea, { open: t, onOpenChange: r, children: [
+  const [y, C] = D(m ?? ((k = i[0]) == null ? void 0 : k.value) ?? ""), N = u ?? y;
+  return /* @__PURE__ */ s(ra, { open: t, onOpenChange: r, children: [
     n ? /* @__PURE__ */ e(kt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
       Tt,
@@ -944,12 +944,12 @@ function Ea({
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ s(ra, { children: [
-            /* @__PURE__ */ e(na, { children: /* @__PURE__ */ e(Mt, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ e(aa, { children: /* @__PURE__ */ e(oa, { label: l, value: N, onChange: (g) => {
-              m === void 0 && C(g), c == null || c(g);
+          /* @__PURE__ */ s(na, { children: [
+            /* @__PURE__ */ e(ia, { children: /* @__PURE__ */ e(Mt, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ e(la, { children: /* @__PURE__ */ e(da, { label: l, value: N, onChange: (g) => {
+              u === void 0 && C(g), c == null || c(g);
             }, children: i.map((g) => /* @__PURE__ */ e(
-              sa,
+              ca,
               {
                 value: g.value,
                 title: g.title,
@@ -959,7 +959,7 @@ function Ea({
               g.value
             )) }) })
           ] }),
-          /* @__PURE__ */ s(la, { className: "gap-3 pt-2.5", children: [
+          /* @__PURE__ */ s(oa, { className: "gap-3 pt-2.5", children: [
             /* @__PURE__ */ e(zt, { className: "flex-1", children: v }),
             /* @__PURE__ */ e(M, { className: "flex-1", onClick: () => h == null ? void 0 : h(N), children: b })
           ] })
@@ -968,7 +968,7 @@ function Ea({
     )
   ] });
 }
-function _a({ code: t, label: r, className: n }) {
+function Aa({ code: t, label: r, className: n }) {
   const [l, i] = D(!1);
   return /* @__PURE__ */ e(
     be,
@@ -991,17 +991,17 @@ function _a({ code: t, label: r, className: n }) {
     }
   );
 }
-const da = {
+const ua = {
   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"
-}, ca = {
+}, ma = {
   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)]"
-}, ua = {
+}, pa = {
   sm: "left-[var(--control-pad-x-sm)]",
   md: "left-[var(--control-pad-x-md)]",
   lg: "left-[var(--control-pad-x-lg)]",
@@ -1023,8 +1023,8 @@ const da = {
     type: n = "text",
     size: l = "md",
     leadingIcon: i,
-    trailingIcon: u,
-    onClear: m,
+    trailingIcon: m,
+    onClear: u,
     value: c,
     defaultValue: v,
     error: b = !1,
@@ -1035,7 +1035,7 @@ const da = {
     readOnly: S,
     ...k
   }, g) => {
-    const _ = fe(), B = y ?? _, O = !!h, F = !!(m && (c !== void 0 ? String(c).length > 0 : v !== void 0 && String(v).length > 0)), $ = O ? `${B}-description` : void 0, ge = [C, $].filter(Boolean).join(" ") || void 0, re = /* @__PURE__ */ e(
+    const _ = fe(), B = y ?? _, O = !!h, F = !!(u && (c !== void 0 ? String(c).length > 0 : v !== void 0 && String(v).length > 0)), $ = O ? `${B}-description` : void 0, ge = [C, $].filter(Boolean).join(" ") || void 0, re = /* @__PURE__ */ e(
       "input",
       {
         ref: g,
@@ -1045,14 +1045,14 @@ const da = {
         readOnly: S,
         "aria-invalid": b || void 0,
         "aria-describedby": ge,
-        style: i || u || F ? {
+        style: i || m || F ? {
           paddingInlineStart: i ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
-          paddingInlineEnd: u || F ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
+          paddingInlineEnd: m || F ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
         } : void 0,
         className: o(
           "flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
-          da[l],
-          ca[l],
+          ua[l],
+          ma[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",
@@ -1068,14 +1068,14 @@ const da = {
         ...k
       }
     );
-    return !i && !u && !F && !O ? re : /* @__PURE__ */ s("div", { className: o("w-full", r), children: [
+    return !i && !m && !F && !O ? re : /* @__PURE__ */ s("div", { className: o("w-full", r), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
         i ? /* @__PURE__ */ e(
           "span",
           {
             className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              ua[l]
+              pa[l]
             ),
             "aria-hidden": !0,
             children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ze[l]), children: i })
@@ -1087,14 +1087,14 @@ const da = {
           {
             type: "button",
             "aria-label": "Clear search",
-            onClick: m,
+            onClick: u,
             className: o(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
               mt[l]
             ),
             children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ze[l]), children: /* @__PURE__ */ e(ue, {}) })
           }
-        ) : u ? /* @__PURE__ */ e(
+        ) : m ? /* @__PURE__ */ e(
           "span",
           {
             className: o(
@@ -1102,7 +1102,7 @@ const da = {
               mt[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ze[l]), children: u })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ze[l]), children: m })
           }
         ) : null
       ] }),
@@ -1122,7 +1122,7 @@ function Ae(t, r) {
   let n = 0;
   return bt.forEach(t, (l) => {
     if (!ht(l)) return;
-    if (r.some((u) => u === l.type)) {
+    if (r.some((m) => m === l.type)) {
       n += 1;
       return;
     }
@@ -1168,7 +1168,7 @@ const Rt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   }
 ));
 Rt.displayName = "DropdownMenuChevron";
-const La = T.Group, Aa = T.Portal, de = f(({ className: t, sideOffset: r = 8, ...n }, l) => /* @__PURE__ */ e(T.Portal, { children: /* @__PURE__ */ e(
+const Ba = T.Group, Fa = T.Portal, de = f(({ className: t, sideOffset: r = 8, ...n }, l) => /* @__PURE__ */ e(T.Portal, { children: /* @__PURE__ */ e(
   T.Content,
   {
     ref: l,
@@ -1228,7 +1228,7 @@ const ce = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   }
 ));
 ce.displayName = "DropdownMenuLabel";
-const Ba = T.Sub, jt = f(({ className: t, inset: r, children: n, ...l }, i) => /* @__PURE__ */ s(
+const $a = T.Sub, jt = f(({ className: t, inset: r, children: n, ...l }, i) => /* @__PURE__ */ s(
   T.SubTrigger,
   {
     ref: i,
@@ -1247,7 +1247,7 @@ const Ba = T.Sub, jt = f(({ className: t, inset: r, children: n, ...l }, i) => /
   }
 ));
 jt.displayName = "DropdownMenuSubTrigger";
-const ma = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+const fa = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   T.SubContent,
   {
     ref: n,
@@ -1265,7 +1265,7 @@ const ma = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
     ...r
   }
 ));
-ma.displayName = "DropdownMenuSubContent";
+fa.displayName = "DropdownMenuSubContent";
 const Pe = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   T.Separator,
   {
@@ -1275,7 +1275,7 @@ const Pe = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   }
 ));
 Pe.displayName = "DropdownMenuSeparator";
-const Fa = P.Group, Et = P.Value;
+const qa = P.Group, Et = P.Value;
 function _t({
   children: t,
   disabled: r,
@@ -1306,10 +1306,10 @@ const Be = f(({ className: t, children: r, variant: n = "field", ...l }, i) => /
 ));
 Be.displayName = "SelectTrigger";
 const Fe = f(
-  ({ className: t, children: r, position: n = "popper", sideOffset: l = 8, ...i }, u) => /* @__PURE__ */ e(P.Portal, { children: /* @__PURE__ */ e(
+  ({ className: t, children: r, position: n = "popper", sideOffset: l = 8, ...i }, m) => /* @__PURE__ */ e(P.Portal, { children: /* @__PURE__ */ e(
     P.Content,
     {
-      ref: u,
+      ref: m,
       position: n,
       sideOffset: l,
       className: o(
@@ -1344,7 +1344,7 @@ const he = f(({ className: t, children: r, ...n }, l) => /* @__PURE__ */ s(
   }
 ));
 he.displayName = "SelectItem";
-const pa = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+const ba = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   P.Label,
   {
     ref: n,
@@ -1352,8 +1352,8 @@ const pa = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
     ...r
   }
 ));
-pa.displayName = "SelectLabel";
-function fa({
+ba.displayName = "SelectLabel";
+function ha({
   icon: t,
   title: r,
   description: n,
@@ -1378,14 +1378,14 @@ function fa({
     }
   );
 }
-const ba = "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 ha(t) {
+const ga = "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 xa(t) {
   return t.split(/\s+/).slice(0, 2).map((r) => {
     var n;
     return ((n = r[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
-function $a({
+function Ga({
   name: t,
   secondary: r,
   image: n
@@ -1393,7 +1393,7 @@ function $a({
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
     /* @__PURE__ */ s(xt, { className: "size-8", children: [
       n ? /* @__PURE__ */ e(vt, { src: n, alt: "" }) : null,
-      /* @__PURE__ */ e(Nt, { children: ha(t) })
+      /* @__PURE__ */ e(Nt, { children: xa(t) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
       /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
@@ -1401,14 +1401,14 @@ function $a({
     ] })
   ] });
 }
-function qa({
+function Ha({
   rows: t,
   columns: r,
   getRowId: n,
   loading: l = !1,
   error: i,
-  empty: u,
-  search: m,
+  empty: m,
+  search: u,
   filters: c,
   toolbarStart: v,
   toolbarEnd: b,
@@ -1428,35 +1428,37 @@ function qa({
   pageSizeOptions: re = [10, 25, 50, 100],
   pagination: Lt = "auto",
   tone: At,
-  headerAction: Bt,
-  headerClassName: Ft,
-  panelClassName: $t,
-  className: qt
+  title: Bt,
+  description: Ft,
+  headerAction: $t,
+  headerClassName: qt,
+  panelClassName: Gt,
+  className: Ht
 }) {
   const [$e, qe] = D(
     () => Object.fromEntries(
       r.filter((a) => a.defaultHidden && !a.required).map((a) => [a.id, !0])
     )
-  ), [Ge, He] = D(null), [xe, Ve] = D(null), [Gt, Ht] = D(
+  ), [Ge, He] = D(null), [xe, Ve] = D(null), [Vt, Wt] = D(
     O ?? null
-  ), w = $ ? F ?? null : Gt, Vt = (a) => {
-    $ ? $(a) : Ht(a);
-  }, [U, ae] = D(0), [L, Wt] = D(ge), [q, ve] = D(/* @__PURE__ */ new Set()), [Ot, Ne] = D([]), We = r.map((a) => a.id), Oe = new Map(r.map((a) => [a.id, a])), Ue = Ge ? Ge.map((a) => Oe.get(a)).filter((a) => !!a) : r, X = Ue.filter((a) => !$e[a.id]), Xe = Ue.filter((a) => $e[a.id] && !a.required), Je = (a) => !!a.required, Ut = (a) => Oe.get(a), Xt = (a, d) => {
-    const p = d ? Ut(d) : void 0;
+  ), w = $ ? F ?? null : Vt, Ot = (a) => {
+    $ ? $(a) : Wt(a);
+  }, [U, ae] = D(0), [L, Ut] = D(ge), [q, ve] = D(/* @__PURE__ */ new Set()), [Xt, Ne] = D([]), We = r.map((a) => a.id), Oe = new Map(r.map((a) => [a.id, a])), Ue = Ge ? Ge.map((a) => Oe.get(a)).filter((a) => !!a) : r, X = Ue.filter((a) => !$e[a.id]), Xe = Ue.filter((a) => $e[a.id] && !a.required), Je = (a) => !!a.required, Jt = (a) => Oe.get(a), Kt = (a, d) => {
+    const p = d ? Jt(d) : void 0;
     !p || Je(p) || a === d || He((x) => {
       const z = x ?? We;
-      return Mr(z, z.indexOf(a), z.indexOf(d));
+      return Ir(z, z.indexOf(a), z.indexOf(d));
     });
-  }, Jt = (a) => {
+  }, Qt = (a) => {
     qe((d) => ({ ...d, [a]: !1 })), He((d) => d && d.includes(a) ? d : [...d ?? We, a]);
-  }, ye = (c ?? []).filter((a) => Ot.includes(a.id)), Kt = (c ?? []).map((a) => `${a.id}:${a.value.join(",")}`).join("|"), ne = ot(() => {
+  }, ye = (c ?? []).filter((a) => Xt.includes(a.id)), Yt = (c ?? []).map((a) => `${a.id}:${a.value.join(",")}`).join("|"), ne = ot(() => {
     let a = t;
     for (const p of c ?? [])
       p.value.length > 0 && (a = a.filter((x) => p.match(x, p.value)));
-    if (!m || !m.value.trim()) return a;
-    const d = m.value.trim().toLowerCase();
-    return a.filter((p) => m.keys(p).toLowerCase().includes(d));
-  }, [t, m, c]), G = ot(() => {
+    if (!u || !u.value.trim()) return a;
+    const d = u.value.trim().toLowerCase();
+    return a.filter((p) => u.keys(p).toLowerCase().includes(d));
+  }, [t, u, c]), G = ot(() => {
     if (!w) return ne;
     const a = r.find((p) => p.id === w.id);
     if (!(a != null && a.sortValue)) return ne;
@@ -1465,33 +1467,33 @@ function qa({
       const z = a.sortValue(p), R = a.sortValue(x);
       return z == null && R == null ? 0 : z == null ? 1 : R == null ? -1 : typeof z == "number" && typeof R == "number" ? (z - R) * d : String(z).localeCompare(String(R)) * d;
     });
-  }, [ne, w, r]), J = Math.max(1, Math.ceil(G.length / L)), Qt = !l && !i && G.length > 0 && (Lt === "always" || G.length > L);
+  }, [ne, w, r]), J = Math.max(1, Math.ceil(G.length / L)), Zt = !l && !i && G.length > 0 && (Lt === "always" || G.length > L);
   Q(() => {
     ae(0);
-  }, [m == null ? void 0 : m.value, L, w == null ? void 0 : w.id, w == null ? void 0 : w.dir, C, Kt]), Q(() => {
+  }, [u == null ? void 0 : u.value, L, w == null ? void 0 : w.id, w == null ? void 0 : w.dir, C, Yt]), Q(() => {
     U > J - 1 && ae(J - 1);
   }, [U, J]);
-  const le = U * L, A = G.slice(le, le + L), Yt = (a) => {
+  const le = U * L, A = G.slice(le, le + L), er = (a) => {
     if (!a.sortable) return;
     const d = w;
-    Vt(
+    Ot(
       (d == null ? void 0 : d.id) === a.id ? d.dir === "asc" ? { id: a.id, dir: "desc" } : null : { id: a.id, dir: "asc" }
     );
-  }, Ke = A.length > 0 && A.every((a) => q.has(n(a))), Zt = A.some((a) => q.has(n(a))), er = t.filter((a) => q.has(n(a))), tr = () => {
+  }, Ke = A.length > 0 && A.every((a) => q.has(n(a))), tr = A.some((a) => q.has(n(a))), rr = t.filter((a) => q.has(n(a))), ar = () => {
     ve((a) => {
       const d = new Set(a);
       return Ke ? A.forEach((p) => d.delete(n(p))) : A.forEach((p) => d.add(n(p))), d;
     });
-  }, rr = (a) => {
+  }, nr = (a) => {
     ve((d) => {
       const p = new Set(d);
       return p.has(a) ? p.delete(a) : p.add(a), p;
     });
-  }, ar = !!(m || c != null && c.length || v || b), nr = (a) => (w == null ? void 0 : w.id) === a.id ? w.dir === "asc" ? "ascending" : "descending" : void 0, Qe = j(null), Ye = j(null), Ze = j(null), et = j(null), [H, we] = D([]), lr = X.map((a) => a.id).join("\0"), ie = `${k ? "s" : "-"}|${_ ? "a" : "-"}|${lr}`, tt = j(ie), ir = H.length > 0, Ce = gt(() => {
+  }, lr = !!(u || c != null && c.length || v || b), ir = (a) => (w == null ? void 0 : w.id) === a.id ? w.dir === "asc" ? "ascending" : "descending" : void 0, Qe = j(null), Ye = j(null), Ze = j(null), et = j(null), [H, we] = D([]), or = X.map((a) => a.id).join("\0"), ie = `${k ? "s" : "-"}|${_ ? "a" : "-"}|${or}`, tt = j(ie), sr = H.length > 0, Ce = gt(() => {
     const a = Ze.current, d = et.current;
     a && d && (a.style.transform = `translateX(${-d.scrollLeft}px)`);
   }, []);
-  Cr(() => {
+  kr(() => {
     const a = Qe.current;
     if (!a) return;
     if (tt.current !== ie) {
@@ -1522,9 +1524,9 @@ function qa({
     if (d(), Ce(), typeof ResizeObserver > "u") return;
     const p = new ResizeObserver(d);
     return p.observe(a), () => p.disconnect();
-  }, [ie, ir, l, i, Ce]);
+  }, [ie, sr, l, i, Ce]);
   const K = H.reduce((a, d) => a + d, 0);
-  return /* @__PURE__ */ s("div", { className: o("space-y-4", qt), children: [
+  return /* @__PURE__ */ s("div", { className: o("space-y-4", Ht), children: [
     y && y.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: y.map((a) => {
       const d = a.id === C;
       return /* @__PURE__ */ e(
@@ -1543,17 +1545,17 @@ function qa({
         a.id
       );
     }) }),
-    ar && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      m && /* @__PURE__ */ e(
+    lr && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      u && /* @__PURE__ */ e(
         Le,
         {
           type: "search",
-          "aria-label": m.placeholder ?? "Search",
-          placeholder: m.placeholder ?? "Search...",
-          value: m.value,
-          onChange: (a) => m.onChange(a.target.value),
-          onClear: () => m.onChange(""),
-          leadingIcon: /* @__PURE__ */ e(br, {}),
+          "aria-label": u.placeholder ?? "Search",
+          placeholder: u.placeholder ?? "Search...",
+          value: u.value,
+          onChange: (a) => u.onChange(a.target.value),
+          onClear: () => u.onChange(""),
+          leadingIcon: /* @__PURE__ */ e(gr, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
@@ -1565,7 +1567,7 @@ function qa({
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ e(hr, {}),
+            leadingIcon: /* @__PURE__ */ e(xr, {}),
             trailingIcon: /* @__PURE__ */ e(Rt, {}),
             children: "Columns"
           }
@@ -1587,7 +1589,7 @@ function qa({
                   p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", a.id), Ve(a.id);
                 },
                 onDragOver: (p) => {
-                  xe && (p.preventDefault(), Xt(xe, a.id));
+                  xe && (p.preventDefault(), Kt(xe, a.id));
                 },
                 onDrop: (p) => p.preventDefault(),
                 onDragEnd: () => Ve(null),
@@ -1598,8 +1600,8 @@ function qa({
                 className: "justify-between",
                 children: [
                   /* @__PURE__ */ e("span", { className: "truncate", children: a.header }),
-                  d ? /* @__PURE__ */ e(gr, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
-                    xr,
+                  d ? /* @__PURE__ */ e(vr, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
+                    Nr,
                     {
                       "aria-hidden": !0,
                       className: o(
@@ -1620,7 +1622,7 @@ function qa({
               Y,
               {
                 checked: !1,
-                onCheckedChange: () => Jt(a.id),
+                onCheckedChange: () => Qt(a.id),
                 onSelect: (d) => d.preventDefault(),
                 children: a.header
               },
@@ -1730,7 +1732,7 @@ function qa({
           size: "md",
           variant: a.variant ?? "outline",
           disabled: a.disabled,
-          onClick: () => void a.onRun(er),
+          onClick: () => void a.onRun(rr),
           children: [
             a.icon,
             a.label
@@ -1756,10 +1758,12 @@ function qa({
       {
         scrollMode: "panel",
         headerContentRef: Ze,
-        action: Bt,
+        action: $t,
         tone: At,
-        headerClassName: Ft,
-        panelClassName: $t,
+        title: Bt,
+        description: Ft,
+        headerClassName: qt,
+        panelClassName: Gt,
         header: (
           // Visible header band. Presentational (aria-sort lives on the body's
           // sr-only thead); widths are pinned to the measured body columns and
@@ -1783,14 +1787,14 @@ function qa({
                     Te,
                     {
                       "aria-label": "Select all rows",
-                      checked: Ke ? !0 : Zt ? "indeterminate" : !1,
-                      onCheckedChange: tr
+                      checked: Ke ? !0 : tr ? "indeterminate" : !1,
+                      onCheckedChange: ar
                     }
                   ) }),
                   X.map((a) => /* @__PURE__ */ e(
                     "th",
                     {
-                      className: o(ba, a.align === "right" && "text-right", a.className),
+                      className: o(ga, a.align === "right" && "text-right", a.className),
                       children: /* @__PURE__ */ e(
                         "span",
                         {
@@ -1803,7 +1807,7 @@ function qa({
                               variant: "ghost",
                               size: "xs",
                               "aria-label": `Sort by ${a.header}`,
-                              onClick: () => Yt(a),
+                              onClick: () => er(a),
                               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",
@@ -1812,7 +1816,7 @@ function qa({
                               ),
                               children: [
                                 a.header,
-                                (w == null ? void 0 : w.id) === a.id ? w.dir === "asc" ? /* @__PURE__ */ e(Nr, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(me, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(yr, { className: "size-3.5 opacity-50" })
+                                (w == null ? void 0 : w.id) === a.id ? w.dir === "asc" ? /* @__PURE__ */ e(wr, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(me, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Cr, { className: "size-3.5 opacity-50" })
                               ]
                             }
                           ) : a.header
@@ -1828,19 +1832,19 @@ function qa({
           )
         ),
         children: /* @__PURE__ */ e("div", { ref: et, className: "overflow-x-auto", onScroll: Ce, children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((a) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, a)) }) : i ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
-          /* @__PURE__ */ e("div", { className: "flex size-(--table-empty-icon) items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ e(vr, { weight: "duotone" }) }),
+          /* @__PURE__ */ e("div", { className: "flex size-(--table-empty-icon) items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ e(yr, { weight: "duotone" }) }),
           /* @__PURE__ */ s("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: i.title }),
             i.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: i.description }) : null
           ] }),
           i.action
         ] }) : A.length === 0 ? /* @__PURE__ */ e(
-          fa,
+          ha,
           {
-            icon: u == null ? void 0 : u.icon,
-            title: (u == null ? void 0 : u.title) ?? "No results",
-            description: typeof (u == null ? void 0 : u.description) == "string" ? u.description : void 0,
-            action: u == null ? void 0 : u.action
+            icon: 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
           }
         ) : /* @__PURE__ */ s(
           "table",
@@ -1860,13 +1864,13 @@ function qa({
               H.length > 0 && /* @__PURE__ */ e("colgroup", { children: H.map((a, d) => /* @__PURE__ */ e("col", { style: { width: a } }, d)) }),
               /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
                 k && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
-                X.map((a) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": nr(a), children: a.header }, a.id)),
+                X.map((a) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": ir(a), children: a.header }, a.id)),
                 _ && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
               ] }) }),
-              /* @__PURE__ */ e(Fr, { children: A.map((a) => {
+              /* @__PURE__ */ e(qr, { children: A.map((a) => {
                 const d = n(a), p = q.has(d);
                 return /* @__PURE__ */ s(
-                  $r,
+                  Gr,
                   {
                     "data-state": p ? "selected" : void 0,
                     onClick: B ? () => B(a) : void 0,
@@ -1877,7 +1881,7 @@ function qa({
                         {
                           "aria-label": "Select row",
                           checked: p,
-                          onCheckedChange: () => rr(d)
+                          onCheckedChange: () => nr(d)
                         }
                       ) }),
                       X.map((x) => /* @__PURE__ */ e(
@@ -1909,7 +1913,7 @@ function qa({
         ) })
       }
     ),
-    Qt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
+    Zt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
         le + 1,
         "–",
@@ -1918,7 +1922,7 @@ function qa({
         G.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s(_t, { value: String(L), onValueChange: (a) => Wt(Number(a)), children: [
+        /* @__PURE__ */ s(_t, { value: String(L), onValueChange: (a) => Ut(Number(a)), children: [
           /* @__PURE__ */ e(Be, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(Et, {}) }),
           /* @__PURE__ */ e(Fe, { children: re.map((a) => /* @__PURE__ */ e(he, { value: String(a), children: a }, a)) })
         ] }),
@@ -1931,7 +1935,7 @@ function qa({
               "aria-label": "Previous page",
               disabled: U <= 0,
               onClick: () => ae((a) => Math.max(0, a - 1)),
-              children: /* @__PURE__ */ e(wr, {})
+              children: /* @__PURE__ */ e(Sr, {})
             }
           ),
           /* @__PURE__ */ e(
@@ -1950,7 +1954,7 @@ function qa({
     ] })
   ] });
 }
-function Ga({ icon: t, title: r, description: n, action: l, className: i }) {
+function Va({ icon: t, title: r, description: n, action: l, className: i }) {
   return /* @__PURE__ */ e(be, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
     t ? /* @__PURE__ */ e("div", { className: "flex size-11 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-6", children: t }) : null,
     /* @__PURE__ */ s("div", { className: "space-y-1", children: [
@@ -1960,15 +1964,15 @@ function Ga({ icon: t, title: r, description: n, action: l, className: i }) {
     l
   ] }) });
 }
-const ga = f(
+const va = f(
   ({
     className: t,
     inputClassName: r,
     selectClassName: n,
     selectValue: l,
     onSelectChange: i,
-    selectOptions: u,
-    selectAriaLabel: m,
+    selectOptions: m,
+    selectAriaLabel: u,
     selectPlaceholder: c,
     id: v,
     size: b,
@@ -1999,7 +2003,7 @@ const ga = f(
           /* @__PURE__ */ e(
             Be,
             {
-              "aria-label": m,
+              "aria-label": u,
               variant: "ghost",
               className: o(
                 "min-w-28 shrink-0 rounded-l-none border border-(--input-border) border-l-0 px-3 text-[13px] font-normal",
@@ -2008,14 +2012,14 @@ const ga = f(
               children: /* @__PURE__ */ e(Et, { placeholder: c })
             }
           ),
-          /* @__PURE__ */ e(Fe, { children: u.map((N) => /* @__PURE__ */ e(he, { value: N.value, children: N.label }, N.value)) })
+          /* @__PURE__ */ e(Fe, { children: m.map((N) => /* @__PURE__ */ e(he, { value: N.value, children: N.label }, N.value)) })
         ]
       }
     )
   ] })
 );
-ga.displayName = "InputSelect";
-function Ha({ className: t, ...r }) {
+va.displayName = "InputSelect";
+function Wa({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -2027,8 +2031,8 @@ function Ha({ className: t, ...r }) {
     }
   );
 }
-const xa = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  Dr.Root,
+const Na = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  Mr.Root,
   {
     ref: n,
     className: o(
@@ -2038,21 +2042,21 @@ const xa = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
     ...r
   }
 ));
-xa.displayName = "Label";
-function Va({
+Na.displayName = "Label";
+function Oa({
   value: t,
   onValueChange: r,
   options: n,
   size: l = "sm",
   className: i,
-  ...u
+  ...m
 }) {
-  const m = fe();
+  const u = fe();
   return /* @__PURE__ */ e(
     "div",
     {
       role: "radiogroup",
-      "aria-label": u["aria-label"],
+      "aria-label": m["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)",
@@ -2074,7 +2078,7 @@ function Va({
                 "input",
                 {
                   type: "radio",
-                  name: m,
+                  name: u,
                   value: c.value,
                   checked: v,
                   onChange: () => r(c.value),
@@ -2091,8 +2095,8 @@ function Va({
     }
   );
 }
-const va = f(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
-  Tr.Root,
+const ya = f(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
+  Pr.Root,
   {
     ref: i,
     decorative: n,
@@ -2105,8 +2109,8 @@ const va = f(({ className: t, orientation: r = "horizontal", decorative: n = !0,
     ...l
   }
 ));
-va.displayName = "Separator";
-function Wa({ className: t, ...r }) {
+ya.displayName = "Separator";
+function Ua({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2115,7 +2119,7 @@ function Wa({ className: t, ...r }) {
     }
   );
 }
-const Oa = Z.Provider, Ua = Z.Root, Xa = Z.Trigger, Na = f(({ className: t, sideOffset: r = 6, ...n }, l) => /* @__PURE__ */ e(Z.Portal, { children: /* @__PURE__ */ e(
+const Xa = Z.Provider, Ja = Z.Root, Ka = Z.Trigger, wa = f(({ className: t, sideOffset: r = 6, ...n }, l) => /* @__PURE__ */ e(Z.Portal, { children: /* @__PURE__ */ e(
   Z.Content,
   {
     ref: l,
@@ -2133,83 +2137,83 @@ const Oa = Z.Provider, Ua = Z.Root, Xa = Z.Trigger, Na = f(({ className: t, side
     ...n
   }
 ) }));
-Na.displayName = "TooltipContent";
+wa.displayName = "TooltipContent";
 export {
-  Ta as AgentPrompt,
+  Pa as AgentPrompt,
   xt as Avatar,
   Nt as AvatarFallback,
   vt as AvatarImage,
-  _r as Badge,
+  Ar as Badge,
   M as Button,
-  Ma as Callout,
-  Wr as Card,
-  Xr as CardContent,
-  Ur as CardDescription,
-  Jr as CardFooter,
+  Ia as Callout,
+  Ur as Card,
+  Kr as CardContent,
+  Jr as CardDescription,
+  Qr as CardFooter,
   yt as CardHeader,
-  Or as CardTitle,
+  Xr as CardTitle,
   Te as Checkbox,
-  Ea as ChoiceDialog,
-  _a as CodeBlock,
-  qa as DataTable,
-  $a as DataTableIdentity,
-  ea as Dialog,
-  aa as DialogBody,
+  La as ChoiceDialog,
+  Aa as CodeBlock,
+  Ha as DataTable,
+  Ga as DataTableIdentity,
+  ra as Dialog,
+  la as DialogBody,
   zt as DialogCancel,
-  ja as DialogClose,
+  _a as DialogClose,
   Tt as DialogContent,
-  ia as DialogDescription,
-  la as DialogFooter,
-  na as DialogHeader,
-  ra as DialogPanel,
+  sa as DialogDescription,
+  oa as DialogFooter,
+  ia as DialogHeader,
+  na as DialogPanel,
   Mt as DialogTitle,
   kt as DialogTrigger,
   De as DropdownMenu,
   Y as DropdownMenuCheckboxItem,
   Rt as DropdownMenuChevron,
   de as DropdownMenuContent,
-  La as DropdownMenuGroup,
+  Ba as DropdownMenuGroup,
   pe as DropdownMenuItem,
   ce as DropdownMenuLabel,
-  Aa as DropdownMenuPortal,
+  Fa as DropdownMenuPortal,
   Pe as DropdownMenuSeparator,
-  Ba as DropdownMenuSub,
-  ma as DropdownMenuSubContent,
+  $a as DropdownMenuSub,
+  fa as DropdownMenuSubContent,
   jt as DropdownMenuSubTrigger,
   se as DropdownMenuTrigger,
-  Ga as EmptyState,
+  Va as EmptyState,
   Le as Input,
-  ga as InputSelect,
-  Ha as Kbd,
-  xa as Label,
-  sa as RadioCard,
-  oa as RadioGroup,
-  Va as Segmented,
+  va as InputSelect,
+  Wa as Kbd,
+  Na as Label,
+  ca as RadioCard,
+  da as RadioGroup,
+  Oa as Segmented,
   _t as Select,
   Fe as SelectContent,
-  Fa as SelectGroup,
+  qa as SelectGroup,
   he as SelectItem,
-  pa as SelectLabel,
+  ba as SelectLabel,
   Be as SelectTrigger,
   Et as SelectValue,
-  va as Separator,
-  Wa as Skeleton,
-  Pr as Spinner,
-  Pa as Table,
-  Fr as TableBody,
+  ya as Separator,
+  Ua as Skeleton,
+  Rr as Spinner,
+  Ra as Table,
+  qr as TableBody,
   ke as TableCell,
-  Ar as TableContainer,
-  fa as TableEmptyState,
-  Ra as TableHead,
-  Ia as TableHeader,
-  Br as TablePanel,
-  $r as TableRow,
+  Fr as TableContainer,
+  ha as TableEmptyState,
+  Ea as TableHead,
+  ja as TableHeader,
+  $r as TablePanel,
+  Gr as TableRow,
   be as TableSurface,
-  Ua as Tooltip,
-  Na as TooltipContent,
-  Oa as TooltipProvider,
-  Xa as TooltipTrigger,
-  jr as badgeVariants,
-  Ir as buttonVariants
+  Ja as Tooltip,
+  wa as TooltipContent,
+  Xa as TooltipProvider,
+  Ka as TooltipTrigger,
+  _r as badgeVariants,
+  jr as buttonVariants
 };
 //# sourceMappingURL=index.js.map