npm - @jinaan/uikit - Versions diffs - 0.1.20 → 0.1.23 - Mend

@jinaan/uikit 0.1.20 → 0.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/data-table.d.ts.map +1 -1
package/dist/dropdown-menu.d.ts +1 -0
package/dist/dropdown-menu.d.ts.map +1 -1
package/dist/index.js +890 -823
package/dist/index.js.map +1 -1
package/dist/select.d.ts.map +1 -1
package/dist/utils.d.ts +2 -0
package/dist/utils.d.ts.map +1 -1
package/package.json +1 -1
package/src/data-table.tsx +106 -18
package/src/dropdown-menu.tsx +21 -2
package/src/select.tsx +3 -4
package/src/utils.ts +11 -0

package/dist/index.js CHANGED Viewed

@@ -1,32 +1,38 @@
-import { jsx as e, jsxs as s, Fragment as Be } from "react/jsx-runtime";
-import { CircleNotch as wt, Robot as Ct, Terminal as St, Check as X, Copy as Fe, XCircle as zt, Warning as kt, CheckCircle as Dt, Info as Tt, Minus as Mt, X as le, CaretRight as Pt, CaretDown as ee, MagnifyingGlass as It, Columns as jt, Lock as Et, FunnelSimple as Ie, WarningCircle as _t, CaretUp as Lt, CaretUpDown as Rt } from "@phosphor-icons/react";
-import { forwardRef as b, useState as T, Children as $e, isValidElement as qe, useRef as te, useEffect as V, useContext as ie, useCallback as At, createContext as se, useId as de, useMemo as je } from "react";
-import { Slot as Bt } from "@radix-ui/react-slot";
-import { cva as ye } from "class-variance-authority";
-import { clsx as Ft } from "clsx";
-import { twMerge as $t } from "tailwind-merge";
-import * as we from "@radix-ui/react-avatar";
-import * as Ee from "@radix-ui/react-checkbox";
-import * as M from "@radix-ui/react-dialog";
-import * as C from "@radix-ui/react-dropdown-menu";
-import * as D from "@radix-ui/react-select";
-import * as qt from "@radix-ui/react-label";
-import * as Gt from "@radix-ui/react-separator";
-import * as W from "@radix-ui/react-tooltip";
-function i(...t) {
-  return $t(Ft(t));
+import { jsx as e, jsxs as s, Fragment as We } from "react/jsx-runtime";
+import { CircleNotch as Bt, Robot as Ft, Terminal as $t, Check as W, Copy as Xe, XCircle as qt, Warning as Gt, CheckCircle as Ht, Info as Vt, Minus as Ut, X as ne, CaretDown as ie, CaretRight as Ot, MagnifyingGlass as Wt, Columns as Xt, DotsSixVertical as Jt, Lock as Fe, LockOpen as Qt, FunnelSimple as $e, WarningCircle as Yt, CaretUp as Zt, CaretUpDown as Kt } from "@phosphor-icons/react";
+import { forwardRef as b, useState as C, Children as Je, isValidElement as Qe, useRef as ee, useEffect as V, useContext as le, useCallback as ea, createContext as se, useId as de, useMemo as qe } from "react";
+import { Slot as ta } from "@radix-ui/react-slot";
+import { cva as we } from "class-variance-authority";
+import { clsx as aa } from "clsx";
+import { twMerge as ra } from "tailwind-merge";
+import * as Ce from "@radix-ui/react-avatar";
+import * as Ge from "@radix-ui/react-checkbox";
+import * as P from "@radix-ui/react-dialog";
+import * as S from "@radix-ui/react-dropdown-menu";
+import * as M from "@radix-ui/react-select";
+import * as na from "@radix-ui/react-label";
+import * as ia from "@radix-ui/react-separator";
+import * as O from "@radix-ui/react-tooltip";
+function o(...t) {
+  return ra(aa(t));
 }
-function Ht({ className: t }) {
+function la(t, a, n) {
+  if (a === n || a < 0 || n < 0 || a >= t.length || n >= t.length)
+    return t;
+  const i = [...t], [l] = i.splice(a, 1);
+  return i.splice(n, 0, l), i;
+}
+function oa({ className: t }) {
   return /* @__PURE__ */ e(
-    wt,
+    Bt,
     {
-      className: i("size-4 animate-spin text-muted", t),
+      className: o("size-4 animate-spin text-muted", t),
       weight: "bold",
       "aria-hidden": !0
     }
   );
 }
-const Vt = ye(
+const sa = we(
   "relative inline-flex select-none items-center justify-center gap-[var(--control-gap)] whitespace-nowrap rounded-[var(--control-radius)] border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[120ms] active:scale-[0.97] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -52,56 +58,56 @@ const Vt = ye(
       size: "md"
     }
   }
-), Ut = {
+), da = {
   xs: "[&_svg]:size-[var(--control-icon-xs)]",
   sm: "[&_svg]:size-[var(--control-icon-sm)]",
   md: "[&_svg]:size-[var(--control-icon-md)]",
   lg: "[&_svg]:size-[var(--control-icon-lg)]",
   xl: "[&_svg]:size-[var(--control-icon-xl)]",
   icon: "[&_svg]:size-[var(--control-icon-md)]"
-}, z = b(
+}, D = b(
   ({
     className: t,
     variant: a,
-    size: r = "md",
-    asChild: l = !1,
-    leadingIcon: o,
-    trailingIcon: d,
-    iconOnly: c = !1,
-    loading: u = !1,
+    size: n = "md",
+    asChild: i = !1,
+    leadingIcon: l,
+    trailingIcon: c,
+    iconOnly: u = !1,
+    loading: m = !1,
     fullWidth: h = !1,
     disabled: g,
-    children: p,
+    children: f,
     ...N
-  }, k) => {
-    const S = l ? Bt : "button", w = Ut[r ?? "md"];
+  }, T) => {
+    const k = i ? ta : "button", w = da[n ?? "md"];
     return /* @__PURE__ */ e(
-      S,
+      k,
       {
-        ref: k,
-        "aria-busy": u || void 0,
-        disabled: l ? void 0 : g || u,
-        className: i(
-          Vt({ variant: a, size: r }),
-          c && "aspect-square px-0",
+        ref: T,
+        "aria-busy": m || void 0,
+        disabled: i ? void 0 : g || m,
+        className: o(
+          sa({ variant: a, size: n }),
+          u && "aspect-square px-0",
           h && "w-full",
-          u && "disabled:opacity-100",
+          m && "disabled:opacity-100",
           t
         ),
         ...N,
-        children: l ? p : /* @__PURE__ */ s("span", { className: "relative inline-flex items-center justify-center gap-[var(--control-gap)]", children: [
+        children: i ? f : /* @__PURE__ */ s("span", { className: "relative inline-flex items-center justify-center gap-[var(--control-gap)]", children: [
           /* @__PURE__ */ s(
             "span",
             {
-              className: i(
+              className: o(
                 "inline-flex items-center justify-center gap-[var(--control-gap)] transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
-                u && "translate-y-2 opacity-0"
+                m && "translate-y-2 opacity-0"
               ),
-              "aria-hidden": u || void 0,
+              "aria-hidden": m || void 0,
               children: [
-                !u && o ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", w), "aria-hidden": !0, children: o }) : null,
-                p,
-                !u && d ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", w), "aria-hidden": !0, children: d }) : null
+                !m && l ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: l }) : null,
+                f,
+                !m && c ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", w), "aria-hidden": !0, children: c }) : null
               ]
             }
           ),
@@ -109,12 +115,12 @@ const Vt = ye(
             "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",
-                u ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
+                m ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(Ht, { className: i("text-current", w) })
+              children: /* @__PURE__ */ e(oa, { className: o("text-current", w) })
             }
           )
         ] })
@@ -122,76 +128,76 @@ const Vt = ye(
     );
   }
 );
-z.displayName = "Button";
-function qa({
+D.displayName = "Button";
+function ir({
   command: t,
   tag: a = "Build with agents",
-  icon: r,
-  className: l
+  icon: n,
+  className: i
 }) {
-  const [o, d] = T(!1), c = async () => {
+  const [l, c] = C(!1), u = async () => {
     try {
-      await navigator.clipboard.writeText(t), d(!0), window.setTimeout(() => d(!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", i), 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: [
-      r ?? /* @__PURE__ */ e(Ct, { className: "size-3.5", weight: "fill" }),
+      n ?? /* @__PURE__ */ e(Ft, { 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(St, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ e($t, { 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(
-        z,
+        D,
         {
           variant: "ghost",
           size: "sm",
           iconOnly: !0,
           "aria-label": "Copy prompt",
           className: "ml-auto",
-          onClick: c,
-          children: o ? /* @__PURE__ */ e(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Fe, {})
+          onClick: u,
+          children: l ? /* @__PURE__ */ e(W, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Xe, {})
         }
       )
     ] })
   ] });
 }
-const Ge = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  we.Root,
+const Ye = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ce.Root,
   {
-    ref: r,
-    className: i(
+    ref: n,
+    className: o(
       "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
       t
     ),
     ...a
   }
 ));
-Ge.displayName = "Avatar";
-const He = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  we.Image,
+Ye.displayName = "Avatar";
+const Ze = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ce.Image,
   {
-    ref: r,
-    className: i("aspect-square size-full object-cover", t),
+    ref: n,
+    className: o("aspect-square size-full object-cover", t),
     ...a
   }
 ));
-He.displayName = "AvatarImage";
-const Ve = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  we.Fallback,
+Ze.displayName = "AvatarImage";
+const Ke = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ce.Fallback,
   {
-    ref: r,
-    className: i(
+    ref: n,
+    className: o(
       "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
       t
     ),
     ...a
   }
 ));
-Ve.displayName = "AvatarFallback";
-const Wt = ye(
+Ke.displayName = "AvatarFallback";
+const ca = we(
   "inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
   {
     variants: {
@@ -207,7 +213,7 @@ const Wt = ye(
     },
     defaultVariants: { variant: "neutral" }
   }
-), Xt = ye("size-1.5 shrink-0 rounded-full", {
+), ua = we("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -221,70 +227,70 @@ const Wt = ye(
   },
   defaultVariants: { variant: "neutral" }
 });
-function Jt({ className: t, variant: a, dot: r = !1, children: l, ...o }) {
-  return /* @__PURE__ */ s("span", { className: i(Wt({ variant: a }), t), ...o, children: [
-    r ? /* @__PURE__ */ e("span", { className: i(Xt({ variant: a })), "aria-hidden": !0 }) : null,
-    l
+function ma({ className: t, variant: a, dot: n = !1, children: i, ...l }) {
+  return /* @__PURE__ */ s("span", { className: o(ca({ variant: a }), t), ...l, children: [
+    n ? /* @__PURE__ */ e("span", { className: o(ua({ variant: a })), "aria-hidden": !0 }) : null,
+    i
   ] });
 }
-const Qt = {
+const pa = {
   info: {
-    Icon: Tt,
+    Icon: Vt,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: Dt,
+    Icon: Ht,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
   warning: {
-    Icon: kt,
+    Icon: Gt,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: zt,
+    Icon: qt,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function Ga({
+function lr({
   variant: t = "info",
   title: a,
-  children: r,
-  icon: l,
-  className: o
+  children: n,
+  icon: i,
+  className: l
 }) {
-  const { Icon: d, className: c, iconClassName: u } = Qt[t];
+  const { Icon: c, className: u, iconClassName: m } = pa[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",
-        c,
-        o
+        u,
+        l
       ),
       children: [
-        /* @__PURE__ */ e("span", { className: i("mt-0.5 shrink-0 [&_svg]:size-4", u), children: l ?? /* @__PURE__ */ e(d, { weight: "fill" }) }),
+        /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", m), children: i ?? /* @__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,
-          r ? /* @__PURE__ */ e("div", { className: "text-muted", children: r }) : null
+          n ? /* @__PURE__ */ e("div", { className: "text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
-function Yt({
+function fa({
   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
       ),
@@ -292,14 +298,14 @@ function Yt({
     }
   );
 }
-function Zt({
+function ba({
   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
       ),
@@ -307,26 +313,26 @@ function Zt({
     }
   );
 }
-function Ha({ className: t, ...a }) {
+function or({ 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 Va({ className: t, ...a }) {
+function sr({ className: t, ...a }) {
   return /* @__PURE__ */ e("thead", { className: t, ...a });
 }
-function Ot({ className: t, ...a }) {
-  return /* @__PURE__ */ e("tbody", { className: i("[&_tr:last-child]:border-0", t), ...a });
+function ha({ className: t, ...a }) {
+  return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...a });
 }
-function Kt({ className: t, ...a }) {
+function ga({ 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
       ),
@@ -334,11 +340,11 @@ function Kt({ className: t, ...a }) {
     }
   );
 }
-function Ua({ className: t, ...a }) {
+function dr({ 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
       ),
@@ -346,11 +352,11 @@ function Ua({ className: t, ...a }) {
     }
   );
 }
-function fe({ className: t, ...a }) {
+function he({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "td",
     {
-      className: i(
+      className: o(
         "px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
         t
       ),
@@ -358,54 +364,54 @@ function fe({ className: t, ...a }) {
     }
   );
 }
-const ea = {
+const xa = {
   default: "bg-table-container",
   muted: "bg-surface border border-line",
   transparent: "bg-transparent"
-}, ta = {
+}, va = {
   default: "bg-table-panel border-table-panel-border",
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function aa(t) {
+function Na(t) {
   return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
 }
 function ce({
   title: t,
   description: a,
-  header: r,
-  children: l,
-  action: o,
-  tone: d = "default",
-  className: c,
-  headerClassName: u,
+  header: n,
+  children: i,
+  action: l,
+  tone: c = "default",
+  className: u,
+  headerClassName: m,
   panelClassName: h,
   minHeight: g
 }) {
-  const p = !!(t || a), N = aa(o) ? /* @__PURE__ */ e(
-    z,
+  const f = !!(t || a), N = Na(l) ? /* @__PURE__ */ e(
+    D,
     {
-      variant: o.variant ?? "primary",
+      variant: l.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: l.href ? void 0 : l.icon,
+      onClick: l.onClick,
+      disabled: l.disabled,
+      asChild: !!l.href,
+      children: l.href ? /* @__PURE__ */ s("a", { href: l.href, children: [
+        l.icon,
+        l.label
+      ] }) : l.label
     }
-  ) : o;
-  return /* @__PURE__ */ s(Yt, { className: i("relative", ea[d], c), children: [
+  ) : l;
+  return /* @__PURE__ */ s(fa, { className: o("relative", xa[c], u), children: [
     /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
-      r || p ? (
+      n || f ? (
         // Header rows must not inherit the body row hover surface.
-        /* @__PURE__ */ s("div", { className: i("[--table-row-hover:transparent] text-table-header", u), children: [
-          p ? /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: o("[--table-row-hover:transparent] text-table-header", m), children: [
+          f ? /* @__PURE__ */ s(
             "div",
             {
-              className: i(
+              className: o(
                 "px-(--table-pad-x) pb-3 pt-4",
                 N && "pr-28"
               ),
@@ -415,63 +421,63 @@ function ce({
               ]
             }
           ) : null,
-          r
+          n
         ] })
       ) : null,
       /* @__PURE__ */ e(
-        Zt,
+        ba,
         {
-          className: i(ta[d], h),
+          className: o(va[c], h),
           style: g ? { minHeight: g } : void 0,
-          children: l
+          children: i
         }
       )
     ] }),
     N ? /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: N }) }) : null
   ] });
 }
-function ra(t) {
-  const a = $e.toArray(t), r = a.filter(
-    (l) => qe(l) && l.type === Ue
+function ya(t) {
+  const a = Je.toArray(t), n = a.filter(
+    (i) => Qe(i) && i.type === et
   );
   return {
-    header: r.length > 0 ? /* @__PURE__ */ e(Be, { children: r }) : void 0,
-    body: a.filter((l) => !r.includes(l))
+    header: n.length > 0 ? /* @__PURE__ */ e(We, { children: n }) : void 0,
+    body: a.filter((i) => !n.includes(i))
   };
 }
-const na = b(
-  ({ className: t, children: a, ...r }, l) => {
-    const { header: o, body: d } = ra(a);
-    return /* @__PURE__ */ e("div", { ref: l, ...r, children: /* @__PURE__ */ e(ce, { className: i("shadow-xs", t), header: o, children: d }) });
+const wa = b(
+  ({ className: t, children: a, ...n }, i) => {
+    const { header: l, body: c } = ya(a);
+    return /* @__PURE__ */ e("div", { ref: i, ...n, children: /* @__PURE__ */ e(ce, { className: o("shadow-xs", t), header: l, children: c }) });
   }
 );
-na.displayName = "Card";
-const Ue = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+wa.displayName = "Card";
+const et = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
-    ref: r,
-    className: i(
+    ref: n,
+    className: o(
       "flex flex-col gap-1 px-5 py-4",
       t
     ),
     ...a
   }
 ));
-Ue.displayName = "CardHeader";
-const la = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+et.displayName = "CardHeader";
+const Ca = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "h2",
   {
-    ref: r,
-    className: i("text-sm font-semibold text-fg", t),
+    ref: n,
+    className: o("text-sm font-semibold text-fg", t),
     ...a
   }
 ));
-la.displayName = "CardTitle";
-const ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+Ca.displayName = "CardTitle";
+const Sa = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "p",
   {
-    ref: r,
-    className: i(
+    ref: n,
+    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
@@ -479,26 +485,26 @@ const ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-ia.displayName = "CardDescription";
-const oa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", { ref: r, className: i("px-5 py-4", t), ...a }));
-oa.displayName = "CardContent";
-const sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+Sa.displayName = "CardDescription";
+const ka = b(({ className: t, ...a }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...a }));
+ka.displayName = "CardContent";
+const za = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
-    ref: r,
-    className: i(
+    ref: n,
+    className: o(
       "flex items-center gap-3 border-t border-line px-5 py-3",
       t
     ),
     ...a
   }
 ));
-sa.displayName = "CardFooter";
-const xe = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  Ee.Root,
+za.displayName = "CardFooter";
+const ve = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ge.Root,
   {
-    ref: r,
-    className: i(
+    ref: n,
+    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",
@@ -507,27 +513,27 @@ const xe = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
       t
     ),
     ...a,
-    children: /* @__PURE__ */ e(Ee.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: a.checked === "indeterminate" ? /* @__PURE__ */ e(Mt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(X, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ e(Ge.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(Ut, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(W, { className: "size-3", weight: "bold" }) })
   }
 ));
-xe.displayName = "Checkbox";
-function _e(t) {
+ve.displayName = "Checkbox";
+function He(t) {
   return t.width > 0 && t.height > 0;
 }
-function Le(t) {
+function Ve(t) {
   return Math.min(1, Math.max(0.1, t));
 }
-function da(t, a) {
-  return !_e(t) || !_e(a) ? null : {
+function Da(t, a) {
+  return !He(t) || !He(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: Le(t.width / a.width),
-    sy: Le(t.height / a.height)
+    sx: Ve(t.width / a.width),
+    sy: Ve(t.height / a.height)
   };
 }
-const We = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
-let A = null, Re = !1;
-function Ce(t) {
+const tt = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
+let A = null, Ue = !1;
+function Se(t) {
   const a = t.getBoundingClientRect();
   return a.width <= 0 || a.height <= 0 ? null : {
     left: a.left,
@@ -536,135 +542,135 @@ function Ce(t) {
     height: a.height
   };
 }
-function ve(t) {
+function Ne(t) {
   if (!(t instanceof Element)) return;
-  const a = t.closest(We);
+  const a = t.closest(tt);
   if (!a) return;
-  const r = Ce(a);
-  r && (A = { rect: r, at: Date.now() });
+  const n = Se(a);
+  n && (A = { rect: n, at: Date.now() });
 }
-function ca() {
-  Re || typeof document > "u" || (Re = !0, document.addEventListener(
+function Ta() {
+  Ue || typeof document > "u" || (Ue = !0, document.addEventListener(
     "pointerdown",
-    (t) => ve(t.target),
+    (t) => Ne(t.target),
     !0
   ), document.addEventListener(
     "keydown",
     (t) => {
-      t.key !== "Enter" && t.key !== " " || ve(document.activeElement);
+      t.key !== "Enter" && t.key !== " " || Ne(document.activeElement);
     },
     !0
   ));
 }
-function ua(t) {
+function Ma(t) {
   if (A && Date.now() - A.at < 2e3) {
-    const r = A.rect;
-    return A = null, r;
+    const n = A.rect;
+    return A = null, n;
   }
   A = null;
   const a = document.activeElement;
-  return a instanceof Element && a !== t && !t.contains(a) && a.matches(We) ? Ce(a) : null;
+  return a instanceof Element && a !== t && !t.contains(a) && a.matches(tt) ? Se(a) : null;
 }
-const ma = 250, Xe = se(!1), Je = se(() => {
+const Pa = 250, at = se(!1), rt = se(() => {
 });
-function pa({
+function Ia({
   open: t,
   defaultOpen: a,
-  onOpenChange: r,
-  children: l,
-  ...o
+  onOpenChange: n,
+  children: i,
+  ...l
 }) {
-  const [d, c] = T(
+  const [c, u] = C(
     a ?? !1
-  ), [u, h] = T(!1), g = te(!1), p = te(null), N = t ?? d, k = te(N);
-  k.current = N;
-  const S = t !== void 0;
-  V(() => ca(), []), V(() => {
-    t && (p.current && clearTimeout(p.current), g.current = !1, h(!1));
+  ), [m, h] = C(!1), g = ee(!1), f = ee(null), N = t ?? c, T = ee(N);
+  T.current = N;
+  const k = t !== void 0;
+  V(() => Ta(), []), V(() => {
+    t && (f.current && clearTimeout(f.current), g.current = !1, h(!1));
   }, [t]), V(
     () => () => {
-      p.current && clearTimeout(p.current);
+      f.current && clearTimeout(f.current);
     },
     []
   );
   const w = (I) => {
     if (I) {
-      p.current && clearTimeout(p.current), g.current = !1, h(!1), S || c(!0), r == null || r(!0);
+      f.current && clearTimeout(f.current), g.current = !1, h(!1), k || u(!0), n == null || n(!0);
       return;
     }
     if (!N || g.current) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      S || c(!1), r == null || r(!1);
+      k || u(!1), n == null || n(!1);
       return;
     }
-    g.current = !0, h(!0), p.current = setTimeout(() => {
-      S || c(!1), r == null || r(!1), requestAnimationFrame(() => {
-        k.current && (g.current = !1, h(!1));
+    g.current = !0, h(!0), f.current = setTimeout(() => {
+      k || u(!1), n == null || n(!1), requestAnimationFrame(() => {
+        T.current && (g.current = !1, h(!1));
       });
-    }, ma);
+    }, Pa);
   };
-  return /* @__PURE__ */ e(Je.Provider, { value: () => w(!1), children: /* @__PURE__ */ e(Xe.Provider, { value: u, children: /* @__PURE__ */ e(
-    M.Root,
+  return /* @__PURE__ */ e(rt.Provider, { value: () => w(!1), children: /* @__PURE__ */ e(at.Provider, { value: m, children: /* @__PURE__ */ e(
+    P.Root,
     {
       open: N,
       onOpenChange: w,
-      ...o,
-      children: l
+      ...l,
+      children: i
     }
   ) }) });
 }
-const Qe = b(({ onClick: t, ...a }, r) => /* @__PURE__ */ e(
-  M.Trigger,
+const nt = b(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
+  P.Trigger,
   {
-    ref: r,
-    onClick: (l) => {
-      ve(l.currentTarget), t == null || t(l);
+    ref: n,
+    onClick: (i) => {
+      Ne(i.currentTarget), t == null || t(i);
     },
     ...a
   }
 ));
-Qe.displayName = "DialogTrigger";
-const Wa = M.Close, Ye = b(
-  ({ variant: t = "secondary", children: a = "Cancel", ...r }, l) => /* @__PURE__ */ e(M.Close, { asChild: !0, children: /* @__PURE__ */ e(z, { ref: l, type: "button", variant: t, ...r, children: a }) })
+nt.displayName = "DialogTrigger";
+const cr = P.Close, it = b(
+  ({ variant: t = "secondary", children: a = "Cancel", ...n }, i) => /* @__PURE__ */ e(P.Close, { asChild: !0, children: /* @__PURE__ */ e(D, { ref: i, type: "button", variant: t, ...n, children: a }) })
 );
-Ye.displayName = "DialogCancel";
-function Ze(t, a = !0) {
+it.displayName = "DialogCancel";
+function lt(t, a = !0) {
   if (t.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
     return;
-  const r = Ce(t);
-  if (!r) {
-    a && window.requestAnimationFrame(() => Ze(t, !1));
+  const n = Se(t);
+  if (!n) {
+    a && window.requestAnimationFrame(() => lt(t, !1));
     return;
   }
   t.dataset.dialogMotionStarted = "true";
-  const l = ua(t), o = l ? da(l, r) : 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 d = () => {
+  const i = Ma(t), l = i ? Da(i, n) : null;
+  l ? (t.style.setProperty("--dialog-dx", `${l.dx}px`), t.style.setProperty("--dialog-dy", `${l.dy}px`), t.style.setProperty("--dialog-sx", String(l.sx)), t.style.setProperty("--dialog-sy", String(l.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");
-  }, c = (u) => {
-    u.target === t && (u.animationName !== "dialog-fly-in" && u.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", c), d()));
+  }, u = (m) => {
+    m.target === t && (m.animationName !== "dialog-fly-in" && m.animationName !== "dialog-pop-in" || (t.removeEventListener("animationend", u), c()));
   };
-  t.addEventListener("animationend", c);
+  t.addEventListener("animationend", u);
 }
-const Oe = b(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOutside: l, ...o }, d) => {
-  const c = ie(Xe), u = ie(Je), h = te(null), g = At(
-    (p) => {
-      if (h.current = p, p && Ze(p), typeof d == "function") {
-        d(p);
+const ot = b(({ className: t, children: a, onEscapeKeyDown: n, onPointerDownOutside: i, ...l }, c) => {
+  const u = le(at), m = le(rt), h = ee(null), g = ea(
+    (f) => {
+      if (h.current = f, f && lt(f), typeof c == "function") {
+        c(f);
         return;
       }
-      d && (d.current = p);
+      c && (c.current = f);
     },
-    [d]
+    [c]
   );
-  return /* @__PURE__ */ s(M.Portal, { children: [
+  return /* @__PURE__ */ s(P.Portal, { children: [
     /* @__PURE__ */ e(
-      M.Overlay,
+      P.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",
-          !c && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-          c && "opacity-0 transition-opacity duration-200"
+          !u && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+          u && "opacity-0 transition-opacity duration-200"
         ),
         children: /* @__PURE__ */ e(
           "span",
@@ -676,27 +682,27 @@ const Oe = b(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOuts
       }
     ),
     /* @__PURE__ */ e("div", { className: "pointer-events-none fixed inset-0 z-50 flex items-center justify-center overflow-y-auto p-4", children: /* @__PURE__ */ s(
-      M.Content,
+      P.Content,
       {
         ref: g,
-        className: i(
+        className: o(
           "dialog-content pointer-events-auto relative flex max-h-[min(85vh,44rem)] w-full max-w-[22.4rem] flex-col gap-0 overflow-hidden will-change-[transform,opacity]",
           "rounded-2xl border border-(--dialog-shell-border) bg-(--dialog-shell-bg) pb-3 shadow-(--dialog-shell-shadow) sm:pb-4",
-          c && "dialog-closing",
+          u && "dialog-closing",
           "focus:outline-none",
           t
         ),
-        onEscapeKeyDown: (p) => {
-          r == null || r(p), !p.defaultPrevented && (p.preventDefault(), u());
+        onEscapeKeyDown: (f) => {
+          n == null || n(f), !f.defaultPrevented && (f.preventDefault(), m());
         },
-        onPointerDownOutside: (p) => {
-          l == null || l(p), !p.defaultPrevented && (p.preventDefault(), u());
+        onPointerDownOutside: (f) => {
+          i == null || i(f), !f.defaultPrevented && (f.preventDefault(), m());
         },
-        ...o,
+        ...l,
         children: [
           a,
-          /* @__PURE__ */ s(M.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
-            /* @__PURE__ */ e(le, { className: "size-4" }),
+          /* @__PURE__ */ s(P.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
+            /* @__PURE__ */ e(ne, { className: "size-4" }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -704,8 +710,8 @@ const Oe = b(({ className: t, children: a, onEscapeKeyDown: r, onPointerDownOuts
     ) })
   ] });
 });
-Oe.displayName = "DialogContent";
-function ba({
+ot.displayName = "DialogContent";
+function Ea({
   className: t,
   ...a
 }) {
@@ -713,7 +719,7 @@ function ba({
     "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
       ),
@@ -721,7 +727,7 @@ function ba({
     }
   );
 }
-function fa({
+function ja({
   className: t,
   ...a
 }) {
@@ -729,12 +735,12 @@ function fa({
     "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 ha({
+function _a({
   className: t,
   ...a
 }) {
@@ -742,7 +748,7 @@ function ha({
     "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
       ),
@@ -750,7 +756,7 @@ function ha({
     }
   );
 }
-function ga({
+function La({
   className: t,
   ...a
 }) {
@@ -758,7 +764,7 @@ function ga({
     "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
       ),
@@ -766,75 +772,75 @@ function ga({
     }
   );
 }
-const Ke = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  M.Title,
+const st = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  P.Title,
   {
-    ref: r,
-    className: i("text-base font-semibold text-fg", t),
+    ref: n,
+    className: o("text-base font-semibold text-fg", t),
     ...a
   }
 ));
-Ke.displayName = "DialogTitle";
-const xa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  M.Description,
+st.displayName = "DialogTitle";
+const Ra = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  P.Description,
   {
-    ref: r,
-    className: i("text-sm text-muted", t),
+    ref: n,
+    className: o("text-sm text-muted", t),
     ...a
   }
 ));
-xa.displayName = "DialogDescription";
-const et = se(null);
-function va({
+Ra.displayName = "DialogDescription";
+const dt = se(null);
+function Aa({
   label: t,
   value: a,
-  onChange: r,
-  disabled: l = !1,
-  name: o,
-  className: d,
-  children: c,
-  ...u
+  onChange: n,
+  disabled: i = !1,
+  name: l,
+  className: c,
+  children: u,
+  ...m
 }) {
-  const h = de(), g = o ?? h;
-  return /* @__PURE__ */ e(et.Provider, { value: { name: g, value: a, onChange: r, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: i("flex flex-col gap-6", d), ...u, children: [
+  const h = de(), g = l ?? h;
+  return /* @__PURE__ */ e(dt.Provider, { value: { name: g, value: a, onChange: n, disabled: i }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", c), ...m, children: [
     /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
-    c
+    u
   ] }) });
 }
-function Na({
+function Ba({
   value: t,
   title: a,
-  description: r,
-  badge: l,
-  disabled: o = !1,
-  className: d
+  description: n,
+  badge: i,
+  disabled: l = !1,
+  className: c
 }) {
-  const c = ie(et), u = de();
-  if (!c)
+  const u = le(dt), m = de();
+  if (!u)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const h = o || c.disabled, g = c.value === t;
+  const h = l || u.disabled, g = u.value === t;
   return /* @__PURE__ */ s(
     "label",
     {
-      className: i(
+      className: o(
         "group relative flex items-start gap-3",
         h ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-        d
+        c
       ),
       children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "radio",
-            name: c.name,
+            name: u.name,
             value: t,
             checked: g,
             disabled: h,
             onChange: () => {
-              var p;
-              return (p = c.onChange) == null ? void 0 : p.call(c, t);
+              var f;
+              return (f = u.onChange) == null ? void 0 : f.call(u, t);
             },
-            "aria-describedby": r ? u : void 0,
+            "aria-describedby": n ? m : void 0,
             className: "peer sr-only"
           }
         ),
@@ -842,7 +848,7 @@ function Na({
           "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"
@@ -852,43 +858,43 @@ function Na({
         /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ s("span", { className: "flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: a }),
-            l ? /* @__PURE__ */ e(Jt, { variant: "primary", children: l }) : null
+            i ? /* @__PURE__ */ e(ma, { variant: "primary", children: i }) : null
           ] }),
-          r ? /* @__PURE__ */ e("span", { id: u, className: "mt-1 block text-sm text-muted", children: r }) : null
+          n ? /* @__PURE__ */ e("span", { id: m, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
-function Xa({
+function ur({
   open: t,
   onOpenChange: a,
-  trigger: r,
-  title: l,
-  options: o,
-  defaultValue: d,
-  value: c,
-  onValueChange: u,
+  trigger: n,
+  title: i,
+  options: l,
+  defaultValue: c,
+  value: u,
+  onValueChange: m,
   cancelLabel: h = "Cancel",
   confirmLabel: g = "Continue",
-  onConfirm: p
+  onConfirm: f
 }) {
   var I;
-  const [N, k] = T(d ?? ((I = o[0]) == null ? void 0 : I.value) ?? ""), S = c ?? N;
-  return /* @__PURE__ */ s(pa, { open: t, onOpenChange: a, children: [
-    r ? /* @__PURE__ */ e(Qe, { asChild: !0, children: r }) : null,
+  const [N, T] = C(c ?? ((I = l[0]) == null ? void 0 : I.value) ?? ""), k = u ?? N;
+  return /* @__PURE__ */ s(Ia, { open: t, onOpenChange: a, children: [
+    n ? /* @__PURE__ */ e(nt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
-      Oe,
+      ot,
       {
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ s(ba, { children: [
-            /* @__PURE__ */ e(ha, { children: /* @__PURE__ */ e(Ke, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ e(fa, { children: /* @__PURE__ */ e(va, { label: l, value: S, onChange: (y) => {
-              c === void 0 && k(y), u == null || u(y);
-            }, children: o.map((y) => /* @__PURE__ */ e(
-              Na,
+          /* @__PURE__ */ s(Ea, { children: [
+            /* @__PURE__ */ e(_a, { children: /* @__PURE__ */ e(st, { className: "text-xl", children: i }) }),
+            /* @__PURE__ */ e(ja, { children: /* @__PURE__ */ e(Aa, { label: i, value: k, onChange: (y) => {
+              u === void 0 && T(y), m == null || m(y);
+            }, children: l.map((y) => /* @__PURE__ */ e(
+              Ba,
               {
                 value: y.value,
                 title: y.title,
@@ -898,29 +904,29 @@ function Xa({
               y.value
             )) }) })
           ] }),
-          /* @__PURE__ */ s(ga, { className: "gap-3 pt-2.5", children: [
-            /* @__PURE__ */ e(Ye, { className: "flex-1", children: h }),
-            /* @__PURE__ */ e(z, { className: "flex-1", onClick: () => p == null ? void 0 : p(S), children: g })
+          /* @__PURE__ */ s(La, { className: "gap-3 pt-2.5", children: [
+            /* @__PURE__ */ e(it, { className: "flex-1", children: h }),
+            /* @__PURE__ */ e(D, { className: "flex-1", onClick: () => f == null ? void 0 : f(k), children: g })
           ] })
         ]
       }
     )
   ] });
 }
-function Ja({ code: t, label: a, className: r }) {
-  const [l, o] = T(!1);
+function mr({ code: t, label: a, className: n }) {
+  const [i, l] = C(!1);
   return /* @__PURE__ */ e(
     ce,
     {
-      className: r,
+      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(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Fe, {}),
+        label: i ? "Copied" : "Copy",
+        icon: i ? /* @__PURE__ */ e(W, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Xe, {}),
         variant: "ghost",
         onClick: async () => {
           try {
-            await navigator.clipboard.writeText(t), o(!0), window.setTimeout(() => o(!1), 1500);
+            await navigator.clipboard.writeText(t), l(!0), window.setTimeout(() => l(!1), 1500);
           } catch {
           }
         }
@@ -930,175 +936,189 @@ function Ja({ code: t, label: a, className: r }) {
     }
   );
 }
-const ya = {
+const Fa = {
   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"
-}, wa = {
+}, $a = {
   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)]"
-}, Ca = {
+}, qa = {
   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)]"
-}, Ae = {
+}, Oe = {
   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)]"
-}, he = {
+}, ge = {
   sm: "size-[var(--control-icon-sm)]",
   md: "size-[var(--control-icon-md)]",
   lg: "size-[var(--control-icon-lg)]",
   xl: "size-[var(--control-icon-xl)]"
-}, tt = b(
+}, ct = b(
   ({
     className: t,
     containerClassName: a,
-    type: r = "text",
-    size: l = "md",
-    leadingIcon: o,
-    trailingIcon: d,
-    onClear: c,
-    value: u,
+    type: n = "text",
+    size: i = "md",
+    leadingIcon: l,
+    trailingIcon: c,
+    onClear: u,
+    value: m,
     defaultValue: h,
     error: g = !1,
-    helperText: p,
+    helperText: f,
     id: N,
-    "aria-describedby": k,
-    disabled: S,
+    "aria-describedby": T,
+    disabled: k,
     readOnly: w,
     ...I
   }, y) => {
-    const B = de(), J = N ?? B, F = !!p, _ = !!(c && (u !== void 0 ? String(u).length > 0 : h !== void 0 && String(h).length > 0)), Q = F ? `${J}-description` : void 0, ue = [k, Q].filter(Boolean).join(" ") || void 0, Y = /* @__PURE__ */ e(
+    const B = de(), X = N ?? B, F = !!f, _ = !!(u && (m !== void 0 ? String(m).length > 0 : h !== void 0 && String(h).length > 0)), J = F ? `${X}-description` : void 0, ue = [T, J].filter(Boolean).join(" ") || void 0, Q = /* @__PURE__ */ e(
       "input",
       {
         ref: y,
-        id: J,
-        type: r,
-        disabled: S,
+        id: X,
+        type: n,
+        disabled: k,
         readOnly: w,
         "aria-invalid": g || void 0,
         "aria-describedby": ue,
-        style: o || d || _ ? {
-          paddingInlineStart: o ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
-          paddingInlineEnd: d || _ ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
+        style: l || c || _ ? {
+          paddingInlineStart: l ? `calc(var(--control-pad-x-${i}) + var(--control-icon-${i}) + var(--control-gap))` : void 0,
+          paddingInlineEnd: c || _ ? `calc(var(--control-pad-x-${i}) + var(--control-icon-${i}) + 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",
-          ya[l],
-          wa[l],
+          Fa[i],
+          $a[i],
           "placeholder:text-(--input-placeholder)",
           "hover:border-(--input-border-hover)",
           "focus-visible:outline-none focus-visible:border-(--input-border-focus) focus-visible:ring-2 focus-visible:ring-focus/30",
           g && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
           !g && "border-(--input-border)",
-          r === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
-          S && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
+          n === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
+          k && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
           w && "cursor-default focus-visible:ring-0",
           t
         ),
-        value: u,
+        value: m,
         defaultValue: h,
         ...I
       }
     );
-    return !o && !d && !_ && !F ? Y : /* @__PURE__ */ s("div", { className: i("w-full", a), children: [
+    return !l && !c && !_ && !F ? Q : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
-        o ? /* @__PURE__ */ e(
+        l ? /* @__PURE__ */ e(
           "span",
           {
-            className: i(
+            className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              Ca[l]
+              qa[i]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", he[l]), children: o })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ge[i]), children: l })
           }
         ) : null,
-        Y,
+        Q,
         _ ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "aria-label": "Clear search",
-            onClick: c,
-            className: i(
+            onClick: u,
+            className: o(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
-              Ae[l]
+              Oe[i]
             ),
-            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", he[l]), children: /* @__PURE__ */ e(le, {}) })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ge[i]), children: /* @__PURE__ */ e(ne, {}) })
           }
-        ) : d ? /* @__PURE__ */ e(
+        ) : c ? /* @__PURE__ */ e(
           "span",
           {
-            className: i(
+            className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              Ae[l]
+              Oe[i]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", he[l]), children: d })
+            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ge[i]), children: c })
           }
         ) : null
       ] }),
       F ? /* @__PURE__ */ e(
         "p",
         {
-          id: Q,
-          className: i("mt-1.5 text-xs", g ? "text-error" : "text-muted"),
-          children: p
+          id: J,
+          className: o("mt-1.5 text-xs", g ? "text-error" : "text-muted"),
+          children: f
         }
       ) : null
     ] });
   }
 );
-tt.displayName = "Input";
-function Se(t, a) {
-  let r = 0;
-  return $e.forEach(t, (l) => {
-    if (!qe(l)) return;
-    if (a.some((d) => d === l.type)) {
-      r += 1;
+ct.displayName = "Input";
+function ke(t, a) {
+  let n = 0;
+  return Je.forEach(t, (i) => {
+    if (!Qe(i)) return;
+    if (a.some((c) => c === i.type)) {
+      n += 1;
       return;
     }
-    const o = l.props.children;
-    o && (r += Se(o, a));
-  }), r;
+    const l = i.props.children;
+    l && (n += ke(l, a));
+  }), n;
 }
-const at = se(!1);
-function ge({
+const ut = se(!1);
+function xe({
   children: t,
   ...a
 }) {
-  const r = Se(t, [
+  const n = ke(t, [
     oe,
     U,
-    rt
+    pt
   ]) === 0;
-  return /* @__PURE__ */ e(at.Provider, { value: r, children: /* @__PURE__ */ e(C.Root, { ...a, children: t }) });
+  return /* @__PURE__ */ e(ut.Provider, { value: n, children: /* @__PURE__ */ e(S.Root, { ...a, children: t }) });
 }
-const ae = b(({ disabled: t, ...a }, r) => {
-  const l = ie(at);
+const te = b(({ className: t, disabled: a, ...n }, i) => {
+  const l = le(ut);
   return /* @__PURE__ */ e(
-    C.Trigger,
+    S.Trigger,
     {
-      ref: r,
-      disabled: t || l,
-      ...a
+      ref: i,
+      className: o("group", t),
+      disabled: a || l,
+      ...n
     }
   );
 });
-ae.displayName = "DropdownMenuTrigger";
-const Qa = C.Group, Ya = C.Portal, re = b(({ className: t, sideOffset: a = 8, ...r }, l) => /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
-  C.Content,
+te.displayName = "DropdownMenuTrigger";
+const mt = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  ie,
   {
-    ref: l,
+    ref: n,
+    "aria-hidden": !0,
+    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
+  }
+));
+mt.displayName = "DropdownMenuChevron";
+const pr = S.Group, fr = S.Portal, ae = b(({ className: t, sideOffset: a = 8, ...n }, i) => /* @__PURE__ */ e(S.Portal, { children: /* @__PURE__ */ e(
+  S.Content,
+  {
+    ref: i,
     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",
@@ -1108,76 +1128,76 @@ const Qa = C.Group, Ya = C.Portal, re = b(({ className: t, sideOffset: a = 8, ..
       "duration-150 ease-out",
       t
     ),
-    ...r
+    ...n
   }
 ) }));
-re.displayName = "DropdownMenuContent";
-const oe = b(({ className: t, inset: a, ...r }, l) => /* @__PURE__ */ e(
-  C.Item,
+ae.displayName = "DropdownMenuContent";
+const oe = b(({ className: t, inset: a, ...n }, i) => /* @__PURE__ */ e(
+  S.Item,
   {
-    ref: l,
-    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-disabled:pointer-events-none data-disabled:opacity-50",
       "[&_svg]:size-4 [&_svg]:text-muted",
       a && "pl-8",
       t
     ),
-    ...r
+    ...n
   }
 ));
 oe.displayName = "DropdownMenuItem";
-const U = b(({ className: t, children: a, checked: r, ...l }, o) => /* @__PURE__ */ s(
-  C.CheckboxItem,
+const U = b(({ className: t, children: a, checked: n, ...i }, l) => /* @__PURE__ */ s(
+  S.CheckboxItem,
   {
-    ref: o,
-    className: i(
+    ref: l,
+    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: r,
-    ...l,
+    checked: n,
+    ...i,
     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(C.ItemIndicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-(--button-primary-bg) text-(--button-primary-fg) [--button-inner:var(--button-primary-inner)]", children: /* @__PURE__ */ e(X, { className: "size-3", weight: "bold" }) }) }),
+      /* @__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(S.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(W, { className: "size-3", weight: "bold" }) }) }),
       a
     ]
   }
 ));
 U.displayName = "DropdownMenuCheckboxItem";
-const ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  C.Label,
+const re = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  S.Label,
   {
-    ref: r,
-    className: i("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    ref: n,
+    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...a
   }
 ));
-ne.displayName = "DropdownMenuLabel";
-const Za = C.Sub, rt = b(({ className: t, inset: a, children: r, ...l }, o) => /* @__PURE__ */ s(
-  C.SubTrigger,
+re.displayName = "DropdownMenuLabel";
+const br = S.Sub, pt = b(({ className: t, inset: a, children: n, ...i }, l) => /* @__PURE__ */ s(
+  S.SubTrigger,
   {
-    ref: o,
-    className: i(
+    ref: l,
+    className: o(
       "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-fg outline-none transition-colors",
       "focus:bg-(--menu-highlight) data-[state=open]:bg-(--menu-highlight)",
       "[&_svg]:size-4 [&_svg]:text-muted",
       a && "pl-8",
       t
     ),
-    ...l,
+    ...i,
     children: [
-      r,
-      /* @__PURE__ */ e(Pt, { className: "ml-auto shrink-0" })
+      n,
+      /* @__PURE__ */ e(Ot, { className: "ml-auto shrink-0" })
     ]
   }
 ));
-rt.displayName = "DropdownMenuSubTrigger";
-const Sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  C.SubContent,
+pt.displayName = "DropdownMenuSubTrigger";
+const Ga = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  S.SubContent,
   {
-    ref: r,
+    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",
@@ -1190,54 +1210,53 @@ const Sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Sa.displayName = "DropdownMenuSubContent";
-const Ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  C.Separator,
+Ga.displayName = "DropdownMenuSubContent";
+const ye = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  S.Separator,
   {
-    ref: r,
-    className: i("-mx-1 my-1 h-px bg-line", t),
+    ref: n,
+    className: o("-mx-1 my-1 h-px bg-line", t),
     ...a
   }
 ));
-Ne.displayName = "DropdownMenuSeparator";
-const Oa = D.Group, za = D.Value;
-function ka({
+ye.displayName = "DropdownMenuSeparator";
+const hr = M.Group, Ha = M.Value;
+function Va({
   children: t,
   disabled: a,
-  ...r
+  ...n
 }) {
-  const l = Se(t, [ze]) === 0;
-  return /* @__PURE__ */ e(D.Root, { disabled: a || l, ...r, children: t });
+  const i = ke(t, [ze]) === 0;
+  return /* @__PURE__ */ e(M.Root, { disabled: a || i, ...n, children: t });
 }
-const nt = b(({ className: t, children: a, variant: r = "field", ...l }, o) => /* @__PURE__ */ s(
-  D.Trigger,
+const ft = b(({ className: t, children: a, variant: n = "field", ...i }, l) => /* @__PURE__ */ s(
+  M.Trigger,
   {
-    ref: o,
-    className: i(
-      "flex items-center justify-between gap-2 text-sm text-fg",
+    ref: l,
+    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",
-      "[&>span]:truncate",
-      r === "field" && "h-(--control-h-md) w-full rounded-md border border-line bg-surface px-3 focus:border-primary focus:ring-2 focus:ring-focus/30",
-      r === "inline" && "btn-fill btn-inner-border btn-interactive h-(--control-h-md) w-auto rounded-(--control-radius) border-0 bg-(--button-secondary-bg) px-(--control-pad-x-sm) font-medium text-fg hover:bg-(--button-surface-hover) active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
+      n === "field" && "h-(--control-h-md) w-full rounded-md border border-line bg-surface px-3 focus:border-primary focus:ring-2 focus:ring-focus/30",
+      n === "inline" && "btn-fill btn-inner-border btn-interactive h-(--control-h-md) w-auto rounded-(--control-radius) border-0 bg-(--button-secondary-bg) px-(--control-pad-x-sm) font-medium text-fg hover:bg-(--button-surface-hover) active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
       t
     ),
-    ...l,
+    ...i,
     children: [
-      a,
-      /* @__PURE__ */ e(D.Icon, { asChild: !0, children: /* @__PURE__ */ e(ee, { className: "size-3.5 text-subtle" }) })
+      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-left", children: a }),
+      /* @__PURE__ */ e(M.Icon, { asChild: !0, children: /* @__PURE__ */ e(ie, { className: "ml-auto size-3.5 shrink-0 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) })
     ]
   }
 ));
-nt.displayName = "SelectTrigger";
-const lt = b(
-  ({ className: t, children: a, position: r = "popper", sideOffset: l = 8, ...o }, d) => /* @__PURE__ */ e(D.Portal, { children: /* @__PURE__ */ e(
-    D.Content,
+ft.displayName = "SelectTrigger";
+const bt = b(
+  ({ className: t, children: a, position: n = "popper", sideOffset: i = 8, ...l }, c) => /* @__PURE__ */ e(M.Portal, { children: /* @__PURE__ */ e(
+    M.Content,
     {
-      ref: d,
-      position: r,
-      sideOffset: l,
-      className: i(
+      ref: c,
+      position: n,
+      sideOffset: 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",
@@ -1247,78 +1266,78 @@ const lt = b(
         "duration-150 ease-out",
         t
       ),
-      ...o,
-      children: /* @__PURE__ */ e(D.Viewport, { className: "p-0", children: a })
+      ...l,
+      children: /* @__PURE__ */ e(M.Viewport, { className: "p-0", children: a })
     }
   ) })
 );
-lt.displayName = "SelectContent";
-const ze = b(({ className: t, children: a, ...r }, l) => /* @__PURE__ */ s(
-  D.Item,
+bt.displayName = "SelectContent";
+const ze = b(({ className: t, children: a, ...n }, i) => /* @__PURE__ */ s(
+  M.Item,
   {
-    ref: l,
-    className: i(
+    ref: 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
     ),
-    ...r,
+    ...n,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(D.ItemIndicator, { children: /* @__PURE__ */ e(X, { className: "size-3.5" }) }) }),
-      /* @__PURE__ */ e(D.ItemText, { children: a })
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(M.ItemIndicator, { children: /* @__PURE__ */ e(W, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e(M.ItemText, { children: a })
     ]
   }
 ));
 ze.displayName = "SelectItem";
-const Da = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  D.Label,
+const Ua = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  M.Label,
   {
-    ref: r,
-    className: i("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    ref: n,
+    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...a
   }
 ));
-Da.displayName = "SelectLabel";
-function Ta({
+Ua.displayName = "SelectLabel";
+function Oa({
   icon: t,
   title: a,
-  description: r,
-  action: l,
-  className: o
+  description: n,
+  action: i,
+  className: l
 }) {
   return /* @__PURE__ */ s(
     "div",
     {
-      className: i(
+      className: o(
         "flex min-h-[22rem] flex-col items-center justify-center gap-5 px-6 py-16 text-center",
-        o
+        l
       ),
       children: [
         t ? /* @__PURE__ */ e("div", { className: "flex size-[var(--table-empty-icon)] items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-table-muted [&_svg]:size-8", children: t }) : null,
         /* @__PURE__ */ s("div", { className: "space-y-2", children: [
           /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold leading-tight text-table-header-active", children: a }),
-          r ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: r }) : null
+          n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: n }) : null
         ] }),
-        l ? /* @__PURE__ */ e("div", { className: "text-sm font-medium text-table-accent", children: l }) : null
+        i ? /* @__PURE__ */ e("div", { className: "text-sm font-medium text-table-accent", children: i }) : null
       ]
     }
   );
 }
-const Ma = "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 Pa(t) {
+const Wa = "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((a) => {
-    var r;
-    return ((r = a[0]) == null ? void 0 : r.toUpperCase()) ?? "";
+    var n;
+    return ((n = a[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
-function Ka({
+function gr({
   name: t,
   secondary: a,
-  image: r
+  image: n
 }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ s(Ge, { className: "size-8", children: [
-      r ? /* @__PURE__ */ e(He, { src: r, alt: "" }) : null,
-      /* @__PURE__ */ e(Ve, { children: Pa(t) })
+    /* @__PURE__ */ s(Ye, { className: "size-8", children: [
+      n ? /* @__PURE__ */ e(Ze, { src: n, alt: "" }) : null,
+      /* @__PURE__ */ e(Ke, { children: Xa(t) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
       /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
@@ -1326,277 +1345,324 @@ function Ka({
     ] })
   ] });
 }
-function er({
+function xr({
   rows: t,
   columns: a,
-  getRowId: r,
-  loading: l = !1,
-  error: o,
-  empty: d,
-  search: c,
-  filters: u,
+  getRowId: n,
+  loading: i = !1,
+  error: l,
+  empty: c,
+  search: u,
+  filters: m,
   toolbarStart: h,
   toolbarEnd: g,
-  tabs: p,
+  tabs: f,
   activeTab: N,
-  onTabChange: k,
-  infoBanner: S,
+  onTabChange: T,
+  infoBanner: k,
   selectable: w = !1,
   bulkActions: I,
   rowActions: y,
   onRowClick: B,
-  defaultSort: J,
+  defaultSort: X,
   pageSize: F = 25,
   pageSizeOptions: _ = [10, 25, 50, 100],
-  tone: Q,
+  tone: J,
   headerAction: ue,
-  headerClassName: Y,
-  panelClassName: it,
-  className: ot
+  headerClassName: Q,
+  panelClassName: ht,
+  className: gt
 }) {
-  const [ke, De] = T(
+  const [De, Te] = C(
     () => Object.fromEntries(
-      a.filter((n) => n.defaultHidden && !n.required).map((n) => [n.id, !0])
+      a.filter((r) => r.defaultHidden && !r.required).map((r) => [r.id, !0])
     )
-  ), [x, st] = T(
-    J ?? null
-  ), [$, Z] = T(0), [L, dt] = T(F), [R, me] = T(/* @__PURE__ */ new Set()), [ct, pe] = T([]), j = a.filter((n) => !ke[n.id]), Te = a.filter((n) => ke[n.id] && !n.required), be = (u ?? []).filter((n) => ct.includes(n.id)), ut = (u ?? []).map((n) => `${n.id}:${n.value.join(",")}`).join("|"), O = je(() => {
-    let n = t;
-    for (const f of u ?? [])
-      f.value.length > 0 && (n = n.filter((v) => f.match(v, f.value)));
-    if (!c || !c.value.trim()) return n;
-    const m = c.value.trim().toLowerCase();
-    return n.filter((f) => c.keys(f).toLowerCase().includes(m));
-  }, [t, c, u]), q = je(() => {
-    if (!x) return O;
-    const n = a.find((f) => f.id === x.id);
-    if (!(n != null && n.sortValue)) return O;
-    const m = x.dir === "asc" ? 1 : -1;
-    return [...O].sort((f, v) => {
-      const P = n.sortValue(f), H = n.sortValue(v);
-      return P == null && H == null ? 0 : P == null ? 1 : H == null ? -1 : typeof P == "number" && typeof H == "number" ? (P - H) * m : String(P).localeCompare(String(H)) * m;
+  ), [Me, Pe] = C(null), [xt, vt] = C([]), [me, Ie] = C(null), [v, Nt] = C(
+    X ?? null
+  ), [$, Y] = C(0), [L, yt] = C(F), [R, pe] = C(/* @__PURE__ */ new Set()), [wt, fe] = C([]), Ee = a.map((r) => r.id), je = new Map(a.map((r) => [r.id, r])), _e = Me ? Me.map((r) => je.get(r)).filter((r) => !!r) : a, E = _e.filter((r) => !De[r.id]), Le = _e.filter((r) => De[r.id] && !r.required), Re = (r) => r.required || xt.includes(r.id), Ct = (r) => je.get(r), St = (r, d) => {
+    const p = d ? Ct(d) : void 0;
+    !p || Re(p) || r === d || Pe((x) => {
+      const z = x ?? Ee;
+      return la(z, z.indexOf(r), z.indexOf(d));
     });
-  }, [O, x, a]), G = Math.max(1, Math.ceil(q.length / L));
+  }, kt = (r) => {
+    Te((d) => ({ ...d, [r]: !1 })), Pe((d) => d && d.includes(r) ? d : [...d ?? Ee, r]);
+  }, zt = (r) => vt(
+    (d) => d.includes(r) ? d.filter((p) => p !== r) : [...d, r]
+  ), be = (m ?? []).filter((r) => wt.includes(r.id)), Dt = (m ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), Z = qe(() => {
+    let r = t;
+    for (const p of m ?? [])
+      p.value.length > 0 && (r = r.filter((x) => p.match(x, 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, m]), q = qe(() => {
+    if (!v) return Z;
+    const r = a.find((p) => p.id === v.id);
+    if (!(r != null && r.sortValue)) return Z;
+    const d = v.dir === "asc" ? 1 : -1;
+    return [...Z].sort((p, x) => {
+      const z = r.sortValue(p), H = r.sortValue(x);
+      return z == null && H == null ? 0 : z == null ? 1 : H == null ? -1 : typeof z == "number" && typeof H == "number" ? (z - H) * d : String(z).localeCompare(String(H)) * d;
+    });
+  }, [Z, v, a]), G = Math.max(1, Math.ceil(q.length / L));
   V(() => {
-    Z(0);
-  }, [c == null ? void 0 : c.value, L, x == null ? void 0 : x.id, x == null ? void 0 : x.dir, N, ut]), V(() => {
-    $ > G - 1 && Z(G - 1);
+    Y(0);
+  }, [u == null ? void 0 : u.value, L, v == null ? void 0 : v.id, v == null ? void 0 : v.dir, N, Dt]), V(() => {
+    $ > G - 1 && Y(G - 1);
   }, [$, G]);
-  const K = $ * L, E = q.slice(K, K + L), mt = (n) => {
-    n.sortable && st(
-      (m) => (m == null ? void 0 : m.id) === n.id ? m.dir === "asc" ? { id: n.id, dir: "desc" } : null : { id: n.id, dir: "asc" }
+  const K = $ * L, j = q.slice(K, K + L), Tt = (r) => {
+    r.sortable && Nt(
+      (d) => (d == null ? void 0 : d.id) === r.id ? d.dir === "asc" ? { id: r.id, dir: "desc" } : null : { id: r.id, dir: "asc" }
     );
-  }, Me = E.length > 0 && E.every((n) => R.has(r(n))), pt = E.some((n) => R.has(r(n))), bt = t.filter((n) => R.has(r(n))), ft = () => {
-    me((n) => {
-      const m = new Set(n);
-      return Me ? E.forEach((f) => m.delete(r(f))) : E.forEach((f) => m.add(r(f))), m;
+  }, Ae = j.length > 0 && j.every((r) => R.has(n(r))), Mt = j.some((r) => R.has(n(r))), Pt = t.filter((r) => R.has(n(r))), It = () => {
+    pe((r) => {
+      const d = new Set(r);
+      return Ae ? j.forEach((p) => d.delete(n(p))) : j.forEach((p) => d.add(n(p))), d;
     });
-  }, ht = (n) => {
-    me((m) => {
-      const f = new Set(m);
-      return f.has(n) ? f.delete(n) : f.add(n), f;
+  }, Et = (r) => {
+    pe((d) => {
+      const p = new Set(d);
+      return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, gt = !!(c || u != null && u.length || h || g), xt = j.some((n) => n.width), vt = j.length > 1 ? 70 / (j.length - 1) : 100, Nt = j.map((n, m) => n.width ? n.width : xt ? "auto" : `${m === 0 ? 30 : vt}%`), Pe = [
+  }, jt = !!(u || m != null && m.length || h || g), _t = E.some((r) => r.width), Lt = E.length > 1 ? 70 / (E.length - 1) : 100, Rt = E.map((r, d) => r.width ? r.width : _t ? "auto" : `${d === 0 ? 30 : Lt}%`), Be = [
     ...w ? ["2.75rem"] : [],
-    ...Nt,
+    ...Rt,
     ...y ? ["11rem"] : []
-  ], yt = (n) => (x == null ? void 0 : x.id) === n.id ? x.dir === "asc" ? "ascending" : "descending" : void 0;
-  return /* @__PURE__ */ s("div", { className: i("space-y-4", ot), children: [
-    p && p.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: p.map((n) => {
-      const m = n.id === N;
+  ], At = (r) => (v == null ? void 0 : v.id) === r.id ? v.dir === "asc" ? "ascending" : "descending" : void 0;
+  return /* @__PURE__ */ s("div", { className: o("space-y-4", gt), children: [
+    f && f.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: f.map((r) => {
+      const d = r.id === N;
       return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           role: "tab",
-          "aria-selected": m,
-          onClick: () => k == null ? void 0 : k(n.id),
-          className: i(
+          "aria-selected": d,
+          onClick: () => T == null ? void 0 : T(r.id),
+          className: o(
             "-mb-px border-b-2 px-3 py-2 text-sm transition-colors",
-            m ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
+            d ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
           ),
-          children: n.label
+          children: r.label
         },
-        n.id
+        r.id
       );
     }) }),
-    gt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      c && /* @__PURE__ */ e(
-        tt,
+    jt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      u && /* @__PURE__ */ e(
+        ct,
         {
           type: "search",
-          "aria-label": c.placeholder ?? "Search",
-          placeholder: c.placeholder ?? "Search...",
-          value: c.value,
-          onChange: (n) => c.onChange(n.target.value),
-          onClear: () => c.onChange(""),
-          leadingIcon: /* @__PURE__ */ e(It, {}),
+          "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(Wt, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
       h,
-      /* @__PURE__ */ s(ge, { children: [
-        /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ e(
-          z,
+      /* @__PURE__ */ s(xe, { children: [
+        /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(
+          D,
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ e(jt, {}),
-            trailingIcon: /* @__PURE__ */ e(ee, {}),
+            leadingIcon: /* @__PURE__ */ e(Xt, {}),
+            trailingIcon: /* @__PURE__ */ e(mt, {}),
             children: "Columns"
           }
         ) }),
-        /* @__PURE__ */ s(re, { align: "end", className: "w-54", children: [
-          /* @__PURE__ */ e(ne, { className: "text-[13px]", children: "Active columns" }),
-          j.map((n) => /* @__PURE__ */ s(
-            U,
-            {
-              checked: !0,
-              disabled: n.required,
-              onCheckedChange: () => De((m) => ({ ...m, [n.id]: !0 })),
-              onSelect: (m) => m.preventDefault(),
-              className: "justify-between",
-              children: [
-                /* @__PURE__ */ e("span", { children: n.header }),
-                n.required ? /* @__PURE__ */ e(Et, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
-              ]
-            },
-            n.id
-          )),
-          Te.length > 0 ? /* @__PURE__ */ s(Be, { children: [
-            /* @__PURE__ */ e(Ne, {}),
-            /* @__PURE__ */ e(ne, { className: "text-[13px]", children: "Available columns" }),
-            Te.map((n) => /* @__PURE__ */ e(
+        /* @__PURE__ */ s(ae, { align: "end", className: "w-54", children: [
+          /* @__PURE__ */ e(re, { className: "text-[13px]", children: "Active columns" }),
+          E.map((r) => {
+            const d = Re(r);
+            return /* @__PURE__ */ s(
+              U,
+              {
+                checked: !0,
+                draggable: !d,
+                onDragStart: (p) => {
+                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), Ie(r.id);
+                },
+                onDragOver: (p) => {
+                  me && (p.preventDefault(), St(me, r.id));
+                },
+                onDrop: (p) => p.preventDefault(),
+                onDragEnd: () => Ie(null),
+                onCheckedChange: (p) => {
+                  !p && !d && Te((x) => ({ ...x, [r.id]: !0 }));
+                },
+                onSelect: (p) => p.preventDefault(),
+                className: "justify-between",
+                children: [
+                  /* @__PURE__ */ s("span", { className: "flex min-w-0 items-center gap-2", children: [
+                    /* @__PURE__ */ e(
+                      Jt,
+                      {
+                        "aria-hidden": !0,
+                        className: o(
+                          "size-3.5 shrink-0",
+                          d ? "text-subtle/60" : me === r.id ? "text-primary" : "text-subtle"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ e("span", { className: "truncate", children: r.header })
+                  ] }),
+                  r.required ? /* @__PURE__ */ e(Fe, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": d ? `Unlock ${r.header}` : `Lock ${r.header}`,
+                      onClick: (p) => {
+                        p.stopPropagation(), p.preventDefault(), zt(r.id);
+                      },
+                      onPointerDown: (p) => p.stopPropagation(),
+                      className: "-m-1 rounded p-1 text-subtle transition-colors hover:bg-(--menu-highlight) hover:text-fg",
+                      children: d ? /* @__PURE__ */ e(Qt, { className: "size-3.5", "aria-hidden": !0 }) : /* @__PURE__ */ e(Fe, { className: "size-3.5", "aria-hidden": !0 })
+                    }
+                  )
+                ]
+              },
+              r.id
+            );
+          }),
+          Le.length > 0 ? /* @__PURE__ */ s(We, { children: [
+            /* @__PURE__ */ e(ye, {}),
+            /* @__PURE__ */ e(re, { className: "text-[13px]", children: "Available columns" }),
+            Le.map((r) => /* @__PURE__ */ e(
               U,
               {
                 checked: !1,
-                onCheckedChange: () => De((m) => ({ ...m, [n.id]: !1 })),
-                onSelect: (m) => m.preventDefault(),
-                children: n.header
+                onCheckedChange: () => kt(r.id),
+                onSelect: (d) => d.preventDefault(),
+                children: r.header
               },
-              n.id
+              r.id
             ))
           ] }) : null
         ] })
       ] }),
-      u && u.length > 0 ? /* @__PURE__ */ s(ge, { children: [
-        /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ e(
-          z,
+      m && m.length > 0 ? /* @__PURE__ */ s(xe, { children: [
+        /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(
+          D,
           {
             variant: "secondary",
             size: "md",
             iconOnly: !0,
             "aria-label": "Add filter",
-            children: /* @__PURE__ */ e(Ie, {})
+            children: /* @__PURE__ */ e($e, {})
           }
         ) }),
-        /* @__PURE__ */ e(re, { align: "start", className: "w-54", children: u.map((n) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(ae, { align: "start", className: "w-54", children: m.map((r) => /* @__PURE__ */ e(
           oe,
           {
-            onSelect: () => pe(
-              (m) => m.includes(n.id) ? m : [...m, n.id]
+            onSelect: () => fe(
+              (d) => d.includes(r.id) ? d : [...d, r.id]
             ),
-            children: n.label
+            children: r.label
           },
-          n.id
+          r.id
         )) })
       ] }) : null,
       g ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: g }) : null
     ] }),
     be.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      be.map((n) => {
-        const m = () => {
-          n.onChange([]), pe((f) => f.filter((v) => v !== n.id));
+      be.map((r) => {
+        const d = () => {
+          r.onChange([]), fe((p) => p.filter((x) => x !== r.id));
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ e(
-            z,
+            D,
             {
               variant: "secondary",
               size: "md",
               iconOnly: !0,
-              "aria-label": `Remove ${n.label} filter`,
+              "aria-label": `Remove ${r.label} filter`,
               className: "rounded-r-none",
-              onClick: m,
-              children: /* @__PURE__ */ e(le, {})
+              onClick: d,
+              children: /* @__PURE__ */ e(ne, {})
             }
           ),
-          /* @__PURE__ */ s(ge, { children: [
-            /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ s(z, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
-              /* @__PURE__ */ e(Ie, {}),
-              /* @__PURE__ */ e("span", { className: "font-medium", children: n.label }),
+          /* @__PURE__ */ s(xe, { children: [
+            /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ s(D, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+              /* @__PURE__ */ e($e, {}),
+              /* @__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: n.value.length > 0 ? `${n.value.length} selected` : "Enter value" }),
-              /* @__PURE__ */ e(ee, { className: "text-muted" })
+              /* @__PURE__ */ e("span", { className: "text-muted", children: r.value.length > 0 ? `${r.value.length} selected` : "Enter value" }),
+              /* @__PURE__ */ e(ie, { className: "text-muted" })
             ] }) }),
-            /* @__PURE__ */ s(re, { align: "start", className: "w-56", children: [
-              /* @__PURE__ */ s(ne, { className: "text-[13px]", children: [
+            /* @__PURE__ */ s(ae, { align: "start", className: "w-56", children: [
+              /* @__PURE__ */ s(re, { className: "text-[13px]", children: [
                 "Filter by ",
-                n.label
+                r.label
               ] }),
-              n.options.map((f) => {
-                const v = n.value.includes(f.value);
+              r.options.map((p) => {
+                const x = r.value.includes(p.value);
                 return /* @__PURE__ */ e(
                   U,
                   {
-                    checked: v,
-                    onCheckedChange: () => n.onChange(
-                      v ? n.value.filter((P) => P !== f.value) : [...n.value, f.value]
+                    checked: x,
+                    onCheckedChange: () => r.onChange(
+                      x ? r.value.filter((z) => z !== p.value) : [...r.value, p.value]
                     ),
-                    onSelect: (P) => P.preventDefault(),
-                    children: f.label
+                    onSelect: (z) => z.preventDefault(),
+                    children: p.label
                   },
-                  f.value
+                  p.value
                 );
               }),
-              /* @__PURE__ */ e(Ne, {}),
-              /* @__PURE__ */ e(oe, { onSelect: m, children: "Clear filter" })
+              /* @__PURE__ */ e(ye, {}),
+              /* @__PURE__ */ e(oe, { onSelect: d, children: "Clear filter" })
             ] })
           ] })
-        ] }, n.id);
+        ] }, r.id);
       }),
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           onClick: () => {
-            for (const n of be) n.onChange([]);
-            pe([]);
+            for (const r of be) r.onChange([]);
+            fe([]);
           },
           className: "text-sm text-muted transition-colors hover:text-fg",
           children: "Clear filters"
         }
       )
     ] }) : null,
-    S,
+    k,
     w && R.size > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "font-medium text-fg", children: [
         R.size,
         " selected"
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (I ?? []).map((n) => /* @__PURE__ */ s(
-        z,
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (I ?? []).map((r) => /* @__PURE__ */ s(
+        D,
         {
           size: "md",
-          variant: n.variant ?? "outline",
-          disabled: n.disabled,
-          onClick: () => void n.onRun(bt),
+          variant: r.variant ?? "outline",
+          disabled: r.disabled,
+          onClick: () => void r.onRun(Pt),
           children: [
-            n.icon,
-            n.label
+            r.icon,
+            r.label
           ]
         },
-        n.label
+        r.label
       )) }),
       /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          onClick: () => me(/* @__PURE__ */ new Set()),
+          onClick: () => pe(/* @__PURE__ */ new Set()),
           className: "ml-auto inline-flex items-center gap-1 text-xs text-muted hover:text-fg",
           children: [
-            /* @__PURE__ */ e(le, { className: "size-3.5" }),
+            /* @__PURE__ */ e(ne, { className: "size-3.5" }),
             "Clear"
           ]
         }
@@ -1606,112 +1672,112 @@ function er({
       ce,
       {
         action: ue,
-        tone: Q,
-        headerClassName: Y,
-        panelClassName: it,
+        tone: J,
+        headerClassName: Q,
+        panelClassName: ht,
         header: (
           // Visible header: presentational so its controls stay focusable while
           // the body table carries the semantic column headers (sr-only).
           /* @__PURE__ */ s("table", { role: "presentation", className: "w-full table-fixed border-collapse", children: [
-            /* @__PURE__ */ e("colgroup", { children: Pe.map((n, m) => /* @__PURE__ */ e("col", { style: { width: n } }, m)) }),
+            /* @__PURE__ */ e("colgroup", { children: Be.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
             /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
               w && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-4 align-middle", children: /* @__PURE__ */ e(
-                xe,
+                ve,
                 {
                   "aria-label": "Select all rows",
-                  checked: Me ? !0 : pt ? "indeterminate" : !1,
-                  onCheckedChange: ft
+                  checked: Ae ? !0 : Mt ? "indeterminate" : !1,
+                  onCheckedChange: It
                 }
               ) }),
-              j.map((n) => /* @__PURE__ */ e(
+              E.map((r) => /* @__PURE__ */ e(
                 "th",
                 {
-                  className: i(Ma, n.align === "right" && "text-right", n.className),
-                  children: n.sortable ? /* @__PURE__ */ s(
-                    z,
+                  className: o(Wa, r.align === "right" && "text-right", r.className),
+                  children: r.sortable ? /* @__PURE__ */ s(
+                    D,
                     {
                       type: "button",
                       variant: "ghost",
                       size: "xs",
-                      "aria-label": `Sort by ${n.header}`,
-                      onClick: () => mt(n),
-                      className: i(
+                      "aria-label": `Sort by ${r.header}`,
+                      onClick: () => Tt(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",
-                        (x == null ? void 0 : x.id) === n.id && "text-table-header-active"
+                        (v == null ? void 0 : v.id) === r.id && "text-table-header-active"
                       ),
                       children: [
-                        n.header,
-                        (x == null ? void 0 : x.id) === n.id ? x.dir === "asc" ? /* @__PURE__ */ e(Lt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(ee, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Rt, { className: "size-3.5 opacity-50" })
+                        r.header,
+                        (v == null ? void 0 : v.id) === r.id ? v.dir === "asc" ? /* @__PURE__ */ e(Zt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(ie, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Kt, { className: "size-3.5 opacity-50" })
                       ]
                     }
-                  ) : n.header
+                  ) : r.header
                 },
-                n.id
+                r.id
               )),
               y && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
             ] }) })
           ] })
         ),
-        children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((n) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, n)) }) : 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(_t, { weight: "duotone" }) }),
+        children: i ? /* @__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)) }) : l ? /* @__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(Yt, { 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: l.title }),
+            l.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: l.description }) : null
           ] }),
-          o.action
-        ] }) : E.length === 0 ? /* @__PURE__ */ e(
-          Ta,
+          l.action
+        ] }) : j.length === 0 ? /* @__PURE__ */ e(
+          Oa,
           {
-            icon: d == null ? void 0 : d.icon,
-            title: (d == null ? void 0 : d.title) ?? "No results",
-            description: typeof (d == null ? void 0 : d.description) == "string" ? d.description : void 0,
-            action: d == null ? void 0 : d.action
+            icon: c == null ? void 0 : c.icon,
+            title: (c == null ? void 0 : c.title) ?? "No results",
+            description: typeof (c == null ? void 0 : c.description) == "string" ? c.description : void 0,
+            action: c == null ? void 0 : c.action
           }
         ) : /* @__PURE__ */ s("table", { className: "w-full table-fixed border-collapse", children: [
-          /* @__PURE__ */ e("colgroup", { children: Pe.map((n, m) => /* @__PURE__ */ e("col", { style: { width: n } }, m)) }),
+          /* @__PURE__ */ e("colgroup", { children: Be.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
           /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
             w && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
-            j.map((n) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": yt(n), children: n.header }, n.id)),
+            E.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": At(r), children: r.header }, r.id)),
             y && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
           ] }) }),
-          /* @__PURE__ */ e(Ot, { children: E.map((n) => {
-            const m = r(n), f = R.has(m);
+          /* @__PURE__ */ e(ha, { children: j.map((r) => {
+            const d = n(r), p = R.has(d);
             return /* @__PURE__ */ s(
-              Kt,
+              ga,
               {
-                "data-state": f ? "selected" : void 0,
-                onClick: B ? () => B(n) : void 0,
+                "data-state": p ? "selected" : void 0,
+                onClick: B ? () => B(r) : void 0,
                 className: B ? "cursor-pointer" : void 0,
                 children: [
-                  w && /* @__PURE__ */ e(fe, { className: "w-11 px-4", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ e(
-                    xe,
+                  w && /* @__PURE__ */ e(he, { className: "w-11 px-4", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ e(
+                    ve,
                     {
                       "aria-label": "Select row",
-                      checked: f,
-                      onCheckedChange: () => ht(m)
+                      checked: p,
+                      onCheckedChange: () => Et(d)
                     }
                   ) }),
-                  j.map((v) => /* @__PURE__ */ e(
-                    fe,
+                  E.map((x) => /* @__PURE__ */ e(
+                    he,
                     {
-                      "data-numeric": v.numeric ? "" : void 0,
-                      className: i(v.align === "right" && "text-right", v.className),
-                      children: v.cell(n)
+                      "data-numeric": x.numeric ? "" : void 0,
+                      className: o(x.align === "right" && "text-right", x.className),
+                      children: x.cell(r)
                     },
-                    v.id
+                    x.id
                   )),
-                  y && /* @__PURE__ */ e(fe, { className: "w-44 px-4 text-right", onClick: (v) => v.stopPropagation(), children: y(n) })
+                  y && /* @__PURE__ */ e(he, { className: "w-44 px-4 text-right", onClick: (x) => x.stopPropagation(), children: y(r) })
                 ]
               },
-              m
+              d
             );
           }) })
         ] })
       }
     ),
-    !l && !o && q.length > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
+    !i && !l && q.length > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
         K + 1,
         "–",
@@ -1720,30 +1786,30 @@ function er({
         q.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s(ka, { value: String(L), onValueChange: (n) => dt(Number(n)), children: [
-          /* @__PURE__ */ e(nt, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ e(za, {}) }),
-          /* @__PURE__ */ e(lt, { children: _.map((n) => /* @__PURE__ */ s(ze, { value: String(n), children: [
-            n,
+        /* @__PURE__ */ s(Va, { value: String(L), onValueChange: (r) => yt(Number(r)), children: [
+          /* @__PURE__ */ e(ft, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ e(Ha, {}) }),
+          /* @__PURE__ */ e(bt, { children: _.map((r) => /* @__PURE__ */ s(ze, { value: String(r), children: [
+            r,
             " / page"
-          ] }, n)) })
+          ] }, r)) })
         ] }),
         /* @__PURE__ */ e(
-          z,
+          D,
           {
             variant: "outline",
             size: "md",
             disabled: $ <= 0,
-            onClick: () => Z((n) => Math.max(0, n - 1)),
+            onClick: () => Y((r) => Math.max(0, r - 1)),
             children: "Previous"
           }
         ),
         /* @__PURE__ */ e(
-          z,
+          D,
           {
             variant: "outline",
             size: "md",
             disabled: $ >= G - 1,
-            onClick: () => Z((n) => Math.min(G - 1, n + 1)),
+            onClick: () => Y((r) => Math.min(G - 1, r + 1)),
             children: "Next"
           }
         )
@@ -1751,21 +1817,21 @@ function er({
     ] })
   ] });
 }
-function tr({ icon: t, title: a, description: r, action: l, className: o }) {
-  return /* @__PURE__ */ e(ce, { className: o, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+function vr({ icon: t, title: a, description: n, action: i, className: l }) {
+  return /* @__PURE__ */ e(ce, { className: l, 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 }),
-      r ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: r }) : null
+      n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: n }) : null
     ] }),
-    l
+    i
   ] }) });
 }
-function ar({ className: t, ...a }) {
+function Nr({ 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
       ),
@@ -1773,46 +1839,46 @@ function ar({ className: t, ...a }) {
     }
   );
 }
-const Ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  qt.Root,
+const Ja = b(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  na.Root,
   {
-    ref: r,
-    className: i(
+    ref: n,
+    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
   }
 ));
-Ia.displayName = "Label";
-function rr({
+Ja.displayName = "Label";
+function yr({
   value: t,
   onValueChange: a,
-  options: r,
-  size: l = "sm",
-  className: o,
-  ...d
+  options: n,
+  size: i = "sm",
+  className: l,
+  ...c
 }) {
-  const c = de();
+  const u = de();
   return /* @__PURE__ */ e(
     "div",
     {
       role: "radiogroup",
-      "aria-label": d["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 === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
+        l
       ),
-      children: r.map((u) => {
-        const h = u.value === t;
+      children: n.map((m) => {
+        const h = m.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)",
+              i === "sm" ? "px-(--control-pad-x-sm) [&_svg]:size-(--control-icon-sm)" : "px-(--control-pad-x-md) [&_svg]:size-(--control-icon-md)",
               h ? "btn-fill bg-(--button-secondary-bg) text-fg" : "text-muted hover:text-fg"
             ),
             children: [
@@ -1820,53 +1886,53 @@ function rr({
                 "input",
                 {
                   type: "radio",
-                  name: c,
-                  value: u.value,
+                  name: u,
+                  value: m.value,
                   checked: h,
-                  onChange: () => a(u.value),
+                  onChange: () => a(m.value),
                   className: "sr-only"
                 }
               ),
-              u.icon,
-              u.label
+              m.icon,
+              m.label
             ]
           },
-          u.value
+          m.value
         );
       })
     }
   );
 }
-const ja = b(({ className: t, orientation: a = "horizontal", decorative: r = !0, ...l }, o) => /* @__PURE__ */ e(
-  Gt.Root,
+const Qa = b(({ className: t, orientation: a = "horizontal", decorative: n = !0, ...i }, l) => /* @__PURE__ */ e(
+  ia.Root,
   {
-    ref: o,
-    decorative: r,
+    ref: l,
+    decorative: n,
     orientation: a,
-    className: i(
+    className: o(
       "shrink-0 bg-line",
       a === "horizontal" ? "h-px w-full" : "h-full w-px",
       t
     ),
-    ...l
+    ...i
   }
 ));
-ja.displayName = "Separator";
-function nr({ className: t, ...a }) {
+Qa.displayName = "Separator";
+function wr({ 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 lr = W.Provider, ir = W.Root, or = W.Trigger, Ea = b(({ className: t, sideOffset: a = 6, ...r }, l) => /* @__PURE__ */ e(W.Portal, { children: /* @__PURE__ */ e(
-  W.Content,
+const Cr = O.Provider, Sr = O.Root, kr = O.Trigger, Ya = b(({ className: t, sideOffset: a = 6, ...n }, i) => /* @__PURE__ */ e(O.Portal, { children: /* @__PURE__ */ e(
+  O.Content,
   {
-    ref: l,
+    ref: i,
     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",
@@ -1876,84 +1942,85 @@ const lr = W.Provider, ir = W.Root, or = W.Trigger, Ea = b(({ className: t, side
       "duration-150 ease-out",
       t
     ),
-    ...r
+    ...n
   }
 ) }));
-Ea.displayName = "TooltipContent";
+Ya.displayName = "TooltipContent";
 export {
-  qa as AgentPrompt,
-  Ge as Avatar,
-  Ve as AvatarFallback,
-  He as AvatarImage,
-  Jt as Badge,
-  z as Button,
-  Ga as Callout,
-  na as Card,
-  oa as CardContent,
-  ia as CardDescription,
-  sa as CardFooter,
-  Ue as CardHeader,
-  la as CardTitle,
-  xe as Checkbox,
-  Xa as ChoiceDialog,
-  Ja as CodeBlock,
-  er as DataTable,
-  Ka as DataTableIdentity,
-  pa as Dialog,
-  fa as DialogBody,
-  Ye as DialogCancel,
-  Wa as DialogClose,
-  Oe as DialogContent,
-  xa as DialogDescription,
-  ga as DialogFooter,
-  ha as DialogHeader,
-  ba as DialogPanel,
-  Ke as DialogTitle,
-  Qe as DialogTrigger,
-  ge as DropdownMenu,
+  ir as AgentPrompt,
+  Ye as Avatar,
+  Ke as AvatarFallback,
+  Ze as AvatarImage,
+  ma as Badge,
+  D as Button,
+  lr as Callout,
+  wa as Card,
+  ka as CardContent,
+  Sa as CardDescription,
+  za as CardFooter,
+  et as CardHeader,
+  Ca as CardTitle,
+  ve as Checkbox,
+  ur as ChoiceDialog,
+  mr as CodeBlock,
+  xr as DataTable,
+  gr as DataTableIdentity,
+  Ia as Dialog,
+  ja as DialogBody,
+  it as DialogCancel,
+  cr as DialogClose,
+  ot as DialogContent,
+  Ra as DialogDescription,
+  La as DialogFooter,
+  _a as DialogHeader,
+  Ea as DialogPanel,
+  st as DialogTitle,
+  nt as DialogTrigger,
+  xe as DropdownMenu,
   U as DropdownMenuCheckboxItem,
-  re as DropdownMenuContent,
-  Qa as DropdownMenuGroup,
+  mt as DropdownMenuChevron,
+  ae as DropdownMenuContent,
+  pr as DropdownMenuGroup,
   oe as DropdownMenuItem,
-  ne as DropdownMenuLabel,
-  Ya as DropdownMenuPortal,
-  Ne as DropdownMenuSeparator,
-  Za as DropdownMenuSub,
-  Sa as DropdownMenuSubContent,
-  rt as DropdownMenuSubTrigger,
-  ae as DropdownMenuTrigger,
-  tr as EmptyState,
-  tt as Input,
-  ar as Kbd,
-  Ia as Label,
-  Na as RadioCard,
-  va as RadioGroup,
-  rr as Segmented,
-  ka as Select,
-  lt as SelectContent,
-  Oa as SelectGroup,
+  re as DropdownMenuLabel,
+  fr as DropdownMenuPortal,
+  ye as DropdownMenuSeparator,
+  br as DropdownMenuSub,
+  Ga as DropdownMenuSubContent,
+  pt as DropdownMenuSubTrigger,
+  te as DropdownMenuTrigger,
+  vr as EmptyState,
+  ct as Input,
+  Nr as Kbd,
+  Ja as Label,
+  Ba as RadioCard,
+  Aa as RadioGroup,
+  yr as Segmented,
+  Va as Select,
+  bt as SelectContent,
+  hr as SelectGroup,
   ze as SelectItem,
-  Da as SelectLabel,
-  nt as SelectTrigger,
-  za as SelectValue,
-  ja as Separator,
-  nr as Skeleton,
-  Ht as Spinner,
-  Ha as Table,
-  Ot as TableBody,
-  fe as TableCell,
-  Yt as TableContainer,
-  Ta as TableEmptyState,
-  Ua as TableHead,
-  Va as TableHeader,
-  Zt as TablePanel,
-  Kt as TableRow,
+  Ua as SelectLabel,
+  ft as SelectTrigger,
+  Ha as SelectValue,
+  Qa as Separator,
+  wr as Skeleton,
+  oa as Spinner,
+  or as Table,
+  ha as TableBody,
+  he as TableCell,
+  fa as TableContainer,
+  Oa as TableEmptyState,
+  dr as TableHead,
+  sr as TableHeader,
+  ba as TablePanel,
+  ga as TableRow,
   ce as TableSurface,
-  ir as Tooltip,
-  Ea as TooltipContent,
-  lr as TooltipProvider,
-  or as TooltipTrigger,
-  Wt as badgeVariants,
-  Vt as buttonVariants
+  Sr as Tooltip,
+  Ya as TooltipContent,
+  Cr as TooltipProvider,
+  kr as TooltipTrigger,
+  ca as badgeVariants,
+  sa as buttonVariants
 };
 //# sourceMappingURL=index.js.map