@opencxh/ui-kit 3.165.0 → 3.166.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { clsx as gt } from "clsx";
-import ce, { useState as H, useLayoutEffect as pt, useRef as re, useEffect as X, forwardRef as ve, useMemo as pe, useCallback as xe, createContext as et, useId as vt, useContext as yt, Component as Nt } from "react";
+import oe, { useState as B, useLayoutEffect as pt, useRef as re, useEffect as J, forwardRef as ve, useMemo as pe, useCallback as xe, createContext as et, useId as vt, useContext as yt, Component as Nt } from "react";
 import { jsxs as c, jsx as e, Fragment as Ee } from "react/jsx-runtime";
 import * as wt from "lucide-react";
 import { VideoOff as kt, User as Ct, MicOff as St, Mic as Et, X as Se, ChevronDown as De, ExternalLink as zt, Calendar as Mt, ChevronLeft as ze, ChevronRight as Le, ChevronDownIcon as Tt, Loader2 as $t, Search as Ie, Check as Ue, ChevronUp as _t, Ellipsis as At, FileText as je, HardDrive as We, ArrowLeft as Dt, FolderPlus as Lt, Upload as It, Folder as Ke, Trash2 as Pt, Plus as Ot, Sparkles as jt, ImageOff as Ft, Pencil as Rt, ArrowUpRight as Bt } from "lucide-react";
