@opencxh/ui-kit 3.176.0 → 3.176.1

package/dist/index.js

@@ -1,8 +1,8 @@
-import { jsxs as c, jsx as e, Fragment as Ee } from "react/jsx-runtime";
-import ae, { forwardRef as ve, useState as R, useLayoutEffect as vt, useRef as ne, useEffect as Z, createContext as et, useId as yt, useMemo as pe, useContext as Nt, useCallback as xe, Component as wt } from "react";
+import { jsxs as c, jsx as e, Fragment as Ae } from "react/jsx-runtime";
+import ae, { forwardRef as ve, useState as R, useLayoutEffect as vt, useRef as ne, useEffect as X, createContext as et, useId as yt, useMemo as pe, useContext as Nt, useCallback as fe, Component as wt } from "react";
 import { clsx as kt } from "clsx";
 import * as Ct from "lucide-react";
-import { X as Se, ChevronDown as De, ExternalLink as St, Search as Le, ChevronRight as Ie, Sparkles as Et, ArrowUpRight as tt, ImageOff as zt, ChevronLeft as ze, Pencil as Mt, Calendar as Tt, Check as Ue, ChevronUp as At, Ellipsis as _t, ChevronDownIcon as $t, FileText as je, HardDrive as We, ArrowLeft as Dt, FolderPlus as Lt, Upload as It, Folder as Ke, Trash2 as Pt, Plus as Ot, Loader2 as jt, VideoOff as Ft, User as Rt, MicOff as Bt, Mic as Ht } from "lucide-react";
+import { X as Se, ChevronDown as De, ExternalLink as St, Search as Le, ChevronRight as Ie, Sparkles as Et, ArrowUpRight as tt, ImageOff as zt, ChevronLeft as Ee, Pencil as Mt, Calendar as Tt, Check as Ue, ChevronUp as _t, Ellipsis as $t, ChevronDownIcon as At, FileText as je, HardDrive as We, ArrowLeft as Dt, FolderPlus as Lt, Upload as It, Folder as Ke, Trash2 as Ot, Plus as Pt, Loader2 as jt, VideoOff as Ft, User as Rt, MicOff as Bt, Mic as Ht } from "lucide-react";
 import qt from "dompurify";
 import Vt from "react-markdown";
 import Ut from "remark-gfm";
@@ -191,7 +191,7 @@ function Xt(t) {
     xl: 24
   }[t];
 }
-function Pe(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
+function Oe(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
   const [l, o] = R({});
   return vt(() => {
     if (!t) return;
@@ -216,8 +216,8 @@ const rt = ({
   disabled: o = !1,
   triggerLabel: u
 }) => {
-  const [d, v] = R(!1), m = ne(null), f = ne(null), b = Pe(d, f, { placement: n });
-  Z(() => {
+  const [d, v] = R(!1), m = ne(null), f = ne(null), b = Oe(d, f, { placement: n });
+  X(() => {
     if (!d) return;
     const p = (C) => {
       m.current && !m.current.contains(C.target) && v(!1);
@@ -301,11 +301,11 @@ function tr({
   title: b,
   className: g
 }) {
-  const w = l && !!v, p = s === "pill" ? "rounded-full" : "rounded-md", h = Qt({ active: l, tone: n, shape: s, size: a, className: g }), C = /* @__PURE__ */ c(Ee, { children: [
+  const w = l && !!v, p = s === "pill" ? "rounded-full" : "rounded-md", h = Qt({ active: l, tone: n, shape: s, size: a, className: g }), C = /* @__PURE__ */ c(Ae, { children: [
     r,
     t,
     o && /* @__PURE__ */ e(J, { icon: De, size: "xs" })
-  ] }), z = er({ shape: s, withClear: w }), P = w && /* @__PURE__ */ e(
+  ] }), z = er({ shape: s, withClear: w }), O = w && /* @__PURE__ */ e(
     "button",
     {
       type: "button",
@@ -329,10 +329,10 @@ function tr({
         children: u
       }
     ),
-    P
+    O
   ] }) : w ? /* @__PURE__ */ c("span", { className: h, title: b, children: [
     /* @__PURE__ */ e("button", { type: "button", onClick: f, className: z, children: C }),
-    P
+    O
   ] }) : /* @__PURE__ */ e("button", { type: "button", title: b, onClick: f, className: i(h, z), children: C });
 }
 const rr = {
@@ -509,7 +509,7 @@ function nt({
               children: /* @__PURE__ */ e(De, { className: "size-icon-md" })
             }
           ),
-          children: (b) => /* @__PURE__ */ e(Ee, { children: l.map((g) => /* @__PURE__ */ c(
+          children: (b) => /* @__PURE__ */ e(Ae, { children: l.map((g) => /* @__PURE__ */ c(
             "button",
             {
               type: "button",
@@ -545,9 +545,9 @@ const os = ({
   const [o, u] = R(""), [d, v] = R(a || []), [m, f] = R(l || 0), b = ne(null), g = ne(null), p = (d.length ? t.find((h) => h.id === d[0])?.subCommands || [] : t).filter(
     (h) => h.label.toLowerCase().includes(o.toLowerCase())
   );
-  return Z(() => {
+  return X(() => {
     r || (u(""), v(a || []), f(l || 0));
-  }, [r]), Z(() => {
+  }, [r, a, l]), X(() => {
     const h = (C) => {
       if (r) {
         if (C.key === "Escape")
@@ -567,12 +567,12 @@ const os = ({
       }
     };
     return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
-  }, [r, n, p, m, d]), Z(() => {
+  }, [r, n, p, m, d]), X(() => {
     const h = (C) => {
       b.current && !b.current.contains(C.target) && n();
     };
     return r && document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
-  }, [r, n]), Z(() => {
+  }, [r, n]), X(() => {
     if (!r) return;
     g.current?.querySelector(`[data-index="${m}"]`)?.scrollIntoView({ block: "nearest" });
   }, [m, r]), r ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-modal flex items-center justify-center bg-scrim", children: /* @__PURE__ */ c(
@@ -587,7 +587,6 @@ const os = ({
             "input",
             {
               type: "text",
-              autoFocus: !0,
               placeholder: s?.searchPlaceholder || "Search commands...",
               value: o,
               onChange: (h) => u(h.target.value),
@@ -685,7 +684,7 @@ const os = ({
   th: (t) => /* @__PURE__ */ e("th", { className: "border border-border px-2 py-1 text-left font-semibold", ...t }),
   td: (t) => /* @__PURE__ */ e("td", { className: "border border-border px-2 py-1", ...t })
 };
-function Me({ text: t, className: r, as: n }) {
+function ze({ text: t, className: r, as: n }) {
   const s = t ?? "";
   return (n ? n === "html" : ir.test(s)) ? /* @__PURE__ */ e(
     "div",
@@ -718,9 +717,9 @@ function xr({ block: t }) {
     case "heading":
       return t.level === 1 ? /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold tracking-tight text-text", children: t.text }) : t.level === 2 ? /* @__PURE__ */ e("h2", { className: "pt-2 text-base font-semibold tracking-tight text-text", children: t.text }) : /* @__PURE__ */ e("h3", { className: "pt-1 text-sm font-semibold text-text", children: t.text });
     case "paragraph":
-      return /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text" });
+      return /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text" });
     case "quote":
-      return /* @__PURE__ */ e("blockquote", { className: "border-l-2 border-border pl-3.5", children: /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text-muted" }) });
+      return /* @__PURE__ */ e("blockquote", { className: "border-l-2 border-border pl-3.5", children: /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text-muted" }) });
     case "code":
       return /* @__PURE__ */ e("pre", { className: "overflow-x-auto rounded-lg bg-surface-sunk p-3 text-xs", children: /* @__PURE__ */ e("code", { className: "font-mono", children: t.text }) });
     case "divider":
@@ -739,7 +738,7 @@ function xr({ block: t }) {
               n.lead,
               " "
             ] }),
-            /* @__PURE__ */ e(Me, { as: "markdown", text: n.text, className: "inline" })
+            /* @__PURE__ */ e(ze, { as: "markdown", text: n.text, className: "inline" })
           ] }, s))
         }
       );
@@ -789,7 +788,7 @@ function xr({ block: t }) {
     case "callout":
       return /* @__PURE__ */ c("div", { className: i("rounded-lg border px-4 py-3", fr[t.tone]), children: [
         t.title && /* @__PURE__ */ e("div", { className: "pb-0.5 text-sm font-semibold text-text", children: t.title }),
-        /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text" })
+        /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text" })
       ] });
     default:
       return null;
@@ -1066,7 +1065,7 @@ function gs({ icon: t, text: r, time: n, joinUrl: s, joinLabel: a }) {
     )
   ] });
 }
-const Te = {
+const Me = {
   mail: { fg: "text-channel-mail-fg", bg: "bg-channel-mail-soft" },
   wa: { fg: "text-channel-whatsapp-fg", bg: "bg-channel-whatsapp-soft" },
   chat: { fg: "text-channel-chat-fg", bg: "bg-channel-chat-soft" },
@@ -1084,7 +1083,7 @@ function ps({
   className: s,
   title: a
 }) {
-  const l = t in Te ? Te[t] : void 0;
+  const l = t in Me ? Me[t] : void 0;
   return /* @__PURE__ */ e(
     "span",
     {
@@ -1095,7 +1094,7 @@ function ps({
         // An undeclared channel used to collapse onto the neutral "note" tone,
         // which is also what a real internal note looks like. Deriving from the
         // key keeps it distinguishable and keeps `note` meaning `note`.
-        l ? i(l.fg, l.bg) : t ? at(t) : i(Te.note.fg, Te.note.bg),
+        l ? i(l.fg, l.bg) : t ? at(t) : i(Me.note.fg, Me.note.bg),
         s
       ),
       children: r
@@ -1118,15 +1117,15 @@ const vs = ({
   onError: b,
   ...g
 }) => {
-  const [w, p] = R(!0), [h, C] = R(!1), [z, P] = R(t), _ = (Y) => {
-    p(!1), C(!1), f?.(Y);
-  }, K = (Y) => {
+  const [w, p] = R(!0), [h, C] = R(!1), [z, O] = R(t), $ = (Z) => {
+    p(!1), C(!1), f?.(Z);
+  }, G = (Z) => {
     if (p(!1), C(!0), u && z !== u) {
-      P(u), C(!1), p(!0);
+      O(u), C(!1), p(!0);
       return;
     }
-    b?.(Y);
-  }, U = i(
+    b?.(Z);
+  }, j = i(
     "relative overflow-hidden bg-surface-hover",
     // Size variants
     {
@@ -1154,30 +1153,30 @@ const vs = ({
       "rounded-full": a === "full"
     },
     m
-  ), j = i("w-full h-full object-cover transition-opacity duration-fast", {
+  ), W = i("w-full h-full object-cover transition-opacity duration-fast", {
     "opacity-0": w || h,
     "opacity-100": !w && !h
   }), B = i(
     "absolute inset-0 flex items-center justify-center",
     "text-text-muted"
-  ), W = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), Q = /* @__PURE__ */ c("div", { className: "text-center", children: [
+  ), U = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), ee = /* @__PURE__ */ c("div", { className: "text-center", children: [
     /* @__PURE__ */ e(J, { icon: zt, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
-  return /* @__PURE__ */ c("div", { className: U, children: [
+  return /* @__PURE__ */ c("div", { className: j, children: [
     /* @__PURE__ */ e(
       "img",
       {
         ...g,
         src: z,
         alt: r,
-        className: j,
-        onLoad: _,
-        onError: K
+        className: W,
+        onLoad: $,
+        onError: G
       }
     ),
-    w && l && /* @__PURE__ */ e("div", { className: B, children: d || W }),
-    h && o && /* @__PURE__ */ e("div", { className: B, children: v || Q })
+    w && l && /* @__PURE__ */ e("div", { className: B, children: d || U }),
+    h && o && /* @__PURE__ */ e("div", { className: B, children: v || ee })
   ] });
 }, zr = {
   default: "text-text",
@@ -1200,7 +1199,7 @@ const Mr = {
   md: "min-h-control-md",
   lg: "min-h-control-lg",
   full: "min-h-control-md"
-}, Ar = {
+}, _r = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
@@ -1259,7 +1258,7 @@ const Mr = {
               className: i(
                 "cursor-pointer",
                 g ? "text-danger-fg" : "text-text",
-                Ar[s],
+                _r[s],
                 o
               ),
               children: t
@@ -1316,31 +1315,31 @@ function ws({
   hideGroupCount: h = !1,
   selectable: C = !1,
   selectedItems: z = [],
-  onSelectionChange: P,
-  bulkActions: _,
-  header: K,
-  stickyHeader: U = !1,
-  bordered: j = !1,
+  onSelectionChange: O,
+  bulkActions: $,
+  header: G,
+  stickyHeader: j = !1,
+  bordered: W = !1,
   emptyContent: B,
-  loading: W = !1,
-  loadingRows: Q = 4,
-  className: Y,
+  loading: U = !1,
+  loadingRows: ee = 4,
+  className: Z,
   "aria-label": de
 }) {
-  const [X, y] = ae.useState(
+  const [Y, y] = ae.useState(
     () => Object.fromEntries((b ?? []).filter((k) => k.defaultCollapsed).map((k) => [k.id, !0]))
   ), x = ae.useRef(null), S = (k) => {
     if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(k.key)) return;
-    const G = Array.from(
+    const K = Array.from(
       x.current?.querySelectorAll("li[data-list-row]") ?? []
     );
-    if (G.length === 0) return;
+    if (K.length === 0) return;
     k.preventDefault();
-    const O = G.indexOf(document.activeElement), N = k.key === "Home" ? 0 : k.key === "End" ? G.length - 1 : k.key === "ArrowDown" ? (O + 1) % G.length : (O - 1 + G.length) % G.length;
-    G[N]?.focus();
-  }, $ = (k, M) => r ? r(k, M) : M, E = (k) => z.includes(k), D = (k, M) => {
-    P && P(M ? [...z, k] : z.filter((G) => G !== k));
-  }, A = (k) => P?.(k ? [...t] : []), oe = i(
+    const P = K.indexOf(document.activeElement), N = k.key === "Home" ? 0 : k.key === "End" ? K.length - 1 : k.key === "ArrowDown" ? (P + 1) % K.length : (P - 1 + K.length) % K.length;
+    K[N]?.focus();
+  }, A = (k, M) => r ? r(k, M) : M, E = (k) => z.includes(k), D = (k, M) => {
+    O && O(M ? [...z, k] : z.filter((K) => K !== k));
+  }, T = (k) => O?.(k ? [...t] : []), oe = i(
     "flex flex-col",
     // With a selection open the list has a dock at its foot. Sticky can only
     // park at the bottom of its own box, so on a list shorter than the window
@@ -1349,11 +1348,11 @@ function ws({
     // belongs — and only while a selection exists, so an ordinary short list
     // keeps its natural height.
     C && z.length > 0 && "min-h-full",
-    j && "overflow-hidden rounded-lg border border-border-subtle",
-    Y
+    W && "overflow-hidden rounded-lg border border-border-subtle",
+    Z
   );
-  if (W)
-    return /* @__PURE__ */ e("div", { className: oe, children: Array.from({ length: Q }).map((k, M) => /* @__PURE__ */ c(
+  if (U)
+    return /* @__PURE__ */ e("div", { className: oe, children: Array.from({ length: ee }).map((k, M) => /* @__PURE__ */ c(
       "div",
       {
         className: i(
@@ -1371,8 +1370,8 @@ function ws({
     )) });
   if (t.length === 0 && B)
     return /* @__PURE__ */ e("div", { className: oe, children: B });
-  const ce = t.length > 0 && z.length === t.length, q = z.length > 0 && !ce, H = (k, M, G) => {
-    const O = d?.(k, M) ?? !1, N = v?.(k, M) ?? !1, I = m?.(k, M) ?? !1, te = C && E(k);
+  const ce = t.length > 0 && z.length === t.length, q = z.length > 0 && !ce, H = (k, M, K) => {
+    const P = d?.(k, M) ?? !1, N = v?.(k, M) ?? !1, I = m?.(k, M) ?? !1, te = C && E(k);
     return /* @__PURE__ */ c(
       "li",
       {
@@ -1380,7 +1379,7 @@ function ws({
           role: "button",
           tabIndex: 0,
           "data-list-row": "",
-          "aria-current": O || void 0,
+          "aria-current": P || void 0,
           onClick: () => o(k, M),
           onFocus: () => u?.(M),
           onKeyDown: (le) => {
@@ -1391,12 +1390,12 @@ function ws({
           "flex items-center gap-3 text-base",
           "transition-colors duration-fast ease-out",
           n === "inset" ? "mx-2 rounded-lg px-3 py-2.5" : "px-5 py-2.5",
-          n === "divided" && !G && "border-t border-border-subtle",
+          n === "divided" && !K && "border-t border-border-subtle",
           o && "cursor-pointer focus-visible:outline-none focus-visible:focus-ring",
           // An unread row is tinted, not bolded: at five columns a bold row
           // shouts across all of them, while the tint marks the row and leaves
           // the consumer free to weight only the sender and the subject.
-          O || te ? "bg-accent-soft text-text" : N ? i("bg-surface-unread", o && "hover:bg-surface-unread-hover") : o && "hover:bg-surface-hover",
+          P || te ? "bg-accent-soft text-text" : N ? i("bg-surface-unread", o && "hover:bg-surface-unread-hover") : o && "hover:bg-surface-hover",
           // Read rows stay at full opacity — fading them also fades the avatars
           // and team dots, which is exactly the identity you scan by. They read
           // as secondary through weight and text colour instead.
@@ -1423,41 +1422,41 @@ function ws({
           l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(k, M) })
         ]
       },
-      $(k, M)
+      A(k, M)
     );
   }, L = (() => {
     if (!f)
-      return t.map((O, N) => H(O, N, N === 0));
+      return t.map((P, N) => H(P, N, N === 0));
     const k = /* @__PURE__ */ new Map();
-    t.forEach((O, N) => {
-      const I = f(O, N);
-      k.has(I) || k.set(I, []), k.get(I).push({ item: O, index: N });
+    t.forEach((P, N) => {
+      const I = f(P, N);
+      k.has(I) || k.set(I, []), k.get(I)?.push({ item: P, index: N });
     });
     const M = b ?? [];
     return [
-      ...M.filter((O) => k.has(O.id)),
-      ...[...k.keys()].filter((O) => !M.some((N) => N.id === O)).map((O) => ({ id: O }))
-    ].flatMap((O, N) => {
-      const I = k.get(O.id) ?? [], te = p && X[O.id], le = O.title ?? O.id, be = O.count ?? I.length, ye = /* @__PURE__ */ e(
+      ...M.filter((P) => k.has(P.id)),
+      ...[...k.keys()].filter((P) => !M.some((N) => N.id === P)).map((P) => ({ id: P }))
+    ].flatMap((P, N) => {
+      const I = k.get(P.id) ?? [], te = p && Y[P.id], le = P.title ?? P.id, be = P.count ?? I.length, ye = /* @__PURE__ */ e(
         "li",
         {
-          onClick: p ? () => y((fe) => ({ ...fe, [O.id]: !fe[O.id] })) : void 0,
+          onClick: p ? () => y((he) => ({ ...he, [P.id]: !he[P.id] })) : void 0,
           className: i(
             // A caption over its rows, not a band across the table: same
             // surface as the rows, no rules, and the count as a quiet pill.
             // The old grey uppercase strip read as a second column header.
             "flex items-center gap-2.5 bg-surface px-5 pb-1.5 text-base font-semibold",
             N > 0 ? "pt-5" : "pt-3",
-            O.tone === "danger" ? "text-danger-fg" : O.tone === "muted" ? "text-text-subtle" : "text-text",
+            P.tone === "danger" ? "text-danger-fg" : P.tone === "muted" ? "text-text-subtle" : "text-text",
             w && "sticky z-10",
             p && "cursor-pointer select-none"
           ),
           "aria-expanded": p ? !te : void 0,
-          style: w ? { top: U ? 28 : 0 } : void 0,
+          style: w ? { top: j ? 28 : 0 } : void 0,
           children: g ? g(
-            O,
-            I.map((fe) => fe.item)
-          ) : /* @__PURE__ */ c(Ee, { children: [
+            P,
+            I.map((he) => he.item)
+          ) : /* @__PURE__ */ c(Ae, { children: [
             p && /* @__PURE__ */ e(
               Ie,
               {
@@ -1474,23 +1473,23 @@ function ws({
               {
                 className: i(
                   "rounded-full px-2 text-xs font-normal tabular-nums",
-                  O.tone === "danger" ? "bg-danger-soft text-danger-fg" : "bg-surface-sunk text-text-subtle"
+                  P.tone === "danger" ? "bg-danger-soft text-danger-fg" : "bg-surface-sunk text-text-subtle"
                 ),
                 children: be
               }
             )
           ] })
         },
-        `group-${O.id}`
+        `group-${P.id}`
       );
       return te ? [ye] : [
         ye,
-        ...I.map(({ item: fe, index: he }, Oe) => H(fe, he, Oe === 0))
+        ...I.map(({ item: he, index: xe }, Pe) => H(he, xe, Pe === 0))
       ];
     });
   })();
   return /* @__PURE__ */ c("div", { ref: x, className: oe, onKeyDown: o ? S : void 0, children: [
-    K && /* @__PURE__ */ c(
+    G && /* @__PURE__ */ c(
       "div",
       {
         className: i(
@@ -1498,7 +1497,7 @@ function ws({
           // sticky group headers park against.
           "flex h-row-sm items-end gap-3 border-b border-border bg-surface px-5 pb-2",
           "text-xs font-semibold uppercase tracking-wider text-text-disabled",
-          U && "sticky top-0 z-20"
+          j && "sticky top-0 z-20"
         ),
         children: [
           C && /* @__PURE__ */ e("span", { className: "flex items-center", children: /* @__PURE__ */ e(
@@ -1506,11 +1505,11 @@ function ws({
             {
               checked: ce,
               indeterminate: q,
-              onChange: (k) => A(k.target.checked),
+              onChange: (k) => T(k.target.checked),
               "aria-label": "Alles selecteren"
             }
           ) }),
-          K
+          G
         ]
       }
     ),
@@ -1521,13 +1520,13 @@ function ws({
         " geselecteerd"
       ] }),
       /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "mx-1.5 h-4 w-px bg-current opacity-25" }),
-      _,
+      $,
       /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "mx-1.5 h-4 w-px bg-current opacity-25" }),
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          onClick: () => P?.([]),
+          onClick: () => O?.([]),
           "aria-label": "Selectie wissen",
           className: "grid size-tile-md shrink-0 cursor-pointer place-items-center rounded-md transition-colors duration-fast ease-out hover:bg-white/15 focus-visible:outline-none focus-visible:focus-ring",
           children: /* @__PURE__ */ e(Se, { className: "size-icon-lg" })
@@ -1589,7 +1588,7 @@ function Ss() {
   return /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "shrink-0 text-text-disabled", children: "·" });
 }
 const me = ({ className: t }) => /* @__PURE__ */ e("span", { className: i("block rounded-xs bg-surface-hover", t) });
-function _r({
+function $r({
   shape: t,
   rows: r,
   columns: n
@@ -1649,7 +1648,6 @@ function _r({
           ] }, a))
         }
       );
-    case "text":
     default:
       return /* @__PURE__ */ c("div", { className: "flex flex-col gap-6", children: [
         /* @__PURE__ */ e(me, { className: "h-6 w-1/4" }),
@@ -1657,7 +1655,7 @@ function _r({
       ] });
   }
 }
-const $r = {
+const Ar = {
   text: 2,
   table: 8,
   list: 6,
@@ -1676,7 +1674,7 @@ function qe({
   tableColumns: u,
   tableRows: d
 }) {
-  const v = r ?? (o ? "table" : "text"), m = n ?? d ?? $r[v], f = s ?? u ?? (v === "cards" ? 3 : 6), b = /* @__PURE__ */ e("div", { className: i("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(_r, { shape: v, rows: m, columns: f }) });
+  const v = r ?? (o ? "table" : "text"), m = n ?? d ?? Ar[v], f = s ?? u ?? (v === "cards" ? 3 : 6), b = /* @__PURE__ */ e("div", { className: i("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e($r, { shape: v, rows: m, columns: f }) });
   return t === "inline" ? b : /* @__PURE__ */ e("main", { className: "flex-1 bg-surface p-6", children: b });
 }
 const Dr = ({
@@ -1694,17 +1692,17 @@ const Dr = ({
   onTitleChange: f
 }) => {
   const [b, g] = R(!1), [w, p] = R(r), h = ne(null);
-  Z(() => {
+  X(() => {
     p(r);
-  }, [r]), Z(() => {
+  }, [r]), X(() => {
     b && h.current && (h.current.focus(), h.current.select());
   }, [b]);
   const C = () => {
     m && g(!0);
   }, z = () => {
     g(!1), w.trim() !== "" && w !== r && f ? f(w.trim()) : p(r);
-  }, P = (_) => {
-    _.key === "Enter" ? h.current?.blur() : _.key === "Escape" && (p(r), g(!1));
+  }, O = ($) => {
+    $.key === "Enter" ? h.current?.blur() : $.key === "Escape" && (p(r), g(!1));
   };
   return /* @__PURE__ */ c(
     "div",
@@ -1728,7 +1726,7 @@ const Dr = ({
               {
                 variant: "ghost",
                 onClick: v,
-                leftIcon: /* @__PURE__ */ e(J, { icon: ze, size: "md" }),
+                leftIcon: /* @__PURE__ */ e(J, { icon: Ee, size: "md" }),
                 iconOnly: !0
               }
             ),
@@ -1739,9 +1737,9 @@ const Dr = ({
                   ref: h,
                   type: "text",
                   value: w,
-                  onChange: (_) => p(_.target.value),
+                  onChange: ($) => p($.target.value),
                   onBlur: z,
-                  onKeyDown: P,
+                  onKeyDown: O,
                   className: "text-1xl font-semibold bg-transparent border-b-1 border-border rounded-lg outline-none focus:border-none px-1 -mx-1 min-w-0 w-full"
                 }
               ) : /* @__PURE__ */ c("div", { className: "group flex items-baseline gap-2.5 min-w-0", children: [
@@ -1784,29 +1782,29 @@ const Dr = ({
             ] })
           ] }) }),
           a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: a.map(
-            (_) => _.render ? /* @__PURE__ */ e(ae.Fragment, { children: _.render() }, _.id) : _.splitOptions && _.splitOptions.length > 0 ? /* @__PURE__ */ e(
+            ($) => $.render ? /* @__PURE__ */ e(ae.Fragment, { children: $.render() }, $.id) : $.splitOptions && $.splitOptions.length > 0 ? /* @__PURE__ */ e(
               nt,
               {
-                label: _.label,
-                onClick: _.onClick,
-                icon: _.icon,
-                variant: _.variant === "primary" ? "primary" : "outline",
-                options: _.splitOptions,
-                disabled: _.disabled
+                label: $.label,
+                onClick: $.onClick,
+                icon: $.icon,
+                variant: $.variant === "primary" ? "primary" : "outline",
+                options: $.splitOptions,
+                disabled: $.disabled
               },
-              _.id
+              $.id
             ) : /* @__PURE__ */ e(
               se,
               {
-                variant: _.variant ?? "secondary",
-                onClick: (K) => {
-                  K.stopPropagation(), K.target.blur(), _.onClick();
+                variant: $.variant ?? "secondary",
+                onClick: (G) => {
+                  G.stopPropagation(), G.target.blur(), $.onClick();
                 },
-                disabled: _.disabled,
-                leftIcon: _.icon,
-                children: _.label
+                disabled: $.disabled,
+                leftIcon: $.icon,
+                children: $.label
               },
-              _.id
+              $.id
             )
           ) })
         ] }),
@@ -1927,7 +1925,7 @@ const Dr = ({
       variant: "secondary",
       onClick: r,
       "aria-label": n,
-      leftIcon: /* @__PURE__ */ e(J, { icon: ze, size: "sm" }),
+      leftIcon: /* @__PURE__ */ e(J, { icon: Ee, size: "sm" }),
       iconOnly: !0
     }
   ),
@@ -1957,11 +1955,11 @@ function Ts({
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-const ot = et(null), As = ot.Provider;
-function Pr() {
+const ot = et(null), _s = ot.Provider;
+function Or() {
   return Nt(ot);
 }
-function _s() {
+function $s() {
   const [t, r] = R(null), n = pe(
     () => ({
       setTrail: (s, a) => r((l) => a ? { ownerId: s, entry: a } : l && l.ownerId !== s ? l : null)
@@ -1970,13 +1968,13 @@ function _s() {
   );
   return { trail: t?.entry ?? null, api: n };
 }
-const Or = {
+const Pr = {
   none: "",
   sm: "px-3 py-3",
   // Matches the frame header's own horizontal padding, so content lines up
   // with the title above it.
   md: "px-5 py-4"
-}, $s = ({
+}, As = ({
   children: t,
   actions: r = [],
   secondaryActions: n = [],
@@ -1990,37 +1988,39 @@ const Or = {
   className: m,
   contentClassName: f
 }) => {
-  const b = Pr(), g = yt(), w = ne(a);
+  const b = Or(), g = yt(), w = ne(a);
   w.current = a;
   const p = !!a, h = ne(r);
   h.current = r;
   const C = ne(n);
   C.current = n;
-  const z = s === "header", P = z && (r.length > 0 || n.length > 0), _ = P ? JSON.stringify(
+  const z = s === "header", O = z && (r.length > 0 || n.length > 0);
+  O && JSON.stringify(
     [...n, ...r].map((j) => [j.id, j.label, j.variant, j.disabled])
-  ) : "", K = pe(() => {
-    if (!P) return;
-    const j = (B) => (W, Q) => ({
-      ...W,
+  );
+  const $ = pe(() => {
+    if (!O) return;
+    const j = (W) => (B, U) => ({
+      ...B,
       onClick: () => {
-        (B === "primary" ? h.current : C.current)[Q]?.onClick();
+        (W === "primary" ? h.current : C.current)[U]?.onClick();
       }
     });
     return {
       actions: h.current.map(j("primary")),
       secondaryActions: C.current.map(j("secondary"))
     };
-  }, [P, _]);
-  Z(() => {
-    if (b && !(!p && !o && !K))
+  }, [O]);
+  X(() => {
+    if (b && !(!p && !o && !$))
       return b.setTrail(g, {
         title: o,
         onBack: p ? () => w.current?.() : void 0,
-        actions: K?.actions,
-        secondaryActions: K?.secondaryActions
+        actions: $?.actions,
+        secondaryActions: $?.secondaryActions
       }), () => b.setTrail(g, null);
-  }, [b, g, o, p, K]);
-  const U = !z && (r.length > 0 || n.length > 0);
+  }, [b, g, o, p, $]);
+  const G = !z && (r.length > 0 || n.length > 0);
   return (
     /**
      * `min-h-full` + a sticky footer, rather than a nested scroll container.
@@ -2029,14 +2029,14 @@ const Or = {
      * its footer to the bottom, and a long one keeps it pinned while scrolling.
      */
     /* @__PURE__ */ c("div", { className: i("flex min-h-full flex-col", m), children: [
-      !b && (p || o || P) && /* @__PURE__ */ c("div", { className: "flex shrink-0 items-center gap-2 px-5 pt-4", children: [
+      !b && (p || o || O) && /* @__PURE__ */ c("div", { className: "flex shrink-0 items-center gap-2 px-5 pt-4", children: [
         p && /* @__PURE__ */ e(
           se,
           {
             variant: "ghost",
             onClick: () => w.current?.(),
             "aria-label": l,
-            leftIcon: /* @__PURE__ */ e(J, { icon: ze, size: "sm" }),
+            leftIcon: /* @__PURE__ */ e(J, { icon: Ee, size: "sm" }),
             iconOnly: !0
           }
         ),
@@ -2046,8 +2046,8 @@ const Or = {
           r.length > 0 && /* @__PURE__ */ e(ke, { actions: r })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: i("flex-1", Or[v], f), children: u ? /* @__PURE__ */ e(qe, { variant: "inline", shape: d }) : t }),
-      U && /* @__PURE__ */ c("div", { className: "sticky bottom-0 z-10 flex shrink-0 items-center gap-2 border-t border-border bg-surface px-5 py-3", children: [
+      /* @__PURE__ */ e("div", { className: i("flex-1", Pr[v], f), children: u ? /* @__PURE__ */ e(qe, { variant: "inline", shape: d }) : t }),
+      G && /* @__PURE__ */ c("div", { className: "sticky bottom-0 z-10 flex shrink-0 items-center gap-2 border-t border-border bg-surface px-5 py-3", children: [
         n.length > 0 && /* @__PURE__ */ e(ke, { actions: n, defaultVariant: "ghost" }),
         r.length > 0 && /* @__PURE__ */ e(ke, { actions: r, className: "ml-auto" })
       ] })
@@ -2126,7 +2126,7 @@ function Is({ label: t, dotColor: r, onClick: n, className: s }) {
     }
   );
 }
-const jr = () => /* @__PURE__ */ e(J, { icon: Tt, size: "md", color: "current" }), Fr = () => /* @__PURE__ */ e(J, { icon: ze, size: "md", color: "current" }), Rr = () => /* @__PURE__ */ e(J, { icon: Ie, size: "md", color: "current" }), Be = ve(
+const jr = () => /* @__PURE__ */ e(J, { icon: Tt, size: "md", color: "current" }), Fr = () => /* @__PURE__ */ e(J, { icon: Ee, size: "md", color: "current" }), Rr = () => /* @__PURE__ */ e(J, { icon: Ie, size: "md", color: "current" }), Be = ve(
   ({
     value: t,
     onChange: r,
@@ -2140,8 +2140,8 @@ const jr = () => /* @__PURE__ */ e(J, { icon: Tt, size: "md", color: "current" }
     format: v = "MM/dd/yyyy",
     withTime: m = !1
   }, f) => {
-    const [b, g] = R(!1), [w, p] = R(() => t || /* @__PURE__ */ new Date()), h = ne(null), C = ne(null), z = Pe(b, C);
-    Z(() => {
+    const [b, g] = R(!1), [w, p] = R(() => t || /* @__PURE__ */ new Date()), h = ne(null), C = ne(null), z = Oe(b, C);
+    X(() => {
       const y = (x) => {
         h.current && !h.current.contains(x.target) && g(!1);
       };
@@ -2149,23 +2149,23 @@ const jr = () => /* @__PURE__ */ e(J, { icon: Tt, size: "md", color: "current" }
         document.removeEventListener("mousedown", y);
       };
     }, [b]);
-    const P = (y) => {
+    const O = (y) => {
       if (!y) return "";
-      const x = y.getDate().toString().padStart(2, "0"), S = (y.getMonth() + 1).toString().padStart(2, "0"), $ = y.getFullYear(), E = v === "dd/MM/yyyy" ? `${x}/${S}/${$}` : v === "yyyy-MM-dd" ? `${$}-${S}-${x}` : `${S}/${x}/${$}`;
-      return m ? `${E} ${_(y)}` : E;
-    }, _ = (y) => `${y.getHours().toString().padStart(2, "0")}:${y.getMinutes().toString().padStart(2, "0")}`, K = (y) => {
+      const x = y.getDate().toString().padStart(2, "0"), S = (y.getMonth() + 1).toString().padStart(2, "0"), A = y.getFullYear(), E = v === "dd/MM/yyyy" ? `${x}/${S}/${A}` : v === "yyyy-MM-dd" ? `${A}-${S}-${x}` : `${S}/${x}/${A}`;
+      return m ? `${E} ${$(y)}` : E;
+    }, $ = (y) => `${y.getHours().toString().padStart(2, "0")}:${y.getMinutes().toString().padStart(2, "0")}`, G = (y) => {
       const [x, S] = y.split(":").map(Number);
       if (Number.isNaN(x) || Number.isNaN(S)) return;
-      const $ = t ? new Date(t) : /* @__PURE__ */ new Date();
-      $.setHours(x, S, 0, 0), r?.($);
-    }, U = () => {
-      const y = w.getFullYear(), x = w.getMonth(), S = new Date(y, x, 1), $ = new Date(S);
-      $.setDate($.getDate() - S.getDay());
-      const E = [], D = new Date($);
-      for (let A = 0; A < 42; A++)
+      const A = t ? new Date(t) : /* @__PURE__ */ new Date();
+      A.setHours(x, S, 0, 0), r?.(A);
+    }, j = () => {
+      const y = w.getFullYear(), x = w.getMonth(), S = new Date(y, x, 1), A = new Date(S);
+      A.setDate(A.getDate() - S.getDay());
+      const E = [], D = new Date(A);
+      for (let T = 0; T < 42; T++)
         E.push(new Date(D)), D.setDate(D.getDate() + 1);
       return E;
-    }, j = (y) => {
+    }, W = (y) => {
       if (y.getMonth() === w.getMonth() && !(u && y < u) && !(d && y > d)) {
         if (m) {
           const S = new Date(y);
@@ -2176,11 +2176,11 @@ const jr = () => /* @__PURE__ */ e(J, { icon: Tt, size: "md", color: "current" }
       }
     }, B = () => {
       p(new Date(w.getFullYear(), w.getMonth() - 1, 1));
-    }, W = () => {
+    }, U = () => {
       p(new Date(w.getFullYear(), w.getMonth() + 1, 1));
-    }, Q = () => {
+    }, ee = () => {
       r?.(null), g(!1);
-    }, Y = i(
+    }, Z = i(
       "w-full border border-border-strong rounded-tile transition-colors duration-fast",
       "bg-surface text-text",
       "placeholder:text-text-muted",
@@ -2193,7 +2193,7 @@ const jr = () => /* @__PURE__ */ e(J, { icon: Tt, size: "md", color: "current" }
         "h-control-md w-full px-3 text-base": l === "full"
       },
       o
-    ), de = U(), X = [
+    ), de = j(), Y = [
       "January",
       "February",
       "March",
@@ -2214,13 +2214,13 @@ const jr = () => /* @__PURE__ */ e(J, { icon: Tt, size: "md", color: "current" }
           {
             ref: f,
             type: "text",
-            value: P(t ?? null),
+            value: O(t ?? null),
             placeholder: n,
             disabled: s,
             required: a,
             readOnly: !0,
             onClick: () => !s && g(!b),
-            className: i(Y, "pr-10 cursor-pointer")
+            className: i(Z, "pr-10 cursor-pointer")
           }
         ),
         /* @__PURE__ */ e(
@@ -2243,24 +2243,24 @@ const jr = () => /* @__PURE__ */ e(J, { icon: Tt, size: "md", color: "current" }
             /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-4", children: [
               /* @__PURE__ */ e("button", { onClick: B, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Fr, {}) }),
               /* @__PURE__ */ c("h3", { className: "text-sm font-medium text-text", children: [
-                X[w.getMonth()],
+                Y[w.getMonth()],
                 " ",
                 w.getFullYear()
               ] }),
-              /* @__PURE__ */ e("button", { onClick: W, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Rr, {}) })
+              /* @__PURE__ */ e("button", { onClick: U, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Rr, {}) })
             ] }),
             /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((y) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted text-center py-1", children: y }, y)) }),
             /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: de.map((y, x) => {
-              const S = y.getMonth() === w.getMonth(), $ = t && y.toDateString() === t.toDateString(), E = y.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), D = !S || u && y < u || d && y > d;
+              const S = y.getMonth() === w.getMonth(), A = t && y.toDateString() === t.toDateString(), E = y.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), D = !S || u && y < u || d && y > d;
               return /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => !D && j(y),
+                  onClick: () => !D && W(y),
                   disabled: D,
                   className: i("w-8 h-8 text-sm rounded transition-colors duration-fast", {
-                    "text-text hover:bg-surface-hover": S && !$ && !D,
-                    "bg-accent text-accent-fg": $,
-                    "bg-surface-hover text-text": E && !$,
+                    "text-text hover:bg-surface-hover": S && !A && !D,
+                    "bg-accent text-accent-fg": A,
+                    "bg-surface-hover text-text": E && !A,
                     "text-text-muted cursor-not-allowed": D
                   }),
                   children: y.getDate()
@@ -2275,14 +2275,14 @@ const jr = () => /* @__PURE__ */ e(J, { icon: Tt, size: "md", color: "current" }
                 {
                   id: "datepicker-time",
                   type: "time",
-                  value: t ? _(t) : "",
-                  onChange: (y) => K(y.target.value),
+                  value: t ? $(t) : "",
+                  onChange: (y) => G(y.target.value),
                   className: "h-control-sm rounded-md border border-border bg-surface-input px-2 text-sm text-text focus-visible:outline-none focus-visible:focus-ring"
                 }
               )
             ] }),
             /* @__PURE__ */ c("div", { className: "flex justify-between items-center mt-4 pt-3 border-t border-border", children: [
-              /* @__PURE__ */ e("button", { onClick: Q, className: "text-sm text-text-muted hover:text-text", children: "Clear" }),
+              /* @__PURE__ */ e("button", { onClick: ee, className: "text-sm text-text-muted hover:text-text", children: "Clear" }),
               /* @__PURE__ */ e(
                 "button",
                 {
@@ -2373,37 +2373,37 @@ const Br = ({
   showCheck: u = !0,
   header: d
 }) => {
-  const [v, m] = R(!1), [f, b] = R(null), [g, w] = R({ top: 0, left: 0 }), p = ne(null), h = ne(null), C = ne(null), z = ne(null), P = Pe(v, h, { placement: a }), _ = ne(null), K = () => Array.from(
+  const [v, m] = R(!1), [f, b] = R(null), [g, w] = R({ top: 0, left: 0 }), p = ne(null), h = ne(null), C = ne(null), z = ne(null), O = Oe(v, h, { placement: a }), $ = ne(null), G = () => Array.from(
     z.current?.querySelectorAll(
       "button[data-option-value]:not(:disabled)"
     ) ?? []
   );
-  Z(() => {
-    v && K()[0]?.focus();
-  }, [v]);
-  const U = (y) => {
+  X(() => {
+    v && G()[0]?.focus();
+  }, [v, G]);
+  const j = (y) => {
     if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(y.key)) return;
-    const S = K();
+    const S = G();
     if (S.length === 0) return;
     y.preventDefault();
-    const $ = S.indexOf(document.activeElement), E = y.key === "Home" ? 0 : y.key === "End" ? S.length - 1 : y.key === "ArrowDown" ? ($ + 1) % S.length : ($ - 1 + S.length) % S.length;
+    const A = S.indexOf(document.activeElement), E = y.key === "Home" ? 0 : y.key === "End" ? S.length - 1 : y.key === "ArrowDown" ? (A + 1) % S.length : (A - 1 + S.length) % S.length;
     S[E]?.focus();
   };
-  Z(() => {
+  X(() => {
     const y = (x) => {
-      p.current && (!p.current.contains(x.target) || C.current && !C.current.contains(x.target)) && (m(!1), b(null), _.current && (clearTimeout(_.current), _.current = null));
+      p.current && (!p.current.contains(x.target) || C.current && !C.current.contains(x.target)) && (m(!1), b(null), $.current && (clearTimeout($.current), $.current = null));
     };
     return v && document.addEventListener("mousedown", y), () => {
       document.removeEventListener("mousedown", y);
     };
-  }, [v]), Z(() => {
+  }, [v]), X(() => {
     const y = (x) => {
-      x.key === "Escape" && (m(!1), b(null), h.current?.focus(), _.current && (clearTimeout(_.current), _.current = null));
+      x.key === "Escape" && (m(!1), b(null), h.current?.focus(), $.current && (clearTimeout($.current), $.current = null));
     };
     return v && document.addEventListener("keydown", y), () => {
       document.removeEventListener("keydown", y);
     };
-  }, [v]), Z(() => {
+  }, [v]), X(() => {
     if (f && p.current) {
       const y = p.current.querySelector(
         `[data-option-value="${f}"]`
@@ -2416,25 +2416,25 @@ const Br = ({
         });
       }
     }
-  }, [f]), Z(() => () => {
-    _.current && clearTimeout(_.current);
+  }, [f]), X(() => () => {
+    $.current && clearTimeout($.current);
   }, []);
-  const j = (y) => {
-    y.stopPropagation(), !l && (m(!v), b(null), _.current && (clearTimeout(_.current), _.current = null));
+  const W = (y) => {
+    y.stopPropagation(), !l && (m(!v), b(null), $.current && (clearTimeout($.current), $.current = null));
   }, B = (y, x, S) => {
     y.stopPropagation(), !x.disabled && !x.divider && (!x.children || x.children.length === 0) && (s?.(x.value, S), m(!1), b(null));
-  }, W = (y) => {
-    _.current && (clearTimeout(_.current), _.current = null), y.children && y.children.length > 0 ? b(y.value) : b(null);
-  }, Q = (y) => {
-    y.children && y.children.length > 0 ? _.current = setTimeout(() => {
+  }, U = (y) => {
+    $.current && (clearTimeout($.current), $.current = null), y.children && y.children.length > 0 ? b(y.value) : b(null);
+  }, ee = (y) => {
+    y.children && y.children.length > 0 ? $.current = setTimeout(() => {
       b(null);
     }, 150) : b(null);
-  }, Y = (y, x, S) => {
+  }, Z = (y, x, S) => {
     y.stopPropagation(), !x.disabled && !x.divider && (s?.(x.value, S), m(!1), b(null));
   }, de = i(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
     "max-h-60 overflow-auto"
-  ), X = i(
+  ), Y = i(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
     "max-h-60 overflow-auto"
   );
@@ -2451,7 +2451,7 @@ const Br = ({
           "button",
           {
             ref: h,
-            onClick: j,
+            onClick: W,
             disabled: l,
             "aria-haspopup": "menu",
             "aria-expanded": v,
@@ -2466,14 +2466,14 @@ const Br = ({
           {
             ref: z,
             className: de,
-            style: P,
-            onKeyDown: U,
+            style: O,
+            onKeyDown: j,
             children: /* @__PURE__ */ c("div", { className: "p-2", role: "menu", children: [
               d && (typeof d == "string" ? /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted uppercase tracking-label px-3 py-2", children: d }) : d),
               r.map((y, x) => {
                 if (y.divider)
                   return /* @__PURE__ */ e("div", { className: "border-t border-border my-2" }, `divider-${x}`);
-                const S = y.children && y.children.length > 0, $ = f === y.value;
+                const S = y.children && y.children.length > 0, A = f === y.value;
                 return /* @__PURE__ */ c("div", { className: "relative group", children: [
                   /* @__PURE__ */ c(
                     "button",
@@ -2482,14 +2482,14 @@ const Br = ({
                       role: "menuitem",
                       "aria-haspopup": S ? "menu" : void 0,
                       onClick: (E) => B(E, y),
-                      onMouseEnter: () => W(y),
-                      onMouseLeave: () => Q(y),
+                      onMouseEnter: () => U(y),
+                      onMouseLeave: () => ee(y),
                       disabled: y.disabled,
                       className: i(
                         "flex w-full items-center justify-between rounded-md px-3 py-1.5 text-sm text-text transition-colors duration-fast ease-out hover:bg-surface-hover focus-visible:outline-none focus-visible:focus-ring",
                         {
                           "opacity-50 cursor-not-allowed": y.disabled,
-                          "bg-surface-hover": $ && S
+                          "bg-surface-hover": A && S
                         }
                       ),
                       children: [
@@ -2507,24 +2507,24 @@ const Br = ({
                       ]
                     }
                   ),
-                  S && $ && /* @__PURE__ */ e(
+                  S && A && /* @__PURE__ */ e(
                     "div",
                     {
                       ref: C,
-                      className: X,
+                      className: Y,
                       style: {
                         top: `${g.top}px`,
                         left: `${g.left}px`
                       },
                       onMouseEnter: () => {
-                        _.current && (clearTimeout(_.current), _.current = null), b(y.value);
+                        $.current && (clearTimeout($.current), $.current = null), b(y.value);
                       },
                       onMouseLeave: () => {
-                        _.current = setTimeout(() => {
+                        $.current = setTimeout(() => {
                           b(null);
                         }, 150);
                       },
-                      children: /* @__PURE__ */ e("div", { className: "p-2", children: y.children.map((E, D) => {
+                      children: /* @__PURE__ */ e("div", { className: "p-2", children: y.children?.map((E, D) => {
                         if (E.divider)
                           return /* @__PURE__ */ e(
                             "div",
@@ -2533,11 +2533,11 @@ const Br = ({
                             },
                             `divider-${D}`
                           );
-                        const A = typeof n == "object" && n[y.value] && n[y.value].includes(E.value) || n === E.value;
+                        const T = typeof n == "object" && n[y.value] && n[y.value].includes(E.value) || n === E.value;
                         return /* @__PURE__ */ c(
                           "button",
                           {
-                            onClick: (oe) => Y(oe, E, y.value),
+                            onClick: (oe) => Z(oe, E, y.value),
                             disabled: E.disabled,
                             className: i(
                               "flex w-full items-center justify-between rounded-md px-3 py-1.5 text-sm text-text transition-colors duration-fast ease-out hover:bg-surface-hover",
@@ -2553,7 +2553,7 @@ const Br = ({
                                   E.description && /* @__PURE__ */ e("span", { className: "text-xs text-text-muted", children: E.description })
                                 ] })
                               ] }),
-                              u && A && /* @__PURE__ */ e(
+                              u && T && /* @__PURE__ */ e(
                                 Ue,
                                 {
                                   className: "size-icon-md shrink-0 text-success-fg",
@@ -2572,8 +2572,8 @@ const Br = ({
               (() => {
                 const y = r.reduce((x, S) => {
                   if (S.divider) return x;
-                  const $ = S.children ? S.children.filter((E) => !E.divider).length : 0;
-                  return x + 1 + $;
+                  const A = S.children ? S.children.filter((E) => !E.divider).length : 0;
+                  return x + 1 + A;
                 }, 0);
                 return y > 1 && /* @__PURE__ */ e("div", { className: "border-t border-border mt-2 pt-2", children: /* @__PURE__ */ c("div", { className: "text-xs text-text-muted px-3 py-1", children: [
                   y,
@@ -2586,7 +2586,7 @@ const Br = ({
       ]
     }
   );
-}, Ps = (t) => (r) => t(r instanceof Date ? r : null), Os = (t) => (r) => t(typeof r == "string" ? r : ""), js = (t) => (r) => t(Array.isArray(r) ? r : typeof r == "string" && r ? [r] : []), Hr = {
+}, Os = (t) => (r) => t(r instanceof Date ? r : null), Ps = (t) => (r) => t(typeof r == "string" ? r : ""), js = (t) => (r) => t(Array.isArray(r) ? r : typeof r == "string" && r ? [r] : []), Hr = {
   none: "px-0",
   sm: "px-2",
   md: "px-3.5",
@@ -2675,91 +2675,91 @@ const Wr = (t) => {
   selectable: h = !1,
   selectedRows: C = [],
   onSelectionChange: z,
-  getRowKey: P = (de, X) => X,
-  emptyContent: _,
-  footerSummary: K,
-  size: U = "md",
-  hoverable: j = !0,
+  getRowKey: O = (de, Y) => Y,
+  emptyContent: $,
+  footerSummary: G,
+  size: j = "md",
+  hoverable: W = !0,
   padding: B = "md",
-  className: W,
-  rowClassName: Q,
-  headerBackground: Y = !0
+  className: U,
+  rowClassName: ee,
+  headerBackground: Z = !0
 }) => {
-  const [de, X] = R(""), y = l !== void 0, x = y ? l : de, S = o ?? X, [$, E] = R({
+  const [de, Y] = R(""), y = l !== void 0, x = y ? l : de, S = o ?? Y, [A, E] = R({
     column: null,
     direction: null
-  }), [D, A] = R({
+  }), [D, T] = R({
     page: 0,
     pageSize: g
   }), oe = ne(null), ce = pe(() => {
-    let T = t;
+    let _ = t;
     if (s && !y && x.trim()) {
       const V = r.filter((ie) => ie.searchable !== !1), re = x.toLowerCase();
-      T = T.filter((ie) => V.some((ee) => {
-        const F = typeof ee.accessor == "function" ? ee.accessor(ie) : ie[ee.accessor];
+      _ = _.filter((ie) => V.some((Q) => {
+        const F = typeof Q.accessor == "function" ? Q.accessor(ie) : ie[Q.accessor];
         return String(F || "").toLowerCase().includes(re);
       }));
     }
-    return T;
+    return _;
   }, [t, x, y, r, s]), q = pe(() => {
-    if (!$.column || !$.direction) return ce;
-    const T = r.find((V) => V.id === $.column);
-    return T ? [...ce].sort((V, re) => {
-      const ie = typeof T.accessor == "function" ? T.accessor(V) : V[T.accessor], ee = typeof T.accessor == "function" ? T.accessor(re) : re[T.accessor];
+    if (!A.column || !A.direction) return ce;
+    const _ = r.find((V) => V.id === A.column);
+    return _ ? [...ce].sort((V, re) => {
+      const ie = typeof _.accessor == "function" ? _.accessor(V) : V[_.accessor], Q = typeof _.accessor == "function" ? _.accessor(re) : re[_.accessor];
       let F = 0;
-      return ie < ee ? F = -1 : ie > ee && (F = 1), $.direction === "desc" ? -F : F;
+      return ie < Q ? F = -1 : ie > Q && (F = 1), A.direction === "desc" ? -F : F;
     }) : ce;
-  }, [ce, $, r]), H = pe(() => {
+  }, [ce, A, r]), H = pe(() => {
     if (!b || m) return q;
-    const T = D.page * D.pageSize, V = T + D.pageSize;
-    return q.slice(T, V);
-  }, [q, D, b, m]), L = xe(
-    (T) => {
-      r.find((re) => re.id === T)?.sortable && E((re) => re.column !== T ? { column: T, direction: "asc" } : re.direction === "asc" ? { column: T, direction: "desc" } : { column: null, direction: null });
+    const _ = D.page * D.pageSize, V = _ + D.pageSize;
+    return q.slice(_, V);
+  }, [q, D, b, m]), L = fe(
+    (_) => {
+      r.find((re) => re.id === _)?.sortable && E((re) => re.column !== _ ? { column: _, direction: "asc" } : re.direction === "asc" ? { column: _, direction: "desc" } : { column: null, direction: null });
     },
     [r]
-  ), k = xe((T) => {
-    A((V) => ({ ...V, page: T }));
-  }, []), M = xe(
-    (T, V) => {
+  ), k = fe((_) => {
+    T((V) => ({ ...V, page: _ }));
+  }, []), M = fe(
+    (_, V) => {
       if (!z) return;
-      const re = P(T, 0);
-      z(V ? [...C, T] : C.filter((ie, ee) => P(C[ee], ee) !== re));
+      const re = O(_, 0);
+      z(V ? [...C, _] : C.filter((ie, Q) => O(C[Q], Q) !== re));
     },
-    [C, z, P]
-  ), G = xe(
-    (T) => {
-      z && z(T ? [...H] : []);
+    [C, z, O]
+  ), K = fe(
+    (_) => {
+      z && z(_ ? [...H] : []);
     },
     [H, z]
   );
-  Z(() => {
-    A((T) => ({ ...T, page: 0 }));
-  }, [x, $]), Z(() => {
-    A((T) => ({ ...T, page: 0 }));
-  }, [u.map((T) => T.value).join(",")]);
-  const O = q.length, N = Math.ceil(O / D.pageSize), I = D.page * D.pageSize + 1, te = Math.min(I + D.pageSize - 1, O), le = H.length > 0 && H.every((T) => {
-    const V = P(T, 0);
-    return C.some((re, ie) => P(re, ie) === V);
-  }), be = H.some((T) => {
-    const V = P(T, 0);
-    return C.some((re, ie) => P(re, ie) === V);
-  }), ye = Hr[B], fe = Y ? "bg-surface-sunk" : "bg-surface", he = i("text-text", ye), Oe = s || u.length > 0 || d.length > 0 || !!v, xt = pe(() => {
-    const T = H.map((ee, F) => ({ row: ee, index: F }));
-    if (!m) return [{ group: null, rows: T }];
+  X(() => {
+    T((_) => ({ ..._, page: 0 }));
+  }, []), X(() => {
+    T((_) => ({ ..._, page: 0 }));
+  }, []);
+  const P = q.length, N = Math.ceil(P / D.pageSize), I = D.page * D.pageSize + 1, te = Math.min(I + D.pageSize - 1, P), le = H.length > 0 && H.every((_) => {
+    const V = O(_, 0);
+    return C.some((re, ie) => O(re, ie) === V);
+  }), be = H.some((_) => {
+    const V = O(_, 0);
+    return C.some((re, ie) => O(re, ie) === V);
+  }), ye = Hr[B], he = Z ? "bg-surface-sunk" : "bg-surface", xe = i("text-text", ye), Pe = s || u.length > 0 || d.length > 0 || !!v, xt = pe(() => {
+    const _ = H.map((Q, F) => ({ row: Q, index: F }));
+    if (!m) return [{ group: null, rows: _ }];
     const V = /* @__PURE__ */ new Map();
-    for (const ee of T) {
-      const F = m(ee.row, ee.index), ge = V.get(F);
-      ge ? ge.push(ee) : V.set(F, [ee]);
+    for (const Q of _) {
+      const F = m(Q.row, Q.index), ge = V.get(F);
+      ge ? ge.push(Q) : V.set(F, [Q]);
     }
     const re = f ?? [];
     return [
-      ...re.filter((ee) => V.has(ee.id)),
-      ...[...V.keys()].filter((ee) => !re.some((F) => F.id === ee)).map((ee) => ({ id: ee }))
-    ].map((ee) => ({ group: ee, rows: V.get(ee.id) ?? [] }));
-  }, [H, m, f]), bt = r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0), Ve = b && O > 0, gt = Ve || K !== void 0;
-  return /* @__PURE__ */ c("div", { className: i("flex min-w-0 flex-col", W), children: [
-    Oe && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
+      ...re.filter((Q) => V.has(Q.id)),
+      ...[...V.keys()].filter((Q) => !re.some((F) => F.id === Q)).map((Q) => ({ id: Q }))
+    ].map((Q) => ({ group: Q, rows: V.get(Q.id) ?? [] }));
+  }, [H, m, f]), bt = r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0), Ve = b && P > 0, gt = Ve || G !== void 0;
+  return /* @__PURE__ */ c("div", { className: i("flex min-w-0 flex-col", U), children: [
+    Pe && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
       s && /* @__PURE__ */ e(
         ct,
         {
@@ -2769,70 +2769,70 @@ const Wr = (t) => {
           containerClassName: "w-full sm:w-66"
         }
       ),
-      u.map((T) => /* @__PURE__ */ e(Wr, { ...T }, T.id)),
+      u.map((_) => /* @__PURE__ */ e(Wr, { ..._ }, _.id)),
       v,
       d.length > 0 && /* @__PURE__ */ e(ke, { actions: d, className: "ml-auto" })
     ] }),
     /* @__PURE__ */ e("div", { className: "relative w-full overflow-x-auto rounded-lg ring-1 ring-border", children: /* @__PURE__ */ c("table", { ref: oe, className: "min-w-full border-collapse text-base text-text", children: [
-      /* @__PURE__ */ e("thead", { className: i(fe, "h-control-lg"), children: /* @__PURE__ */ c("tr", { children: [
-        h && /* @__PURE__ */ e("th", { className: i(he, "w-10"), children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("thead", { className: i(he, "h-control-lg"), children: /* @__PURE__ */ c("tr", { children: [
+        h && /* @__PURE__ */ e("th", { className: i(xe, "w-10"), children: /* @__PURE__ */ e(
           we,
           {
             size: "sm",
             checked: le,
             indeterminate: be && !le,
-            onChange: (T) => G(T.target.checked),
+            onChange: (_) => K(_.target.checked),
             "aria-label": "Select all rows"
           }
         ) }),
-        r.map((T) => /* @__PURE__ */ e(
+        r.map((_) => /* @__PURE__ */ e(
           "th",
           {
             className: i(
-              he,
+              xe,
               "text-xs font-semibold uppercase tracking-label text-text-muted",
               "group",
               {
-                "text-left": T.align === "left" || !T.align,
-                "text-center": T.align === "center",
-                "text-right": T.align === "right",
-                "cursor-pointer select-none": T.sortable,
-                [`sticky left-0 ${fe}`]: T.sticky === "left",
-                [`sticky right-0 ${fe}`]: T.sticky === "right"
+                "text-left": _.align === "left" || !_.align,
+                "text-center": _.align === "center",
+                "text-right": _.align === "right",
+                "cursor-pointer select-none": _.sortable,
+                [`sticky left-0 ${he}`]: _.sticky === "left",
+                [`sticky right-0 ${he}`]: _.sticky === "right"
               }
             ),
-            style: { width: T.width },
-            onClick: () => T.sortable && L(T.id),
+            style: { width: _.width },
+            onClick: () => _.sortable && L(_.id),
             children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1.5", children: [
-              T.headerCell ? T.headerCell() : T.header,
-              T.sortable && /* @__PURE__ */ e(
+              _.headerCell ? _.headerCell() : _.header,
+              _.sortable && /* @__PURE__ */ e(
                 J,
                 {
-                  icon: $.column === T.id && $.direction === "desc" ? De : At,
+                  icon: A.column === _.id && A.direction === "desc" ? De : _t,
                   size: "xs",
                   className: i(
                     "transition-opacity duration-fast ease-out",
-                    $.column === T.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
+                    A.column === _.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
                   )
                 }
               )
             ] })
           },
-          T.id
+          _.id
         )),
-        w.length > 0 && /* @__PURE__ */ e("th", { className: i(he, "w-10"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
+        w.length > 0 && /* @__PURE__ */ e("th", { className: i(xe, "w-10"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: Vr }).map((T, V) => /* @__PURE__ */ c(
+      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: Vr }).map((_, V) => /* @__PURE__ */ c(
         "tr",
         {
           className: "animate-pulse border-t border-border-subtle",
           "aria-hidden": !0,
           children: [
-            h && /* @__PURE__ */ e("td", { className: i(he, "h-row-lg"), children: /* @__PURE__ */ e("span", { className: "block size-4 rounded-xs bg-surface-hover" }) }),
+            h && /* @__PURE__ */ e("td", { className: i(xe, "h-row-lg"), children: /* @__PURE__ */ e("span", { className: "block size-4 rounded-xs bg-surface-hover" }) }),
             r.map((re, ie) => /* @__PURE__ */ e(
               "td",
               {
-                className: i(he, "h-row-lg"),
+                className: i(xe, "h-row-lg"),
                 style: { width: re.width },
                 children: /* @__PURE__ */ e(
                   "span",
@@ -2846,7 +2846,7 @@ const Wr = (t) => {
               },
               re.id
             )),
-            w.length > 0 && /* @__PURE__ */ e("td", { className: i(he, "h-row-lg") })
+            w.length > 0 && /* @__PURE__ */ e("td", { className: i(xe, "h-row-lg") })
           ]
         },
         `skeleton-${V}`
@@ -2855,13 +2855,13 @@ const Wr = (t) => {
         {
           colSpan: r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0),
           className: i(
-            he,
+            xe,
             "border-t border-border-subtle py-10 text-center text-text-muted"
           ),
-          children: _ || "No data available"
+          children: $ || "No data available"
         }
-      ) }) : xt.flatMap((T) => [
-        ...T.group ? [
+      ) }) : xt.flatMap((_) => [
+        ..._.group ? [
           /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
             "td",
             {
@@ -2870,41 +2870,41 @@ const Wr = (t) => {
                 // A caption over its rows, not a second column strip:
                 // same surface as the rows, no rules, count on the right.
                 "border-t border-border-subtle bg-surface px-4 pb-1.5 pt-4 text-sm font-semibold",
-                T.group.tone === "danger" ? "text-danger-fg" : T.group.tone === "muted" ? "text-text-subtle" : "text-text"
+                _.group.tone === "danger" ? "text-danger-fg" : _.group.tone === "muted" ? "text-text-subtle" : "text-text"
               ),
               children: /* @__PURE__ */ c("span", { className: "flex items-center gap-2.5", children: [
-                T.group.title ?? T.group.id,
-                /* @__PURE__ */ e("span", { className: "rounded-full bg-surface-sunk px-1.5 py-0.5 text-xs font-medium text-text-muted tabular-nums", children: T.group.count ?? T.rows.length })
+                _.group.title ?? _.group.id,
+                /* @__PURE__ */ e("span", { className: "rounded-full bg-surface-sunk px-1.5 py-0.5 text-xs font-medium text-text-muted tabular-nums", children: _.group.count ?? _.rows.length })
               ] })
             }
-          ) }, `group-${T.group.id}`)
+          ) }, `group-${_.group.id}`)
         ] : [],
-        ...T.rows.map(({ row: V, index: re }) => {
-          const ie = P(V, re), ee = C.some(
-            (F, ge) => P(F, ge) === ie
+        ..._.rows.map(({ row: V, index: re }) => {
+          const ie = O(V, re), Q = C.some(
+            (F, ge) => O(F, ge) === ie
           );
           return /* @__PURE__ */ c(
             "tr",
             {
               className: i(
-                qr[U],
+                qr[j],
                 // Hairline above every row, including the first: it is
                 // what separates the body from the column strip.
                 "border-t border-border-subtle",
-                j && "transition-colors duration-fast ease-out hover:bg-surface-hover",
+                W && "transition-colors duration-fast ease-out hover:bg-surface-hover",
                 p && "cursor-pointer",
-                ee && "bg-accent-soft",
-                Q?.(V, re)
+                Q && "bg-accent-soft",
+                ee?.(V, re)
               ),
               onClick: (F) => {
                 F.stopPropagation(), p?.(V, re);
               },
               children: [
-                h && /* @__PURE__ */ e("td", { className: he, children: /* @__PURE__ */ e(
+                h && /* @__PURE__ */ e("td", { className: xe, children: /* @__PURE__ */ e(
                   we,
                   {
                     size: "sm",
-                    checked: ee,
+                    checked: Q,
                     onClick: (F) => F.stopPropagation(),
                     onChange: (F) => {
                       F.stopPropagation(), M(V, F.target.checked);
@@ -2917,7 +2917,7 @@ const Wr = (t) => {
                   return /* @__PURE__ */ e(
                     "td",
                     {
-                      className: i(he, {
+                      className: i(xe, {
                         "text-left": F.align === "left" || !F.align,
                         "text-center": F.align === "center",
                         "text-right": F.align === "right",
@@ -2929,11 +2929,11 @@ const Wr = (t) => {
                     F.id
                   );
                 }),
-                w.length > 0 && /* @__PURE__ */ e("td", { className: he, children: /* @__PURE__ */ e(
+                w.length > 0 && /* @__PURE__ */ e("td", { className: xe, children: /* @__PURE__ */ e(
                   Br,
                   {
                     className: "rounded-md",
-                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(J, { icon: _t, size: "md", color: "current" }) }),
+                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(J, { icon: $t, size: "md", color: "current" }) }),
                     options: w.map((F) => ({
                       value: F.id,
                       label: F.label,
@@ -2955,7 +2955,7 @@ const Wr = (t) => {
       ]) })
     ] }) }),
     gt && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-3 px-1 pt-3 text-xs text-text-muted", children: [
-      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: K ?? `Showing ${I}–${te} of ${O}` }),
+      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: G ?? `Showing ${I}–${te} of ${P}` }),
       Ve && /* @__PURE__ */ c("div", { className: "flex items-center gap-0.5", children: [
         /* @__PURE__ */ e(
           se,
@@ -2966,25 +2966,25 @@ const Wr = (t) => {
             "aria-label": "Previous page",
             onClick: () => k(D.page - 1),
             disabled: D.page === 0,
-            children: /* @__PURE__ */ e(J, { icon: ze, size: "md", color: "current" })
+            children: /* @__PURE__ */ e(J, { icon: Ee, size: "md", color: "current" })
           }
         ),
         Ur(D.page, N).map(
-          (T, V) => T === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${V}`) : /* @__PURE__ */ e(
+          (_, V) => _ === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${V}`) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-current": T === D.page ? "page" : void 0,
-              onClick: () => k(T),
+              "aria-current": _ === D.page ? "page" : void 0,
+              onClick: () => k(_),
               className: i(
                 "h-control-xs min-w-6 cursor-pointer rounded-sm px-1.5 tabular-nums",
                 "transition-colors duration-fast ease-out",
                 "focus-visible:outline-none focus-visible:focus-ring",
-                T === D.page ? "bg-surface-sunk font-semibold text-text" : "text-text-muted hover:bg-surface-hover hover:text-text"
+                _ === D.page ? "bg-surface-sunk font-semibold text-text" : "text-text-muted hover:bg-surface-hover hover:text-text"
               ),
-              children: T + 1
+              children: _ + 1
             },
-            T
+            _
           )
         ),
         /* @__PURE__ */ e(
@@ -3228,7 +3228,7 @@ const Bs = ({
     if (!f) return String(m || "-");
     const b = f.find((g) => g.value === m);
     return b ? b.label : String(m || "-");
-  }, u = xe(
+  }, u = fe(
     (m) => {
       const f = sn(r, m.name);
       if (m.type === "array") {
@@ -3310,8 +3310,8 @@ const Bs = ({
       }
       return /* @__PURE__ */ e(ue, { variant: "body", size: "sm", className: "text-text", children: b });
     },
-    [r]
-  ), d = xe(
+    [r, o, a, l]
+  ), d = fe(
     (m) => {
       if (m.conditional && !m.conditional(r))
         return null;
@@ -3412,29 +3412,29 @@ function qs({
   className: o
 }) {
   const u = ne(null), [d, v] = R(null), [, m] = R(0), f = ne(null), b = ne(r);
-  b.current = r, Z(() => {
+  b.current = r, X(() => {
     if (Fe.has(t)) return;
     let C = !0;
     return (async () => {
       try {
-        const P = await b.current();
+        const O = await b.current();
         if (!C) return;
-        Fe.set(t, P), m((_) => _ + 1);
-      } catch (P) {
-        console.error(`[FederatedResource] Load failed: ${t}`, P), C && v(t);
+        Fe.set(t, O), m(($) => $ + 1);
+      } catch (O) {
+        console.error(`[FederatedResource] Load failed: ${t}`, O), C && v(t);
       }
     })(), () => {
       C = !1;
     };
   }, [t]);
   const g = Fe.get(t) ?? null, w = !g && d === t, p = !g && !w, h = g ? n === "react" && (g.component || g.default) || g : null;
-  return Z(() => {
+  return X(() => {
     if (!h || n === "react") return;
     const C = u.current;
     if (C) {
       if (n === "svelte") {
-        const z = h.default || h, P = new z({ target: C, props: l || {} });
-        return f.current = P, () => P.$destroy();
+        const z = h.default || h, O = new z({ target: C, props: l || {} });
+        return f.current = O, () => O.$destroy();
       }
       if (h.mount) {
         const z = h.mount({ container: C, props: l || {} });
@@ -3443,7 +3443,7 @@ function qs({
         };
       }
     }
-  }, [h, n]), Z(() => {
+  }, [h, n, l]), X(() => {
     n === "svelte" && f.current && f.current.$set?.(l);
   }, [l, n]), /* @__PURE__ */ c("div", { ref: u, className: o, style: { display: "contents" }, children: [
     p && s,
@@ -3744,7 +3744,7 @@ const _e = (t) => t == null ? "" : String(t), hn = (t) => _e(t).trim().toLowerCa
   md: "h-control-md px-3 text-sm",
   lg: "h-control-lg px-3 text-base",
   full: "h-control-md w-full px-3 text-sm"
-}, Ae = hn, $e = ve(
+}, Te = hn, $e = ve(
   ({
     label: t,
     helperText: r,
@@ -3765,24 +3765,24 @@ const _e = (t) => t == null ? "" : String(t), hn = (t) => _e(t).trim().toLowerCa
     allowCreate: h,
     onCreateOption: C,
     ...z
-  }, P) => {
-    const _ = f || `select-${Math.random().toString(36).substr(2, 9)}`, K = !!n, [U, j] = ae.useState(!1), [B, W] = ae.useState(""), Q = ae.useRef(null), Y = ae.useRef(null), de = Pe(U, Y, { matchWidth: !0 }), [X, y] = ae.useState(o);
-    ae.useImperativeHandle(P, () => Q.current), ae.useEffect(() => {
+  }, O) => {
+    const $ = f || `select-${Math.random().toString(36).substr(2, 9)}`, G = !!n, [j, W] = ae.useState(!1), [B, U] = ae.useState(""), ee = ae.useRef(null), Z = ae.useRef(null), de = Oe(j, Z, { matchWidth: !0 }), [Y, y] = ae.useState(o);
+    ae.useImperativeHandle(O, () => ee.current), ae.useEffect(() => {
       const L = (k) => {
-        Q.current && !Q.current.contains(k.target) && j(!1);
+        ee.current && !ee.current.contains(k.target) && W(!1);
       };
       return document.addEventListener("mousedown", L), () => document.removeEventListener("mousedown", L);
     }, []);
     const x = ae.useCallback(
-      (L, k) => L.some((M) => Ae(M.value) === Ae(k) || Ae(M.label) === Ae(k)),
+      (L, k) => L.some((M) => Te(M.value) === Te(k) || Te(M.label) === Te(k)),
       []
     ), S = ae.useCallback(
       (L, k) => {
-        const M = [...L], G = (O) => {
-          const N = _e(O).trim();
+        const M = [...L], K = (P) => {
+          const N = _e(P).trim();
           N && (x(M, N) || M.push({ value: N, label: N }));
         };
-        return Array.isArray(k) ? k.forEach(G) : G(k), M;
+        return Array.isArray(k) ? k.forEach(K) : K(k), M;
       },
       [x]
     );
@@ -3794,45 +3794,45 @@ const _e = (t) => t == null ? "" : String(t), hn = (t) => _e(t).trim().toLowerCa
         }), S(k, w);
       });
     }, [o, w, S, x]);
-    const $ = ae.useMemo(
+    const A = ae.useMemo(
       () => Array.isArray(w) ? w.map(_e) : w == null ? void 0 : _e(w),
       [w]
     ), E = (L) => {
       if (g) {
-        const k = Array.isArray($) ? $ : [], M = k.includes(L) ? k.filter((G) => G !== L) : [...k, L];
+        const k = Array.isArray(A) ? A : [], M = k.includes(L) ? k.filter((K) => K !== L) : [...k, L];
         p?.(M);
       } else
-        p?.(L), j(!1), W("");
-    }, D = g ? null : X.find((L) => L.value === $), A = g ? X.filter((L) => Array.isArray($) && $.includes(L.value)) : [], oe = b && B ? X.filter(
+        p?.(L), W(!1), U("");
+    }, D = g ? null : Y.find((L) => L.value === A), T = g ? Y.filter((L) => Array.isArray(A) && A.includes(L.value)) : [], oe = b && B ? Y.filter(
       (L) => L.label.toLowerCase().includes(B.toLowerCase())
-    ) : X, ce = !!h && !!b && !!B.trim() && !x(X, B), q = (L) => {
+    ) : Y, ce = !!h && !!b && !!B.trim() && !x(Y, B), q = (L) => {
       const k = L.trim();
       if (!k) return;
       const M = C?.(k) ?? {
         value: k,
         label: k
       };
-      if (x(X, M.value) || x(X, M.label)) {
-        E(M.value), W(""), g || j(!1);
+      if (x(Y, M.value) || x(Y, M.label)) {
+        E(M.value), U(""), g || W(!1);
         return;
       }
-      y((G) => [...G, M]), E(M.value), W(""), g || j(!1);
-    }, H = () => g ? A.length > 0 ? A.map((L) => L.label).join(", ") : u || "Select options" : D?.label || u || "Select an option";
+      y((K) => [...K, M]), E(M.value), U(""), g || W(!1);
+    }, H = () => g ? T.length > 0 ? T.map((L) => L.label).join(", ") : u || "Select options" : D?.label || u || "Select an option";
     return /* @__PURE__ */ c(
       "div",
       {
-        ref: Q,
+        ref: ee,
         className: i("relative flex flex-col", a && "w-full", d),
         ...z,
         children: [
           t && /* @__PURE__ */ e(
             "label",
             {
-              htmlFor: _,
-              onClick: () => j(!U),
+              htmlFor: $,
+              onClick: () => W(!j),
               className: i(
                 "block text-xs font-semibold uppercase tracking-label mb-1.5",
-                K ? "text-danger-fg" : "text-text-muted",
+                G ? "text-danger-fg" : "text-text-muted",
                 v
               ),
               children: t
@@ -3842,36 +3842,36 @@ const _e = (t) => t == null ? "" : String(t), hn = (t) => _e(t).trim().toLowerCa
             /* @__PURE__ */ c(
               "button",
               {
-                ref: Y,
+                ref: Z,
                 type: "button",
-                id: _,
+                id: $,
                 disabled: l,
-                onClick: () => j(!U),
+                onClick: () => W(!j),
                 className: i(
                   "flex w-full items-center justify-between gap-2 rounded-tile border transition-colors duration-fast text-left",
                   "focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   "bg-surface",
                   xn[s],
-                  K ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
+                  G ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
                   m
                 ),
                 children: [
                   /* @__PURE__ */ e("span", { className: "truncate flex-1 min-w-0", children: H() }),
                   /* @__PURE__ */ e(
-                    $t,
+                    At,
                     {
                       size: 16,
                       className: i(
                         "shrink-0 opacity-60 transition-transform duration-fast",
-                        U && "rotate-180"
+                        j && "rotate-180"
                       )
                     }
                   )
                 ]
               }
             ),
-            U && /* @__PURE__ */ c(
+            j && /* @__PURE__ */ c(
               "div",
               {
                 style: de,
@@ -3883,7 +3883,7 @@ const _e = (t) => t == null ? "" : String(t), hn = (t) => _e(t).trim().toLowerCa
                       type: "text",
                       placeholder: "Search...",
                       value: B,
-                      onChange: (L) => W(L.target.value),
+                      onChange: (L) => U(L.target.value),
                       onKeyDown: (L) => {
                         L.key === "Enter" && ce && (L.preventDefault(), q(B));
                       },
@@ -3914,13 +3914,13 @@ const _e = (t) => t == null ? "" : String(t), hn = (t) => _e(t).trim().toLowerCa
                       {
                         className: "cursor-pointer px-3 py-1.5 text-sm text-text-muted hover:bg-surface-hover",
                         onClick: () => {
-                          p?.(""), j(!1);
+                          p?.(""), W(!1);
                         },
                         children: u
                       }
                     ),
                     oe.map((L) => {
-                      const k = g ? Array.isArray($) && $.includes(L.value) : $ === L.value;
+                      const k = g ? Array.isArray(A) && A.includes(L.value) : A === L.value;
                       return /* @__PURE__ */ e(
                         "li",
                         {
@@ -3952,7 +3952,7 @@ const _e = (t) => t == null ? "" : String(t), hn = (t) => _e(t).trim().toLowerCa
               }
             )
           ] }),
-          (n || r) && /* @__PURE__ */ e("p", { className: i("mt-1 text-xs", K ? "text-danger-fg" : "text-text-muted"), children: n || r })
+          (n || r) && /* @__PURE__ */ e("p", { className: i("mt-1 text-xs", G ? "text-danger-fg" : "text-text-muted"), children: n || r })
         ]
       }
     );
@@ -4045,7 +4045,7 @@ function gn({
   showTemplate: u = !0
 }) {
   const [d, v] = R([]);
-  Z(() => {
+  X(() => {
     let f = !0;
     return Promise.resolve(n?.()).then((b) => {
       f && b && v(b.data ?? []);
@@ -4053,7 +4053,7 @@ function gn({
     }), () => {
       f = !1;
     };
-  }, []);
+  }, [n]);
   const m = t ?? {};
   return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ e(
@@ -4142,20 +4142,20 @@ const pn = et(null), Ys = ({ items: t, activeTab: r, onTabChange: n, className:
       "text-xs px-2 py-1": l === "sm",
       "text-sm px-3 py-2": l === "md",
       "text-base px-4 py-3": l === "lg"
-    }, P = {
+    }, O = {
       // Default variant
       "border-b-2 -mb-px": a === "default",
       // Pills variant
       "rounded-md": a === "pills",
       // Underline variant
       "border-b-2 pb-2": a === "underline"
-    }, _ = {
+    }, $ = {
       "opacity-50 cursor-not-allowed": p.disabled,
       "cursor-pointer": !p.disabled
-    }, K = h ? {
+    }, G = h ? {
       "border-accent-border text-text": a === "default" || a === "underline",
       "bg-surface text-text shadow-none": a === "pills"
-    } : {}, U = !h && !p.disabled ? {
+    } : {}, j = !h && !p.disabled ? {
       "border-transparent text-text-muted hover:text-text": a === "default",
       "text-text-muted hover:text-text": a === "pills",
       "border-transparent text-text-muted hover:text-text hover:border-border": a === "underline"
@@ -4163,10 +4163,10 @@ const pn = et(null), Ys = ({ items: t, activeTab: r, onTabChange: n, className:
     return i(
       C,
       z,
-      P,
-      _,
-      K,
-      U
+      O,
+      $,
+      G,
+      j
     );
   };
   return /* @__PURE__ */ e(pn.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
@@ -4219,13 +4219,13 @@ function mt({
   showCloseButton: m = !0
 }) {
   const f = ne(null), b = ne(null);
-  Z(() => {
+  X(() => {
     if (!t || !l) return;
     const w = (p) => {
       p.key === "Escape" && r();
     };
     return document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
-  }, [t, l, r]), Z(() => (t ? (b.current = document.activeElement, f.current && f.current.focus(), document.body.style.overflow = "hidden") : (b.current && b.current.focus(), document.body.style.overflow = ""), () => {
+  }, [t, l, r]), X(() => (t ? (b.current = document.activeElement, f.current && f.current.focus(), document.body.style.overflow = "hidden") : (b.current && b.current.focus(), document.body.style.overflow = ""), () => {
     document.body.style.overflow = "";
   }), [t]);
   const g = (w) => {
@@ -4289,44 +4289,44 @@ const Nn = ({
   onDownloadFile: m,
   onRegisterFile: f
 }) => {
-  const [b, g] = R(!1), [w, p] = R([]), [h, C] = R(null), [z, P] = R("/"), [_, K] = R([]), [U, j] = R(!1), [B, W] = R(""), [Q, Y] = R(
+  const [b, g] = R(!1), [w, p] = R([]), [h, C] = R(null), [z, O] = R("/"), [$, G] = R([]), [j, W] = R(!1), [B, U] = R(""), [ee, Z] = R(
     typeof t == "object" ? t : null
-  ), [de, X] = R(!1), [y, x] = R(""), S = ne(null);
-  Z(() => {
-    b && $();
-  }, [b]), Z(() => {
-    b && h && E();
-  }, [b, h, z, B]);
-  const $ = async () => {
-    j(!0);
+  ), [de, Y] = R(!1), [y, x] = R(""), S = ne(null), A = fe(async () => {
+    W(!0);
     try {
       const N = await d?.();
       N?.data && p(N.data);
     } catch (N) {
       console.error("Failed to load mounts", N);
     } finally {
-      j(!1);
+      W(!1);
     }
-  }, E = async () => {
+  }, [d]), E = fe(async () => {
     if (h) {
-      j(!0);
+      W(!0);
       try {
         const N = await u?.({
           mountId: h.id,
           name: B,
           path: z
         });
-        N?.data && K(N.data);
+        N?.data && G(N.data);
       } catch (N) {
         console.error("Failed to load files", N);
       } finally {
-        j(!1);
+        W(!1);
       }
     }
-  }, D = async (N) => {
+  }, [z, u, B, h]);
+  X(() => {
+    b && A();
+  }, [b, A]), X(() => {
+    b && h && E();
+  }, [b, h, E]);
+  const D = async (N) => {
     const I = N.target.files?.[0];
     if (I) {
-      j(!0);
+      W(!0);
       try {
         const te = await I.arrayBuffer(), le = new Uint8Array(te), be = {
           id: `local-${Date.now()}`,
@@ -4339,17 +4339,17 @@ const Nn = ({
           providerKey: I.name,
           ownerId: "me"
         };
-        Y(be), r(be, le), g(!1);
+        Z(be), r(be, le), g(!1);
       } catch (te) {
         console.error("Local file selection failed", te);
       } finally {
-        j(!1);
+        W(!1);
       }
     }
-  }, A = async (N) => {
+  }, T = async (N) => {
     const I = N.target.files?.[0];
     if (!(!I || !h)) {
-      j(!0);
+      W(!0);
       try {
         const te = await I.arrayBuffer(), le = await v?.({
           file: new Uint8Array(te),
@@ -4360,17 +4360,17 @@ const Nn = ({
         });
         if (le?.data) {
           const be = le.data;
-          Y(be), r(be, new Uint8Array(te)), g(!1);
+          Z(be), r(be, new Uint8Array(te)), g(!1);
         }
       } catch (te) {
         console.error("Upload failed", te);
       } finally {
-        j(!1);
+        W(!1);
       }
     }
   }, oe = async () => {
     if (!(!y || !h)) {
-      j(!0);
+      W(!0);
       try {
         const N = `${z}${y}/`;
         f && (await f({
@@ -4382,43 +4382,43 @@ const Nn = ({
           mountId: h.id,
           providerKey: N,
           ownerId: "me"
-        }), await E()), X(!1), x("");
+        }), await E()), Y(!1), x("");
       } catch (N) {
         console.error("Failed to create folder", N);
       } finally {
-        j(!1);
+        W(!1);
       }
     }
   }, ce = async (N) => {
-    j(!0);
+    W(!0);
     try {
       const I = await m?.(N.id);
-      Y(N), r(N, I), g(!1);
+      Z(N), r(N, I), g(!1);
     } catch (I) {
       console.error("Failed to download file", I);
     } finally {
-      j(!1);
+      W(!1);
     }
   }, q = (N) => {
-    N.stopPropagation(), Y(null), r(null);
+    N.stopPropagation(), Z(null), r(null);
   }, H = pe(() => {
     const N = /* @__PURE__ */ new Set(), I = [];
-    return _.forEach((te) => {
+    return $.forEach((te) => {
       if (te.type === "folder") {
         te.path === z && N.add(te.name);
         return;
       }
-      const le = te.providerKey || te.name, ye = (z ? le.substring(z.length) : le).split("/").filter((fe) => fe !== "");
+      const le = te.providerKey || te.name, ye = (z ? le.substring(z.length) : le).split("/").filter((he) => he !== "");
       ye.length > 1 ? N.add(ye[0]) : ye.length === 1 && I.push(te);
     }), {
       folders: Array.from(N).sort(),
       files: I.sort((te, le) => te.name.localeCompare(le.name))
     };
-  }, [_, z]), L = (N) => {
-    P((I) => `${I}${N}/`);
+  }, [$, z]), L = (N) => {
+    O((I) => `${I}${N}/`);
   }, k = () => {
     const N = z.split("/").filter((I) => I !== "");
-    N.pop(), N.length === 0 ? P("/") : P(`${N.join("/")}/`);
+    N.pop(), N.length === 0 ? O("/") : O(`${N.join("/")}/`);
   }, M = pe(() => {
     const N = H.folders.map((I) => ({
       id: `folder-${I}`,
@@ -4431,7 +4431,7 @@ const Nn = ({
         type: "file"
       });
     }), N;
-  }, [H]), G = [
+  }, [H]), K = [
     {
       id: "name",
       header: "Name",
@@ -4470,12 +4470,12 @@ const Nn = ({
           onClick: (te) => {
             te.stopPropagation(), I.type === "folder" ? L(I.name) : ce(I);
           },
-          loading: U && I.type === "file" && Q?.id === I.id,
+          loading: j && I.type === "file" && ee?.id === I.id,
           children: I.type === "folder" ? "Open" : "Select"
         }
       )
     }
-  ], O = [
+  ], P = [
     {
       id: "name",
       header: "Mount Name",
@@ -4509,12 +4509,12 @@ const Nn = ({
           /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(
             J,
             {
-              icon: Q ? je : We,
-              color: Q ? "primary" : "secondary"
+              icon: ee ? je : We,
+              color: ee ? "primary" : "secondary"
             }
           ) }),
-          /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: Q ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: Q.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
-          Q && !l && /* @__PURE__ */ e("button", { onClick: q, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(J, { icon: Se, size: "xs" }) })
+          /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: ee ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: ee.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
+          ee && !l && /* @__PURE__ */ e("button", { onClick: q, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(J, { icon: Se, size: "xs" }) })
         ]
       }
     ),
@@ -4524,7 +4524,7 @@ const Nn = ({
       {
         open: b,
         onClose: () => {
-          g(!1), C(null), P("/"), X(!1);
+          g(!1), C(null), O("/"), Y(!1);
         },
         title: h ? `Explorer: ${h.name}` : "Select Storage Mount",
         size: "lg",
@@ -4536,7 +4536,7 @@ const Nn = ({
               {
                 id: "remote",
                 label: "Platform Storage",
-                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: h ? /* @__PURE__ */ c(Ee, { children: [
+                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: h ? /* @__PURE__ */ c(Ae, { children: [
                   /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
                     /* @__PURE__ */ e(
                       se,
@@ -4555,7 +4555,7 @@ const Nn = ({
                       {
                         placeholder: "Search...",
                         value: B,
-                        onChange: (N) => W(N.target.value),
+                        onChange: (N) => U(N.target.value),
                         startIcon: /* @__PURE__ */ e(Le, { size: 14 }),
                         fullWidth: !0
                       }
@@ -4565,7 +4565,7 @@ const Nn = ({
                         se,
                         {
                           variant: "outline",
-                          onClick: () => X(!0),
+                          onClick: () => Y(!0),
                           leftIcon: /* @__PURE__ */ e(J, { icon: Lt, size: "xs" }),
                           children: "New Folder"
                         }
@@ -4576,7 +4576,7 @@ const Nn = ({
                           variant: "primary",
                           onClick: () => S.current?.click(),
                           leftIcon: /* @__PURE__ */ e(J, { icon: It, size: "xs" }),
-                          loading: U,
+                          loading: j,
                           children: "Upload"
                         }
                       ),
@@ -4586,7 +4586,7 @@ const Nn = ({
                           type: "file",
                           className: "hidden",
                           ref: S,
-                          onChange: A,
+                          onChange: T,
                           accept: o
                         }
                       )
@@ -4603,15 +4603,15 @@ const Nn = ({
                         autoFocus: !0
                       }
                     ),
-                    /* @__PURE__ */ e(se, { onClick: oe, loading: U, children: "Create" }),
-                    /* @__PURE__ */ e(se, { variant: "ghost", onClick: () => X(!1), children: "Cancel" })
+                    /* @__PURE__ */ e(se, { onClick: oe, loading: j, children: "Create" }),
+                    /* @__PURE__ */ e(se, { variant: "ghost", onClick: () => Y(!1), children: "Cancel" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
                     Ye,
                     {
                       data: M,
-                      columns: G,
-                      loading: U,
+                      columns: K,
+                      loading: j,
                       emptyContent: "This folder is empty",
                       onRowClick: (N) => N.type === "folder" ? L(N.name) : ce(N)
                     }
@@ -4620,8 +4620,8 @@ const Nn = ({
                   Ye,
                   {
                     data: w,
-                    columns: O,
-                    loading: U,
+                    columns: P,
+                    loading: j,
                     emptyContent: "No storage mounts configured",
                     onRowClick: (N) => C(N)
                   }
@@ -4652,7 +4652,7 @@ const Nn = ({
                       {
                         variant: "primary",
                         size: "lg",
-                        loading: U,
+                        loading: j,
                         className: "pointer-events-none",
                         children: "Browse Local File"
                       }
@@ -4664,7 +4664,7 @@ const Nn = ({
                         className: "hidden",
                         onChange: D,
                         accept: o,
-                        disabled: U
+                        disabled: j
                       }
                     )
                   ] })
@@ -4806,15 +4806,15 @@ const Xs = ({
   ref: w,
   sdk: p
 }) => {
-  const [h, C] = R(r || {}), z = ae.useId(), P = xe(
+  const [h, C] = R(r || {}), z = ae.useId(), O = fe(
     (x) => `${z}-${String(x).replace(/\./g, "-")}`,
     [z]
-  ), [_, K] = R({}), [U, j] = R({});
-  Z(() => {
+  ), [$, G] = R({}), [j, W] = R({});
+  X(() => {
     r && C({ ...r });
   }, [r]);
-  const B = xe(
-    (x, S, $) => {
+  const B = fe(
+    (x, S, A) => {
       const E = t.flatMap((D) => D.items).find((D) => D.name === x);
       if (!E) return null;
       if (E.required && (S == null || S === ""))
@@ -4826,68 +4826,68 @@ const Xs = ({
           return `${E.label} must be an array.`;
         if (Array.isArray(S) && E.arrayFields) {
           const D = [];
-          let A = !1;
+          let T = !1;
           if (S.forEach((oe, ce) => {
             const q = {};
             for (const H of E.arrayFields) {
               const L = oe?.[H.name];
               if (H.required && (L == null || L === ""))
-                q[H.name] = `${H.label} is required`, A = !0;
+                q[H.name] = `${H.label} is required`, T = !0;
               else if (H.validator) {
                 const k = H.validator(L, oe);
-                k && (q[H.name] = k, A = !0);
+                k && (q[H.name] = k, T = !0);
               }
             }
             D[ce] = q;
-          }), A)
+          }), T)
             return JSON.stringify(D);
         }
       }
-      return E.validator ? E.validator(S, $) : null;
+      return E.validator ? E.validator(S, A) : null;
     },
     [t]
-  ), W = xe(
+  ), U = fe(
     (x, S) => {
-      let $ = kn(h, x, S);
-      t.flatMap((A) => A.items).find((A) => A.name === x)?.removeIfEmpty && (S == null || S === "") && ($ = Cn($, x)), C($), j((A) => ({ ...A, [x]: !0 }));
-      const D = B(x, S, $);
-      K((A) => ({
-        ...A,
+      let A = kn(h, x, S);
+      t.flatMap((T) => T.items).find((T) => T.name === x)?.removeIfEmpty && (S == null || S === "") && (A = Cn(A, x)), C(A), W((T) => ({ ...T, [x]: !0 }));
+      const D = B(x, S, A);
+      G((T) => ({
+        ...T,
         [x]: D || ""
-      })), a?.($, x);
+      })), a?.(A, x);
     },
     [h, t, B, a]
-  ), Q = xe(
+  ), ee = fe(
     async (x) => {
       if (x.preventDefault(), b) return;
-      const S = {}, $ = t.flatMap((D) => D.items);
-      for (const D of $) {
+      const S = {}, A = t.flatMap((D) => D.items);
+      for (const D of A) {
         if (D.hidden || D.conditional && !D.conditional(h))
           continue;
-        const A = B(
+        const T = B(
           D.name,
           Ze(h, D.name),
           h
         );
-        A && (S[D.name] = A);
+        T && (S[D.name] = T);
       }
       if (o) {
         const D = o(h);
         D && Object.assign(S, D);
       }
-      if (K(S), Object.keys(S).some((D) => S[D]))
+      if (G(S), Object.keys(S).some((D) => S[D]))
         return;
       const E = l ? l(h) : h;
       await n?.(h, E);
     },
     [h, t, B, o, l, n, b]
-  ), Y = xe(
+  ), Z = fe(
     (x) => {
-      const S = Ze(h, x.name), $ = U[x.name] ? _[x.name] : void 0, E = x.disabled || b, D = {
+      const S = Ze(h, x.name), A = j[x.name] ? $[x.name] : void 0, E = x.disabled || b, D = {
         // Ties the field to the `<label>` the group wrapper renders; without it
         // labels are unassociated — screen readers announce nothing, clicking a
         // label focuses nothing, and tests cannot find a field by its label.
-        id: P(x.name),
+        id: O(x.name),
         value: S || "",
         disabled: E,
         required: x.required,
@@ -4906,10 +4906,10 @@ const Xs = ({
             Ce,
             {
               ...D,
-              onChange: (A) => W(x.name, A.target.value),
+              onChange: (T) => U(x.name, T.target.value),
               type: x.textType || x.type,
               ...Xe(x.autocomplete),
-              error: $,
+              error: A,
               size: f
             }
           );
@@ -4918,9 +4918,9 @@ const Xs = ({
             He,
             {
               ...D,
-              onChange: (A) => W(x.name, A.target.value),
+              onChange: (T) => U(x.name, T.target.value),
               rows: x.rows ?? 4,
-              error: $,
+              error: A,
               size: f
             }
           );
@@ -4929,15 +4929,15 @@ const Xs = ({
             $e,
             {
               ...D,
-              onChange: (A) => W(x.name, A),
-              options: (x.options || []).map((A) => ({
-                ...A,
-                value: String(A.value)
+              onChange: (T) => U(x.name, T),
+              options: (x.options || []).map((T) => ({
+                ...T,
+                value: String(T.value)
               })),
               searchable: x.searchable,
               multiple: x.multiple,
               allowCreate: x.allowCreate,
-              error: $,
+              error: A,
               size: f
             }
           );
@@ -4950,10 +4950,10 @@ const Xs = ({
             {
               "aria-label": x.label,
               value: S == null ? "" : String(S),
-              onChange: (A) => W(x.name, A),
-              options: (x.options || []).map((A) => ({
-                value: String(A.value),
-                label: A.label
+              onChange: (T) => U(x.name, T),
+              options: (x.options || []).map((T) => ({
+                value: String(T.value),
+                label: T.label
               })),
               size: f === "sm" ? "sm" : "md",
               className: x.disabled ? "pointer-events-none opacity-50" : void 0
@@ -4966,12 +4966,12 @@ const Xs = ({
               ...D,
               label: x.label,
               checked: !!S,
-              onChange: (A) => W(x.name, A.target.checked),
+              onChange: (T) => U(x.name, T.target.checked),
               size: f
             }
           );
         case "radio":
-          return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: x.options?.map((A) => /* @__PURE__ */ c(
+          return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: x.options?.map((T) => /* @__PURE__ */ c(
             "label",
             {
               className: "flex cursor-pointer items-center gap-3 text-base text-text",
@@ -4981,17 +4981,17 @@ const Xs = ({
                   {
                     type: "radio",
                     name: x.name,
-                    value: A.value,
-                    checked: S === A.value,
-                    onChange: () => W(x.name, A.value),
-                    disabled: E || A.disabled,
+                    value: T.value,
+                    checked: S === T.value,
+                    onChange: () => U(x.name, T.value),
+                    disabled: E || T.disabled,
                     className: "size-checkbox shrink-0 rounded-xs border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
                   }
                 ),
-                A.label
+                T.label
               ]
             },
-            A.value
+            T.value
           )) });
         case "date":
           return /* @__PURE__ */ e(
@@ -4999,7 +4999,7 @@ const Xs = ({
             {
               ...D,
               value: S ? new Date(S) : null,
-              onChange: (A) => W(x.name, A),
+              onChange: (T) => U(x.name, T),
               size: f
             }
           );
@@ -5009,30 +5009,30 @@ const Xs = ({
             {
               ...D,
               value: S,
-              onChange: (A) => W(x.name, A),
-              error: $,
-              onListFiles: (A) => p?.http.invoke({
+              onChange: (T) => U(x.name, T),
+              error: A,
+              onListFiles: (T) => p?.http.invoke({
                 method: "POST",
                 action: "storage.file.list",
-                body: A
+                body: T
               }),
               onListMounts: () => p?.http.invoke({
                 method: "GET",
                 action: "storage.mount"
               }),
-              onUploadFile: (A) => p?.http.invoke({
+              onUploadFile: (T) => p?.http.invoke({
                 method: "POST",
                 action: "storage.file.upload",
-                body: A
+                body: T
               }),
-              onDownloadFile: (A) => p?.http.invoke({
+              onDownloadFile: (T) => p?.http.invoke({
                 method: "GET",
-                action: `storage.file.${A}.download`
+                action: `storage.file.${T}.download`
               }),
-              onRegisterFile: (A) => p?.http.invoke({
+              onRegisterFile: (T) => p?.http.invoke({
                 method: "POST",
                 action: "storage.file.folder",
-                body: A
+                body: T
               })
             }
           );
@@ -5041,7 +5041,7 @@ const Xs = ({
             gn,
             {
               value: S || {},
-              onChange: (A) => W(x.name, A),
+              onChange: (T) => U(x.name, T),
               onListFolders: () => p?.http.invoke({
                 method: "GET",
                 action: "storage.mount"
@@ -5054,43 +5054,43 @@ const Xs = ({
         case "custom":
           return x.customComponent?.({
             value: S,
-            onChange: (A) => W(x.name, A),
-            error: $,
+            onChange: (T) => U(x.name, T),
+            error: A,
             disabled: E
           });
         case "array": {
-          const A = S || [];
+          const T = S || [];
           let oe = [];
-          if (typeof $ == "string" && $.startsWith("["))
+          if (typeof A == "string" && A.startsWith("["))
             try {
-              oe = JSON.parse($);
+              oe = JSON.parse(A);
             } catch {
             }
           const ce = () => {
-            W(x.name, [...A, {}]);
+            U(x.name, [...T, {}]);
           }, q = (L) => {
-            W(
+            U(
               x.name,
-              A.filter((k, M) => M !== L)
+              T.filter((k, M) => M !== L)
             );
           }, H = (L, k, M) => {
-            const G = [...A];
-            G[L] = {
-              ...G[L],
+            const K = [...T];
+            K[L] = {
+              ...K[L],
               [k]: M
-            }, W(x.name, G);
+            }, U(x.name, K);
           };
           return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
-            A.map((L, k) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
+            T.map((L, k) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
               /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: x.arrayFields?.map((M) => {
-                const G = oe?.[k]?.[M.name];
+                const K = oe?.[k]?.[M.name];
                 return /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: [
                   k === 0 && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
                     M.label,
                     M.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                   ] }),
                   (() => {
-                    const O = {
+                    const P = {
                       value: L?.[M.name] || "",
                       disabled: E,
                       required: M.required,
@@ -5107,7 +5107,7 @@ const Xs = ({
                         return /* @__PURE__ */ e(
                           Ce,
                           {
-                            ...O,
+                            ...P,
                             onChange: (N) => H(
                               k,
                               M.name,
@@ -5115,7 +5115,7 @@ const Xs = ({
                             ),
                             type: M.textType || M.type,
                             ...Xe(M.autocomplete),
-                            error: G,
+                            error: K,
                             size: f
                           }
                         );
@@ -5123,14 +5123,14 @@ const Xs = ({
                         return /* @__PURE__ */ e(
                           He,
                           {
-                            ...O,
+                            ...P,
                             onChange: (N) => H(
                               k,
                               M.name,
                               N.target.value
                             ),
                             rows: M.rows ?? 4,
-                            error: G,
+                            error: K,
                             size: f
                           }
                         );
@@ -5138,7 +5138,7 @@ const Xs = ({
                         return /* @__PURE__ */ e(
                           $e,
                           {
-                            ...O,
+                            ...P,
                             onChange: (N) => H(k, M.name, N),
                             options: (M.options || []).map((N) => ({
                               ...N,
@@ -5147,7 +5147,7 @@ const Xs = ({
                             searchable: M.searchable,
                             multiple: M.multiple,
                             allowCreate: M.allowCreate,
-                            error: G,
+                            error: K,
                             size: f
                           }
                         );
@@ -5155,7 +5155,7 @@ const Xs = ({
                         return /* @__PURE__ */ e(
                           we,
                           {
-                            ...O,
+                            ...P,
                             checked: !!L?.[M.name],
                             onChange: (N) => H(
                               k,
@@ -5197,7 +5197,7 @@ const Xs = ({
                         return /* @__PURE__ */ e(
                           Be,
                           {
-                            ...O,
+                            ...P,
                             value: N ? new Date(N) : null,
                             onChange: (I) => H(k, M.name, I),
                             size: f
@@ -5208,7 +5208,7 @@ const Xs = ({
                         return M.customComponent?.({
                           value: L?.[M.name],
                           onChange: (N) => H(k, M.name, N),
-                          error: G,
+                          error: K,
                           disabled: E
                         });
                       default:
@@ -5218,7 +5218,7 @@ const Xs = ({
                         ] });
                     }
                   })(),
-                  G && /* @__PURE__ */ e("p", { className: "text-xs text-danger-fg", children: G })
+                  K && /* @__PURE__ */ e("p", { className: "text-xs text-danger-fg", children: K })
                 ] }, M.name);
               }) }),
               /* @__PURE__ */ e(
@@ -5232,7 +5232,7 @@ const Xs = ({
                   onClick: () => q(k),
                   disabled: E,
                   className: i("shrink-0", k === 0 && "mt-5"),
-                  children: /* @__PURE__ */ e(Pt, { className: "size-icon-md" })
+                  children: /* @__PURE__ */ e(Ot, { className: "size-icon-md" })
                 }
               )
             ] }, k)),
@@ -5241,7 +5241,7 @@ const Xs = ({
               {
                 type: "button",
                 variant: "secondary",
-                leftIcon: /* @__PURE__ */ e(Ot, { className: "size-icon-sm" }),
+                leftIcon: /* @__PURE__ */ e(Pt, { className: "size-icon-sm" }),
                 onClick: ce,
                 disabled: E,
                 children: [
@@ -5256,14 +5256,14 @@ const Xs = ({
           return null;
       }
     },
-    [h, U, _, b, f, W]
-  ), de = xe(
+    [h, j, $, b, f, U, O, p?.http.invoke]
+  ), de = fe(
     (x) => {
       if (x.conditional && !x.conditional(h))
         return null;
       const S = x.items.filter((E) => !(E.hidden || E.conditional && !E.conditional(h)));
       if (S.length === 0) return null;
-      const $ = i(
+      const A = i(
         x.layout === "flex" ? "flex flex-wrap gap-3.5" : "grid gap-3.5",
         x.layout !== "flex" && {
           "grid-cols-1": !x.columns || x.columns === 1,
@@ -5283,8 +5283,8 @@ const Xs = ({
             title: x.title,
             description: x.description,
             className: "not-last:border-b not-last:border-border-subtle",
-            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: $, children: S.map((E) => {
-              const D = U[E.name] ? _[E.name] : void 0;
+            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: A, children: S.map((E) => {
+              const D = j[E.name] ? $[E.name] : void 0;
               return /* @__PURE__ */ c(
                 "div",
                 {
@@ -5300,7 +5300,7 @@ const Xs = ({
                     E.type !== "custom" && E.type !== "checkbox" && /* @__PURE__ */ c(
                       "label",
                       {
-                        htmlFor: P(E.name),
+                        htmlFor: O(E.name),
                         className: "block text-sm font-medium text-text-muted",
                         children: [
                           E.label,
@@ -5308,7 +5308,7 @@ const Xs = ({
                         ]
                       }
                     ),
-                    Y(E),
+                    Z(E),
                     E.help && !D && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-text-subtle", children: E.help })
                   ]
                 },
@@ -5320,8 +5320,8 @@ const Xs = ({
         )
       );
     },
-    [h, U, _, Y]
-  ), X = i(
+    [h, j, $, Z, O]
+  ), Y = i(
     {
       "max-w-settings": f === "sm",
       "max-w-form": f === "md",
@@ -5330,10 +5330,10 @@ const Xs = ({
     },
     g
   ), y = f === "full" ? "md" : f;
-  return /* @__PURE__ */ c("form", { ref: w, onSubmit: Q, className: X, children: [
+  return /* @__PURE__ */ c("form", { ref: w, onSubmit: ee, className: Y, children: [
     !v && /* @__PURE__ */ e("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": !0 }),
     /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(de) }),
-    v && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: /* @__PURE__ */ c(Ee, { children: [
+    v && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: [
       /* @__PURE__ */ e("div", { className: "ml-auto" }),
       s && /* @__PURE__ */ e(
         se,
@@ -5359,7 +5359,7 @@ const Xs = ({
           children: u.label
         }
       )
-    ] }) })
+    ] })
   ] });
 };
 function Zs({
@@ -5461,7 +5461,7 @@ function zn(t, r) {
     }, a.onerror = s, a.readAsDataURL(t);
   });
 }
-const Ne = (...t) => t.filter(Boolean).join(" "), Mn = (t) => /* @__PURE__ */ e(Le, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Tn = (t) => /* @__PURE__ */ e(De, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), An = {
+const Ne = (...t) => t.filter(Boolean).join(" "), Mn = (t) => /* @__PURE__ */ e(Le, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Tn = (t) => /* @__PURE__ */ e(De, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), _n = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
@@ -5471,7 +5471,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Mn = (t) => /* @__PURE__ */ e(
   md: "h-5 w-5",
   lg: "h-6 w-6",
   full: "h-6 w-6"
-}, _n = ve(
+}, $n = ve(
   ({
     label: t,
     helperText: r,
@@ -5492,10 +5492,10 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Mn = (t) => /* @__PURE__ */ e(
     value: h,
     onChange: C,
     ...z
-  }, P) => {
-    const _ = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, K = !!n, U = ne(null), j = ne(null), [B, W] = R(h || ""), [Q, Y] = R(!1), [de, X] = R(!1), [y, x] = R(!1);
-    Z(() => {
-      h !== void 0 && W(h);
+  }, O) => {
+    const $ = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, G = !!n, j = ne(null), W = ne(null), [B, U] = R(h || ""), [ee, Z] = R(!1), [de, Y] = R(!1), [y, x] = R(!1);
+    X(() => {
+      h !== void 0 && U(h);
     }, [h]);
     const S = pe(() => {
       if (p && !y || !B) return f;
@@ -5504,38 +5504,38 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Mn = (t) => /* @__PURE__ */ e(
         (H) => String(H.label).toLowerCase().includes(q)
       );
     }, [B, f, p, y]);
-    Z(() => {
+    X(() => {
       if (!b || !B) {
-        X(!1);
+        Y(!1);
         return;
       }
       const q = setTimeout(async () => {
-        X(!0);
+        Y(!0);
         try {
           await b(String(B));
         } catch (H) {
           console.error("Remote search failed:", H);
         } finally {
-          X(!1);
+          Y(!1);
         }
       }, w);
       return () => {
-        clearTimeout(q), X(!1);
+        clearTimeout(q), Y(!1);
       };
-    }, [B, w, b]), Z(() => {
+    }, [B, w, b]), X(() => {
       const q = (H) => {
-        U.current && !U.current.contains(H.target) && Y(!1);
+        j.current && !j.current.contains(H.target) && Z(!1);
       };
       return document.addEventListener("mousedown", q), () => document.removeEventListener("mousedown", q);
     }, []);
-    const $ = (q) => {
+    const A = (q) => {
       const H = q.target.value;
-      W(H), Y(!0), x(!0), C && C(q);
+      U(H), Z(!0), x(!0), C && C(q);
     }, E = (q) => {
-      W(q.label), Y(!1), x(!1), g && g(q.value);
+      U(q.label), Z(!1), x(!1), g && g(q.value);
     }, D = () => {
-      (f.length > 0 || b) && (Y(!0), x(!1));
-    }, A = o || de, oe = Q && (S.length > 0 || A), ce = pe(() => P || j, [P]);
+      (f.length > 0 || b) && (Z(!0), x(!1));
+    }, T = o || de, oe = ee && (S.length > 0 || T), ce = pe(() => O || W, [O]);
     return /* @__PURE__ */ c(
       "div",
       {
@@ -5545,15 +5545,15 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Mn = (t) => /* @__PURE__ */ e(
           u || "",
           "relative"
         ),
-        ref: U,
+        ref: j,
         children: [
           t && /* @__PURE__ */ e(
             "label",
             {
-              htmlFor: _,
+              htmlFor: $,
               className: Ne(
                 "block text-sm font-medium mb-1",
-                K ? "text-danger-fg" : "text-text",
+                G ? "text-danger-fg" : "text-text",
                 d || ""
               ),
               children: t
@@ -5565,9 +5565,9 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Mn = (t) => /* @__PURE__ */ e(
               "input",
               {
                 ref: ce,
-                id: _,
+                id: $,
                 value: B,
-                onChange: $,
+                onChange: A,
                 onFocus: D,
                 className: Ne(
                   // Base styles
@@ -5575,19 +5575,19 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Mn = (t) => /* @__PURE__ */ e(
                   "placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   // Size styles
-                  An[s],
+                  _n[s],
                   // Icon padding
                   l ? "pl-10" : "",
                   "pr-10",
                   // room for the dropdown/loading icon
                   // State styles
-                  K ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
+                  G ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
                   v || ""
                 ),
                 ...z
               }
             ),
-            /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: A || o ? (
+            /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: T || o ? (
               // Loading Spinner
               /* @__PURE__ */ e(jt, { className: Ne("animate-spin text-info-fg", Re[s]), "aria-hidden": !0 })
             ) : (
@@ -5598,34 +5598,26 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Mn = (t) => /* @__PURE__ */ e(
                   className: Ne(
                     "text-text-muted cursor-pointer transition-transform",
                     Re[s],
-                    Q ? "rotate-180" : "rotate-0"
+                    ee ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
-                    Y((q) => (q || x(!1), !q));
+                    Z((q) => (q || x(!1), !q));
                   }
                 }
               )
             ) })
           ] }),
-          oe && /* @__PURE__ */ e(
-            "ul",
+          oe && /* @__PURE__ */ e("ul", { className: "absolute z-10 mt-1 w-full bg-surface border border-border rounded-lg shadow-lg max-h-60 overflow-auto top-full", children: S.length > 0 ? S.map((q) => /* @__PURE__ */ e(
+            "li",
             {
-              className: "absolute z-10 mt-1 w-full bg-surface border border-border rounded-lg shadow-lg max-h-60 overflow-auto top-full",
-              role: "listbox",
-              children: S.length > 0 ? S.map((q) => /* @__PURE__ */ e(
-                "li",
-                {
-                  className: "px-4 py-2 cursor-pointer text-text hover:bg-accent-soft hover:text-accent transition-colors",
-                  onClick: () => E(q),
-                  role: "option",
-                  "aria-selected": B === q.label,
-                  children: q.label
-                },
-                q.value
-              )) : /* @__PURE__ */ e("li", { className: "px-4 py-2 text-text-muted", children: A || o ? "Zoeken op afstand..." : "Geen resultaten gevonden." })
-            }
-          ),
-          (n || r) && /* @__PURE__ */ e("p", { className: Ne("mt-1 text-xs", K ? "text-danger-fg" : "text-text-muted"), children: n || r }),
+              className: "px-4 py-2 cursor-pointer text-text hover:bg-accent-soft hover:text-accent transition-colors",
+              onClick: () => E(q),
+              "aria-selected": B === q.label,
+              children: q.label
+            },
+            q.value
+          )) : /* @__PURE__ */ e("li", { className: "px-4 py-2 text-text-muted", children: T || o ? "Zoeken op afstand..." : "Geen resultaten gevonden." }) }),
+          (n || r) && /* @__PURE__ */ e("p", { className: Ne("mt-1 text-xs", G ? "text-danger-fg" : "text-text-muted"), children: n || r }),
           b && /* @__PURE__ */ c("p", { className: "mt-2 text-xs text-success-fg", children: [
             "Huidige zoekterm (niet-gedebounced): ",
             String(B)
@@ -5635,8 +5627,8 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Mn = (t) => /* @__PURE__ */ e(
     );
   }
 );
-_n.displayName = "SearchableTextField";
-const $n = ve(
+$n.displayName = "SearchableTextField";
+const An = ve(
   ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...l }, o) => {
     const u = /* @__PURE__ */ e(
       "span",
@@ -5689,7 +5681,7 @@ const $n = ve(
     );
   }
 );
-$n.displayName = "Switch";
+An.displayName = "Switch";
 const Dn = [
   { upTo: 1, cols: "grid-cols-1" },
   { upTo: 2, cols: "grid-cols-1 @[22rem]:grid-cols-2" },
@@ -5699,7 +5691,7 @@ const Dn = [
 function In(t) {
   return Dn.find((r) => t <= r.upTo)?.cols ?? Ln;
 }
-function Pn(t, r) {
+function On(t, r) {
   const n = r ?? t;
   if (t <= n) return { shown: t, hidden: 0 };
   const s = Math.max(0, n - 1);
@@ -5707,7 +5699,7 @@ function Pn(t, r) {
 }
 function Qs({ tiles: t, pinned: r, maxStrip: n, className: s }) {
   if (r) {
-    const { shown: a, hidden: l } = Pn(t.length, n), o = t.slice(0, a);
+    const { shown: a, hidden: l } = On(t.length, n), o = t.slice(0, a);
     return /* @__PURE__ */ c("div", { className: i("@container flex h-full min-h-0 flex-col gap-2", s), children: [
       /* @__PURE__ */ e("div", { className: "min-h-0 flex-1", children: r }),
       t.length > 0 && // Fixed height as a share of the pane, with a floor so the strip
@@ -5776,7 +5768,7 @@ function ta({
   className: s
 }) {
   const a = ne(null);
-  return Z(() => {
+  return X(() => {
     if (!r || !a.current) return;
     const l = t(a.current);
     return () => {
@@ -5794,7 +5786,7 @@ function ta({
     }
   );
 }
-const On = () => /* @__PURE__ */ e(qe, { variant: "inline", shape: "menu" }), ft = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
+const Pn = () => /* @__PURE__ */ e(qe, { variant: "inline", shape: "menu" }), ft = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
   const a = !!(t.children && t.children.length > 0), l = r ? r(t.path) : !1;
   if (a)
     return /* @__PURE__ */ c("li", { children: [
@@ -5909,7 +5901,7 @@ const On = () => /* @__PURE__ */ e(qe, { variant: "inline", shape: "menu" }), ft
   loading: a = !1
 }) => a ? /* @__PURE__ */ c("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
   s && /* @__PURE__ */ e("div", { className: "pb-4", children: s }),
-  /* @__PURE__ */ e(On, {})
+  /* @__PURE__ */ e(Pn, {})
 ] }) : /* @__PURE__ */ c("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
   s && /* @__PURE__ */ e("div", { className: "pb-4", children: s }),
   /* @__PURE__ */ e("ul", { className: "flex min-h-0 flex-1 flex-col gap-px overflow-y-auto", children: t.map(
@@ -6170,16 +6162,16 @@ export {
   ea as ParticipantTile,
   rt as Popover,
   Ws as ProgressBar,
-  Me as RichText,
+  ze as RichText,
   bs as RowCard,
   ct as SearchField,
-  _n as SearchableTextField,
+  $n as SearchableTextField,
   Ms as SectionCaption,
   Ts as SectionDivider,
   lr as SegmentedToggle,
   $e as Select,
-  As as SettingsFrameProvider,
-  $s as SettingsPage,
+  _s as SettingsFrameProvider,
+  As as SettingsPage,
   Ds as SettingsRow,
   Ls as SettingsSection,
   ra as SidebarMenu,
@@ -6189,7 +6181,7 @@ export {
   Gs as StatusDot,
   Js as StepIndicator,
   Nn as StorageInput,
-  $n as Switch,
+  An as Switch,
   Ys as TabBar,
   Ye as Table,
   vn as Tabs,
@@ -6207,7 +6199,7 @@ export {
   i as cn,
   ss as createSizes,
   ns as createVariants,
-  Ps as dateFilterHandler,
+  Os as dateFilterHandler,
   ds as identityDotClass,
   at as identityPlateClass,
   st as identityTone,
@@ -6215,10 +6207,10 @@ export {
   js as multiSelectFilterHandler,
   hn as normalizeText,
   Jt as resolveLucideIcon,
-  Os as selectFilterHandler,
+  Ps as selectFilterHandler,
   _e as text,
-  Pe as useAnchoredPosition,
-  Pr as useSettingsFrame,
-  _s as useSettingsFrameHost
+  Oe as useAnchoredPosition,
+  Or as useSettingsFrame,
+  $s as useSettingsFrameHost
 };
 //# sourceMappingURL=index.js.map