@@ -16,7 +16,7 @@ function Xn(t) {
   return (r) => t[r] || "";
 }
 function Pe(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
-  const [l, o] = H({});
+  const [l, o] = B({});
   return pt(() => {
     if (!t) return;
     const u = () => {
@@ -107,7 +107,7 @@ function ts({
 }
 function rs({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
   const a = re(null);
-  return X(() => {
+  return J(() => {
     if (!r || !a.current) return;
     const l = t(a.current);
     return () => {
@@ -258,7 +258,7 @@ const Qt = {
   info: "text-info-fg",
   neutral: "text-text-subtle",
   current: "text-current"
-}, ee = ({
+}, Q = ({
   icon: t,
   size: r = "md",
   color: n = "current",
@@ -311,8 +311,8 @@ const nt = ({
   disabled: o = !1,
   triggerLabel: u
 }) => {
-  const [d, v] = H(!1), m = re(null), f = re(null), b = Pe(d, f, { placement: n });
-  X(() => {
+  const [d, v] = B(!1), m = re(null), f = re(null), b = Pe(d, f, { placement: n });
+  J(() => {
     if (!d) return;
     const p = (C) => {
       m.current && !m.current.contains(C.target) && v(!1);
@@ -399,7 +399,7 @@ function sr({
   const N = l && !!v, p = s === "pill" ? "rounded-full" : "rounded-md", x = rr({ active: l, tone: n, shape: s, size: a, className: g }), C = /* @__PURE__ */ c(Ee, { children: [
     r,
     t,
-    o && /* @__PURE__ */ e(ee, { icon: De, size: "xs" })
+    o && /* @__PURE__ */ e(Q, { icon: De, size: "xs" })
   ] }), S = nr({ shape: s, withClear: N }), I = N && /* @__PURE__ */ e(
     "button",
     {
@@ -407,7 +407,7 @@ function sr({
       "aria-label": m,
       onClick: v,
       className: i("inline-flex h-full items-center pr-3 focus-visible:outline-none focus-visible:focus-ring", p),
-      children: /* @__PURE__ */ e(ee, { icon: Se, size: "xs" })
+      children: /* @__PURE__ */ e(Q, { icon: Se, size: "xs" })
     }
   );
   return u ? /* @__PURE__ */ c("span", { className: x, title: b, children: [
@@ -655,13 +655,13 @@ const mr = {
     id: d,
     ...v
   }, m) => {
-    const f = ce.useId(), b = d || `checkbox-${f}`, g = !!n, N = ce.useRef(null), p = ce.useCallback(
+    const f = oe.useId(), b = d || `checkbox-${f}`, g = !!n, N = oe.useRef(null), p = oe.useCallback(
       (x) => {
         N.current = x, typeof m == "function" ? m(x) : m && typeof m == "object" && (m.current = x);
       },
       [m]
     );
-    return ce.useEffect(() => {
+    return oe.useEffect(() => {
       N.current && (N.current.indeterminate = a);
     }, [a]), /* @__PURE__ */ c("div", { className: i("flex flex-col", l), children: [
       /* @__PURE__ */ c("div", { className: i("flex items-center gap-3", fr[s]), children: [
@@ -800,7 +800,7 @@ function ls({
   removeLabel: m = "Remove",
   tooLargeLabel: f = "That image is too large."
 }) {
-  const b = re(null), [g, N] = H(null), p = async (x) => {
+  const b = re(null), [g, N] = B(null), p = async (x) => {
     if (!x) return;
     N(null);
     const C = await wr(x, s);
@@ -885,7 +885,7 @@ function wr(t, r) {
     }, a.onerror = s, a.readAsDataURL(t);
   });
 }
-const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current" }), Cr = () => /* @__PURE__ */ e(ee, { icon: ze, size: "md", color: "current" }), Sr = () => /* @__PURE__ */ e(ee, { icon: Le, size: "md", color: "current" }), Be = ve(({
+const kr = () => /* @__PURE__ */ e(Q, { icon: Mt, size: "md", color: "current" }), Cr = () => /* @__PURE__ */ e(Q, { icon: ze, size: "md", color: "current" }), Sr = () => /* @__PURE__ */ e(Q, { icon: Le, size: "md", color: "current" }), Be = ve(({
   value: t,
   onChange: r,
   placeholder: n = "Select date",
@@ -898,8 +898,8 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
   format: v = "MM/dd/yyyy",
   withTime: m = !1
 }, f) => {
-  const [b, g] = H(!1), [N, p] = H(() => t || /* @__PURE__ */ new Date()), x = re(null), C = re(null), S = Pe(b, C);
-  X(() => {
+  const [b, g] = B(!1), [N, p] = B(() => t || /* @__PURE__ */ new Date()), x = re(null), C = re(null), S = Pe(b, C);
+  J(() => {
     const h = (z) => {
       x.current && !x.current.contains(z.target) && g(!1);
     };
@@ -919,9 +919,9 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
   }, W = () => {
     const h = N.getFullYear(), z = N.getMonth(), k = new Date(h, z, 1), _ = new Date(k);
     _.setDate(_.getDate() - k.getDay());
-    const y = [], V = new Date(_);
+    const y = [], H = new Date(_);
     for (let ae = 0; ae < 42; ae++)
-      y.push(new Date(V)), V.setDate(V.getDate() + 1);
+      y.push(new Date(H)), H.setDate(H.getDate() + 1);
     return y;
   }, D = (h) => {
     if (h.getMonth() === N.getMonth() && !(u && h < u) && !(d && h > d)) {
@@ -932,13 +932,13 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
       }
       r?.(h), g(!1);
     }
-  }, U = () => {
+  }, q = () => {
     p(new Date(N.getFullYear(), N.getMonth() - 1, 1));
   }, ne = () => {
     p(new Date(N.getFullYear(), N.getMonth() + 1, 1));
-  }, Z = () => {
+  }, Y = () => {
     r?.(null), g(!1);
-  }, Q = i(
+  }, X = i(
     "w-full border border-border-strong rounded-tile transition-colors duration-fast",
     "bg-surface text-text",
     "placeholder:text-text-muted",
@@ -978,7 +978,7 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
           required: a,
           readOnly: !0,
           onClick: () => !s && g(!b),
-          className: i(Q, "pr-10 cursor-pointer")
+          className: i(X, "pr-10 cursor-pointer")
         }
       ),
       /* @__PURE__ */ e(
@@ -997,7 +997,7 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: U,
+            onClick: q,
             className: "p-1 hover:bg-surface-hover rounded",
             children: /* @__PURE__ */ e(Cr, {})
           }
@@ -1018,19 +1018,19 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
       ] }),
       /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((h) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted text-center py-1", children: h }, h)) }),
       /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: de.map((h, z) => {
-        const k = h.getMonth() === N.getMonth(), _ = t && h.toDateString() === t.toDateString(), y = h.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), V = !k || u && h < u || d && h > d;
+        const k = h.getMonth() === N.getMonth(), _ = t && h.toDateString() === t.toDateString(), y = h.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), H = !k || u && h < u || d && h > d;
         return /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => !V && D(h),
-            disabled: V,
+            onClick: () => !H && D(h),
+            disabled: H,
             className: i(
               "w-8 h-8 text-sm rounded transition-colors duration-fast",
               {
-                "text-text hover:bg-surface-hover": k && !_ && !V,
+                "text-text hover:bg-surface-hover": k && !_ && !H,
                 "bg-accent text-accent-fg": _,
                 "bg-surface-hover text-text": y && !_,
-                "text-text-muted cursor-not-allowed": V
+                "text-text-muted cursor-not-allowed": H
               }
             ),
             children: h.getDate()
@@ -1055,7 +1055,7 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: Z,
+            onClick: Y,
             className: "text-sm text-text-muted hover:text-text",
             children: "Clear"
           }
@@ -1098,51 +1098,51 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
     onCreateOption: C,
     ...S
   }, I) => {
-    const A = f || `select-${Math.random().toString(36).substr(2, 9)}`, K = !!n, [W, D] = ce.useState(!1), [U, ne] = ce.useState(""), Z = ce.useRef(null), Q = ce.useRef(null), de = Pe(W, Q, { matchWidth: !0 }), [w, h] = ce.useState(o);
-    ce.useImperativeHandle(I, () => Z.current), ce.useEffect(() => {
-      const T = (E) => {
-        Z.current && !Z.current.contains(E.target) && D(!1);
+    const A = f || `select-${Math.random().toString(36).substr(2, 9)}`, K = !!n, [W, D] = oe.useState(!1), [q, ne] = oe.useState(""), Y = oe.useRef(null), X = oe.useRef(null), de = Pe(W, X, { matchWidth: !0 }), [w, h] = oe.useState(o);
+    oe.useImperativeHandle(I, () => Y.current), oe.useEffect(() => {
+      const M = (E) => {
+        Y.current && !Y.current.contains(E.target) && D(!1);
       };
-      return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
+      return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
     }, []);
-    const z = ce.useCallback(
-      (T, E) => T.some(
+    const z = oe.useCallback(
+      (M, E) => M.some(
         (P) => Me(P.value) === Me(E) || Me(P.label) === Me(E)
       ),
       []
-    ), k = ce.useCallback(
-      (T, E) => {
-        const P = [...T], j = (q) => {
-          const $ = _e(q).trim();
-          $ && (z(P, $) || P.push({ value: $, label: $ }));
+    ), k = oe.useCallback(
+      (M, E) => {
+        const P = [...M], j = (V) => {
+          const T = _e(V).trim();
+          T && (z(P, T) || P.push({ value: T, label: T }));
         };
         return Array.isArray(E) ? E.forEach(j) : j(E), P;
       },
       [z]
     );
-    ce.useEffect(() => {
-      h((T) => {
+    oe.useEffect(() => {
+      h((M) => {
         const E = [...o];
-        return T.forEach((P) => {
+        return M.forEach((P) => {
           !z(E, P.value) && !z(E, P.label) && E.push(P);
         }), k(E, N);
       });
     }, [o, N, k, z]);
-    const _ = ce.useMemo(
+    const _ = oe.useMemo(
       () => Array.isArray(N) ? N.map(_e) : N == null ? void 0 : _e(N),
       [N]
-    ), y = (T) => {
+    ), y = (M) => {
       if (g) {
-        const E = Array.isArray(_) ? _ : [], P = E.includes(T) ? E.filter((j) => j !== T) : [...E, T];
+        const E = Array.isArray(_) ? _ : [], P = E.includes(M) ? E.filter((j) => j !== M) : [...E, M];
         p?.(P);
       } else
-        p?.(T), D(!1), ne("");
-    }, V = g ? null : w.find((T) => T.value === _), ae = g ? w.filter(
-      (T) => Array.isArray(_) && _.includes(T.value)
-    ) : [], ie = b && U ? w.filter(
-      (T) => T.label.toLowerCase().includes(U.toLowerCase())
-    ) : w, G = !!x && !!b && !!U.trim() && !z(w, U), O = (T) => {
-      const E = T.trim();
+        p?.(M), D(!1), ne("");
+    }, H = g ? null : w.find((M) => M.value === _), ae = g ? w.filter(
+      (M) => Array.isArray(_) && _.includes(M.value)
+    ) : [], ce = b && q ? w.filter(
+      (M) => M.label.toLowerCase().includes(q.toLowerCase())
+    ) : w, G = !!x && !!b && !!q.trim() && !z(w, q), O = (M) => {
+      const E = M.trim();
       if (!E) return;
       const P = C?.(E) ?? {
         value: E,
@@ -1153,11 +1153,11 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
         return;
       }
       h((j) => [...j, P]), y(P.value), ne(""), g || D(!1);
-    }, F = () => g ? ae.length > 0 ? ae.map((T) => T.label).join(", ") : u || "Select options" : V?.label || u || "Select an option";
+    }, F = () => g ? ae.length > 0 ? ae.map((M) => M.label).join(", ") : u || "Select options" : H?.label || u || "Select an option";
     return /* @__PURE__ */ c(
       "div",
       {
-        ref: Z,
+        ref: Y,
         className: i(
           "relative flex flex-col",
           a && "w-full",
@@ -1182,7 +1182,7 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
             /* @__PURE__ */ c(
               "button",
               {
-                ref: Q,
+                ref: X,
                 type: "button",
                 id: A,
                 disabled: l,
@@ -1217,10 +1217,10 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
                 {
                   type: "text",
                   placeholder: "Search...",
-                  value: U,
-                  onChange: (T) => ne(T.target.value),
-                  onKeyDown: (T) => {
-                    T.key === "Enter" && G && (T.preventDefault(), O(U));
+                  value: q,
+                  onChange: (M) => ne(M.target.value),
+                  onKeyDown: (M) => {
+                    M.key === "Enter" && G && (M.preventDefault(), O(q));
                   },
                   className: i(
                     "w-full px-3 py-2 text-sm rounded-md border",
@@ -1235,10 +1235,10 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
                     "cursor-pointer px-3 py-1.5 text-sm",
                     "text-info-fg hover:bg-surface-hover"
                   ),
-                  onClick: () => O(U),
+                  onClick: () => O(q),
                   children: [
                     "+: “",
-                    U.trim(),
+                    q.trim(),
                     "”"
                   ]
                 }
@@ -1254,16 +1254,16 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
                     children: u
                   }
                 ),
-                ie.map((T) => {
-                  const E = g ? Array.isArray(_) && _.includes(T.value) : _ === T.value;
+                ce.map((M) => {
+                  const E = g ? Array.isArray(_) && _.includes(M.value) : _ === M.value;
                   return /* @__PURE__ */ e(
                     "li",
                     {
-                      onClick: () => !T.disabled && y(T.value),
+                      onClick: () => !M.disabled && y(M.value),
                       className: i(
                         "cursor-pointer px-3 py-1.5 text-sm",
                         "text-text",
-                        T.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface-hover",
+                        M.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface-hover",
                         E && "bg-accent-soft text-accent font-semibold"
                       ),
                       children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
@@ -1276,10 +1276,10 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
                             className: "mr-3 h-4 w-4 rounded border-border [&:not(:checked)]:bg-surface-input text-accent "
                           }
                         ),
-                        /* @__PURE__ */ e("span", { children: T.label })
+                        /* @__PURE__ */ e("span", { children: M.label })
                       ] })
                     },
-                    T.value
+                    M.value
                   );
                 })
               ] })
@@ -1322,7 +1322,7 @@ const zr = {
     id: f,
     ...b
   }, g) => {
-    const N = ce.useId(), p = f || `textfield-${N}`, x = !!n, C = n || r ? `${p}-description` : void 0;
+    const N = oe.useId(), p = f || `textfield-${N}`, x = !!n, C = n || r ? `${p}-description` : void 0;
     return /* @__PURE__ */ c("div", { className: i("flex flex-col", a && "w-full", d), children: [
       t && /* @__PURE__ */ e(
         "label",
@@ -1386,8 +1386,8 @@ function Mr({
   templatePlaceholder: o,
   showTemplate: u = !0
 }) {
-  const [d, v] = H([]);
-  X(() => {
+  const [d, v] = B([]);
+  J(() => {
     let f = !0;
     return Promise.resolve(n?.()).then((b) => {
       f && b && v(b.data ?? []);
@@ -1453,26 +1453,26 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
     onChange: C,
     ...S
   }, I) => {
-    const A = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, K = !!n, W = re(null), D = re(null), [U, ne] = H(x || ""), [Z, Q] = H(!1), [de, w] = H(!1), [h, z] = H(!1);
-    X(() => {
+    const A = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, K = !!n, W = re(null), D = re(null), [q, ne] = B(x || ""), [Y, X] = B(!1), [de, w] = B(!1), [h, z] = B(!1);
+    J(() => {
       x !== void 0 && ne(x);
     }, [x]);
     const k = pe(() => {
-      if (p && !h || !U) return f;
-      const O = String(U).toLowerCase();
+      if (p && !h || !q) return f;
+      const O = String(q).toLowerCase();
       return f.filter(
         (F) => String(F.label).toLowerCase().includes(O)
       );
-    }, [U, f, p, h]);
-    X(() => {
-      if (!b || !U) {
+    }, [q, f, p, h]);
+    J(() => {
+      if (!b || !q) {
         w(!1);
         return;
       }
       const O = setTimeout(async () => {
         w(!0);
         try {
-          await b(String(U));
+          await b(String(q));
         } catch (F) {
           console.error("Remote search failed:", F);
         } finally {
@@ -1482,20 +1482,20 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
       return () => {
         clearTimeout(O), w(!1);
       };
-    }, [U, N, b]), X(() => {
+    }, [q, N, b]), J(() => {
       const O = (F) => {
-        W.current && !W.current.contains(F.target) && Q(!1);
+        W.current && !W.current.contains(F.target) && X(!1);
       };
       return document.addEventListener("mousedown", O), () => document.removeEventListener("mousedown", O);
     }, []);
     const _ = (O) => {
       const F = O.target.value;
-      ne(F), Q(!0), z(!0), C && C(O);
+      ne(F), X(!0), z(!0), C && C(O);
     }, y = (O) => {
-      ne(O.label), Q(!1), z(!1), g && g(O.value);
-    }, V = () => {
-      (f.length > 0 || b) && (Q(!0), z(!1));
-    }, ae = o || de, ie = Z && (k.length > 0 || ae), G = pe(() => I || D, [I]);
+      ne(O.label), X(!1), z(!1), g && g(O.value);
+    }, H = () => {
+      (f.length > 0 || b) && (X(!0), z(!1));
+    }, ae = o || de, ce = Y && (k.length > 0 || ae), G = pe(() => I || D, [I]);
     return /* @__PURE__ */ c(
       "div",
       {
@@ -1526,9 +1526,9 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
               {
                 ref: G,
                 id: A,
-                value: U,
+                value: q,
                 onChange: _,
-                onFocus: V,
+                onFocus: H,
                 className: Ne(
                   // Base styles
                   "block w-full rounded-tile border bg-surface-input transition-colors duration-fast ease-out",
@@ -1564,16 +1564,16 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
                   className: Ne(
                     "text-text-muted cursor-pointer transition-transform",
                     Fe[s],
-                    Z ? "rotate-180" : "rotate-0"
+                    Y ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
-                    Q((O) => (O || z(!1), !O));
+                    X((O) => (O || z(!1), !O));
                   }
                 }
               )
             ) })
           ] }),
-          ie && /* @__PURE__ */ e(
+          ce && /* @__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",
@@ -1584,7 +1584,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
                   className: "px-4 py-2 cursor-pointer text-text hover:bg-accent-soft hover:text-accent transition-colors",
                   onClick: () => y(O),
                   role: "option",
-                  "aria-selected": U === O.label,
+                  "aria-selected": q === O.label,
                   children: O.label
                 },
                 O.value
@@ -1603,7 +1603,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
           ),
           b && /* @__PURE__ */ c("p", { className: "mt-2 text-xs text-success-fg", children: [
             "Huidige zoekterm (niet-gedebounced): ",
-            String(U)
+            String(q)
           ] })
         ]
       }
@@ -1636,7 +1636,7 @@ const ct = ve(
         l
       ),
       children: [
-        /* @__PURE__ */ e(ee, { icon: Ie, size: "md", color: "current", className: "shrink-0" }),
+        /* @__PURE__ */ e(Q, { icon: Ie, size: "md", color: "current", className: "shrink-0" }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -1668,7 +1668,7 @@ const ct = ve(
             "aria-label": a,
             onClick: () => r(""),
             className: "grid size-4 shrink-0 cursor-pointer place-items-center rounded-xs text-text-subtle transition-colors duration-fast ease-out hover:text-text focus-visible:outline-none focus-visible:focus-ring",
-            children: /* @__PURE__ */ e(ee, { icon: Se, size: "sm", color: "current" })
+            children: /* @__PURE__ */ e(Q, { icon: Se, size: "sm", color: "current" })
           }
         ) : n && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: n })
       ]
@@ -1741,10 +1741,10 @@ const Lr = ({
   showCheck: u = !0,
   header: d
 }) => {
-  const [v, m] = H(!1), [f, b] = H(null), [g, N] = H({ top: 0, left: 0 }), p = re(null), x = re(null), C = re(null), S = re(null), I = Pe(v, x, { placement: a }), A = re(null), K = () => Array.from(
+  const [v, m] = B(!1), [f, b] = B(null), [g, N] = B({ top: 0, left: 0 }), p = re(null), x = re(null), C = re(null), S = re(null), I = Pe(v, x, { placement: a }), A = re(null), K = () => Array.from(
     S.current?.querySelectorAll("button[data-option-value]:not(:disabled)") ?? []
   );
-  X(() => {
+  J(() => {
     v && K()[0]?.focus();
   }, [v]);
   const W = (h) => {
@@ -1755,21 +1755,21 @@ const Lr = ({
     const _ = k.indexOf(document.activeElement), y = h.key === "Home" ? 0 : h.key === "End" ? k.length - 1 : h.key === "ArrowDown" ? (_ + 1) % k.length : (_ - 1 + k.length) % k.length;
     k[y]?.focus();
   };
-  X(() => {
+  J(() => {
     const h = (z) => {
       p.current && (!p.current.contains(z.target) || C.current && !C.current.contains(z.target)) && (m(!1), b(null), A.current && (clearTimeout(A.current), A.current = null));
     };
     return v && document.addEventListener("mousedown", h), () => {
       document.removeEventListener("mousedown", h);
     };
-  }, [v]), X(() => {
+  }, [v]), J(() => {
     const h = (z) => {
       z.key === "Escape" && (m(!1), b(null), x.current?.focus(), A.current && (clearTimeout(A.current), A.current = null));
     };
     return v && document.addEventListener("keydown", h), () => {
       document.removeEventListener("keydown", h);
     };
-  }, [v]), X(() => {
+  }, [v]), J(() => {
     if (f && p.current) {
       const h = p.current.querySelector(
         `[data-option-value="${f}"]`
@@ -1782,20 +1782,20 @@ const Lr = ({
         });
       }
     }
-  }, [f]), X(() => () => {
+  }, [f]), J(() => () => {
     A.current && clearTimeout(A.current);
   }, []);
   const D = (h) => {
     h.stopPropagation(), !l && (m(!v), b(null), A.current && (clearTimeout(A.current), A.current = null));
-  }, U = (h, z, k) => {
+  }, q = (h, z, k) => {
     h.stopPropagation(), !z.disabled && !z.divider && (!z.children || z.children.length === 0) && (s?.(z.value, k), m(!1), b(null));
   }, ne = (h) => {
     A.current && (clearTimeout(A.current), A.current = null), h.children && h.children.length > 0 ? b(h.value) : b(null);
-  }, Z = (h) => {
+  }, Y = (h) => {
     h.children && h.children.length > 0 ? A.current = setTimeout(() => {
       b(null);
     }, 150) : b(null);
-  }, Q = (h, z, k) => {
+  }, X = (h, z, k) => {
     h.stopPropagation(), !z.disabled && !z.divider && (s?.(z.value, k), m(!1), b(null));
   }, de = i(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
@@ -1846,9 +1846,9 @@ const Lr = ({
                   "data-option-value": h.value,
                   role: "menuitem",
                   "aria-haspopup": k ? "menu" : void 0,
-                  onClick: (y) => U(y, h),
+                  onClick: (y) => q(y, h),
                   onMouseEnter: () => ne(h),
-                  onMouseLeave: () => Z(h),
+                  onMouseLeave: () => Y(h),
                   disabled: h.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",
@@ -1889,14 +1889,14 @@ const Lr = ({
                       b(null);
                     }, 150);
                   },
-                  children: /* @__PURE__ */ e("div", { className: "p-2", children: h.children.map((y, V) => {
+                  children: /* @__PURE__ */ e("div", { className: "p-2", children: h.children.map((y, H) => {
                     if (y.divider)
                       return /* @__PURE__ */ e(
                         "div",
                         {
                           className: "border-t border-border my-2"
                         },
-                        `divider-${V}`
+                        `divider-${H}`
                       );
                     const ae = typeof n == "object" && n[h.value] && n[h.value].includes(
                       y.value
@@ -1904,8 +1904,8 @@ const Lr = ({
                     return /* @__PURE__ */ c(
                       "button",
                       {
-                        onClick: (ie) => Q(
-                          ie,
+                        onClick: (ce) => X(
+                          ce,
                           y,
                           h.value
                         ),
@@ -1954,7 +1954,7 @@ const Lr = ({
   defaultVariant: r = "secondary",
   className: n
 }) => t.length === 0 ? null : /* @__PURE__ */ e("div", { className: i("flex flex-wrap items-center gap-2", n), children: t.map(
-  (s) => s.render ? /* @__PURE__ */ e(ce.Fragment, { children: s.render() }, s.id) : s.splitOptions && s.splitOptions.length > 0 ? /* @__PURE__ */ e(
+  (s) => s.render ? /* @__PURE__ */ e(oe.Fragment, { children: s.render() }, s.id) : s.splitOptions && s.splitOptions.length > 0 ? /* @__PURE__ */ e(
     st,
     {
       label: s.label,
@@ -1997,7 +1997,7 @@ const Lr = ({
       variant: "secondary",
       onClick: r,
       "aria-label": n,
-      leftIcon: /* @__PURE__ */ e(ee, { icon: ze, size: "sm" }),
+      leftIcon: /* @__PURE__ */ e(Q, { icon: ze, size: "sm" }),
       iconOnly: !0
     }
   ),
@@ -2097,99 +2097,92 @@ const Rr = (t) => {
   footerSummary: K,
   size: W = "md",
   hoverable: D = !0,
-  padding: U = "md",
+  padding: q = "md",
   className: ne,
-  rowClassName: Z,
-  headerBackground: Q = !0
+  rowClassName: Y,
+  headerBackground: X = !0
 }) => {
-  const [de, w] = H(""), h = l !== void 0, z = h ? l : de, k = o ?? w, [_, y] = H({
+  const [de, w] = B(""), h = l !== void 0, z = h ? l : de, k = o ?? w, [_, y] = B({
     column: null,
     direction: null
-  }), [V, ae] = H({
+  }), [H, ae] = B({
     page: 0,
     pageSize: g
-  }), ie = re(null), G = pe(() => {
-    let M = t;
+  }), ce = re(null), G = pe(() => {
+    let $ = t;
     if (s && !h && z.trim()) {
-      const B = r.filter(
-        (le) => le.searchable !== !1
-      ), J = z.toLowerCase();
-      M = M.filter((le) => B.some((Y) => {
-        const R = typeof Y.accessor == "function" ? Y.accessor(le) : le[Y.accessor];
-        return String(R || "").toLowerCase().includes(J);
+      const U = r.filter(
+        (ie) => ie.searchable !== !1
+      ), te = z.toLowerCase();
+      $ = $.filter((ie) => U.some((Z) => {
+        const R = typeof Z.accessor == "function" ? Z.accessor(ie) : ie[Z.accessor];
+        return String(R || "").toLowerCase().includes(te);
       }));
     }
-    return u.forEach((B) => {
-      B.value && B.value !== "all" && (M = M.filter((J) => {
-        const le = r.find((R) => R.id === B.id);
-        if (!le) return !0;
-        const Y = typeof le.accessor == "function" ? le.accessor(J) : J[le.accessor];
-        return String(Y || "") === B.value;
-      }));
-    }), M;
-  }, [t, z, h, r, s, u]), O = pe(() => {
+    return $;
+  }, [t, z, h, r, s]), O = pe(() => {
     if (!_.column || !_.direction) return G;
-    const M = r.find((B) => B.id === _.column);
-    return M ? [...G].sort((B, J) => {
-      const le = typeof M.accessor == "function" ? M.accessor(B) : B[M.accessor], Y = typeof M.accessor == "function" ? M.accessor(J) : J[M.accessor];
+    const $ = r.find((U) => U.id === _.column);
+    return $ ? [...G].sort((U, te) => {
+      const ie = typeof $.accessor == "function" ? $.accessor(U) : U[$.accessor], Z = typeof $.accessor == "function" ? $.accessor(te) : te[$.accessor];
       let R = 0;
-      return le < Y ? R = -1 : le > Y && (R = 1), _.direction === "desc" ? -R : R;
+      return ie < Z ? R = -1 : ie > Z && (R = 1), _.direction === "desc" ? -R : R;
     }) : G;
   }, [G, _, r]), F = pe(() => {
     if (!b || m) return O;
-    const M = V.page * V.pageSize, B = M + V.pageSize;
-    return O.slice(M, B);
-  }, [O, V, b, m]), T = xe(
-    (M) => {
-      r.find((J) => J.id === M)?.sortable && y((J) => J.column !== M ? { column: M, direction: "asc" } : J.direction === "asc" ? { column: M, direction: "desc" } : { column: null, direction: null });
+    const $ = H.page * H.pageSize, U = $ + H.pageSize;
+    return O.slice($, U);
+  }, [O, H, b, m]), M = xe(
+    ($) => {
+      r.find((te) => te.id === $)?.sortable && y((te) => te.column !== $ ? { column: $, direction: "asc" } : te.direction === "asc" ? { column: $, direction: "desc" } : { column: null, direction: null });
     },
     [r]
-  ), E = xe((M) => {
-    ae((B) => ({ ...B, page: M }));
+  ), E = xe(($) => {
+    ae((U) => ({ ...U, page: $ }));
   }, []), P = xe(
-    (M, B) => {
+    ($, U) => {
       if (!S) return;
-      const J = I(M, 0);
-      S(B ? [...C, M] : C.filter(
-        (le, Y) => I(C[Y], Y) !== J
+      const te = I($, 0);
+      S(U ? [...C, $] : C.filter(
+        (ie, Z) => I(C[Z], Z) !== te
       ));
     },
     [C, S, I]
   ), j = xe(
-    (M) => {
-      S && S(M ? [...F] : []);
+    ($) => {
+      S && S($ ? [...F] : []);
     },
     [F, S]
   );
-  X(() => {
-    ae((M) => ({ ...M, page: 0 }));
-  }, [z, _]), X(() => {
-    ae((M) => ({ ...M, page: 0 }));
-  }, [u.map((M) => M.value).join(",")]);
-  const q = O.length, $ = Math.ceil(q / V.pageSize), L = V.page * V.pageSize + 1, te = Math.min(L + V.pageSize - 1, q), oe = F.length > 0 && F.every((M) => {
-    const B = I(M, 0);
+  J(() => {
+    ae(($) => ({ ...$, page: 0 }));
+  }, [z, _]), J(() => {
+    ae(($) => ({ ...$, page: 0 }));
+  }, [u.map(($) => $.value).join(",")]);
+  const V = O.length, T = Math.ceil(V / H.pageSize), L = H.page * H.pageSize + 1, ee = Math.min(L + H.pageSize - 1, V), le = F.length > 0 && F.every(($) => {
+    const U = I($, 0);
     return C.some(
-      (J, le) => I(J, le) === B
+      (te, ie) => I(te, ie) === U
     );
-  }), be = F.some((M) => {
-    const B = I(M, 0);
+  }), be = F.some(($) => {
+    const U = I($, 0);
     return C.some(
-      (J, le) => I(J, le) === B
+      (te, ie) => I(te, ie) === U
     );
-  }), ye = Pr[U], fe = Q ? "bg-surface-sunk" : "bg-surface", he = i("text-text", ye), Oe = s || u.length > 0 || d.length > 0 || !!v, ft = pe(() => {
-    const M = F.map((Y, R) => ({ row: Y, index: R }));
-    if (!m) return [{ group: null, rows: M }];
-    const B = /* @__PURE__ */ new Map();
-    for (const Y of M) {
-      const R = m(Y.row, Y.index), ge = B.get(R);
-      ge ? ge.push(Y) : B.set(R, [Y]);
+  }), ye = Pr[q], fe = X ? "bg-surface-sunk" : "bg-surface", he = i("text-text", ye), Oe = s || u.length > 0 || d.length > 0 || !!v, ft = pe(() => {
+    const $ = F.map((Z, R) => ({ row: Z, index: R }));
+    if (!m) return [{ group: null, rows: $ }];
+    const U = /* @__PURE__ */ new Map();
+    for (const Z of $) {
+      const R = m(Z.row, Z.index), ge = U.get(R);
+      ge ? ge.push(Z) : U.set(R, [Z]);
     }
-    const J = f ?? [];
+    const te = f ?? [];
     return [
-      ...J.filter((Y) => B.has(Y.id)),
-      ...[...B.keys()].filter((Y) => !J.some((R) => R.id === Y)).map((Y) => ({ id: Y }))
-    ].map((Y) => ({ group: Y, rows: B.get(Y.id) ?? [] }));
-  }, [F, m, f]), ht = r.length + (x ? 1 : 0) + (N.length > 0 ? 1 : 0), qe = b && q > 0, xt = qe || K !== void 0;
+      ...te.filter((Z) => U.has(Z.id)),
+      ...[...U.keys()].filter((Z) => !te.some((R) => R.id === Z)).map((Z) => ({ id: Z }))
+    ].map((Z) => ({ group: Z, rows: U.get(Z.id) ?? [] }));
+  }, [F, m, f]), ht = r.length + (x ? 1 : 0) + (N.length > 0 ? 1 : 0), qe = b && V > 0, xt = qe || K !== void 0;
   return /* @__PURE__ */ c("div", { className: i("flex min-w-0 flex-col", ne), children: [
     Oe && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
       s && /* @__PURE__ */ e(
@@ -2201,23 +2194,23 @@ const Rr = (t) => {
           containerClassName: "w-full sm:w-66"
         }
       ),
-      u.map((M) => /* @__PURE__ */ e(Rr, { ...M }, M.id)),
+      u.map(($) => /* @__PURE__ */ e(Rr, { ...$ }, $.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: ie, className: "min-w-full border-collapse text-base text-text", children: [
+    /* @__PURE__ */ e("div", { className: "relative w-full overflow-x-auto rounded-lg ring-1 ring-border", children: /* @__PURE__ */ c("table", { ref: ce, 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: [
         x && /* @__PURE__ */ e("th", { className: i(he, "w-10"), children: /* @__PURE__ */ e(
           we,
           {
             size: "sm",
-            checked: oe,
-            indeterminate: be && !oe,
-            onChange: (M) => j(M.target.checked),
+            checked: le,
+            indeterminate: be && !le,
+            onChange: ($) => j($.target.checked),
             "aria-label": "Select all rows"
           }
         ) }),
-        r.map((M) => /* @__PURE__ */ e(
+        r.map(($) => /* @__PURE__ */ e(
           "th",
           {
             className: i(
@@ -2225,46 +2218,46 @@ const Rr = (t) => {
               "text-xs font-semibold uppercase tracking-label text-text-muted",
               "group",
               {
-                "text-left": M.align === "left" || !M.align,
-                "text-center": M.align === "center",
-                "text-right": M.align === "right",
-                "cursor-pointer select-none": M.sortable,
-                [`sticky left-0 ${fe}`]: M.sticky === "left",
-                [`sticky right-0 ${fe}`]: M.sticky === "right"
+                "text-left": $.align === "left" || !$.align,
+                "text-center": $.align === "center",
+                "text-right": $.align === "right",
+                "cursor-pointer select-none": $.sortable,
+                [`sticky left-0 ${fe}`]: $.sticky === "left",
+                [`sticky right-0 ${fe}`]: $.sticky === "right"
               }
             ),
-            style: { width: M.width },
-            onClick: () => M.sortable && T(M.id),
+            style: { width: $.width },
+            onClick: () => $.sortable && M($.id),
             children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1.5", children: [
-              M.headerCell ? M.headerCell() : M.header,
-              M.sortable && /* @__PURE__ */ e(
-                ee,
+              $.headerCell ? $.headerCell() : $.header,
+              $.sortable && /* @__PURE__ */ e(
+                Q,
                 {
-                  icon: _.column === M.id && _.direction === "desc" ? De : _t,
+                  icon: _.column === $.id && _.direction === "desc" ? De : _t,
                   size: "xs",
                   className: i(
                     "transition-opacity duration-fast ease-out",
-                    _.column === M.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
+                    _.column === $.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
                   )
                 }
               )
             ] })
           },
-          M.id
+          $.id
         )),
         N.length > 0 && /* @__PURE__ */ e("th", { className: i(he, "w-10"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: jr }).map((M, B) => /* @__PURE__ */ c("tr", { className: "animate-pulse border-t border-border-subtle", "aria-hidden": !0, children: [
+      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: jr }).map(($, U) => /* @__PURE__ */ c("tr", { className: "animate-pulse border-t border-border-subtle", "aria-hidden": !0, children: [
         x && /* @__PURE__ */ e("td", { className: i(he, "h-row-lg"), children: /* @__PURE__ */ e("span", { className: "block size-4 rounded-xs bg-surface-hover" }) }),
-        r.map((J, le) => /* @__PURE__ */ e("td", { className: i(he, "h-row-lg"), style: { width: J.width }, children: /* @__PURE__ */ e(
+        r.map((te, ie) => /* @__PURE__ */ e("td", { className: i(he, "h-row-lg"), style: { width: te.width }, children: /* @__PURE__ */ e(
           "span",
           {
             className: "block h-3 rounded-xs bg-surface-hover",
-            style: { width: Je[(B + le) % Je.length] }
+            style: { width: Je[(U + ie) % Je.length] }
           }
-        ) }, J.id)),
+        ) }, te.id)),
         N.length > 0 && /* @__PURE__ */ e("td", { className: i(he, "h-row-lg") })
-      ] }, `skeleton-${B}`)) : F.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+      ] }, `skeleton-${U}`)) : F.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
         "td",
         {
           colSpan: r.length + (x ? 1 : 0) + (N.length > 0 ? 1 : 0),
@@ -2274,8 +2267,8 @@ const Rr = (t) => {
           ),
           children: A || "No data available"
         }
-      ) }) : ft.flatMap((M) => [
-        ...M.group ? [
+      ) }) : ft.flatMap(($) => [
+        ...$.group ? [
           /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
             "td",
             {
@@ -2284,18 +2277,18 @@ const Rr = (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",
-                M.group.tone === "danger" ? "text-danger-fg" : M.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: [
-                M.group.title ?? M.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: M.group.count ?? M.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-${M.group.id}`)
+          ) }, `group-${$.group.id}`)
         ] : [],
-        ...M.rows.map(({ row: B, index: J }) => {
-          const le = I(B, J), Y = C.some(
-            (R, ge) => I(R, ge) === le
+        ...$.rows.map(({ row: U, index: te }) => {
+          const ie = I(U, te), Z = C.some(
+            (R, ge) => I(R, ge) === ie
           );
           return /* @__PURE__ */ c(
             "tr",
@@ -2307,27 +2300,27 @@ const Rr = (t) => {
                 "border-t border-border-subtle",
                 D && "transition-colors duration-fast ease-out hover:bg-surface-hover",
                 p && "cursor-pointer",
-                Y && "bg-accent-soft",
-                Z?.(B, J)
+                Z && "bg-accent-soft",
+                Y?.(U, te)
               ),
               onClick: (R) => {
-                R.stopPropagation(), p?.(B, J);
+                R.stopPropagation(), p?.(U, te);
               },
               children: [
                 x && /* @__PURE__ */ e("td", { className: he, children: /* @__PURE__ */ e(
                   we,
                   {
                     size: "sm",
-                    checked: Y,
+                    checked: Z,
                     onClick: (R) => R.stopPropagation(),
                     onChange: (R) => {
-                      R.stopPropagation(), P(B, R.target.checked);
+                      R.stopPropagation(), P(U, R.target.checked);
                     },
                     "aria-label": "Select row"
                   }
                 ) }),
                 r.map((R) => {
-                  const ge = typeof R.accessor == "function" ? R.accessor(B) : B[R.accessor];
+                  const ge = typeof R.accessor == "function" ? R.accessor(U) : U[R.accessor];
                   return /* @__PURE__ */ e(
                     "td",
                     {
@@ -2338,7 +2331,7 @@ const Rr = (t) => {
                         "sticky left-0 bg-surface": R.sticky === "left",
                         "sticky right-0 bg-surface": R.sticky === "right"
                       }),
-                      children: R.cell ? R.cell(ge, B, J) : String(ge || "")
+                      children: R.cell ? R.cell(ge, U, te) : String(ge || "")
                     },
                     R.id
                   );
@@ -2347,31 +2340,31 @@ const Rr = (t) => {
                   Lr,
                   {
                     className: "rounded-md",
-                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(ee, { icon: At, size: "md", color: "current" }) }),
+                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(Q, { icon: At, size: "md", color: "current" }) }),
                     options: N.map((R) => ({
                       value: R.id,
                       label: R.label,
                       icon: R.icon,
-                      disabled: R.disabled?.(B)
+                      disabled: R.disabled?.(U)
                     })),
                     onSelect: (R) => {
                       const ge = N.find(
                         (bt) => bt.id === R
                       );
-                      ge && ge.onClick(B, J);
+                      ge && ge.onClick(U, te);
                     },
                     placement: "bottom-end"
                   }
                 ) })
               ]
             },
-            le
+            ie
           );
         })
       ]) })
     ] }) }),
     xt && /* @__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 ${L}–${te} of ${q}` }),
+      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: K ?? `Showing ${L}–${ee} of ${V}` }),
       qe && /* @__PURE__ */ c("div", { className: "flex items-center gap-0.5", children: [
         /* @__PURE__ */ e(
           se,
@@ -2380,27 +2373,27 @@ const Rr = (t) => {
             variant: "ghost",
             iconOnly: !0,
             "aria-label": "Previous page",
-            onClick: () => E(V.page - 1),
-            disabled: V.page === 0,
-            children: /* @__PURE__ */ e(ee, { icon: ze, size: "md", color: "current" })
+            onClick: () => E(H.page - 1),
+            disabled: H.page === 0,
+            children: /* @__PURE__ */ e(Q, { icon: ze, size: "md", color: "current" })
           }
         ),
-        Fr(V.page, $).map(
-          (M, B) => M === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${B}`) : /* @__PURE__ */ e(
+        Fr(H.page, T).map(
+          ($, U) => $ === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${U}`) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-current": M === V.page ? "page" : void 0,
-              onClick: () => E(M),
+              "aria-current": $ === H.page ? "page" : void 0,
+              onClick: () => E($),
               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",
-                M === V.page ? "bg-surface-sunk font-semibold text-text" : "text-text-muted hover:bg-surface-hover hover:text-text"
+                $ === H.page ? "bg-surface-sunk font-semibold text-text" : "text-text-muted hover:bg-surface-hover hover:text-text"
               ),
-              children: M + 1
+              children: $ + 1
             },
-            M
+            $
           )
         ),
         /* @__PURE__ */ e(
@@ -2410,9 +2403,9 @@ const Rr = (t) => {
             variant: "ghost",
             iconOnly: !0,
             "aria-label": "Next page",
-            onClick: () => E(V.page + 1),
-            disabled: V.page >= $ - 1,
-            children: /* @__PURE__ */ e(ee, { icon: Le, size: "md", color: "current" })
+            onClick: () => E(H.page + 1),
+            disabled: H.page >= T - 1,
+            children: /* @__PURE__ */ e(Q, { icon: Le, size: "md", color: "current" })
           }
         )
       ] })
@@ -2424,7 +2417,7 @@ const Rr = (t) => {
   onTabChange: n,
   className: s
 }) => {
-  const [a, l] = H(t[0]?.id || ""), o = r || a, u = (d) => {
+  const [a, l] = B(t[0]?.id || ""), o = r || a, u = (d) => {
     n ? n(d) : l(d);
   };
   return /* @__PURE__ */ e("div", { className: i("border-b border-border", s), children: /* @__PURE__ */ e("nav", { className: "-mb-px flex space-x-8", children: t.map((d) => /* @__PURE__ */ e(
@@ -2459,7 +2452,7 @@ const Rr = (t) => {
   size: l = "md",
   className: o
 }) => {
-  const [u, d] = H(
+  const [u, d] = B(
     r || n || t[0]?.id || ""
   ), v = n || u, m = (p) => {
     s ? s(p) : d(p);
@@ -2550,13 +2543,13 @@ function it({
   showCloseButton: m = !0
 }) {
   const f = re(null), b = re(null);
-  X(() => {
+  J(() => {
     if (!t || !l) return;
     const N = (p) => {
       p.key === "Escape" && r();
     };
     return document.addEventListener("keydown", N), () => document.removeEventListener("keydown", N);
-  }, [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 = ""), () => {
+  }, [t, l, r]), J(() => (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 = (N) => {
@@ -2603,7 +2596,7 @@ function it({
                   onClick: r,
                   className: "p-1 text-text-muted hover:text-text transition-colors",
                   "aria-label": "Close modal",
-                  children: /* @__PURE__ */ e(ee, { icon: Se, size: "lg", color: "current" })
+                  children: /* @__PURE__ */ e(Q, { icon: Se, size: "lg", color: "current" })
                 }
               )
             ] }),
@@ -2629,21 +2622,21 @@ const qr = ({
   onDownloadFile: m,
   onRegisterFile: f
 }) => {
-  const [b, g] = H(!1), [N, p] = H([]), [x, C] = H(null), [S, I] = H("/"), [A, K] = H([]), [W, D] = H(!1), [U, ne] = H(""), [Z, Q] = H(
+  const [b, g] = B(!1), [N, p] = B([]), [x, C] = B(null), [S, I] = B("/"), [A, K] = B([]), [W, D] = B(!1), [q, ne] = B(""), [Y, X] = B(
     typeof t == "object" ? t : null
-  ), [de, w] = H(!1), [h, z] = H(""), k = re(null);
-  X(() => {
+  ), [de, w] = B(!1), [h, z] = B(""), k = re(null);
+  J(() => {
     b && _();
-  }, [b]), X(() => {
+  }, [b]), J(() => {
     b && x && y();
-  }, [b, x, S, U]);
+  }, [b, x, S, q]);
   const _ = async () => {
     D(!0);
     try {
-      const $ = await d?.();
-      $?.data && p($.data);
-    } catch ($) {
-      console.error("Failed to load mounts", $);
+      const T = await d?.();
+      T?.data && p(T.data);
+    } catch (T) {
+      console.error("Failed to load mounts", T);
     } finally {
       D(!1);
     }
@@ -2651,20 +2644,20 @@ const qr = ({
     if (x) {
       D(!0);
       try {
-        const $ = await u?.({ mountId: x.id, name: U, path: S });
-        $?.data && K($.data);
-      } catch ($) {
-        console.error("Failed to load files", $);
+        const T = await u?.({ mountId: x.id, name: q, path: S });
+        T?.data && K(T.data);
+      } catch (T) {
+        console.error("Failed to load files", T);
       } finally {
         D(!1);
       }
     }
-  }, V = async ($) => {
-    const L = $.target.files?.[0];
+  }, H = async (T) => {
+    const L = T.target.files?.[0];
     if (L) {
       D(!0);
       try {
-        const te = await L.arrayBuffer(), oe = new Uint8Array(te), be = {
+        const ee = await L.arrayBuffer(), le = new Uint8Array(ee), be = {
           id: `local-${Date.now()}`,
           name: L.name,
           type: "file",
@@ -2675,40 +2668,40 @@ const qr = ({
           providerKey: L.name,
           ownerId: "me"
         };
-        Q(be), r(be, oe), g(!1);
-      } catch (te) {
-        console.error("Local file selection failed", te);
+        X(be), r(be, le), g(!1);
+      } catch (ee) {
+        console.error("Local file selection failed", ee);
       } finally {
         D(!1);
       }
     }
-  }, ae = async ($) => {
-    const L = $.target.files?.[0];
+  }, ae = async (T) => {
+    const L = T.target.files?.[0];
     if (!(!L || !x)) {
       D(!0);
       try {
-        const te = await L.arrayBuffer(), oe = await v?.({
-          file: new Uint8Array(te),
+        const ee = await L.arrayBuffer(), le = await v?.({
+          file: new Uint8Array(ee),
           filename: L.name,
           mimeType: L.type || "application/octet-stream",
           mountId: x.id,
           path: S
         });
-        if (oe?.data) {
-          const be = oe.data;
-          Q(be), r(be, new Uint8Array(te)), g(!1);
+        if (le?.data) {
+          const be = le.data;
+          X(be), r(be, new Uint8Array(ee)), g(!1);
         }
-      } catch (te) {
-        console.error("Upload failed", te);
+      } catch (ee) {
+        console.error("Upload failed", ee);
       } finally {
         D(!1);
       }
     }
-  }, ie = async () => {
+  }, ce = async () => {
     if (!(!h || !x)) {
       D(!0);
       try {
-        const $ = `${S}${h}/`;
+        const T = `${S}${h}/`;
         f && (await f({
           name: h,
           type: "folder",
@@ -2716,109 +2709,109 @@ const qr = ({
           mimeType: "application/x-directory",
           size: 0,
           mountId: x.id,
-          providerKey: $,
+          providerKey: T,
           ownerId: "me"
         }), await y()), w(!1), z("");
-      } catch ($) {
-        console.error("Failed to create folder", $);
+      } catch (T) {
+        console.error("Failed to create folder", T);
       } finally {
         D(!1);
       }
     }
-  }, G = async ($) => {
+  }, G = async (T) => {
     D(!0);
     try {
-      const L = await m?.($.id);
-      Q($), r($, L), g(!1);
+      const L = await m?.(T.id);
+      X(T), r(T, L), g(!1);
     } catch (L) {
       console.error("Failed to download file", L);
     } finally {
       D(!1);
     }
-  }, O = ($) => {
-    $.stopPropagation(), Q(null), r(null);
+  }, O = (T) => {
+    T.stopPropagation(), X(null), r(null);
   }, F = pe(() => {
-    const $ = /* @__PURE__ */ new Set(), L = [];
-    return A.forEach((te) => {
-      if (te.type === "folder") {
-        te.path === S && $.add(te.name);
+    const T = /* @__PURE__ */ new Set(), L = [];
+    return A.forEach((ee) => {
+      if (ee.type === "folder") {
+        ee.path === S && T.add(ee.name);
         return;
       }
-      const oe = te.providerKey || te.name, ye = (S ? oe.substring(S.length) : oe).split("/").filter((fe) => fe !== "");
-      ye.length > 1 ? $.add(ye[0]) : ye.length === 1 && L.push(te);
+      const le = ee.providerKey || ee.name, ye = (S ? le.substring(S.length) : le).split("/").filter((fe) => fe !== "");
+      ye.length > 1 ? T.add(ye[0]) : ye.length === 1 && L.push(ee);
     }), {
-      folders: Array.from($).sort(),
-      files: L.sort((te, oe) => te.name.localeCompare(oe.name))
+      folders: Array.from(T).sort(),
+      files: L.sort((ee, le) => ee.name.localeCompare(le.name))
     };
-  }, [A, S]), T = ($) => {
-    I((L) => `${L}${$}/`);
+  }, [A, S]), M = (T) => {
+    I((L) => `${L}${T}/`);
   }, E = () => {
-    const $ = S.split("/").filter((L) => L !== "");
-    $.pop(), $.length === 0 ? I("/") : I(`${$.join("/")}/`);
+    const T = S.split("/").filter((L) => L !== "");
+    T.pop(), T.length === 0 ? I("/") : I(`${T.join("/")}/`);
   }, P = pe(() => {
-    const $ = F.folders.map((L) => ({
+    const T = F.folders.map((L) => ({
       id: `folder-${L}`,
       name: L,
       type: "folder"
     }));
     return F.files.forEach((L) => {
-      $.push({
+      T.push({
         ...L,
         type: "file"
       });
-    }), $;
+    }), T;
   }, [F]), j = [
     {
       id: "name",
       header: "Name",
       accessor: "name",
-      cell: ($, L) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      cell: (T, L) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          ee,
+          Q,
           {
             icon: L.type === "folder" ? Ke : je,
             size: "sm",
             color: L.type === "folder" ? "warning" : "secondary"
           }
         ),
-        /* @__PURE__ */ e("span", { className: i(L.type === "folder" && "font-medium"), children: $ })
+        /* @__PURE__ */ e("span", { className: i(L.type === "folder" && "font-medium"), children: T })
       ] })
     },
     {
       id: "type",
       header: "Type",
-      accessor: ($) => $.type === "folder" ? "Folder" : $.mimeType
+      accessor: (T) => T.type === "folder" ? "Folder" : T.mimeType
     },
     {
       id: "size",
       header: "Size",
-      accessor: ($) => $.type === "file" ? `${($.size / 1024).toFixed(1)} KB` : "-"
+      accessor: (T) => T.type === "file" ? `${(T.size / 1024).toFixed(1)} KB` : "-"
     },
     {
       id: "actions",
       header: "",
       accessor: "id",
       align: "right",
-      cell: ($, L) => /* @__PURE__ */ e(
+      cell: (T, L) => /* @__PURE__ */ e(
         se,
         {
           variant: "outline",
-          onClick: (te) => {
-            te.stopPropagation(), L.type === "folder" ? T(L.name) : G(L);
+          onClick: (ee) => {
+            ee.stopPropagation(), L.type === "folder" ? M(L.name) : G(L);
           },
-          loading: W && L.type === "file" && Z?.id === L.id,
+          loading: W && L.type === "file" && Y?.id === L.id,
           children: L.type === "folder" ? "Open" : "Select"
         }
       )
     }
-  ], q = [
+  ], V = [
     {
       id: "name",
       header: "Mount Name",
       accessor: "name",
-      cell: ($) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2 font-medium", children: [
-        /* @__PURE__ */ e(ee, { icon: We, size: "sm", color: "primary" }),
-        /* @__PURE__ */ e("span", { children: $ })
+      cell: (T) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2 font-medium", children: [
+        /* @__PURE__ */ e(Q, { icon: We, size: "sm", color: "primary" }),
+        /* @__PURE__ */ e("span", { children: T })
       ] })
     },
     {
@@ -2826,7 +2819,7 @@ const qr = ({
       header: "",
       accessor: "id",
       align: "right",
-      cell: ($, L) => /* @__PURE__ */ e(se, { variant: "outline", onClick: () => C(L), children: "Open" })
+      cell: (T, L) => /* @__PURE__ */ e(se, { variant: "outline", onClick: () => C(L), children: "Open" })
     }
   ];
   return /* @__PURE__ */ c("div", { className: "space-y-1", children: [
@@ -2842,14 +2835,14 @@ const qr = ({
           l && "opacity-50 cursor-not-allowed bg-surface-sunk"
         ),
         children: [
-          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(ee, { icon: Z ? je : We, color: Z ? "primary" : "secondary" }) }),
-          /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: Z ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: Z.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
-          Z && !l && /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(Q, { icon: Y ? je : We, color: Y ? "primary" : "secondary" }) }),
+          /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: Y ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: Y.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
+          Y && !l && /* @__PURE__ */ e(
             "button",
             {
               onClick: O,
               className: "p-1 hover:bg-surface-hover rounded",
-              children: /* @__PURE__ */ e(ee, { icon: Se, size: "xs" })
+              children: /* @__PURE__ */ e(Q, { icon: Se, size: "xs" })
             }
           )
         ]
@@ -2882,7 +2875,7 @@ const qr = ({
                         onClick: () => {
                           S && S !== "/" ? E() : C(null);
                         },
-                        leftIcon: /* @__PURE__ */ e(ee, { icon: Dt, size: "xs" }),
+                        leftIcon: /* @__PURE__ */ e(Q, { icon: Dt, size: "xs" }),
                         children: S ? "Back" : "Back to Mounts"
                       }
                     ),
@@ -2891,8 +2884,8 @@ const qr = ({
                       Ce,
                       {
                         placeholder: "Search...",
-                        value: U,
-                        onChange: ($) => ne($.target.value),
+                        value: q,
+                        onChange: (T) => ne(T.target.value),
                         startIcon: /* @__PURE__ */ e(Ie, { size: 14 }),
                         fullWidth: !0
                       }
@@ -2903,7 +2896,7 @@ const qr = ({
                         {
                           variant: "outline",
                           onClick: () => w(!0),
-                          leftIcon: /* @__PURE__ */ e(ee, { icon: Lt, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Q, { icon: Lt, size: "xs" }),
                           children: "New Folder"
                         }
                       ),
@@ -2912,7 +2905,7 @@ const qr = ({
                         {
                           variant: "primary",
                           onClick: () => k.current?.click(),
-                          leftIcon: /* @__PURE__ */ e(ee, { icon: It, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Q, { icon: It, size: "xs" }),
                           loading: W,
                           children: "Upload"
                         }
@@ -2930,17 +2923,17 @@ const qr = ({
                     ] })
                   ] }),
                   de && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 p-3 bg-surface-sunk rounded-lg border border-border", children: [
-                    /* @__PURE__ */ e(ee, { icon: Ke, size: "sm", color: "warning" }),
+                    /* @__PURE__ */ e(Q, { icon: Ke, size: "sm", color: "warning" }),
                     /* @__PURE__ */ e(
                       Ce,
                       {
                         placeholder: "Folder name",
                         value: h,
-                        onChange: ($) => z($.target.value),
+                        onChange: (T) => z(T.target.value),
                         autoFocus: !0
                       }
                     ),
-                    /* @__PURE__ */ e(se, { onClick: ie, loading: W, children: "Create" }),
+                    /* @__PURE__ */ e(se, { onClick: ce, loading: W, children: "Create" }),
                     /* @__PURE__ */ e(se, { variant: "ghost", onClick: () => w(!1), children: "Cancel" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
@@ -2950,17 +2943,17 @@ const qr = ({
                       columns: j,
                       loading: W,
                       emptyContent: "This folder is empty",
-                      onRowClick: ($) => $.type === "folder" ? T($.name) : G($)
+                      onRowClick: (T) => T.type === "folder" ? M(T.name) : G(T)
                     }
                   ) })
                 ] }) : /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
                   Ye,
                   {
                     data: N,
-                    columns: q,
+                    columns: V,
                     loading: W,
                     emptyContent: "No storage mounts configured",
-                    onRowClick: ($) => C($)
+                    onRowClick: (T) => C(T)
                   }
                 ) }) })
               },
@@ -2968,7 +2961,7 @@ const qr = ({
                 id: "local",
                 label: "Local File",
                 content: /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center py-12 border-2 border-dashed border-border rounded-xl bg-surface-sunk/50", children: [
-                  /* @__PURE__ */ e("div", { className: "p-4 bg-accent-soft rounded-full mb-4", children: /* @__PURE__ */ e(ee, { icon: je, size: "xl", color: "primary" }) }),
+                  /* @__PURE__ */ e("div", { className: "p-4 bg-accent-soft rounded-full mb-4", children: /* @__PURE__ */ e(Q, { icon: je, size: "xl", color: "primary" }) }),
                   /* @__PURE__ */ e(ue, { variant: "label", size: "lg", weight: "semibold", children: "Select a file from your computer" }),
                   /* @__PURE__ */ c(ue, { variant: "body", size: "sm", className: "text-text-muted mt-1 mb-6 text-center max-w-xs", children: [
                     "This file will be used directly in the form and will ",
@@ -2982,7 +2975,7 @@ const qr = ({
                       {
                         type: "file",
                         className: "hidden",
-                        onChange: V,
+                        onChange: H,
                         accept: o,
                         disabled: W
                       }
@@ -3016,7 +3009,7 @@ const qr = ({
     rows: m = 4,
     ...f
   }, b) => {
-    const g = ce.useId(), N = v || `textarea-${g}`, p = !!n, x = n || r ? `${N}-description` : void 0;
+    const g = oe.useId(), N = v || `textarea-${g}`, p = !!n, x = n || r ? `${N}-description` : void 0;
     return /* @__PURE__ */ c("div", { className: i("flex flex-col", a && "w-full", o), children: [
       t && /* @__PURE__ */ e(
         "label",
@@ -3173,8 +3166,8 @@ const ms = ({
   ref: N,
   sdk: p
 }) => {
-  const [x, C] = H(r || {}), [S, I] = H({}), [A, K] = H({});
-  X(() => {
+  const [x, C] = B(r || {}), [S, I] = B({}), [A, K] = B({});
+  J(() => {
     r && C({ ...r });
   }, [r]);
   const W = xe(
@@ -3191,18 +3184,18 @@ const ms = ({
         if (Array.isArray(h) && k.arrayFields) {
           const _ = [];
           let y = !1;
-          if (h.forEach((V, ae) => {
-            const ie = {};
+          if (h.forEach((H, ae) => {
+            const ce = {};
             for (const G of k.arrayFields) {
-              const O = V?.[G.name];
+              const O = H?.[G.name];
               if (G.required && (O == null || O === ""))
-                ie[G.name] = `${G.label} is required`, y = !0;
+                ce[G.name] = `${G.label} is required`, y = !0;
               else if (G.validator) {
-                const F = G.validator(O, V);
-                F && (ie[G.name] = F, y = !0);
+                const F = G.validator(O, H);
+                F && (ce[G.name] = F, y = !0);
               }
             }
-            _[ae] = ie;
+            _[ae] = ce;
           }), y)
             return JSON.stringify(_);
         }
@@ -3225,7 +3218,7 @@ const ms = ({
       })), a?.(z, w);
     },
     [x, t, W, a]
-  ), U = xe(
+  ), q = xe(
     async (w) => {
       if (w.preventDefault(), b) return;
       const h = {}, z = t.flatMap((_) => _.items);
@@ -3424,48 +3417,48 @@ const ms = ({
           });
         case "array": {
           const y = h || [];
-          let V = [];
+          let H = [];
           if (typeof z == "string" && z.startsWith("["))
             try {
-              V = JSON.parse(z);
+              H = JSON.parse(z);
             } catch {
             }
           const ae = () => {
             D(w.name, [...y, {}]);
-          }, ie = (O) => {
+          }, ce = (O) => {
             D(
               w.name,
-              y.filter((F, T) => T !== O)
+              y.filter((F, M) => M !== O)
             );
-          }, G = (O, F, T) => {
+          }, G = (O, F, M) => {
             const E = [...y];
             E[O] = {
               ...E[O],
-              [F]: T
+              [F]: M
             }, D(w.name, E);
           };
           return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
             y.map((O, F) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
-              /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: w.arrayFields?.map((T) => {
-                const E = V?.[F]?.[T.name];
+              /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: w.arrayFields?.map((M) => {
+                const E = H?.[F]?.[M.name];
                 return /* @__PURE__ */ c(
                   "div",
                   {
                     className: "flex flex-col gap-1",
                     children: [
                       F === 0 && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
-                        T.label,
-                        T.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
+                        M.label,
+                        M.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                       ] }),
                       (() => {
                         const P = {
-                          value: O?.[T.name] || "",
+                          value: O?.[M.name] || "",
                           disabled: k,
-                          required: T.required,
-                          placeholder: T.placeholder,
-                          ...T.fieldProps
+                          required: M.required,
+                          placeholder: M.placeholder,
+                          ...M.fieldProps
                         };
-                        switch (T.type) {
+                        switch (M.type) {
                           case "text":
                           case "email":
                           case "password":
@@ -3478,11 +3471,11 @@ const ms = ({
                                 ...P,
                                 onChange: (j) => G(
                                   F,
-                                  T.name,
+                                  M.name,
                                   j.target.value
                                 ),
-                                type: T.textType || T.type,
-                                ...Xe(T.autocomplete),
+                                type: M.textType || M.type,
+                                ...Xe(M.autocomplete),
                                 error: E,
                                 size: f
                               }
@@ -3494,10 +3487,10 @@ const ms = ({
                                 ...P,
                                 onChange: (j) => G(
                                   F,
-                                  T.name,
+                                  M.name,
                                   j.target.value
                                 ),
-                                rows: T.rows ?? 4,
+                                rows: M.rows ?? 4,
                                 error: E,
                                 size: f
                               }
@@ -3509,18 +3502,18 @@ const ms = ({
                                 ...P,
                                 onChange: (j) => G(
                                   F,
-                                  T.name,
+                                  M.name,
                                   j
                                 ),
-                                options: (T.options || []).map(
+                                options: (M.options || []).map(
                                   (j) => ({
                                     ...j,
                                     value: String(j.value)
                                   })
                                 ),
-                                searchable: T.searchable,
-                                multiple: T.multiple,
-                                allowCreate: T.allowCreate,
+                                searchable: M.searchable,
+                                multiple: M.multiple,
+                                allowCreate: M.allowCreate,
                                 error: E,
                                 size: f
                               }
@@ -3530,17 +3523,17 @@ const ms = ({
                               we,
                               {
                                 ...P,
-                                checked: !!O?.[T.name],
+                                checked: !!O?.[M.name],
                                 onChange: (j) => G(
                                   F,
-                                  T.name,
+                                  M.name,
                                   j.target.checked
                                 ),
                                 size: f
                               }
                             );
                           case "radio":
-                            return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: T.options?.map((j) => /* @__PURE__ */ c(
+                            return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: M.options?.map((j) => /* @__PURE__ */ c(
                               "label",
                               {
                                 className: "flex cursor-pointer items-center gap-2 text-base text-text",
@@ -3549,12 +3542,12 @@ const ms = ({
                                     "input",
                                     {
                                       type: "radio",
-                                      name: `${w.name}.${F}.${T.name}`,
+                                      name: `${w.name}.${F}.${M.name}`,
                                       value: j.value,
-                                      checked: O?.[T.name] === j.value,
+                                      checked: O?.[M.name] === j.value,
                                       onChange: () => G(
                                         F,
-                                        T.name,
+                                        M.name,
                                         j.value
                                       ),
                                       disabled: k || j.disabled,
@@ -3567,27 +3560,27 @@ const ms = ({
                               j.value
                             )) });
                           case "date": {
-                            const j = O?.[T.name];
+                            const j = O?.[M.name];
                             return /* @__PURE__ */ e(
                               Be,
                               {
                                 ...P,
                                 value: j ? new Date(j) : null,
-                                onChange: (q) => G(
+                                onChange: (V) => G(
                                   F,
-                                  T.name,
-                                  q
+                                  M.name,
+                                  V
                                 ),
                                 size: f
                               }
                             );
                           }
                           case "custom":
-                            return T.customComponent?.({
-                              value: O?.[T.name],
+                            return M.customComponent?.({
+                              value: O?.[M.name],
                               onChange: (j) => G(
                                 F,
-                                T.name,
+                                M.name,
                                 j
                               ),
                               error: E,
@@ -3598,14 +3591,14 @@ const ms = ({
                             return /* @__PURE__ */ c("p", { children: [
                               "Unsupported field type in array:",
                               " ",
-                              T.type
+                              M.type
                             ] });
                         }
                       })(),
                       E && /* @__PURE__ */ e("p", { className: "text-xs text-danger-fg", children: E })
                     ]
                   },
-                  T.name
+                  M.name
                 );
               }) }),
               /* @__PURE__ */ e(
@@ -3616,7 +3609,7 @@ const ms = ({
                   variant: "ghost",
                   size: "md",
                   "aria-label": `${w.label} verwijderen`,
-                  onClick: () => ie(F),
+                  onClick: () => ce(F),
                   disabled: k,
                   className: i("shrink-0", F === 0 && "mt-5"),
                   children: /* @__PURE__ */ e(Pt, { className: "size-icon-md" })
@@ -3644,7 +3637,7 @@ const ms = ({
       }
     },
     [x, A, S, b, f, D]
-  ), Z = xe(
+  ), Y = xe(
     (w) => {
       if (w.conditional && !w.conditional(x))
         return null;
@@ -3701,7 +3694,7 @@ const ms = ({
       );
     },
     [x, A, S, ne]
-  ), Q = i(
+  ), X = i(
     {
       "max-w-settings": f === "sm",
       "max-w-form": f === "md",
@@ -3710,9 +3703,9 @@ const ms = ({
     },
     g
   ), de = f === "full" ? "md" : f;
-  return /* @__PURE__ */ c("form", { ref: N, onSubmit: U, className: Q, children: [
+  return /* @__PURE__ */ c("form", { ref: N, onSubmit: q, className: X, children: [
     !v && /* @__PURE__ */ e("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": !0 }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(Z) }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(Y) }),
     v && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: /* @__PURE__ */ c(Ee, { children: [
       /* @__PURE__ */ e("div", { className: "ml-auto" }),
       s && /* @__PURE__ */ e(
@@ -3842,7 +3835,7 @@ function Qr({
             onClick: l,
             className: "ml-1.5 flex-shrink-0 hover:opacity-70 transition-opacity",
             "aria-label": "Remove badge",
-            children: /* @__PURE__ */ e(ee, { icon: Se, size: "xs", color: "current" })
+            children: /* @__PURE__ */ e(Q, { icon: Se, size: "xs", color: "current" })
           }
         )
       ]
@@ -4362,7 +4355,7 @@ function vn(t) {
   return r.length >= 2 ? (r[0][0] + r[1][0]).toUpperCase() : r.length === 1 ? r[0].slice(0, 2).toUpperCase() : "?";
 }
 const yn = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a, title: l }) => {
-  const [o, u] = ce.useState(!1), d = i(
+  const [o, u] = oe.useState(!1), d = i(
     // Its own token and not `surface-hover`: at 0.972 the plate was within a few
     // percent of every surface it sits on, so the monogram floated instead of
     // sitting in a disc.
@@ -4465,14 +4458,14 @@ const Cs = ({
   onError: b,
   ...g
 }) => {
-  const [N, p] = H(!0), [x, C] = H(!1), [S, I] = H(t), A = (Q) => {
-    p(!1), C(!1), f?.(Q);
-  }, K = (Q) => {
+  const [N, p] = B(!0), [x, C] = B(!1), [S, I] = B(t), A = (X) => {
+    p(!1), C(!1), f?.(X);
+  }, K = (X) => {
     if (p(!1), C(!0), u && S !== u) {
       I(u), C(!1), p(!0);
       return;
     }
-    b?.(Q);
+    b?.(X);
   }, W = i(
     "relative overflow-hidden bg-surface-hover",
     // Size variants
@@ -4507,11 +4500,11 @@ const Cs = ({
       "opacity-0": N || x,
       "opacity-100": !N && !x
     }
-  ), U = i(
+  ), q = i(
     "absolute inset-0 flex items-center justify-center",
     "text-text-muted"
-  ), ne = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), Z = /* @__PURE__ */ c("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(ee, { icon: Ft, size: "lg", className: "mx-auto mb-1" }),
+  ), ne = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), Y = /* @__PURE__ */ c("div", { className: "text-center", children: [
+    /* @__PURE__ */ e(Q, { icon: Ft, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
   return /* @__PURE__ */ c("div", { className: W, children: [
@@ -4526,8 +4519,8 @@ const Cs = ({
         onError: K
       }
     ),
-    N && l && /* @__PURE__ */ e("div", { className: U, children: d || ne }),
-    x && o && /* @__PURE__ */ e("div", { className: U, children: v || Z })
+    N && l && /* @__PURE__ */ e("div", { className: q, children: d || ne }),
+    x && o && /* @__PURE__ */ e("div", { className: q, children: v || Y })
   ] });
 };
 function Ss({
@@ -4578,30 +4571,30 @@ function Es({
   header: K,
   stickyHeader: W = !1,
   bordered: D = !1,
-  emptyContent: U,
+  emptyContent: q,
   loading: ne = !1,
-  loadingRows: Z = 4,
-  className: Q,
+  loadingRows: Y = 4,
+  className: X,
   "aria-label": de
 }) {
-  const [w, h] = ce.useState(
+  const [w, h] = oe.useState(
     () => Object.fromEntries(
       (b ?? []).filter((E) => E.defaultCollapsed).map((E) => [E.id, !0])
     )
-  ), z = ce.useRef(null), k = (E) => {
+  ), z = oe.useRef(null), k = (E) => {
     if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(E.key)) return;
     const j = Array.from(
       z.current?.querySelectorAll("li[data-list-row]") ?? []
     );
     if (j.length === 0) return;
     E.preventDefault();
-    const q = j.indexOf(document.activeElement), $ = E.key === "Home" ? 0 : E.key === "End" ? j.length - 1 : E.key === "ArrowDown" ? (q + 1) % j.length : (q - 1 + j.length) % j.length;
-    j[$]?.focus();
-  }, _ = (E, P) => r ? r(E, P) : P, y = (E) => S.includes(E), V = (E, P) => {
+    const V = j.indexOf(document.activeElement), T = E.key === "Home" ? 0 : E.key === "End" ? j.length - 1 : E.key === "ArrowDown" ? (V + 1) % j.length : (V - 1 + j.length) % j.length;
+    j[T]?.focus();
+  }, _ = (E, P) => r ? r(E, P) : P, y = (E) => S.includes(E), H = (E, P) => {
     I && I(
       P ? [...S, E] : S.filter((j) => j !== E)
     );
-  }, ae = (E) => I?.(E ? [...t] : []), ie = i(
+  }, ae = (E) => I?.(E ? [...t] : []), ce = 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
@@ -4611,10 +4604,10 @@ function Es({
     // keeps its natural height.
     C && S.length > 0 && "min-h-full",
     D && "overflow-hidden rounded-lg border border-border-subtle",
-    Q
+    X
   );
   if (ne)
-    return /* @__PURE__ */ e("div", { className: ie, children: Array.from({ length: Z }).map((E, P) => /* @__PURE__ */ c(
+    return /* @__PURE__ */ e("div", { className: ce, children: Array.from({ length: Y }).map((E, P) => /* @__PURE__ */ c(
       "div",
       {
         className: i(
@@ -4630,10 +4623,10 @@ function Es({
       },
       `skeleton-${P}`
     )) });
-  if (t.length === 0 && U)
-    return /* @__PURE__ */ e("div", { className: ie, children: U });
+  if (t.length === 0 && q)
+    return /* @__PURE__ */ e("div", { className: ce, children: q });
   const G = t.length > 0 && S.length === t.length, O = S.length > 0 && !G, F = (E, P, j) => {
-    const q = d?.(E, P) ?? !1, $ = v?.(E, P) ?? !1, L = m?.(E, P) ?? !1, te = C && y(E);
+    const V = d?.(E, P) ?? !1, T = v?.(E, P) ?? !1, L = m?.(E, P) ?? !1, ee = C && y(E);
     return /* @__PURE__ */ c(
       "li",
       {
@@ -4641,11 +4634,11 @@ function Es({
           role: "button",
           tabIndex: 0,
           "data-list-row": "",
-          "aria-current": q || void 0,
+          "aria-current": V || void 0,
           onClick: () => o(E, P),
           onFocus: () => u?.(P),
-          onKeyDown: (oe) => {
-            oe.key !== "Enter" && oe.key !== " " || (oe.preventDefault(), o(E, P));
+          onKeyDown: (le) => {
+            le.key !== "Enter" && le.key !== " " || (le.preventDefault(), o(E, P));
           }
         } : {},
         className: i(
@@ -4657,18 +4650,18 @@ function Es({
           // 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.
-          q || te ? "bg-accent-soft text-text" : $ ? i("bg-surface-unread", o && "hover:bg-surface-unread-hover") : o && "hover:bg-surface-hover",
+          V || ee ? "bg-accent-soft text-text" : T ? 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.
           L && "text-text-muted"
         ),
         children: [
-          C && /* @__PURE__ */ e("span", { onClick: (oe) => oe.stopPropagation(), children: /* @__PURE__ */ e(
+          C && /* @__PURE__ */ e("span", { onClick: (le) => le.stopPropagation(), children: /* @__PURE__ */ e(
             we,
             {
               checked: y(E),
-              onChange: (oe) => V(E, oe.target.checked),
+              onChange: (le) => H(E, le.target.checked),
               "aria-label": "Rij selecteren"
             }
           ) }),
@@ -4686,62 +4679,62 @@ function Es({
       },
       _(E, P)
     );
-  }, T = (() => {
+  }, M = (() => {
     if (!f)
-      return t.map((q, $) => F(q, $, $ === 0));
+      return t.map((V, T) => F(V, T, T === 0));
     const E = /* @__PURE__ */ new Map();
-    t.forEach((q, $) => {
-      const L = f(q, $);
-      E.has(L) || E.set(L, []), E.get(L).push({ item: q, index: $ });
+    t.forEach((V, T) => {
+      const L = f(V, T);
+      E.has(L) || E.set(L, []), E.get(L).push({ item: V, index: T });
     });
     const P = b ?? [];
     return [
-      ...P.filter((q) => E.has(q.id)),
-      ...[...E.keys()].filter((q) => !P.some(($) => $.id === q)).map((q) => ({ id: q }))
-    ].flatMap((q, $) => {
-      const L = E.get(q.id) ?? [], te = p && w[q.id], oe = q.title ?? q.id, be = q.count ?? L.length, ye = /* @__PURE__ */ e(
+      ...P.filter((V) => E.has(V.id)),
+      ...[...E.keys()].filter((V) => !P.some((T) => T.id === V)).map((V) => ({ id: V }))
+    ].flatMap((V, T) => {
+      const L = E.get(V.id) ?? [], ee = p && w[V.id], le = V.title ?? V.id, be = V.count ?? L.length, ye = /* @__PURE__ */ e(
         "li",
         {
-          onClick: p ? () => h((fe) => ({ ...fe, [q.id]: !fe[q.id] })) : void 0,
+          onClick: p ? () => h((fe) => ({ ...fe, [V.id]: !fe[V.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",
-            $ > 0 ? "pt-5" : "pt-3",
-            q.tone === "danger" ? "text-danger-fg" : q.tone === "muted" ? "text-text-subtle" : "text-text",
+            T > 0 ? "pt-5" : "pt-3",
+            V.tone === "danger" ? "text-danger-fg" : V.tone === "muted" ? "text-text-subtle" : "text-text",
             N && "sticky z-10",
             p && "cursor-pointer select-none"
           ),
-          "aria-expanded": p ? !te : void 0,
+          "aria-expanded": p ? !ee : void 0,
           style: N ? { top: W ? 28 : 0 } : void 0,
-          children: g ? g(q, L.map((fe) => fe.item)) : /* @__PURE__ */ c(Ee, { children: [
+          children: g ? g(V, L.map((fe) => fe.item)) : /* @__PURE__ */ c(Ee, { children: [
             p && /* @__PURE__ */ e(
               Le,
               {
                 "aria-hidden": !0,
                 className: i(
                   "size-icon-md shrink-0 text-text-subtle transition-transform duration-fast ease-out",
-                  !te && "rotate-90"
+                  !ee && "rotate-90"
                 )
               }
             ),
-            /* @__PURE__ */ e("span", { children: oe }),
+            /* @__PURE__ */ e("span", { children: le }),
             !x && /* @__PURE__ */ e(
               "span",
               {
                 className: i(
                   "rounded-full px-2 text-xs font-normal tabular-nums",
-                  q.tone === "danger" ? "bg-danger-soft text-danger-fg" : "bg-surface-sunk text-text-subtle"
+                  V.tone === "danger" ? "bg-danger-soft text-danger-fg" : "bg-surface-sunk text-text-subtle"
                 ),
                 children: be
               }
             )
           ] })
         },
-        `group-${q.id}`
+        `group-${V.id}`
       );
-      return te ? [ye] : [
+      return ee ? [ye] : [
         ye,
         ...L.map(
           ({ item: fe, index: he }, Oe) => F(fe, he, Oe === 0)
@@ -4749,7 +4742,7 @@ function Es({
       ];
     });
   })();
-  return /* @__PURE__ */ c("div", { ref: z, className: ie, onKeyDown: o ? k : void 0, children: [
+  return /* @__PURE__ */ c("div", { ref: z, className: ce, onKeyDown: o ? k : void 0, children: [
     K && /* @__PURE__ */ c(
       "div",
       {
@@ -4774,7 +4767,7 @@ function Es({
         ]
       }
     ),
-    /* @__PURE__ */ e("ul", { "aria-label": de, className: "flex flex-col", children: T }),
+    /* @__PURE__ */ e("ul", { "aria-label": de, className: "flex flex-col", children: M }),
     C && S.length > 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none sticky bottom-0 z-10 flex justify-center px-5 pb-4", children: /* @__PURE__ */ c("div", { className: "pointer-events-auto flex items-center gap-1.5 rounded-lg bg-accent py-1.5 pl-3.5 pr-1.5 text-accent-fg shadow-overlay", children: [
       /* @__PURE__ */ c("span", { className: "text-sm font-medium", children: [
         S.length,
@@ -4877,10 +4870,10 @@ const Cn = ({
   editable: m = !1,
   onTitleChange: f
 }) => {
-  const [b, g] = H(!1), [N, p] = H(r), x = re(null);
-  X(() => {
+  const [b, g] = B(!1), [N, p] = B(r), x = re(null);
+  J(() => {
     p(r);
-  }, [r]), X(() => {
+  }, [r]), J(() => {
     b && x.current && (x.current.focus(), x.current.select());
   }, [b]);
   const C = () => {
@@ -4907,7 +4900,7 @@ const Cn = ({
           /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ c("div", { className: "flex items-start gap-4 text-text", children: [
             v && // Ghost: a framed box around a back chevron makes the way out of a
             // page look like the page's primary control.
-            /* @__PURE__ */ e(se, { variant: "ghost", onClick: v, leftIcon: /* @__PURE__ */ e(ee, { icon: ze, size: "md" }), iconOnly: !0 }),
+            /* @__PURE__ */ e(se, { variant: "ghost", onClick: v, leftIcon: /* @__PURE__ */ e(Q, { icon: ze, size: "md" }), iconOnly: !0 }),
             /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: [
               b ? /* @__PURE__ */ e(
                 "input",
@@ -4960,7 +4953,7 @@ const Cn = ({
             ] })
           ] }) }),
           a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: a.map(
-            (A) => A.render ? /* @__PURE__ */ e(ce.Fragment, { children: A.render() }, A.id) : A.splitOptions && A.splitOptions.length > 0 ? /* @__PURE__ */ e(
+            (A) => A.render ? /* @__PURE__ */ e(oe.Fragment, { children: A.render() }, A.id) : A.splitOptions && A.splitOptions.length > 0 ? /* @__PURE__ */ e(
               st,
               {
                 label: A.label,
@@ -5074,7 +5067,7 @@ function En() {
   return yt(dt);
 }
 function Is() {
-  const [t, r] = H(null), n = pe(
+  const [t, r] = B(null), n = pe(
     () => ({
       setTrail: (s, a) => r((l) => a ? { ownerId: s, entry: a } : l && l.ownerId !== s ? l : null)
     }),
@@ -5112,10 +5105,10 @@ const zn = {
     [...n, ...r].map((D) => [D.id, D.label, D.variant, D.disabled])
   ) : "", K = pe(() => {
     if (!I) return;
-    const D = (U) => (ne, Z) => ({
+    const D = (q) => (ne, Y) => ({
       ...ne,
       onClick: () => {
-        (U === "primary" ? x.current : C.current)[Z]?.onClick();
+        (q === "primary" ? x.current : C.current)[Y]?.onClick();
       }
     });
     return {
@@ -5123,7 +5116,7 @@ const zn = {
       secondaryActions: C.current.map(D("secondary"))
     };
   }, [I, A]);
-  X(() => {
+  J(() => {
     if (b && !(!p && !o && !K))
       return b.setTrail(g, {
         title: o,
@@ -5148,7 +5141,7 @@ const zn = {
             variant: "ghost",
             onClick: () => N.current?.(),
             "aria-label": l,
-            leftIcon: /* @__PURE__ */ e(ee, { icon: ze, size: "sm" }),
+            leftIcon: /* @__PURE__ */ e(Q, { icon: ze, size: "sm" }),
             iconOnly: !0
           }
         ),
@@ -5203,7 +5196,7 @@ function js({
 }) {
   return /* @__PURE__ */ c("section", { className: i("flex flex-col gap-2", l), children: [
     /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
-      t && /* @__PURE__ */ e(ee, { icon: t, size: "md", color: "secondary", className: "mt-0.5" }),
+      t && /* @__PURE__ */ e(Q, { icon: t, size: "md", color: "secondary", className: "mt-0.5" }),
       /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-text", children: r }),
         n && /* @__PURE__ */ e("p", { className: "text-xs text-text-muted", children: n })
@@ -5226,7 +5219,7 @@ function Fs({ label: t, dotColor: r, onClick: n, className: s }) {
       children: [
         r && /* @__PURE__ */ e("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full", style: { backgroundColor: r }, "aria-hidden": !0 }),
         /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: t }),
-        /* @__PURE__ */ e(ee, { icon: Bt, size: "xs", className: "opacity-70" })
+        /* @__PURE__ */ e(Q, { icon: Bt, size: "xs", className: "opacity-70" })
       ]
     }
   );
@@ -5740,12 +5733,12 @@ const Us = ({
   initialCommandPath: a,
   initialActiveIndex: l
 }) => {
-  const [o, u] = H(""), [d, v] = H(a || []), [m, f] = H(l || 0), b = re(null), g = re(null), p = (d.length ? t.find((x) => x.id === d[0])?.subCommands || [] : t).filter(
+  const [o, u] = B(""), [d, v] = B(a || []), [m, f] = B(l || 0), b = re(null), g = re(null), p = (d.length ? t.find((x) => x.id === d[0])?.subCommands || [] : t).filter(
     (x) => x.label.toLowerCase().includes(o.toLowerCase())
   );
-  return X(() => {
+  return J(() => {
     r || (u(""), v(a || []), f(l || 0));
-  }, [r]), X(() => {
+  }, [r]), J(() => {
     const x = (C) => {
       if (r) {
         if (C.key === "Escape")
@@ -5765,12 +5758,12 @@ const Us = ({
       }
     };
     return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
-  }, [r, n, p, m, d]), X(() => {
+  }, [r, n, p, m, d]), J(() => {
     const x = (C) => {
       b.current && !b.current.contains(C.target) && n();
     };
     return r && document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
-  }, [r, n]), X(() => {
+  }, [r, n]), J(() => {
     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(
@@ -5954,8 +5947,8 @@ function Ks({
   componentProps: l,
   className: o
 }) {
-  const u = re(null), [d, v] = H(null), [, m] = H(0), f = re(null), b = re(r);
-  b.current = r, X(() => {
+  const u = re(null), [d, v] = B(null), [, m] = B(0), f = re(null), b = re(r);
+  b.current = r, J(() => {
     if (Re.has(t)) return;
     let C = !0;
     return (async () => {
@@ -5971,7 +5964,7 @@ function Ks({
     };
   }, [t]);
   const g = Re.get(t) ?? null, N = !g && d === t, p = !g && !N, x = g ? n === "react" && (g.component || g.default) || g : null;
-  return X(() => {
+  return J(() => {
     if (!x || n === "react") return;
     const C = u.current;
     if (C) {
@@ -5986,7 +5979,7 @@ function Ks({
         };
       }
     }
-  }, [x, n]), X(() => {
+  }, [x, n]), J(() => {
     n === "svelte" && f.current && f.current.$set?.(l);
   }, [l, n]), /* @__PURE__ */ c("div", { ref: u, className: o, style: { display: "contents" }, children: [
     p && s,
@@ -6048,7 +6041,7 @@ export {
   Jr as FormSection,
   qs as Heading,
   Ut as IDENTITY_TONE_COUNT,
-  ee as Icon,
+  Q as Icon,
   Cs as Image,
   ls as ImageField,
   xs as Kbd,