@opencxh/ui-kit 3.177.0 → 3.178.0

package/dist/index.js

@@ -1,8 +1,8 @@
-import { jsxs as c, jsx as e, Fragment as _e } from "react/jsx-runtime";
-import le, { forwardRef as be, useState as H, useLayoutEffect as yt, useRef as ne, useEffect as Q, createContext as tt, useId as Nt, useMemo as ge, useContext as wt, useCallback as de, Component as kt } from "react";
+import { jsxs as c, jsx as e, Fragment as $e } from "react/jsx-runtime";
+import le, { forwardRef as be, useState as B, useLayoutEffect as yt, useRef as se, useEffect as Z, createContext as tt, useId as Nt, useMemo as ge, useContext as wt, useCallback as de, Component as kt } from "react";
 import { clsx as Ct } from "clsx";
 import * as St from "lucide-react";
-import { X as Se, ChevronDown as $e, ExternalLink as Et, Search as Le, ChevronRight as Ie, Sparkles as Tt, ArrowUpRight as rt, ImageOff as zt, ChevronLeft as Ee, Pencil as Mt, Calendar as At, Check as Ke, ChevronUp as Dt, Ellipsis as _t, ChevronDownIcon as $t, FileText as je, HardDrive as We, ArrowLeft as Lt, FolderPlus as It, Upload as Ot, Folder as Ge, Trash2 as Pt, Plus as jt, Loader2 as Rt, VideoOff as Ft, User as Bt, MicOff as Ht, Mic as qt } from "lucide-react";
+import { X as Se, ChevronDown as Le, ExternalLink as Et, Search as Ie, ChevronRight as Oe, Sparkles as Tt, ArrowUpRight as rt, ImageOff as zt, ChevronLeft as Ee, Pencil as Mt, Calendar as At, Check as Ke, ChevronUp as Dt, Ellipsis as _t, ChevronDownIcon as $t, FileText as je, HardDrive as We, ArrowLeft as Lt, FolderPlus as It, Upload as Ot, Folder as Ge, Trash2 as Pt, Plus as jt, Loader2 as Rt, VideoOff as Ft, User as Bt, MicOff as Ht, Mic as qt } from "lucide-react";
 import qe from "dompurify";
 import Ut from "react-markdown";
 import Vt from "remark-gfm";
@@ -55,11 +55,11 @@ const Kt = {
     iconOnly: o = !1,
     shape: u = "default",
     className: i,
-    children: v,
+    children: p,
     disabled: m,
     ...f
   }, g) => {
-    const p = m || s;
+    const b = m || s;
     return /* @__PURE__ */ c(
       "button",
       {
@@ -81,7 +81,7 @@ const Kt = {
           s && "cursor-wait",
           i
         ),
-        disabled: p,
+        disabled: b,
         "aria-busy": s || void 0,
         ...f,
         children: [
@@ -93,9 +93,9 @@ const Kt = {
             }
           ),
           !s && a && /* @__PURE__ */ e("span", { className: "flex items-center justify-center shrink-0", children: a }),
-          !o && v,
+          !o && p,
           !s && l && /* @__PURE__ */ e("span", { className: "flex items-center justify-center shrink-0", children: l }),
-          o && !s && !a && !l && v
+          o && !s && !a && !l && p
         ]
       }
     );
@@ -148,7 +148,7 @@ const Yt = {
   info: "text-info-fg",
   neutral: "text-text-subtle",
   current: "text-current"
-}, X = ({
+}, Q = ({
   icon: t,
   size: r = "md",
   color: n = "current",
@@ -158,7 +158,7 @@ const Yt = {
   "aria-label": o,
   ...u
 }) => {
-  const i = typeof r == "number" ? r : Xt(r), v = d(
+  const i = typeof r == "number" ? r : Xt(r), p = d(
     "inline-block shrink-0",
     Yt[n],
     s && [
@@ -169,7 +169,7 @@ const Yt = {
   ), m = {
     size: i,
     strokeWidth: 2,
-    className: v,
+    className: p,
     onClick: s ? a : void 0,
     "aria-label": o,
     "aria-hidden": o ? void 0 : !0,
@@ -191,15 +191,15 @@ function Xt(t) {
     xl: 24
   }[t];
 }
-function Oe(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
-  const [l, o] = H({});
+function Te(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
+  const [l, o] = B({});
   return yt(() => {
     if (!t) return;
     const u = () => {
       const i = r.current;
       if (!i) return;
-      const v = i.getBoundingClientRect(), m = window.innerHeight - v.bottom, f = v.top, g = a.startsWith("top"), p = g ? f < 200 && m > f : m < 200 && f > m, w = g !== p, b = { position: "fixed" };
-      w ? (b.bottom = window.innerHeight - v.top + n, b.maxHeight = Math.max(120, f - n * 2)) : (b.top = v.bottom + n, b.maxHeight = Math.max(120, m - n * 2)), a.endsWith("end") ? b.right = window.innerWidth - v.right : b.left = v.left, s && (b.width = v.width), o(b);
+      const p = i.getBoundingClientRect(), m = window.innerHeight - p.bottom, f = p.top, g = a.startsWith("top"), b = g ? f < 200 && m > f : m < 200 && f > m, w = g !== b, v = { position: "fixed" };
+      w ? (v.bottom = window.innerHeight - p.top + n, v.maxHeight = Math.max(120, f - n * 2)) : (v.top = p.bottom + n, v.maxHeight = Math.max(120, m - n * 2)), a.endsWith("end") ? (v.right = window.innerWidth - p.right, v.maxWidth = Math.max(160, p.right - n)) : (v.left = p.left, v.maxWidth = Math.max(160, window.innerWidth - p.left - n)), s && (v.width = p.width), o(v);
     };
     return u(), window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
       window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
@@ -216,28 +216,28 @@ const nt = ({
   disabled: o = !1,
   triggerLabel: u
 }) => {
-  const [i, v] = H(!1), m = ne(null), f = ne(null), g = Oe(i, f, { placement: n });
-  Q(() => {
+  const [i, p] = B(!1), m = se(null), f = se(null), g = Te(i, f, { placement: n });
+  Z(() => {
     if (!i) return;
-    const b = (k) => {
-      m.current && !m.current.contains(k.target) && v(!1);
-    }, h = (k) => {
-      k.key === "Escape" && v(!1);
+    const v = (C) => {
+      m.current && !m.current.contains(C.target) && p(!1);
+    }, h = (C) => {
+      C.key === "Escape" && p(!1);
     };
-    return document.addEventListener("mousedown", b), document.addEventListener("keydown", h), () => {
-      document.removeEventListener("mousedown", b), document.removeEventListener("keydown", h);
+    return document.addEventListener("mousedown", v), document.addEventListener("keydown", h), () => {
+      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", h);
     };
   }, [i]);
-  const p = (b) => {
-    b.stopPropagation(), !o && v((h) => !h);
-  }, w = () => v(!1);
+  const b = (v) => {
+    v.stopPropagation(), !o && p((h) => !h);
+  }, w = () => p(!1);
   return /* @__PURE__ */ c("div", { ref: m, className: d("relative inline-flex", a), children: [
     /* @__PURE__ */ e(
       "button",
       {
         ref: f,
         type: "button",
-        onClick: p,
+        onClick: b,
         disabled: o,
         "aria-label": u,
         "aria-expanded": i,
@@ -295,45 +295,45 @@ function tr({
   caret: o = !1,
   menu: u,
   menuClassName: i,
-  onClear: v,
+  onClear: p,
   clearLabel: m = "Filter wissen",
   onClick: f,
   title: g,
-  className: p
+  className: b
 }) {
-  const w = l && !!v, b = s === "pill" ? "rounded-full" : "rounded-md", h = Zt({ active: l, tone: n, shape: s, size: a, className: p }), k = /* @__PURE__ */ c(_e, { children: [
+  const w = l && !!p, v = s === "pill" ? "rounded-full" : "rounded-md", h = Zt({ active: l, tone: n, shape: s, size: a, className: b }), C = /* @__PURE__ */ c($e, { children: [
     r,
     t,
-    o && /* @__PURE__ */ e(X, { icon: $e, size: "xs" })
-  ] }), T = er({ shape: s, withClear: w }), j = w && /* @__PURE__ */ e(
+    o && /* @__PURE__ */ e(Q, { icon: Le, size: "xs" })
+  ] }), k = er({ shape: s, withClear: w }), P = w && /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       "aria-label": m,
-      onClick: v,
+      onClick: p,
       className: d(
         "inline-flex h-full items-center pr-3 focus-visible:outline-none focus-visible:focus-ring",
-        b
+        v
       ),
-      children: /* @__PURE__ */ e(X, { icon: Se, size: "xs" })
+      children: /* @__PURE__ */ e(Q, { icon: Se, size: "xs" })
     }
   );
   return u ? /* @__PURE__ */ c("span", { className: h, title: g, children: [
     /* @__PURE__ */ e(
       nt,
       {
-        trigger: k,
+        trigger: C,
         rootClassName: "h-full",
-        triggerClassName: d(T, "h-full"),
+        triggerClassName: d(k, "h-full"),
         className: d("min-w-menu p-1.5", i),
         children: u
       }
     ),
-    j
+    P
   ] }) : w ? /* @__PURE__ */ c("span", { className: h, title: g, children: [
-    /* @__PURE__ */ e("button", { type: "button", onClick: f, className: T, children: k }),
-    j
-  ] }) : /* @__PURE__ */ e("button", { type: "button", title: g, onClick: f, className: d(h, T), children: k });
+    /* @__PURE__ */ e("button", { type: "button", onClick: f, className: k, children: C }),
+    P
+  ] }) : /* @__PURE__ */ e("button", { type: "button", title: g, onClick: f, className: d(h, k), children: C });
 }
 const rr = {
   xs: "text-xs",
@@ -369,7 +369,7 @@ const rr = {
   children: o,
   href: u,
   target: i,
-  rel: v,
+  rel: p,
   ...m
 }) => {
   const f = a || u && (u.startsWith("http") || u.startsWith("mailto:")), g = d(
@@ -386,14 +386,14 @@ const rr = {
     ],
     s && "pointer-events-none cursor-not-allowed text-text-disabled opacity-50",
     l
-  ), p = {
+  ), b = {
     ...m,
     href: s ? void 0 : u,
     target: f ? "_blank" : i,
-    rel: f ? "noopener noreferrer" : v,
+    rel: f ? "noopener noreferrer" : p,
     "aria-disabled": s || void 0
   };
-  return /* @__PURE__ */ c("a", { className: g, ...p, children: [
+  return /* @__PURE__ */ c("a", { className: g, ...b, children: [
     o,
     f && /* @__PURE__ */ e(Et, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
   ] });
@@ -423,12 +423,12 @@ function lr({
         o
       ),
       children: t.map((i) => {
-        const v = i.value === r;
+        const p = i.value === r;
         return /* @__PURE__ */ e(
           "button",
           {
             role: "tab",
-            "aria-selected": v,
+            "aria-selected": p,
             "aria-label": i.title,
             title: i.title,
             type: "button",
@@ -439,7 +439,7 @@ function lr({
               "focus-visible:outline-none focus-visible:focus-ring",
               l && "min-w-0 flex-1",
               ar[s],
-              v ? "bg-surface text-text font-medium shadow-sm" : "text-text-muted hover:text-text"
+              p ? "bg-surface text-text font-medium shadow-sm" : "text-text-muted hover:text-text"
             ),
             children: i.label
           },
@@ -467,7 +467,7 @@ function st({
   disabled: o = !1,
   loading: u = !1,
   menuPlacement: i = "bottom-end",
-  menuLabel: v = "More options"
+  menuLabel: p = "More options"
 }) {
   const m = o || u, f = l.length > 0;
   return (
@@ -493,7 +493,7 @@ function st({
         {
           placement: i,
           disabled: m,
-          triggerLabel: v,
+          triggerLabel: p,
           className: "min-w-menu py-1",
           trigger: /* @__PURE__ */ e(
             "span",
@@ -506,28 +506,28 @@ function st({
                 cr[s],
                 m && "cursor-not-allowed opacity-50"
               ),
-              children: /* @__PURE__ */ e($e, { className: "size-icon-md" })
+              children: /* @__PURE__ */ e(Le, { className: "size-icon-md" })
             }
           ),
-          children: (g) => /* @__PURE__ */ e(_e, { children: l.map((p) => /* @__PURE__ */ c(
+          children: (g) => /* @__PURE__ */ e($e, { children: l.map((b) => /* @__PURE__ */ c(
             "button",
             {
               type: "button",
               onClick: () => {
-                p.onClick(), g();
+                b.onClick(), g();
               },
               className: d(
                 "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
                 "transition-colors duration-fast ease-out",
                 "focus-visible:outline-none focus-visible:focus-ring",
-                p.variant === "destructive" ? "text-danger-fg hover:bg-danger-soft" : "text-text hover:bg-surface-hover"
+                b.variant === "destructive" ? "text-danger-fg hover:bg-danger-soft" : "text-text hover:bg-surface-hover"
               ),
               children: [
-                p.icon && /* @__PURE__ */ e("span", { className: "shrink-0", children: p.icon }),
-                p.label
+                b.icon && /* @__PURE__ */ e("span", { className: "shrink-0", children: b.icon }),
+                b.label
               ]
             },
-            p.id
+            b.id
           )) })
         }
       )
@@ -542,39 +542,39 @@ const us = ({
   initialCommandPath: a,
   initialActiveIndex: l
 }) => {
-  const [o, u] = H(""), [i, v] = H(a || []), [m, f] = H(l || 0), g = ne(null), p = ne(null), b = (i.length ? t.find((h) => h.id === i[0])?.subCommands || [] : t).filter(
+  const [o, u] = B(""), [i, p] = B(a || []), [m, f] = B(l || 0), g = se(null), b = se(null), v = (i.length ? t.find((h) => h.id === i[0])?.subCommands || [] : t).filter(
     (h) => h.label.toLowerCase().includes(o.toLowerCase())
   );
-  return Q(() => {
-    r || (u(""), v(a || []), f(l || 0));
-  }, [r, a, l]), Q(() => {
-    const h = (k) => {
+  return Z(() => {
+    r || (u(""), p(a || []), f(l || 0));
+  }, [r, a, l]), Z(() => {
+    const h = (C) => {
       if (r) {
-        if (k.key === "Escape")
+        if (C.key === "Escape")
           n();
-        else if (k.key === "ArrowUp")
+        else if (C.key === "ArrowUp")
           f(
-            (T) => T > 0 ? T - 1 : b.length - 1
+            (k) => k > 0 ? k - 1 : v.length - 1
           );
-        else if (k.key === "ArrowDown")
+        else if (C.key === "ArrowDown")
           f(
-            (T) => T < b.length - 1 ? T + 1 : 0
+            (k) => k < v.length - 1 ? k + 1 : 0
           );
-        else if (k.key === "Enter") {
-          const T = b[m];
-          T && (T.subCommands ? (v([...i, T.id]), f(0)) : T.action && (T.action(), n()));
+        else if (C.key === "Enter") {
+          const k = v[m];
+          k && (k.subCommands ? (p([...i, k.id]), f(0)) : k.action && (k.action(), n()));
         }
       }
     };
     return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
-  }, [r, n, b, m, i]), Q(() => {
-    const h = (k) => {
-      g.current && !g.current.contains(k.target) && n();
+  }, [r, n, v, m, i]), Z(() => {
+    const h = (C) => {
+      g.current && !g.current.contains(C.target) && n();
     };
     return r && document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
-  }, [r, n]), Q(() => {
+  }, [r, n]), Z(() => {
     if (!r) return;
-    p.current?.querySelector(`[data-index="${m}"]`)?.scrollIntoView({ block: "nearest" });
+    b.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(
     "div",
     {
@@ -582,7 +582,7 @@ const us = ({
       ref: g,
       children: [
         /* @__PURE__ */ c("div", { className: "flex items-center gap-2 px-3 flex-shrink-0", children: [
-          /* @__PURE__ */ e(Le, { className: "w-4 h-4 text-text-muted shrink-0" }),
+          /* @__PURE__ */ e(Ie, { className: "w-4 h-4 text-text-muted shrink-0" }),
           /* @__PURE__ */ e(
             "input",
             {
@@ -597,23 +597,23 @@ const us = ({
         /* @__PURE__ */ c(
           "div",
           {
-            ref: p,
+            ref: b,
             className: "mt-2 pt-2 text-sm border-t border-border max-h-dialog-list overflow-y-auto",
             children: [
-              b.length === 0 && /* @__PURE__ */ e("div", { className: "text-text-muted text-center text-sm", children: s?.noCommandsFound || "No commands found" }),
-              b.map((h, k) => /* @__PURE__ */ c(
+              v.length === 0 && /* @__PURE__ */ e("div", { className: "text-text-muted text-center text-sm", children: s?.noCommandsFound || "No commands found" }),
+              v.map((h, C) => /* @__PURE__ */ c(
                 "div",
                 {
-                  "data-index": k,
-                  className: `flex items-center p-2 cursor-pointer rounded-md ${k === m ? "bg-accent-soft text-accent" : "text-text"}`,
+                  "data-index": C,
+                  className: `flex items-center p-2 cursor-pointer rounded-md ${C === m ? "bg-accent-soft text-accent" : "text-text"}`,
                   onClick: () => {
-                    h.subCommands ? (v([...i, h.id]), f(0)) : h.action && (h.action(), n());
+                    h.subCommands ? (p([...i, h.id]), f(0)) : h.action && (h.action(), n());
                   },
-                  onMouseEnter: () => f(k),
+                  onMouseEnter: () => f(C),
                   children: [
                     h.icon && /* @__PURE__ */ e("span", { className: "mr-3", children: h.icon }),
                     /* @__PURE__ */ e("span", { className: "flex-grow", children: h.label }),
-                    h.subCommands && /* @__PURE__ */ e("span", { className: "text-text-muted", children: /* @__PURE__ */ e(Ie, { className: "w-4 h-4" }) })
+                    h.subCommands && /* @__PURE__ */ e("span", { className: "text-text-muted", children: /* @__PURE__ */ e(Oe, { className: "w-4 h-4" }) })
                   ]
                 },
                 h.id
@@ -684,7 +684,7 @@ const us = ({
   th: (t) => /* @__PURE__ */ e("th", { className: "border border-border px-2 py-1 text-left font-semibold", ...t }),
   td: (t) => /* @__PURE__ */ e("td", { className: "border border-border px-2 py-1", ...t })
 };
-function Te({ text: t, className: r, as: n }) {
+function ze({ text: t, className: r, as: n }) {
   const s = t ?? "";
   return (n ? n === "html" : ir.test(s)) ? /* @__PURE__ */ e(
     "div",
@@ -717,9 +717,9 @@ function xr({ block: t }) {
     case "heading":
       return t.level === 1 ? /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold tracking-tight text-text", children: t.text }) : t.level === 2 ? /* @__PURE__ */ e("h2", { className: "pt-2 text-base font-semibold tracking-tight text-text", children: t.text }) : /* @__PURE__ */ e("h3", { className: "pt-1 text-sm font-semibold text-text", children: t.text });
     case "paragraph":
-      return /* @__PURE__ */ e(Te, { as: "markdown", text: t.text, className: "text-sm text-text" });
+      return /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text" });
     case "quote":
-      return /* @__PURE__ */ e("blockquote", { className: "border-l-2 border-border pl-3.5", children: /* @__PURE__ */ e(Te, { as: "markdown", text: t.text, className: "text-sm text-text-muted" }) });
+      return /* @__PURE__ */ e("blockquote", { className: "border-l-2 border-border pl-3.5", children: /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text-muted" }) });
     case "code":
       return /* @__PURE__ */ e("pre", { className: "overflow-x-auto rounded-lg bg-surface-sunk p-3 text-xs", children: /* @__PURE__ */ e("code", { className: "font-mono", children: t.text }) });
     case "divider":
@@ -738,7 +738,7 @@ function xr({ block: t }) {
               n.lead,
               " "
             ] }),
-            /* @__PURE__ */ e(Te, { as: "markdown", text: n.text, className: "inline" })
+            /* @__PURE__ */ e(ze, { as: "markdown", text: n.text, className: "inline" })
           ] }, s))
         }
       );
@@ -788,7 +788,7 @@ function xr({ block: t }) {
     case "callout":
       return /* @__PURE__ */ c("div", { className: d("rounded-lg border px-4 py-3", fr[t.tone]), children: [
         t.title && /* @__PURE__ */ e("div", { className: "pb-0.5 text-sm font-semibold text-text", children: t.title }),
-        /* @__PURE__ */ e(Te, { as: "markdown", text: t.text, className: "text-sm text-text" })
+        /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text" })
       ] });
     default:
       return null;
@@ -1035,7 +1035,7 @@ function vs({
         "grid size-avatar-md shrink-0 place-items-center rounded-full",
         r === "assistant" ? "bg-assistant-soft text-assistant" : "bg-surface-track text-text-muted"
       ),
-      children: /* @__PURE__ */ e(X, { icon: t, size: "sm", color: "current" })
+      children: /* @__PURE__ */ e(Q, { icon: t, size: "sm", color: "current" })
     }
   );
 }
@@ -1045,7 +1045,7 @@ function ys({ children: t, className: r }) {
 function Ns({ icon: t, text: r, time: n, joinUrl: s, joinLabel: a }) {
   const l = Jt(t);
   return /* @__PURE__ */ c("div", { className: "flex items-center gap-2 py-1.5 pl-10.5 text-xs text-text-subtle", children: [
-    l && /* @__PURE__ */ e(X, { icon: l, size: "sm", color: "current" }),
+    l && /* @__PURE__ */ e(Q, { icon: l, size: "sm", color: "current" }),
     /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: r }),
     /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "shrink-0 text-text-disabled", children: "·" }),
     /* @__PURE__ */ e("span", { className: "shrink-0 tabular-nums", children: n }),
@@ -1059,13 +1059,13 @@ function Ns({ icon: t, text: r, time: n, joinUrl: s, joinLabel: a }) {
         children: [
           a ?? "Join",
           " ",
-          /* @__PURE__ */ e(X, { icon: rt, size: "xs" })
+          /* @__PURE__ */ e(Q, { icon: rt, size: "xs" })
         ]
       }
     )
   ] });
 }
-const ze = {
+const Me = {
   mail: { fg: "text-channel-mail-fg", bg: "bg-channel-mail-soft" },
   wa: { fg: "text-channel-whatsapp-fg", bg: "bg-channel-whatsapp-soft" },
   chat: { fg: "text-channel-chat-fg", bg: "bg-channel-chat-soft" },
@@ -1083,7 +1083,7 @@ function ws({
   className: s,
   title: a
 }) {
-  const l = t in ze ? ze[t] : void 0;
+  const l = t in Me ? Me[t] : void 0;
   return /* @__PURE__ */ e(
     "span",
     {
@@ -1094,7 +1094,7 @@ function ws({
         // An undeclared channel used to collapse onto the neutral "note" tone,
         // which is also what a real internal note looks like. Deriving from the
         // key keeps it distinguishable and keeps `note` meaning `note`.
-        l ? d(l.fg, l.bg) : t ? lt(t) : d(ze.note.fg, ze.note.bg),
+        l ? d(l.fg, l.bg) : t ? lt(t) : d(Me.note.fg, Me.note.bg),
         s
       ),
       children: r
@@ -1111,21 +1111,21 @@ const ks = ({
   showError: o = !0,
   fallback: u,
   loadingContent: i,
-  errorContent: v,
+  errorContent: p,
   className: m,
   onLoad: f,
   onError: g,
-  ...p
+  ...b
 }) => {
-  const [w, b] = H(!0), [h, k] = H(!1), [T, j] = H(t), D = (W) => {
-    b(!1), k(!1), f?.(W);
-  }, $ = (W) => {
-    if (b(!1), k(!0), u && T !== u) {
-      j(u), k(!1), b(!0);
+  const [w, v] = B(!0), [h, C] = B(!1), [k, P] = B(t), D = (U) => {
+    v(!1), C(!1), f?.(U);
+  }, Y = (U) => {
+    if (v(!1), C(!0), u && k !== u) {
+      P(u), C(!1), v(!0);
       return;
     }
-    g?.(W);
-  }, L = d(
+    g?.(U);
+  }, F = d(
     "relative overflow-hidden bg-surface-hover",
     // Size variants
     {
@@ -1153,30 +1153,30 @@ const ks = ({
       "rounded-full": a === "full"
     },
     m
-  ), O = d("w-full h-full object-cover transition-opacity duration-fast", {
+  ), _ = d("w-full h-full object-cover transition-opacity duration-fast", {
     "opacity-0": w || h,
     "opacity-100": !w && !h
-  }), R = d(
+  }), I = d(
     "absolute inset-0 flex items-center justify-center",
     "text-text-muted"
-  ), B = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), K = /* @__PURE__ */ c("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(X, { icon: zt, size: "lg", className: "mx-auto mb-1" }),
+  ), O = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), H = /* @__PURE__ */ c("div", { className: "text-center", children: [
+    /* @__PURE__ */ e(Q, { icon: zt, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
-  return /* @__PURE__ */ c("div", { className: L, children: [
+  return /* @__PURE__ */ c("div", { className: F, children: [
     /* @__PURE__ */ e(
       "img",
       {
-        ...p,
-        src: T,
+        ...b,
+        src: k,
         alt: r,
-        className: O,
+        className: _,
         onLoad: D,
-        onError: $
+        onError: Y
       }
     ),
-    w && l && /* @__PURE__ */ e("div", { className: R, children: i || B }),
-    h && o && /* @__PURE__ */ e("div", { className: R, children: v || K })
+    w && l && /* @__PURE__ */ e("div", { className: I, children: i || O }),
+    h && o && /* @__PURE__ */ e("div", { className: I, children: p || H })
   ] });
 }, Tr = {
   default: "text-text",
@@ -1215,9 +1215,9 @@ const zr = {
     labelClassName: o,
     className: u,
     id: i,
-    ...v
+    ...p
   }, m) => {
-    const f = le.useId(), g = i || `checkbox-${f}`, p = !!n, w = le.useRef(null), b = le.useCallback(
+    const f = le.useId(), g = i || `checkbox-${f}`, b = !!n, w = le.useRef(null), v = le.useCallback(
       (h) => {
         w.current = h, typeof m == "function" ? m(h) : m && typeof m == "object" && (m.current = h);
       },
@@ -1230,10 +1230,10 @@ const zr = {
         /* @__PURE__ */ e(
           "input",
           {
-            ref: b,
+            ref: v,
             id: g,
             type: "checkbox",
-            "aria-invalid": p || void 0,
+            "aria-invalid": b || void 0,
             className: d(
               // radius-xs (5px): its own step on the scale. At 16px the 9px
               // button radius reads as a circle and the 7px chip radius still
@@ -1244,10 +1244,10 @@ const zr = {
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover",
               zr[s],
-              p ? "border-danger-border" : "border-border-strong",
+              b ? "border-danger-border" : "border-border-strong",
               u
             ),
-            ...v
+            ...p
           }
         ),
         t && /* @__PURE__ */ c("div", { className: "flex-1", children: [
@@ -1257,7 +1257,7 @@ const zr = {
               htmlFor: g,
               className: d(
                 "cursor-pointer",
-                p ? "text-danger-fg" : "text-text",
+                b ? "text-danger-fg" : "text-text",
                 Ar[s],
                 o
               ),
@@ -1305,41 +1305,41 @@ function Es({
   onSelect: o,
   onActiveIndexChange: u,
   isActive: i,
-  unread: v,
+  unread: p,
   dimmed: m,
   groupBy: f,
   groups: g,
-  renderGroupHeader: p,
+  renderGroupHeader: b,
   stickyGroupHeaders: w = !1,
-  collapsibleGroups: b = !1,
+  collapsibleGroups: v = !1,
   hideGroupCount: h = !1,
-  selectable: k = !1,
-  selectedItems: T = [],
-  onSelectionChange: j,
+  selectable: C = !1,
+  selectedItems: k = [],
+  onSelectionChange: P,
   bulkActions: D,
-  header: $,
-  stickyHeader: L = !1,
-  bordered: O = !1,
-  emptyContent: R,
-  loading: B = !1,
-  loadingRows: K = 4,
-  className: W,
-  "aria-label": se
+  header: Y,
+  stickyHeader: F = !1,
+  bordered: _ = !1,
+  emptyContent: I,
+  loading: O = !1,
+  loadingRows: H = 4,
+  className: U,
+  "aria-label": te
 }) {
-  const [Z, y] = le.useState(
-    () => Object.fromEntries((g ?? []).filter((C) => C.defaultCollapsed).map((C) => [C.id, !0]))
-  ), x = le.useRef(null), S = (C) => {
-    if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(C.key)) return;
-    const Y = Array.from(
+  const [W, y] = le.useState(
+    () => Object.fromEntries((g ?? []).filter((S) => S.defaultCollapsed).map((S) => [S.id, !0]))
+  ), x = le.useRef(null), E = (S) => {
+    if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(S.key)) return;
+    const X = Array.from(
       x.current?.querySelectorAll("li[data-list-row]") ?? []
     );
-    if (Y.length === 0) return;
-    C.preventDefault();
-    const q = Y.indexOf(document.activeElement), N = C.key === "Home" ? 0 : C.key === "End" ? Y.length - 1 : C.key === "ArrowDown" ? (q + 1) % Y.length : (q - 1 + Y.length) % Y.length;
-    Y[N]?.focus();
-  }, _ = (C, z) => r ? r(C, z) : z, E = (C) => T.includes(C), I = (C, z) => {
-    j && j(z ? [...T, C] : T.filter((Y) => Y !== C));
-  }, M = (C) => j?.(C ? [...t] : []), ce = d(
+    if (X.length === 0) return;
+    S.preventDefault();
+    const q = X.indexOf(document.activeElement), N = S.key === "Home" ? 0 : S.key === "End" ? X.length - 1 : S.key === "ArrowDown" ? (q + 1) % X.length : (q - 1 + X.length) % X.length;
+    X[N]?.focus();
+  }, $ = (S, z) => r ? r(S, z) : z, T = (S) => k.includes(S), L = (S, z) => {
+    P && P(z ? [...k, S] : k.filter((X) => X !== S));
+  }, M = (S) => P?.(S ? [...t] : []), ce = d(
     "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
@@ -1347,12 +1347,12 @@ function Es({
     // screen. Growing the box to the height of its parent puts it where it
     // belongs — and only while a selection exists, so an ordinary short list
     // keeps its natural height.
-    k && T.length > 0 && "min-h-full",
-    O && "overflow-hidden rounded-lg border border-border-subtle",
-    W
+    C && k.length > 0 && "min-h-full",
+    _ && "overflow-hidden rounded-lg border border-border-subtle",
+    U
   );
-  if (B)
-    return /* @__PURE__ */ e("div", { className: ce, children: Array.from({ length: K }).map((C, z) => /* @__PURE__ */ c(
+  if (O)
+    return /* @__PURE__ */ e("div", { className: ce, children: Array.from({ length: H }).map((S, z) => /* @__PURE__ */ c(
       "div",
       {
         className: d(
@@ -1368,10 +1368,10 @@ function Es({
       },
       `skeleton-${z}`
     )) });
-  if (t.length === 0 && R)
-    return /* @__PURE__ */ e("div", { className: ce, children: R });
-  const ie = t.length > 0 && T.length === t.length, G = T.length > 0 && !ie, V = (C, z, Y) => {
-    const q = i?.(C, z) ?? !1, N = v?.(C, z) ?? !1, F = m?.(C, z) ?? !1, te = k && E(C);
+  if (t.length === 0 && I)
+    return /* @__PURE__ */ e("div", { className: ce, children: I });
+  const ie = t.length > 0 && k.length === t.length, G = k.length > 0 && !ie, K = (S, z, X) => {
+    const q = i?.(S, z) ?? !1, N = p?.(S, z) ?? !1, R = m?.(S, z) ?? !1, re = C && T(S);
     return /* @__PURE__ */ c(
       "li",
       {
@@ -1380,33 +1380,33 @@ function Es({
           tabIndex: 0,
           "data-list-row": "",
           "aria-current": q || void 0,
-          onClick: () => o(C, z),
+          onClick: () => o(S, z),
           onFocus: () => u?.(z),
           onKeyDown: (oe) => {
-            oe.key !== "Enter" && oe.key !== " " || (oe.preventDefault(), o(C, z));
+            oe.key !== "Enter" && oe.key !== " " || (oe.preventDefault(), o(S, z));
           }
         } : {},
         className: d(
           "flex items-center gap-3 text-base",
           "transition-colors duration-fast ease-out",
           n === "inset" ? "mx-2 rounded-lg px-3 py-2.5" : "px-5 py-2.5",
-          n === "divided" && !Y && "border-t border-border-subtle",
+          n === "divided" && !X && "border-t border-border-subtle",
           o && "cursor-pointer focus-visible:outline-none focus-visible:focus-ring",
           // An unread row is tinted, not bolded: at five columns a bold row
           // shouts across all of them, while the tint marks the row and leaves
           // the consumer free to weight only the sender and the subject.
-          q || te ? "bg-accent-soft text-text" : N ? d("bg-surface-unread", o && "hover:bg-surface-unread-hover") : o && "hover:bg-surface-hover",
+          q || re ? "bg-accent-soft text-text" : N ? d("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.
-          F && "text-text-muted"
+          R && "text-text-muted"
         ),
         children: [
-          k && /* @__PURE__ */ e("span", { onClick: (oe) => oe.stopPropagation(), children: /* @__PURE__ */ e(
+          C && /* @__PURE__ */ e("span", { onClick: (oe) => oe.stopPropagation(), children: /* @__PURE__ */ e(
             we,
             {
-              checked: E(C),
-              onChange: (oe) => I(C, oe.target.checked),
+              checked: T(S),
+              onChange: (oe) => L(S, oe.target.checked),
               "aria-label": "Rij selecteren"
             }
           ) }),
@@ -1417,30 +1417,30 @@ function Es({
               className: "mt-2 size-1.5 shrink-0 self-start rounded-full bg-border-strong"
             }
           ),
-          s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s(C, z) }),
-          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: a ? a(C, z) : String(C) }),
-          l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(C, z) })
+          s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s(S, z) }),
+          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: a ? a(S, z) : String(S) }),
+          l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(S, z) })
         ]
       },
-      _(C, z)
+      $(S, z)
     );
-  }, P = (() => {
+  }, j = (() => {
     if (!f)
-      return t.map((q, N) => V(q, N, N === 0));
-    const C = /* @__PURE__ */ new Map();
+      return t.map((q, N) => K(q, N, N === 0));
+    const S = /* @__PURE__ */ new Map();
     t.forEach((q, N) => {
-      const F = f(q, N);
-      C.has(F) || C.set(F, []), C.get(F)?.push({ item: q, index: N });
+      const R = f(q, N);
+      S.has(R) || S.set(R, []), S.get(R)?.push({ item: q, index: N });
     });
     const z = g ?? [];
     return [
-      ...z.filter((q) => C.has(q.id)),
-      ...[...C.keys()].filter((q) => !z.some((N) => N.id === q)).map((q) => ({ id: q }))
+      ...z.filter((q) => S.has(q.id)),
+      ...[...S.keys()].filter((q) => !z.some((N) => N.id === q)).map((q) => ({ id: q }))
     ].flatMap((q, N) => {
-      const F = C.get(q.id) ?? [], te = b && Z[q.id], oe = q.title ?? q.id, pe = q.count ?? F.length, ye = /* @__PURE__ */ e(
+      const R = S.get(q.id) ?? [], re = v && W[q.id], oe = q.title ?? q.id, pe = q.count ?? R.length, ye = /* @__PURE__ */ e(
         "li",
         {
-          onClick: b ? () => y((he) => ({ ...he, [q.id]: !he[q.id] })) : void 0,
+          onClick: v ? () => y((he) => ({ ...he, [q.id]: !he[q.id] })) : void 0,
           className: d(
             // 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.
@@ -1449,21 +1449,21 @@ function Es({
             N > 0 ? "pt-5" : "pt-3",
             q.tone === "danger" ? "text-danger-fg" : q.tone === "muted" ? "text-text-subtle" : "text-text",
             w && "sticky z-10",
-            b && "cursor-pointer select-none"
+            v && "cursor-pointer select-none"
           ),
-          "aria-expanded": b ? !te : void 0,
-          style: w ? { top: L ? 28 : 0 } : void 0,
-          children: p ? p(
+          "aria-expanded": v ? !re : void 0,
+          style: w ? { top: F ? 28 : 0 } : void 0,
+          children: b ? b(
             q,
-            F.map((he) => he.item)
-          ) : /* @__PURE__ */ c(_e, { children: [
-            b && /* @__PURE__ */ e(
-              Ie,
+            R.map((he) => he.item)
+          ) : /* @__PURE__ */ c($e, { children: [
+            v && /* @__PURE__ */ e(
+              Oe,
               {
                 "aria-hidden": !0,
                 className: d(
                   "size-icon-md shrink-0 text-text-subtle transition-transform duration-fast ease-out",
-                  !te && "rotate-90"
+                  !re && "rotate-90"
                 )
               }
             ),
@@ -1482,14 +1482,14 @@ function Es({
         },
         `group-${q.id}`
       );
-      return te ? [ye] : [
+      return re ? [ye] : [
         ye,
-        ...F.map(({ item: he, index: xe }, Pe) => V(he, xe, Pe === 0))
+        ...R.map(({ item: he, index: xe }, Pe) => K(he, xe, Pe === 0))
       ];
     });
   })();
-  return /* @__PURE__ */ c("div", { ref: x, className: ce, onKeyDown: o ? S : void 0, children: [
-    $ && /* @__PURE__ */ c(
+  return /* @__PURE__ */ c("div", { ref: x, className: ce, onKeyDown: o ? E : void 0, children: [
+    Y && /* @__PURE__ */ c(
       "div",
       {
         className: d(
@@ -1497,26 +1497,26 @@ function Es({
           // sticky group headers park against.
           "flex h-row-sm items-end gap-3 border-b border-border bg-surface px-5 pb-2",
           "text-xs font-semibold uppercase tracking-wider text-text-disabled",
-          L && "sticky top-0 z-20"
+          F && "sticky top-0 z-20"
         ),
         children: [
-          k && /* @__PURE__ */ e("span", { className: "flex items-center", children: /* @__PURE__ */ e(
+          C && /* @__PURE__ */ e("span", { className: "flex items-center", children: /* @__PURE__ */ e(
             we,
             {
               checked: ie,
               indeterminate: G,
-              onChange: (C) => M(C.target.checked),
+              onChange: (S) => M(S.target.checked),
               "aria-label": "Alles selecteren"
             }
           ) }),
-          $
+          Y
         ]
       }
     ),
-    /* @__PURE__ */ e("ul", { "aria-label": se, className: "flex flex-col", children: P }),
-    k && T.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__ */ e("ul", { "aria-label": te, className: "flex flex-col", children: j }),
+    C && k.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: [
-        T.length,
+        k.length,
         " geselecteerd"
       ] }),
       /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "mx-1.5 h-4 w-px bg-current opacity-25" }),
@@ -1526,7 +1526,7 @@ function Es({
         "button",
         {
           type: "button",
-          onClick: () => j?.([]),
+          onClick: () => P?.([]),
           "aria-label": "Selectie wissen",
           className: "grid size-tile-md shrink-0 cursor-pointer place-items-center rounded-md transition-colors duration-fast ease-out hover:bg-white/15 focus-visible:outline-none focus-visible:focus-ring",
           children: /* @__PURE__ */ e(Se, { className: "size-icon-lg" })
@@ -1674,7 +1674,7 @@ function Ue({
   tableColumns: u,
   tableRows: i
 }) {
-  const v = r ?? (o ? "table" : "text"), m = n ?? i ?? _r[v], f = s ?? u ?? (v === "cards" ? 3 : 6), g = /* @__PURE__ */ e("div", { className: d("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(Dr, { shape: v, rows: m, columns: f }) });
+  const p = r ?? (o ? "table" : "text"), m = n ?? i ?? _r[p], f = s ?? u ?? (p === "cards" ? 3 : 6), g = /* @__PURE__ */ e("div", { className: d("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(Dr, { shape: p, rows: m, columns: f }) });
   return t === "inline" ? g : /* @__PURE__ */ e("main", { className: "flex-1 bg-surface p-6", children: g });
 }
 const $r = ({
@@ -1687,22 +1687,22 @@ const $r = ({
   className: o,
   backLabel: u = "Back",
   backClassName: i,
-  onBack: v,
+  onBack: p,
   editable: m = !1,
   onTitleChange: f
 }) => {
-  const [g, p] = H(!1), [w, b] = H(r), h = ne(null);
-  Q(() => {
-    b(r);
-  }, [r]), Q(() => {
+  const [g, b] = B(!1), [w, v] = B(r), h = se(null);
+  Z(() => {
+    v(r);
+  }, [r]), Z(() => {
     g && h.current && (h.current.focus(), h.current.select());
   }, [g]);
-  const k = () => {
-    m && p(!0);
-  }, T = () => {
-    p(!1), w.trim() !== "" && w !== r && f ? f(w.trim()) : b(r);
-  }, j = (D) => {
-    D.key === "Enter" ? h.current?.blur() : D.key === "Escape" && (b(r), p(!1));
+  const C = () => {
+    m && b(!0);
+  }, k = () => {
+    b(!1), w.trim() !== "" && w !== r && f ? f(w.trim()) : v(r);
+  }, P = (D) => {
+    D.key === "Enter" ? h.current?.blur() : D.key === "Escape" && (v(r), b(!1));
   };
   return /* @__PURE__ */ c(
     "div",
@@ -1719,14 +1719,14 @@ const $r = ({
       children: [
         /* @__PURE__ */ c("div", { className: "flex flex-row sm:items-start sm:justify-between items-center gap-4", children: [
           /* @__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
+            p && // Ghost: a framed box around a back chevron makes the way out of a
             // page look like the page's primary control.
             /* @__PURE__ */ e(
               ae,
               {
                 variant: "ghost",
-                onClick: v,
-                leftIcon: /* @__PURE__ */ e(X, { icon: Ee, size: "md" }),
+                onClick: p,
+                leftIcon: /* @__PURE__ */ e(Q, { icon: Ee, size: "md" }),
                 iconOnly: !0
               }
             ),
@@ -1737,16 +1737,16 @@ const $r = ({
                   ref: h,
                   type: "text",
                   value: w,
-                  onChange: (D) => b(D.target.value),
-                  onBlur: T,
-                  onKeyDown: j,
+                  onChange: (D) => v(D.target.value),
+                  onBlur: k,
+                  onKeyDown: P,
                   className: "text-1xl font-semibold bg-transparent border-b-1 border-border rounded-lg outline-none focus:border-none px-1 -mx-1 min-w-0 w-full"
                 }
               ) : /* @__PURE__ */ c("div", { className: "group flex items-baseline gap-2.5 min-w-0", children: [
                 /* @__PURE__ */ e(
                   "h2",
                   {
-                    onClick: k,
+                    onClick: C,
                     className: d(
                       "text-lg font-semibold tracking-title truncate",
                       m && "cursor-pointer"
@@ -1760,7 +1760,7 @@ const $r = ({
                   Mt,
                   {
                     size: 15,
-                    onClick: k,
+                    onClick: C,
                     className: "shrink-0 cursor-pointer text-text-muted opacity-0 group-hover:opacity-100 transition-opacity"
                   }
                 )
@@ -1797,8 +1797,8 @@ const $r = ({
               ae,
               {
                 variant: D.variant ?? "secondary",
-                onClick: ($) => {
-                  $.stopPropagation(), $.target.blur(), D.onClick();
+                onClick: (Y) => {
+                  Y.stopPropagation(), Y.target.blur(), D.onClick();
                 },
                 disabled: D.disabled,
                 leftIcon: D.icon,
@@ -1826,16 +1826,16 @@ const $r = ({
   onTitleChange: o,
   surface: u = !1,
   headerContent: i,
-  loading: v = !1,
+  loading: p = !1,
   loadingShape: m = "table",
   empty: f,
   padding: g = "md",
-  scroll: p = !0,
+  scroll: b = !0,
   className: w,
-  contentClassName: b,
+  contentClassName: v,
   children: h
 }) => {
-  const k = v ? /* @__PURE__ */ e(Ue, { variant: "inline", shape: m }) : f ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12", children: f }) : h;
+  const C = p ? /* @__PURE__ */ e(Ue, { variant: "inline", shape: m }) : f ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12", children: f }) : h;
   return /* @__PURE__ */ c(
     "div",
     {
@@ -1844,7 +1844,7 @@ const $r = ({
         // element that scrolls today. Taking the scroll over here is what pins
         // the header; without `min-h-0` the body would grow past the card
         // instead of scrolling inside it.
-        p ? "flex h-full min-h-0 flex-col" : "flex flex-col",
+        b ? "flex h-full min-h-0 flex-col" : "flex flex-col",
         w
       ),
       children: [
@@ -1859,7 +1859,7 @@ const $r = ({
             onBack: a,
             editable: l,
             onTitleChange: o,
-            className: p ? "shrink-0" : void 0,
+            className: b ? "shrink-0" : void 0,
             children: i
           }
         ),
@@ -1867,11 +1867,11 @@ const $r = ({
           "div",
           {
             className: d(
-              p && "min-h-0 flex-1 overflow-y-auto",
+              b && "min-h-0 flex-1 overflow-y-auto",
               Lr[g],
-              b
+              v
             ),
-            children: k
+            children: C
           }
         )
       ]
@@ -1925,7 +1925,7 @@ const $r = ({
       variant: "secondary",
       onClick: r,
       "aria-label": n,
-      leftIcon: /* @__PURE__ */ e(X, { icon: Ee, size: "sm" }),
+      leftIcon: /* @__PURE__ */ e(Q, { icon: Ee, size: "sm" }),
       iconOnly: !0
     }
   ),
@@ -1960,7 +1960,7 @@ function Or() {
   return wt(ct);
 }
 function Is() {
-  const [t, r] = H(null), n = ge(
+  const [t, r] = B(null), n = ge(
     () => ({
       setTrail: (s, a) => r((l) => a ? { ownerId: s, entry: a } : l && l.ownerId !== s ? l : null)
     }),
@@ -1984,43 +1984,43 @@ const Pr = {
   title: o,
   loading: u = !1,
   loadingShape: i = "form",
-  padding: v = "md",
+  padding: p = "md",
   className: m,
   contentClassName: f
 }) => {
-  const g = Or(), p = Nt(), w = ne(a);
+  const g = Or(), b = Nt(), w = se(a);
   w.current = a;
-  const b = !!a, h = ne(r);
+  const v = !!a, h = se(r);
   h.current = r;
-  const k = ne(n);
-  k.current = n;
-  const T = s === "header", j = T && (r.length > 0 || n.length > 0);
-  j && JSON.stringify(
-    [...n, ...r].map((L) => [L.id, L.label, L.variant, L.disabled])
+  const C = se(n);
+  C.current = n;
+  const k = s === "header", P = k && (r.length > 0 || n.length > 0);
+  P && JSON.stringify(
+    [...n, ...r].map((F) => [F.id, F.label, F.variant, F.disabled])
   );
   const D = ge(() => {
-    if (!j) return;
-    const L = (O) => (R, B) => ({
-      ...R,
+    if (!P) return;
+    const F = (_) => (I, O) => ({
+      ...I,
       onClick: () => {
-        (O === "primary" ? h.current : k.current)[B]?.onClick();
+        (_ === "primary" ? h.current : C.current)[O]?.onClick();
       }
     });
     return {
-      actions: h.current.map(L("primary")),
-      secondaryActions: k.current.map(L("secondary"))
+      actions: h.current.map(F("primary")),
+      secondaryActions: C.current.map(F("secondary"))
     };
-  }, [j]);
-  Q(() => {
-    if (g && !(!b && !o && !D))
-      return g.setTrail(p, {
+  }, [P]);
+  Z(() => {
+    if (g && !(!v && !o && !D))
+      return g.setTrail(b, {
         title: o,
-        onBack: b ? () => w.current?.() : void 0,
+        onBack: v ? () => w.current?.() : void 0,
         actions: D?.actions,
         secondaryActions: D?.secondaryActions
-      }), () => g.setTrail(p, null);
-  }, [g, p, o, b, D]);
-  const $ = !T && (r.length > 0 || n.length > 0);
+      }), () => g.setTrail(b, null);
+  }, [g, b, o, v, D]);
+  const Y = !k && (r.length > 0 || n.length > 0);
   return (
     /**
      * `min-h-full` + a sticky footer, rather than a nested scroll container.
@@ -2029,25 +2029,25 @@ const Pr = {
      * its footer to the bottom, and a long one keeps it pinned while scrolling.
      */
     /* @__PURE__ */ c("div", { className: d("flex min-h-full flex-col", m), children: [
-      !g && (b || o || j) && /* @__PURE__ */ c("div", { className: "flex shrink-0 items-center gap-2 px-5 pt-4", children: [
-        b && /* @__PURE__ */ e(
+      !g && (v || o || P) && /* @__PURE__ */ c("div", { className: "flex shrink-0 items-center gap-2 px-5 pt-4", children: [
+        v && /* @__PURE__ */ e(
           ae,
           {
             variant: "ghost",
             onClick: () => w.current?.(),
             "aria-label": l,
-            leftIcon: /* @__PURE__ */ e(X, { icon: Ee, size: "sm" }),
+            leftIcon: /* @__PURE__ */ e(Q, { icon: Ee, size: "sm" }),
             iconOnly: !0
           }
         ),
         o && /* @__PURE__ */ e("h2", { className: "min-w-0 truncate text-md font-semibold tracking-title text-text", children: o }),
-        T && /* @__PURE__ */ c("div", { className: "ml-auto flex items-center gap-2", children: [
+        k && /* @__PURE__ */ c("div", { className: "ml-auto flex items-center gap-2", children: [
           n.length > 0 && /* @__PURE__ */ e(ke, { actions: n, defaultVariant: "ghost" }),
           r.length > 0 && /* @__PURE__ */ e(ke, { actions: r })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: d("flex-1", Pr[v], f), children: u ? /* @__PURE__ */ e(Ue, { variant: "inline", shape: i }) : t }),
-      $ && /* @__PURE__ */ c("div", { className: "sticky bottom-0 z-10 flex shrink-0 items-center gap-2 border-t border-border bg-surface px-5 py-3", children: [
+      /* @__PURE__ */ e("div", { className: d("flex-1", Pr[p], f), children: u ? /* @__PURE__ */ e(Ue, { variant: "inline", shape: i }) : t }),
+      Y && /* @__PURE__ */ c("div", { className: "sticky bottom-0 z-10 flex shrink-0 items-center gap-2 border-t border-border bg-surface px-5 py-3", children: [
         n.length > 0 && /* @__PURE__ */ e(ke, { actions: n, defaultVariant: "ghost" }),
         r.length > 0 && /* @__PURE__ */ e(ke, { actions: r, className: "ml-auto" })
       ] })
@@ -2091,7 +2091,7 @@ function js({
 }) {
   return /* @__PURE__ */ c("section", { className: d("flex flex-col gap-2", l), children: [
     /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
-      t && /* @__PURE__ */ e(X, { 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 })
@@ -2121,12 +2121,12 @@ function Rs({ label: t, dotColor: r, onClick: n, className: s }) {
           }
         ),
         /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: t }),
-        /* @__PURE__ */ e(X, { icon: rt, size: "xs", className: "opacity-70" })
+        /* @__PURE__ */ e(Q, { icon: rt, size: "xs", className: "opacity-70" })
       ]
     }
   );
 }
-const jr = () => /* @__PURE__ */ e(X, { icon: At, size: "md", color: "current" }), Rr = () => /* @__PURE__ */ e(X, { icon: Ee, size: "md", color: "current" }), Fr = () => /* @__PURE__ */ e(X, { icon: Ie, size: "md", color: "current" }), Be = be(
+const jr = () => /* @__PURE__ */ e(Q, { icon: At, size: "md", color: "current" }), Rr = () => /* @__PURE__ */ e(Q, { icon: Ee, size: "md", color: "current" }), Fr = () => /* @__PURE__ */ e(Q, { icon: Oe, size: "md", color: "current" }), Be = be(
   ({
     value: t,
     onChange: r,
@@ -2137,50 +2137,50 @@ const jr = () => /* @__PURE__ */ e(X, { icon: At, size: "md", color: "current" }
     className: o,
     minDate: u,
     maxDate: i,
-    format: v = "MM/dd/yyyy",
+    format: p = "MM/dd/yyyy",
     withTime: m = !1
   }, f) => {
-    const [g, p] = H(!1), [w, b] = H(() => t || /* @__PURE__ */ new Date()), h = ne(null), k = ne(null), T = Oe(g, k);
-    Q(() => {
+    const [g, b] = B(!1), [w, v] = B(() => t || /* @__PURE__ */ new Date()), h = se(null), C = se(null), k = Te(g, C);
+    Z(() => {
       const y = (x) => {
-        h.current && !h.current.contains(x.target) && p(!1);
+        h.current && !h.current.contains(x.target) && b(!1);
       };
       return g && document.addEventListener("mousedown", y), () => {
         document.removeEventListener("mousedown", y);
       };
     }, [g]);
-    const j = (y) => {
+    const P = (y) => {
       if (!y) return "";
-      const x = y.getDate().toString().padStart(2, "0"), S = (y.getMonth() + 1).toString().padStart(2, "0"), _ = y.getFullYear(), E = v === "dd/MM/yyyy" ? `${x}/${S}/${_}` : v === "yyyy-MM-dd" ? `${_}-${S}-${x}` : `${S}/${x}/${_}`;
-      return m ? `${E} ${D(y)}` : E;
-    }, D = (y) => `${y.getHours().toString().padStart(2, "0")}:${y.getMinutes().toString().padStart(2, "0")}`, $ = (y) => {
-      const [x, S] = y.split(":").map(Number);
-      if (Number.isNaN(x) || Number.isNaN(S)) return;
-      const _ = t ? new Date(t) : /* @__PURE__ */ new Date();
-      _.setHours(x, S, 0, 0), r?.(_);
-    }, L = () => {
-      const y = w.getFullYear(), x = w.getMonth(), S = new Date(y, x, 1), _ = new Date(S);
-      _.setDate(_.getDate() - S.getDay());
-      const E = [], I = new Date(_);
+      const x = y.getDate().toString().padStart(2, "0"), E = (y.getMonth() + 1).toString().padStart(2, "0"), $ = y.getFullYear(), T = p === "dd/MM/yyyy" ? `${x}/${E}/${$}` : p === "yyyy-MM-dd" ? `${$}-${E}-${x}` : `${E}/${x}/${$}`;
+      return m ? `${T} ${D(y)}` : T;
+    }, D = (y) => `${y.getHours().toString().padStart(2, "0")}:${y.getMinutes().toString().padStart(2, "0")}`, Y = (y) => {
+      const [x, E] = y.split(":").map(Number);
+      if (Number.isNaN(x) || Number.isNaN(E)) return;
+      const $ = t ? new Date(t) : /* @__PURE__ */ new Date();
+      $.setHours(x, E, 0, 0), r?.($);
+    }, F = () => {
+      const y = w.getFullYear(), x = w.getMonth(), E = new Date(y, x, 1), $ = new Date(E);
+      $.setDate($.getDate() - E.getDay());
+      const T = [], L = new Date($);
       for (let M = 0; M < 42; M++)
-        E.push(new Date(I)), I.setDate(I.getDate() + 1);
-      return E;
-    }, O = (y) => {
+        T.push(new Date(L)), L.setDate(L.getDate() + 1);
+      return T;
+    }, _ = (y) => {
       if (y.getMonth() === w.getMonth() && !(u && y < u) && !(i && y > i)) {
         if (m) {
-          const S = new Date(y);
-          S.setHours(t?.getHours() ?? 0, t?.getMinutes() ?? 0, 0, 0), r?.(S);
+          const E = new Date(y);
+          E.setHours(t?.getHours() ?? 0, t?.getMinutes() ?? 0, 0, 0), r?.(E);
           return;
         }
-        r?.(y), p(!1);
+        r?.(y), b(!1);
       }
-    }, R = () => {
-      b(new Date(w.getFullYear(), w.getMonth() - 1, 1));
-    }, B = () => {
-      b(new Date(w.getFullYear(), w.getMonth() + 1, 1));
-    }, K = () => {
-      r?.(null), p(!1);
-    }, W = d(
+    }, I = () => {
+      v(new Date(w.getFullYear(), w.getMonth() - 1, 1));
+    }, O = () => {
+      v(new Date(w.getFullYear(), w.getMonth() + 1, 1));
+    }, H = () => {
+      r?.(null), b(!1);
+    }, U = d(
       "w-full border border-border-strong rounded-tile transition-colors duration-fast",
       "bg-surface text-text",
       "placeholder:text-text-muted",
@@ -2193,7 +2193,7 @@ const jr = () => /* @__PURE__ */ e(X, { icon: At, size: "md", color: "current" }
         "h-control-md w-full px-3 text-base": l === "full"
       },
       o
-    ), se = L(), Z = [
+    ), te = F(), W = [
       "January",
       "February",
       "March",
@@ -2208,26 +2208,26 @@ const jr = () => /* @__PURE__ */ e(X, { icon: At, size: "md", color: "current" }
       "December"
     ];
     return /* @__PURE__ */ c("div", { ref: h, className: "relative", children: [
-      /* @__PURE__ */ c("div", { ref: k, className: "relative", children: [
+      /* @__PURE__ */ c("div", { ref: C, className: "relative", children: [
         /* @__PURE__ */ e(
           "input",
           {
             ref: f,
             type: "text",
-            value: j(t ?? null),
+            value: P(t ?? null),
             placeholder: n,
             disabled: s,
             required: a,
             readOnly: !0,
-            onClick: () => !s && p(!g),
-            className: d(W, "pr-10 cursor-pointer")
+            onClick: () => !s && b(!g),
+            className: d(U, "pr-10 cursor-pointer")
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => !s && p(!g),
+            onClick: () => !s && b(!g),
             disabled: s,
             className: "absolute inset-y-0 right-0 flex items-center pr-3 text-text-muted hover:text-text-muted",
             children: /* @__PURE__ */ e(jr, {})
@@ -2237,31 +2237,31 @@ const jr = () => /* @__PURE__ */ e(X, { icon: At, size: "md", color: "current" }
       g && /* @__PURE__ */ c(
         "div",
         {
-          style: T,
+          style: k,
           className: "fixed z-overlay overflow-auto rounded-lg border border-border bg-surface p-4 shadow-overlay min-w-panel",
           children: [
             /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-4", children: [
-              /* @__PURE__ */ e("button", { onClick: R, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Rr, {}) }),
+              /* @__PURE__ */ e("button", { onClick: I, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Rr, {}) }),
               /* @__PURE__ */ c("h3", { className: "text-sm font-medium text-text", children: [
-                Z[w.getMonth()],
+                W[w.getMonth()],
                 " ",
                 w.getFullYear()
               ] }),
-              /* @__PURE__ */ e("button", { onClick: B, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Fr, {}) })
+              /* @__PURE__ */ e("button", { onClick: O, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Fr, {}) })
             ] }),
             /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((y) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted text-center py-1", children: y }, y)) }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: se.map((y, x) => {
-              const S = y.getMonth() === w.getMonth(), _ = t && y.toDateString() === t.toDateString(), E = y.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), I = !S || u && y < u || i && y > i;
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: te.map((y, x) => {
+              const E = y.getMonth() === w.getMonth(), $ = t && y.toDateString() === t.toDateString(), T = y.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), L = !E || u && y < u || i && y > i;
               return /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => !I && O(y),
-                  disabled: I,
+                  onClick: () => !L && _(y),
+                  disabled: L,
                   className: d("w-8 h-8 text-sm rounded transition-colors duration-fast", {
-                    "text-text hover:bg-surface-hover": S && !_ && !I,
-                    "bg-accent text-accent-fg": _,
-                    "bg-surface-hover text-text": E && !_,
-                    "text-text-muted cursor-not-allowed": I
+                    "text-text hover:bg-surface-hover": E && !$ && !L,
+                    "bg-accent text-accent-fg": $,
+                    "bg-surface-hover text-text": T && !$,
+                    "text-text-muted cursor-not-allowed": L
                   }),
                   children: y.getDate()
                 },
@@ -2276,17 +2276,17 @@ const jr = () => /* @__PURE__ */ e(X, { icon: At, size: "md", color: "current" }
                   id: "datepicker-time",
                   type: "time",
                   value: t ? D(t) : "",
-                  onChange: (y) => $(y.target.value),
+                  onChange: (y) => Y(y.target.value),
                   className: "h-control-sm rounded-md border border-border bg-surface-input px-2 text-sm text-text focus-visible:outline-none focus-visible:focus-ring"
                 }
               )
             ] }),
             /* @__PURE__ */ c("div", { className: "flex justify-between items-center mt-4 pt-3 border-t border-border", children: [
-              /* @__PURE__ */ e("button", { onClick: K, className: "text-sm text-text-muted hover:text-text", children: "Clear" }),
+              /* @__PURE__ */ e("button", { onClick: H, className: "text-sm text-text-muted hover:text-text", children: "Clear" }),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => p(!1),
+                  onClick: () => b(!1),
                   className: "text-sm text-info-fg hover:underline",
                   children: "Close"
                 }
@@ -2308,7 +2308,7 @@ const jr = () => /* @__PURE__ */ e(X, { icon: At, size: "md", color: "current" }
     className: o,
     disabled: u,
     ...i
-  }, v) => /* @__PURE__ */ c(
+  }, p) => /* @__PURE__ */ c(
     "div",
     {
       className: d(
@@ -2322,11 +2322,11 @@ const jr = () => /* @__PURE__ */ e(X, { icon: At, size: "md", color: "current" }
         l
       ),
       children: [
-        /* @__PURE__ */ e(X, { icon: Le, size: "md", color: "current", className: "shrink-0" }),
+        /* @__PURE__ */ e(Q, { icon: Ie, size: "md", color: "current", className: "shrink-0" }),
         /* @__PURE__ */ e(
           "input",
           {
-            ref: v,
+            ref: p,
             type: "search",
             value: t,
             disabled: u,
@@ -2354,7 +2354,7 @@ const jr = () => /* @__PURE__ */ e(X, { icon: At, size: "md", color: "current" }
             "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(X, { 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 })
       ]
@@ -2373,39 +2373,39 @@ const Br = ({
   showCheck: u = !0,
   header: i
 }) => {
-  const [v, m] = H(!1), [f, g] = H(null), [p, w] = H({ top: 0, left: 0 }), b = ne(null), h = ne(null), k = ne(null), T = ne(null), j = Oe(v, h, { placement: a }), D = ne(null), $ = () => Array.from(
-    T.current?.querySelectorAll(
+  const [p, m] = B(!1), [f, g] = B(null), [b, w] = B({ top: 0, left: 0 }), v = se(null), h = se(null), C = se(null), k = se(null), P = Te(p, h, { placement: a }), D = se(null), Y = () => Array.from(
+    k.current?.querySelectorAll(
       "button[data-option-value]:not(:disabled)"
     ) ?? []
   );
-  Q(() => {
-    v && $()[0]?.focus();
-  }, [v, $]);
-  const L = (y) => {
+  Z(() => {
+    p && Y()[0]?.focus();
+  }, [p, Y]);
+  const F = (y) => {
     if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(y.key)) return;
-    const S = $();
-    if (S.length === 0) return;
+    const E = Y();
+    if (E.length === 0) return;
     y.preventDefault();
-    const _ = S.indexOf(document.activeElement), E = y.key === "Home" ? 0 : y.key === "End" ? S.length - 1 : y.key === "ArrowDown" ? (_ + 1) % S.length : (_ - 1 + S.length) % S.length;
-    S[E]?.focus();
+    const $ = E.indexOf(document.activeElement), T = y.key === "Home" ? 0 : y.key === "End" ? E.length - 1 : y.key === "ArrowDown" ? ($ + 1) % E.length : ($ - 1 + E.length) % E.length;
+    E[T]?.focus();
   };
-  Q(() => {
+  Z(() => {
     const y = (x) => {
-      b.current && (!b.current.contains(x.target) || k.current && !k.current.contains(x.target)) && (m(!1), g(null), D.current && (clearTimeout(D.current), D.current = null));
+      v.current && (!v.current.contains(x.target) || C.current && !C.current.contains(x.target)) && (m(!1), g(null), D.current && (clearTimeout(D.current), D.current = null));
     };
-    return v && document.addEventListener("mousedown", y), () => {
+    return p && document.addEventListener("mousedown", y), () => {
       document.removeEventListener("mousedown", y);
     };
-  }, [v]), Q(() => {
+  }, [p]), Z(() => {
     const y = (x) => {
       x.key === "Escape" && (m(!1), g(null), h.current?.focus(), D.current && (clearTimeout(D.current), D.current = null));
     };
-    return v && document.addEventListener("keydown", y), () => {
+    return p && document.addEventListener("keydown", y), () => {
       document.removeEventListener("keydown", y);
     };
-  }, [v]), Q(() => {
-    if (f && b.current) {
-      const y = b.current.querySelector(
+  }, [p]), Z(() => {
+    if (f && v.current) {
+      const y = v.current.querySelector(
         `[data-option-value="${f}"]`
       );
       if (y) {
@@ -2416,32 +2416,32 @@ const Br = ({
         });
       }
     }
-  }, [f]), Q(() => () => {
+  }, [f]), Z(() => () => {
     D.current && clearTimeout(D.current);
   }, []);
-  const O = (y) => {
-    y.stopPropagation(), !l && (m(!v), g(null), D.current && (clearTimeout(D.current), D.current = null));
-  }, R = (y, x, S) => {
-    y.stopPropagation(), !x.disabled && !x.divider && (!x.children || x.children.length === 0) && (s?.(x.value, S), m(!1), g(null));
-  }, B = (y) => {
+  const _ = (y) => {
+    y.stopPropagation(), !l && (m(!p), g(null), D.current && (clearTimeout(D.current), D.current = null));
+  }, I = (y, x, E) => {
+    y.stopPropagation(), !x.disabled && !x.divider && (!x.children || x.children.length === 0) && (s?.(x.value, E), m(!1), g(null));
+  }, O = (y) => {
     D.current && (clearTimeout(D.current), D.current = null), y.children && y.children.length > 0 ? g(y.value) : g(null);
-  }, K = (y) => {
+  }, H = (y) => {
     y.children && y.children.length > 0 ? D.current = setTimeout(() => {
       g(null);
     }, 150) : g(null);
-  }, W = (y, x, S) => {
-    y.stopPropagation(), !x.disabled && !x.divider && (s?.(x.value, S), m(!1), g(null));
-  }, se = d(
+  }, U = (y, x, E) => {
+    y.stopPropagation(), !x.disabled && !x.divider && (s?.(x.value, E), m(!1), g(null));
+  }, te = d(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
     "max-h-60 overflow-auto"
-  ), Z = d(
+  ), W = d(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
     "max-h-60 overflow-auto"
   );
   return /* @__PURE__ */ c(
     "div",
     {
-      ref: b,
+      ref: v,
       className: d(
         "relative flex flex-row items-center justify-center rounded-lg hover:bg-surface-hover",
         o
@@ -2451,45 +2451,45 @@ const Br = ({
           "button",
           {
             ref: h,
-            onClick: O,
+            onClick: _,
             disabled: l,
             "aria-haspopup": "menu",
-            "aria-expanded": v,
+            "aria-expanded": p,
             className: d("inline-flex items-center justify-center", {
               "opacity-50 cursor-not-allowed": l
             }),
             children: t
           }
         ),
-        v && /* @__PURE__ */ e(
+        p && /* @__PURE__ */ e(
           "div",
           {
-            ref: T,
-            className: se,
-            style: j,
-            onKeyDown: L,
+            ref: k,
+            className: te,
+            style: P,
+            onKeyDown: F,
             children: /* @__PURE__ */ c("div", { className: "p-2", role: "menu", children: [
               i && (typeof i == "string" ? /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted uppercase tracking-label px-3 py-2", children: i }) : i),
               r.map((y, x) => {
                 if (y.divider)
                   return /* @__PURE__ */ e("div", { className: "border-t border-border my-2" }, `divider-${x}`);
-                const S = y.children && y.children.length > 0, _ = f === y.value;
+                const E = y.children && y.children.length > 0, $ = f === y.value;
                 return /* @__PURE__ */ c("div", { className: "relative group", children: [
                   /* @__PURE__ */ c(
                     "button",
                     {
                       "data-option-value": y.value,
                       role: "menuitem",
-                      "aria-haspopup": S ? "menu" : void 0,
-                      onClick: (E) => R(E, y),
-                      onMouseEnter: () => B(y),
-                      onMouseLeave: () => K(y),
+                      "aria-haspopup": E ? "menu" : void 0,
+                      onClick: (T) => I(T, y),
+                      onMouseEnter: () => O(y),
+                      onMouseLeave: () => H(y),
                       disabled: y.disabled,
                       className: d(
                         "flex w-full items-center justify-between rounded-md px-3 py-1.5 text-sm text-text transition-colors duration-fast ease-out hover:bg-surface-hover focus-visible:outline-none focus-visible:focus-ring",
                         {
                           "opacity-50 cursor-not-allowed": y.disabled,
-                          "bg-surface-hover": _ && S
+                          "bg-surface-hover": $ && E
                         }
                       ),
                       children: [
@@ -2502,19 +2502,19 @@ const Br = ({
                         ] }),
                         /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
                           u && n === y.value && /* @__PURE__ */ e(Ke, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 }),
-                          S && /* @__PURE__ */ e("span", { className: "text-text-muted text-xs", children: "▶" })
+                          E && /* @__PURE__ */ e("span", { className: "text-text-muted text-xs", children: "▶" })
                         ] })
                       ]
                     }
                   ),
-                  S && _ && /* @__PURE__ */ e(
+                  E && $ && /* @__PURE__ */ e(
                     "div",
                     {
-                      ref: k,
-                      className: Z,
+                      ref: C,
+                      className: W,
                       style: {
-                        top: `${p.top}px`,
-                        left: `${p.left}px`
+                        top: `${b.top}px`,
+                        left: `${b.left}px`
                       },
                       onMouseEnter: () => {
                         D.current && (clearTimeout(D.current), D.current = null), g(y.value);
@@ -2524,33 +2524,33 @@ const Br = ({
                           g(null);
                         }, 150);
                       },
-                      children: /* @__PURE__ */ e("div", { className: "p-2", children: y.children?.map((E, I) => {
-                        if (E.divider)
+                      children: /* @__PURE__ */ e("div", { className: "p-2", children: y.children?.map((T, L) => {
+                        if (T.divider)
                           return /* @__PURE__ */ e(
                             "div",
                             {
                               className: "border-t border-border my-2"
                             },
-                            `divider-${I}`
+                            `divider-${L}`
                           );
-                        const M = typeof n == "object" && n[y.value] && n[y.value].includes(E.value) || n === E.value;
+                        const M = typeof n == "object" && n[y.value] && n[y.value].includes(T.value) || n === T.value;
                         return /* @__PURE__ */ c(
                           "button",
                           {
-                            onClick: (ce) => W(ce, E, y.value),
-                            disabled: E.disabled,
+                            onClick: (ce) => U(ce, T, y.value),
+                            disabled: T.disabled,
                             className: d(
                               "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",
                               {
-                                "opacity-50 cursor-not-allowed": E.disabled
+                                "opacity-50 cursor-not-allowed": T.disabled
                               }
                             ),
                             children: [
                               /* @__PURE__ */ c("div", { className: "flex items-center space-x-2 min-w-0", children: [
-                                E.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: E.icon }),
+                                T.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: T.icon }),
                                 /* @__PURE__ */ c("div", { className: "flex flex-col items-start min-w-0", children: [
-                                  /* @__PURE__ */ e("span", { className: "font-base truncate", children: E.label }),
-                                  E.description && /* @__PURE__ */ e("span", { className: "text-xs text-text-muted", children: E.description })
+                                  /* @__PURE__ */ e("span", { className: "font-base truncate", children: T.label }),
+                                  T.description && /* @__PURE__ */ e("span", { className: "text-xs text-text-muted", children: T.description })
                                 ] })
                               ] }),
                               u && M && /* @__PURE__ */ e(
@@ -2562,7 +2562,7 @@ const Br = ({
                               )
                             ]
                           },
-                          E.value
+                          T.value
                         );
                       }) })
                     }
@@ -2570,10 +2570,10 @@ const Br = ({
                 ] }, y.value);
               }),
               (() => {
-                const y = r.reduce((x, S) => {
-                  if (S.divider) return x;
-                  const _ = S.children ? S.children.filter((E) => !E.divider).length : 0;
-                  return x + 1 + _;
+                const y = r.reduce((x, E) => {
+                  if (E.divider) return x;
+                  const $ = E.children ? E.children.filter((T) => !T.divider).length : 0;
+                  return x + 1 + $;
                 }, 0);
                 return y > 1 && /* @__PURE__ */ e("div", { className: "border-t border-border mt-2 pt-2", children: /* @__PURE__ */ c("div", { className: "text-xs text-text-muted px-3 py-1", children: [
                   y,
@@ -2665,112 +2665,112 @@ const Kr = (t) => {
   onSearchChange: o,
   filters: u = [],
   toolbarActions: i = [],
-  toolbarContent: v,
+  toolbarContent: p,
   groupBy: m,
   groups: f,
   paginated: g = !1,
-  defaultPageSize: p = 10,
+  defaultPageSize: b = 10,
   actions: w = [],
-  onRowClick: b,
+  onRowClick: v,
   selectable: h = !1,
-  selectedRows: k = [],
-  onSelectionChange: T,
-  getRowKey: j = (se, Z) => Z,
+  selectedRows: C = [],
+  onSelectionChange: k,
+  getRowKey: P = (te, W) => W,
   emptyContent: D,
-  footerSummary: $,
-  size: L = "md",
-  hoverable: O = !0,
-  padding: R = "md",
-  className: B,
-  rowClassName: K,
-  headerBackground: W = !0
+  footerSummary: Y,
+  size: F = "md",
+  hoverable: _ = !0,
+  padding: I = "md",
+  className: O,
+  rowClassName: H,
+  headerBackground: U = !0
 }) => {
-  const [se, Z] = H(""), y = l !== void 0, x = y ? l : se, S = o ?? Z, [_, E] = H({
+  const [te, W] = B(""), y = l !== void 0, x = y ? l : te, E = o ?? W, [$, T] = B({
     column: null,
     direction: null
-  }), [I, M] = H({
+  }), [L, M] = B({
     page: 0,
-    pageSize: p
-  }), ce = ne(null), ie = ge(() => {
+    pageSize: b
+  }), ce = se(null), ie = ge(() => {
     let A = t;
     if (s && !y && x.trim()) {
-      const J = r.filter((ue) => ue.searchable !== !1), re = x.toLowerCase();
+      const J = r.filter((ue) => ue.searchable !== !1), ne = x.toLowerCase();
       A = A.filter((ue) => J.some((ee) => {
-        const U = typeof ee.accessor == "function" ? ee.accessor(ue) : ue[ee.accessor];
-        return String(U || "").toLowerCase().includes(re);
+        const V = typeof ee.accessor == "function" ? ee.accessor(ue) : ue[ee.accessor];
+        return String(V || "").toLowerCase().includes(ne);
       }));
     }
     return A;
   }, [t, x, y, r, s]), G = ge(() => {
-    if (!_.column || !_.direction) return ie;
-    const A = r.find((J) => J.id === _.column);
-    return A ? [...ie].sort((J, re) => {
-      const ue = typeof A.accessor == "function" ? A.accessor(J) : J[A.accessor], ee = typeof A.accessor == "function" ? A.accessor(re) : re[A.accessor];
-      let U = 0;
-      return ue < ee ? U = -1 : ue > ee && (U = 1), _.direction === "desc" ? -U : U;
+    if (!$.column || !$.direction) return ie;
+    const A = r.find((J) => J.id === $.column);
+    return A ? [...ie].sort((J, ne) => {
+      const ue = typeof A.accessor == "function" ? A.accessor(J) : J[A.accessor], ee = typeof A.accessor == "function" ? A.accessor(ne) : ne[A.accessor];
+      let V = 0;
+      return ue < ee ? V = -1 : ue > ee && (V = 1), $.direction === "desc" ? -V : V;
     }) : ie;
-  }, [ie, _, r]), V = ge(() => {
+  }, [ie, $, r]), K = ge(() => {
     if (!g || m) return G;
-    const A = I.page * I.pageSize, J = A + I.pageSize;
+    const A = L.page * L.pageSize, J = A + L.pageSize;
     return G.slice(A, J);
-  }, [G, I, g, m]), P = de(
+  }, [G, L, g, m]), j = de(
     (A) => {
-      r.find((re) => re.id === A)?.sortable && E((re) => re.column !== A ? { column: A, direction: "asc" } : re.direction === "asc" ? { column: A, direction: "desc" } : { column: null, direction: null });
+      r.find((ne) => ne.id === A)?.sortable && T((ne) => ne.column !== A ? { column: A, direction: "asc" } : ne.direction === "asc" ? { column: A, direction: "desc" } : { column: null, direction: null });
     },
     [r]
-  ), C = de((A) => {
+  ), S = de((A) => {
     M((J) => ({ ...J, page: A }));
   }, []), z = de(
     (A, J) => {
-      if (!T) return;
-      const re = j(A, 0);
-      T(J ? [...k, A] : k.filter((ue, ee) => j(k[ee], ee) !== re));
+      if (!k) return;
+      const ne = P(A, 0);
+      k(J ? [...C, A] : C.filter((ue, ee) => P(C[ee], ee) !== ne));
     },
-    [k, T, j]
-  ), Y = de(
+    [C, k, P]
+  ), X = de(
     (A) => {
-      T && T(A ? [...V] : []);
+      k && k(A ? [...K] : []);
     },
-    [V, T]
+    [K, k]
   );
-  Q(() => {
+  Z(() => {
     M((A) => ({ ...A, page: 0 }));
-  }, []), Q(() => {
+  }, []), Z(() => {
     M((A) => ({ ...A, page: 0 }));
   }, []);
-  const q = G.length, N = Math.ceil(q / I.pageSize), F = I.page * I.pageSize + 1, te = Math.min(F + I.pageSize - 1, q), oe = V.length > 0 && V.every((A) => {
-    const J = j(A, 0);
-    return k.some((re, ue) => j(re, ue) === J);
-  }), pe = V.some((A) => {
-    const J = j(A, 0);
-    return k.some((re, ue) => j(re, ue) === J);
-  }), ye = Hr[R], he = W ? "bg-surface-sunk" : "bg-surface", xe = d("text-text", ye), Pe = s || u.length > 0 || i.length > 0 || !!v, gt = ge(() => {
-    const A = V.map((ee, U) => ({ row: ee, index: U }));
+  const q = G.length, N = Math.ceil(q / L.pageSize), R = L.page * L.pageSize + 1, re = Math.min(R + L.pageSize - 1, q), oe = K.length > 0 && K.every((A) => {
+    const J = P(A, 0);
+    return C.some((ne, ue) => P(ne, ue) === J);
+  }), pe = K.some((A) => {
+    const J = P(A, 0);
+    return C.some((ne, ue) => P(ne, ue) === J);
+  }), ye = Hr[I], he = U ? "bg-surface-sunk" : "bg-surface", xe = d("text-text", ye), Pe = s || u.length > 0 || i.length > 0 || !!p, gt = ge(() => {
+    const A = K.map((ee, V) => ({ row: ee, index: V }));
     if (!m) return [{ group: null, rows: A }];
     const J = /* @__PURE__ */ new Map();
     for (const ee of A) {
-      const U = m(ee.row, ee.index), ve = J.get(U);
-      ve ? ve.push(ee) : J.set(U, [ee]);
+      const V = m(ee.row, ee.index), ve = J.get(V);
+      ve ? ve.push(ee) : J.set(V, [ee]);
     }
-    const re = f ?? [];
+    const ne = f ?? [];
     return [
-      ...re.filter((ee) => J.has(ee.id)),
-      ...[...J.keys()].filter((ee) => !re.some((U) => U.id === ee)).map((ee) => ({ id: ee }))
+      ...ne.filter((ee) => J.has(ee.id)),
+      ...[...J.keys()].filter((ee) => !ne.some((V) => V.id === ee)).map((ee) => ({ id: ee }))
     ].map((ee) => ({ group: ee, rows: J.get(ee.id) ?? [] }));
-  }, [V, m, f]), bt = r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0), Ve = g && q > 0, pt = Ve || $ !== void 0;
-  return /* @__PURE__ */ c("div", { className: d("flex min-w-0 flex-col", B), children: [
+  }, [K, m, f]), bt = r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0), Ve = g && q > 0, pt = Ve || Y !== void 0;
+  return /* @__PURE__ */ c("div", { className: d("flex min-w-0 flex-col", O), children: [
     Pe && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
       s && /* @__PURE__ */ e(
         it,
         {
           value: x,
-          onValueChange: S,
+          onValueChange: E,
           placeholder: a,
           containerClassName: "w-full sm:w-66"
         }
       ),
       u.map((A) => /* @__PURE__ */ e(Kr, { ...A }, A.id)),
-      v,
+      p,
       i.length > 0 && /* @__PURE__ */ e(ke, { actions: i, className: "ml-auto" })
     ] }),
     /* @__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: [
@@ -2781,7 +2781,7 @@ const Kr = (t) => {
             size: "sm",
             checked: oe,
             indeterminate: pe && !oe,
-            onChange: (A) => Y(A.target.checked),
+            onChange: (A) => X(A.target.checked),
             "aria-label": "Select all rows"
           }
         ) }),
@@ -2802,17 +2802,17 @@ const Kr = (t) => {
               }
             ),
             style: { width: A.width },
-            onClick: () => A.sortable && P(A.id),
+            onClick: () => A.sortable && j(A.id),
             children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1.5", children: [
               A.headerCell ? A.headerCell() : A.header,
               A.sortable && /* @__PURE__ */ e(
-                X,
+                Q,
                 {
-                  icon: _.column === A.id && _.direction === "desc" ? $e : Dt,
+                  icon: $.column === A.id && $.direction === "desc" ? Le : Dt,
                   size: "xs",
                   className: d(
                     "transition-opacity duration-fast ease-out",
-                    _.column === A.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
+                    $.column === A.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
                   )
                 }
               )
@@ -2829,11 +2829,11 @@ const Kr = (t) => {
           "aria-hidden": !0,
           children: [
             h && /* @__PURE__ */ e("td", { className: d(xe, "h-row-lg"), children: /* @__PURE__ */ e("span", { className: "block size-4 rounded-xs bg-surface-hover" }) }),
-            r.map((re, ue) => /* @__PURE__ */ e(
+            r.map((ne, ue) => /* @__PURE__ */ e(
               "td",
               {
                 className: d(xe, "h-row-lg"),
-                style: { width: re.width },
+                style: { width: ne.width },
                 children: /* @__PURE__ */ e(
                   "span",
                   {
@@ -2844,13 +2844,13 @@ const Kr = (t) => {
                   }
                 )
               },
-              re.id
+              ne.id
             )),
             w.length > 0 && /* @__PURE__ */ e("td", { className: d(xe, "h-row-lg") })
           ]
         },
         `skeleton-${J}`
-      )) : V.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+      )) : K.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
         "td",
         {
           colSpan: r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0),
@@ -2879,25 +2879,25 @@ const Kr = (t) => {
             }
           ) }, `group-${A.group.id}`)
         ] : [],
-        ...A.rows.map(({ row: J, index: re }) => {
-          const ue = j(J, re), ee = k.some(
-            (U, ve) => j(U, ve) === ue
+        ...A.rows.map(({ row: J, index: ne }) => {
+          const ue = P(J, ne), ee = C.some(
+            (V, ve) => P(V, ve) === ue
           );
           return /* @__PURE__ */ c(
             "tr",
             {
               className: d(
-                qr[L],
+                qr[F],
                 // Hairline above every row, including the first: it is
                 // what separates the body from the column strip.
                 "border-t border-border-subtle",
-                O && "transition-colors duration-fast ease-out hover:bg-surface-hover",
-                b && "cursor-pointer",
+                _ && "transition-colors duration-fast ease-out hover:bg-surface-hover",
+                v && "cursor-pointer",
                 ee && "bg-accent-soft",
-                K?.(J, re)
+                H?.(J, ne)
               ),
-              onClick: (U) => {
-                U.stopPropagation(), b?.(J, re);
+              onClick: (V) => {
+                V.stopPropagation(), v?.(J, ne);
               },
               children: [
                 h && /* @__PURE__ */ e("td", { className: xe, children: /* @__PURE__ */ e(
@@ -2905,44 +2905,44 @@ const Kr = (t) => {
                   {
                     size: "sm",
                     checked: ee,
-                    onClick: (U) => U.stopPropagation(),
-                    onChange: (U) => {
-                      U.stopPropagation(), z(J, U.target.checked);
+                    onClick: (V) => V.stopPropagation(),
+                    onChange: (V) => {
+                      V.stopPropagation(), z(J, V.target.checked);
                     },
                     "aria-label": "Select row"
                   }
                 ) }),
-                r.map((U) => {
-                  const ve = typeof U.accessor == "function" ? U.accessor(J) : J[U.accessor];
+                r.map((V) => {
+                  const ve = typeof V.accessor == "function" ? V.accessor(J) : J[V.accessor];
                   return /* @__PURE__ */ e(
                     "td",
                     {
                       className: d(xe, {
-                        "text-left": U.align === "left" || !U.align,
-                        "text-center": U.align === "center",
-                        "text-right": U.align === "right",
-                        "sticky left-0 bg-surface": U.sticky === "left",
-                        "sticky right-0 bg-surface": U.sticky === "right"
+                        "text-left": V.align === "left" || !V.align,
+                        "text-center": V.align === "center",
+                        "text-right": V.align === "right",
+                        "sticky left-0 bg-surface": V.sticky === "left",
+                        "sticky right-0 bg-surface": V.sticky === "right"
                       }),
-                      children: U.cell ? U.cell(ve, J, re) : String(ve || "")
+                      children: V.cell ? V.cell(ve, J, ne) : String(ve || "")
                     },
-                    U.id
+                    V.id
                   );
                 }),
                 w.length > 0 && /* @__PURE__ */ e("td", { className: xe, children: /* @__PURE__ */ e(
                   Br,
                   {
                     className: "rounded-md",
-                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(X, { icon: _t, size: "md", color: "current" }) }),
-                    options: w.map((U) => ({
-                      value: U.id,
-                      label: U.label,
-                      icon: U.icon,
-                      disabled: U.disabled?.(J)
+                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(Q, { icon: _t, size: "md", color: "current" }) }),
+                    options: w.map((V) => ({
+                      value: V.id,
+                      label: V.label,
+                      icon: V.icon,
+                      disabled: V.disabled?.(J)
                     })),
-                    onSelect: (U) => {
-                      const ve = w.find((vt) => vt.id === U);
-                      ve && ve.onClick(J, re);
+                    onSelect: (V) => {
+                      const ve = w.find((vt) => vt.id === V);
+                      ve && ve.onClick(J, ne);
                     },
                     placement: "bottom-end"
                   }
@@ -2955,7 +2955,7 @@ const Kr = (t) => {
       ]) })
     ] }) }),
     pt && /* @__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: $ ?? `Showing ${F}–${te} of ${q}` }),
+      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: Y ?? `Showing ${R}–${re} of ${q}` }),
       Ve && /* @__PURE__ */ c("div", { className: "flex items-center gap-0.5", children: [
         /* @__PURE__ */ e(
           ae,
@@ -2964,23 +2964,23 @@ const Kr = (t) => {
             variant: "ghost",
             iconOnly: !0,
             "aria-label": "Previous page",
-            onClick: () => C(I.page - 1),
-            disabled: I.page === 0,
-            children: /* @__PURE__ */ e(X, { icon: Ee, size: "md", color: "current" })
+            onClick: () => S(L.page - 1),
+            disabled: L.page === 0,
+            children: /* @__PURE__ */ e(Q, { icon: Ee, size: "md", color: "current" })
           }
         ),
-        Vr(I.page, N).map(
+        Vr(L.page, N).map(
           (A, J) => A === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${J}`) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-current": A === I.page ? "page" : void 0,
-              onClick: () => C(A),
+              "aria-current": A === L.page ? "page" : void 0,
+              onClick: () => S(A),
               className: d(
                 "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",
-                A === I.page ? "bg-surface-sunk font-semibold text-text" : "text-text-muted hover:bg-surface-hover hover:text-text"
+                A === L.page ? "bg-surface-sunk font-semibold text-text" : "text-text-muted hover:bg-surface-hover hover:text-text"
               ),
               children: A + 1
             },
@@ -2994,9 +2994,9 @@ const Kr = (t) => {
             variant: "ghost",
             iconOnly: !0,
             "aria-label": "Next page",
-            onClick: () => C(I.page + 1),
-            disabled: I.page >= N - 1,
-            children: /* @__PURE__ */ e(X, { icon: Ie, size: "md", color: "current" })
+            onClick: () => S(L.page + 1),
+            disabled: L.page >= N - 1,
+            children: /* @__PURE__ */ e(Q, { icon: Oe, size: "md", color: "current" })
           }
         )
       ] })
@@ -3057,7 +3057,7 @@ function Yr({
             onClick: l,
             className: "ml-1.5 flex-shrink-0 hover:opacity-70 transition-opacity",
             "aria-label": "Remove badge",
-            children: /* @__PURE__ */ e(X, { icon: Se, size: "xs", color: "current" })
+            children: /* @__PURE__ */ e(Q, { icon: Se, size: "xs", color: "current" })
           }
         )
       ]
@@ -3065,7 +3065,7 @@ function Yr({
   );
 }
 function Xr(t) {
-  const { id: r, header: n, accessor: s, label: a, tone: l, visible: o, width: u, sortable: i, align: v } = t;
+  const { id: r, header: n, accessor: s, label: a, tone: l, visible: o, width: u, sortable: i, align: p } = t;
   return {
     id: r,
     header: n,
@@ -3076,7 +3076,7 @@ function Xr(t) {
     },
     width: u,
     sortable: i,
-    align: v
+    align: p
   };
 }
 function qs(t) {
@@ -3089,7 +3089,7 @@ function qs(t) {
     onTone: o = "success",
     offTone: u = "secondary",
     width: i,
-    sortable: v
+    sortable: p
   } = t;
   return Xr({
     id: r,
@@ -3098,7 +3098,7 @@ function qs(t) {
     label: (m) => m ? a : l,
     tone: (m) => m ? o : u,
     width: i,
-    sortable: v
+    sortable: p
   });
 }
 function Us(t) {
@@ -3111,18 +3111,18 @@ function Us(t) {
     separator: o = ", ",
     width: u,
     searchable: i,
-    sortable: v
+    sortable: p
   } = t;
   return {
     id: r,
     header: n,
     accessor: (m) => {
-      const f = s(m), p = (f == null ? [] : Array.isArray(f) ? f : [f]).filter(Boolean).map((w) => a(w) ?? w);
-      return p.length ? p.join(o) : l;
+      const f = s(m), b = (f == null ? [] : Array.isArray(f) ? f : [f]).filter(Boolean).map((w) => a(w) ?? w);
+      return b.length ? b.join(o) : l;
     },
     width: u,
     searchable: i,
-    sortable: v
+    sortable: p
   };
 }
 const Qr = {
@@ -3167,21 +3167,21 @@ const Qr = {
   italic: o = !1,
   underline: u = !1,
   lineHeight: i = "normal",
-  as: v,
+  as: p,
   className: m,
   children: f,
   ...g
 }) => {
-  const p = v || nn(t), w = t === "caption", b = t === "label", h = t === "code", k = d(
+  const b = p || nn(t), w = t === "caption", v = t === "label", h = t === "code", C = d(
     "font-sans",
     // Variant — caption and label pin their own size/weight
     w && "text-xs text-text-subtle",
-    b && "text-xs font-semibold uppercase tracking-label text-text-subtle",
+    v && "text-xs font-semibold uppercase tracking-label text-text-subtle",
     h && "font-mono text-sm rounded-sm bg-surface-hover px-1 py-0.5",
     // Size — only where the variant does not pin it
-    !w && !b && !h && Qr[r],
+    !w && !v && !h && Qr[r],
     // Weight — label owns its weight
-    !b && Zr[n],
+    !v && Zr[n],
     en[s],
     tn[a],
     // Line height only overrides the body variant
@@ -3191,7 +3191,7 @@ const Qr = {
     l && "truncate",
     m
   );
-  return /* @__PURE__ */ e(p, { className: k, ...g, children: f });
+  return /* @__PURE__ */ e(b, { className: C, ...g, children: f });
 };
 function nn(t) {
   return {
@@ -3226,22 +3226,22 @@ const Vs = ({
     }
   }, l = (m) => m ? "Ja" : "Nee", o = (m, f) => {
     if (!f) return String(m || "-");
-    const g = f.find((p) => p.value === m);
+    const g = f.find((b) => b.value === m);
     return g ? g.label : String(m || "-");
   }, u = de(
     (m) => {
       const f = sn(r, m.name);
       if (m.type === "array") {
-        const p = f;
-        return !p || p.length === 0 ? /* @__PURE__ */ e(me, { variant: "body", size: "sm", className: "text-text-muted", children: "Geen items" }) : /* @__PURE__ */ e("div", { className: "space-y-3", children: p.map((w, b) => /* @__PURE__ */ c("div", { className: "p-4 border border-border rounded-xl space-y-3", children: [
+        const b = f;
+        return !b || b.length === 0 ? /* @__PURE__ */ e(me, { variant: "body", size: "sm", className: "text-text-muted", children: "Geen items" }) : /* @__PURE__ */ e("div", { className: "space-y-3", children: b.map((w, v) => /* @__PURE__ */ c("div", { className: "p-4 border border-border rounded-xl space-y-3", children: [
           /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ c(me, { variant: "label", size: "sm", weight: "medium", className: "text-text-muted", children: [
             m.label,
             " ",
-            b + 1
+            v + 1
           ] }) }),
           /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: m.arrayFields?.map((h) => {
-            const k = w?.[h.name];
-            let T = "-";
+            const C = w?.[h.name];
+            let k = "-";
             switch (h.type) {
               case "text":
               case "email":
@@ -3249,38 +3249,38 @@ const Vs = ({
               case "tel":
               case "url":
               case "textarea":
-                T = k || "-";
+                k = C || "-";
                 break;
               case "select":
               case "radio":
-                T = o(k, h.options);
+                k = o(C, h.options);
                 break;
               case "checkbox":
-                T = l(k);
+                k = l(C);
                 break;
               case "date":
-                T = a(k);
+                k = a(C);
                 break;
               case "custom":
-                T = h.customComponent?.({
-                  value: k
+                k = h.customComponent?.({
+                  value: C
                 });
                 break;
               default:
-                T = String(k || "-");
+                k = String(C || "-");
             }
-            return h.format && (T = h.format(k, w)), /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+            return h.format && (k = h.format(C, w)), /* @__PURE__ */ c("div", { className: "space-y-1", children: [
               /* @__PURE__ */ e(me, { variant: "label", size: "xs", className: "text-text-muted", children: h.label }),
-              /* @__PURE__ */ e(me, { variant: "body", size: "sm", className: "text-text", children: T })
+              /* @__PURE__ */ e(me, { variant: "body", size: "sm", className: "text-text", children: k })
             ] }, h.name);
           }) })
-        ] }, b)) });
+        ] }, v)) });
       }
       if (m.type === "custom" && m.customComponent)
         return m.customComponent({ value: f });
       if (m.format) {
-        const p = m.format(f, r);
-        return /* @__PURE__ */ e(me, { variant: "body", size: "sm", className: "text-text", children: p });
+        const b = m.format(f, r);
+        return /* @__PURE__ */ e(me, { variant: "body", size: "sm", className: "text-text", children: b });
       }
       let g = "-";
       switch (m.type) {
@@ -3315,7 +3315,7 @@ const Vs = ({
     (m) => {
       if (m.conditional && !m.conditional(r))
         return null;
-      const f = m.items.filter((p) => !(p.hidden || p.conditional && !p.conditional(r)));
+      const f = m.items.filter((b) => !(b.hidden || b.conditional && !b.conditional(r)));
       if (f.length === 0) return null;
       const g = d(
         "space-y-4",
@@ -3340,20 +3340,20 @@ const Vs = ({
               /* @__PURE__ */ e(me, { variant: "label", size: "lg", weight: "semibold", className: "text-text", children: m.title }),
               m.description && /* @__PURE__ */ e(me, { variant: "body", size: "sm", className: "text-text-muted mt-1", children: m.description })
             ] }),
-            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: g, children: f.map((p) => /* @__PURE__ */ c(
+            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: g, children: f.map((b) => /* @__PURE__ */ c(
               "div",
               {
                 className: "space-y-1",
                 style: {
-                  width: typeof p.width == "string" ? p.width : void 0,
-                  gridColumn: typeof p.width == "number" ? `span ${p.width} / span ${p.width}` : void 0
+                  width: typeof b.width == "string" ? b.width : void 0,
+                  gridColumn: typeof b.width == "number" ? `span ${b.width} / span ${b.width}` : void 0
                 },
                 children: [
-                  p.type !== "custom" && /* @__PURE__ */ e(me, { variant: "label", size: "sm", className: "font-medium text-text-muted", children: p.label }),
-                  u(p)
+                  b.type !== "custom" && /* @__PURE__ */ e(me, { variant: "label", size: "sm", className: "font-medium text-text-muted", children: b.label }),
+                  u(b)
                 ]
               },
-              p.name
+              b.name
             )) }) })
           ]
         },
@@ -3361,7 +3361,7 @@ const Vs = ({
       );
     },
     [r, u]
-  ), v = d(
+  ), p = d(
     "space-y-6",
     {
       "max-w-md": n === "sm",
@@ -3371,7 +3371,7 @@ const Vs = ({
     },
     s
   );
-  return /* @__PURE__ */ e("div", { className: v, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(i) }) });
+  return /* @__PURE__ */ e("div", { className: p, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(i) }) });
 };
 class Ks extends kt {
   constructor() {
@@ -3411,42 +3411,42 @@ function Ws({
   componentProps: l,
   className: o
 }) {
-  const u = ne(null), [i, v] = H(null), [, m] = H(0), f = ne(null), g = ne(r);
-  g.current = r, Q(() => {
+  const u = se(null), [i, p] = B(null), [, m] = B(0), f = se(null), g = se(r);
+  g.current = r, Z(() => {
     if (Re.has(t)) return;
-    let k = !0;
+    let C = !0;
     return (async () => {
       try {
-        const j = await g.current();
-        if (!k) return;
-        Re.set(t, j), m((D) => D + 1);
-      } catch (j) {
-        console.error(`[FederatedResource] Load failed: ${t}`, j), k && v(t);
+        const P = await g.current();
+        if (!C) return;
+        Re.set(t, P), m((D) => D + 1);
+      } catch (P) {
+        console.error(`[FederatedResource] Load failed: ${t}`, P), C && p(t);
       }
     })(), () => {
-      k = !1;
+      C = !1;
     };
   }, [t]);
-  const p = Re.get(t) ?? null, w = !p && i === t, b = !p && !w, h = p ? n === "react" && (p.component || p.default) || p : null;
-  return Q(() => {
+  const b = Re.get(t) ?? null, w = !b && i === t, v = !b && !w, h = b ? n === "react" && (b.component || b.default) || b : null;
+  return Z(() => {
     if (!h || n === "react") return;
-    const k = u.current;
-    if (k) {
+    const C = u.current;
+    if (C) {
       if (n === "svelte") {
-        const T = h.default || h, j = new T({ target: k, props: l || {} });
-        return f.current = j, () => j.$destroy();
+        const k = h.default || h, P = new k({ target: C, props: l || {} });
+        return f.current = P, () => P.$destroy();
       }
       if (h.mount) {
-        const T = h.mount({ container: k, props: l || {} });
+        const k = h.mount({ container: C, props: l || {} });
         return () => {
-          typeof T == "function" ? T() : h.unmount?.(k);
+          typeof k == "function" ? k() : h.unmount?.(C);
         };
       }
     }
-  }, [h, n, l]), Q(() => {
+  }, [h, n, l]), Z(() => {
     n === "svelte" && f.current && f.current.$set?.(l);
   }, [l, n]), /* @__PURE__ */ c("div", { ref: u, className: o, style: { display: "contents" }, children: [
-    b && s,
+    v && s,
     w && a,
     n === "react" && h && /* @__PURE__ */ e(h, { ...l })
   ] });
@@ -3739,12 +3739,12 @@ function Qe(t) {
     "data-form-type": "other"
   };
 }
-const Ae = (t) => t == null ? "" : String(t), hn = (t) => Ae(t).trim().toLowerCase(), xn = {
+const De = (t) => t == null ? "" : String(t), hn = (t) => De(t).trim().toLowerCase(), xn = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm",
   lg: "h-control-lg px-3 text-base",
   full: "h-control-md w-full px-3 text-sm"
-}, Me = hn, De = be(
+}, Ae = hn, _e = be(
   ({
     label: t,
     helperText: r,
@@ -3755,85 +3755,85 @@ const Ae = (t) => t == null ? "" : String(t), hn = (t) => Ae(t).trim().toLowerCa
     options: o,
     placeholder: u,
     containerClassName: i,
-    labelClassName: v,
+    labelClassName: p,
     className: m,
     id: f,
     searchable: g,
-    multiple: p,
+    multiple: b,
     value: w,
-    onChange: b,
+    onChange: v,
     allowCreate: h,
-    onCreateOption: k,
-    ...T
-  }, j) => {
-    const D = f || `select-${Math.random().toString(36).substr(2, 9)}`, $ = !!n, [L, O] = le.useState(!1), [R, B] = le.useState(""), K = le.useRef(null), W = le.useRef(null), se = Oe(L, W, { matchWidth: !0 }), [Z, y] = le.useState(o);
-    le.useImperativeHandle(j, () => K.current), le.useEffect(() => {
-      const P = (C) => {
-        K.current && !K.current.contains(C.target) && O(!1);
+    onCreateOption: C,
+    ...k
+  }, P) => {
+    const D = f || `select-${Math.random().toString(36).substr(2, 9)}`, Y = !!n, [F, _] = le.useState(!1), [I, O] = le.useState(""), H = le.useRef(null), U = le.useRef(null), te = Te(F, U, { matchWidth: !0 }), [W, y] = le.useState(o);
+    le.useImperativeHandle(P, () => H.current), le.useEffect(() => {
+      const j = (S) => {
+        H.current && !H.current.contains(S.target) && _(!1);
       };
-      return document.addEventListener("mousedown", P), () => document.removeEventListener("mousedown", P);
+      return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
     }, []);
     const x = le.useCallback(
-      (P, C) => P.some((z) => Me(z.value) === Me(C) || Me(z.label) === Me(C)),
+      (j, S) => j.some((z) => Ae(z.value) === Ae(S) || Ae(z.label) === Ae(S)),
       []
-    ), S = le.useCallback(
-      (P, C) => {
-        const z = [...P], Y = (q) => {
-          const N = Ae(q).trim();
+    ), E = le.useCallback(
+      (j, S) => {
+        const z = [...j], X = (q) => {
+          const N = De(q).trim();
           N && (x(z, N) || z.push({ value: N, label: N }));
         };
-        return Array.isArray(C) ? C.forEach(Y) : Y(C), z;
+        return Array.isArray(S) ? S.forEach(X) : X(S), z;
       },
       [x]
     );
     le.useEffect(() => {
-      y((P) => {
-        const C = [...o];
-        return P.forEach((z) => {
-          !x(C, z.value) && !x(C, z.label) && C.push(z);
-        }), S(C, w);
+      y((j) => {
+        const S = [...o];
+        return j.forEach((z) => {
+          !x(S, z.value) && !x(S, z.label) && S.push(z);
+        }), E(S, w);
       });
-    }, [o, w, S, x]);
-    const _ = le.useMemo(
-      () => Array.isArray(w) ? w.map(Ae) : w == null ? void 0 : Ae(w),
+    }, [o, w, E, x]);
+    const $ = le.useMemo(
+      () => Array.isArray(w) ? w.map(De) : w == null ? void 0 : De(w),
       [w]
-    ), E = (P) => {
-      if (p) {
-        const C = Array.isArray(_) ? _ : [], z = C.includes(P) ? C.filter((Y) => Y !== P) : [...C, P];
-        b?.(z);
+    ), T = (j) => {
+      if (b) {
+        const S = Array.isArray($) ? $ : [], z = S.includes(j) ? S.filter((X) => X !== j) : [...S, j];
+        v?.(z);
       } else
-        b?.(P), O(!1), B("");
-    }, I = p ? null : Z.find((P) => P.value === _), M = p ? Z.filter((P) => Array.isArray(_) && _.includes(P.value)) : [], ce = g && R ? Z.filter(
-      (P) => P.label.toLowerCase().includes(R.toLowerCase())
-    ) : Z, ie = !!h && !!g && !!R.trim() && !x(Z, R), G = (P) => {
-      const C = P.trim();
-      if (!C) return;
-      const z = k?.(C) ?? {
-        value: C,
-        label: C
+        v?.(j), _(!1), O("");
+    }, L = b ? null : W.find((j) => j.value === $), M = b ? W.filter((j) => Array.isArray($) && $.includes(j.value)) : [], ce = g && I ? W.filter(
+      (j) => j.label.toLowerCase().includes(I.toLowerCase())
+    ) : W, ie = !!h && !!g && !!I.trim() && !x(W, I), G = (j) => {
+      const S = j.trim();
+      if (!S) return;
+      const z = C?.(S) ?? {
+        value: S,
+        label: S
       };
-      if (x(Z, z.value) || x(Z, z.label)) {
-        E(z.value), B(""), p || O(!1);
+      if (x(W, z.value) || x(W, z.label)) {
+        T(z.value), O(""), b || _(!1);
         return;
       }
-      y((Y) => [...Y, z]), E(z.value), B(""), p || O(!1);
-    }, V = () => p ? M.length > 0 ? M.map((P) => P.label).join(", ") : u || "Select options" : I?.label || u || "Select an option";
+      y((X) => [...X, z]), T(z.value), O(""), b || _(!1);
+    }, K = () => b ? M.length > 0 ? M.map((j) => j.label).join(", ") : u || "Select options" : L?.label || u || "Select an option";
     return /* @__PURE__ */ c(
       "div",
       {
-        ref: K,
+        ref: H,
         className: d("relative flex flex-col", a && "w-full", i),
-        ...T,
+        ...k,
         children: [
           t && /* @__PURE__ */ e(
             "label",
             {
               htmlFor: D,
-              onClick: () => O(!L),
+              onClick: () => _(!F),
               className: d(
                 "block text-xs font-semibold uppercase tracking-label mb-1.5",
-                $ ? "text-danger-fg" : "text-text-muted",
-                v
+                Y ? "text-danger-fg" : "text-text-muted",
+                p
               ),
               children: t
             }
@@ -3842,39 +3842,39 @@ const Ae = (t) => t == null ? "" : String(t), hn = (t) => Ae(t).trim().toLowerCa
             /* @__PURE__ */ c(
               "button",
               {
-                ref: W,
+                ref: U,
                 type: "button",
                 id: D,
                 disabled: l,
-                onClick: () => O(!L),
+                onClick: () => _(!F),
                 className: d(
                   "flex w-full items-center justify-between gap-2 rounded-tile border transition-colors duration-fast text-left",
                   "focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   "bg-surface",
                   xn[s],
-                  $ ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
+                  Y ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
                   m
                 ),
                 children: [
-                  /* @__PURE__ */ e("span", { className: "truncate flex-1 min-w-0", children: V() }),
+                  /* @__PURE__ */ e("span", { className: "truncate flex-1 min-w-0", children: K() }),
                   /* @__PURE__ */ e(
                     $t,
                     {
                       size: 16,
                       className: d(
                         "shrink-0 opacity-60 transition-transform duration-fast",
-                        L && "rotate-180"
+                        F && "rotate-180"
                       )
                     }
                   )
                 ]
               }
             ),
-            L && /* @__PURE__ */ c(
+            F && /* @__PURE__ */ c(
               "div",
               {
-                style: se,
+                style: te,
                 className: "fixed z-overlay flex flex-col overflow-hidden rounded-lg border border-border bg-surface shadow-overlay",
                 children: [
                   g && /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
@@ -3882,10 +3882,10 @@ const Ae = (t) => t == null ? "" : String(t), hn = (t) => Ae(t).trim().toLowerCa
                     {
                       type: "text",
                       placeholder: "Search...",
-                      value: R,
-                      onChange: (P) => B(P.target.value),
-                      onKeyDown: (P) => {
-                        P.key === "Enter" && ie && (P.preventDefault(), G(R));
+                      value: I,
+                      onChange: (j) => O(j.target.value),
+                      onKeyDown: (j) => {
+                        j.key === "Enter" && ie && (j.preventDefault(), G(I));
                       },
                       className: d(
                         "w-full px-3 py-2 text-sm rounded-md border",
@@ -3900,51 +3900,51 @@ const Ae = (t) => t == null ? "" : String(t), hn = (t) => Ae(t).trim().toLowerCa
                         "cursor-pointer px-3 py-1.5 text-sm",
                         "text-info-fg hover:bg-surface-hover"
                       ),
-                      onClick: () => G(R),
+                      onClick: () => G(I),
                       children: [
                         "+: “",
-                        R.trim(),
+                        I.trim(),
                         "”"
                       ]
                     }
                   ),
                   /* @__PURE__ */ c("ul", { className: "min-h-0 flex-1 overflow-auto py-1", children: [
-                    u && !p && /* @__PURE__ */ e(
+                    u && !b && /* @__PURE__ */ e(
                       "li",
                       {
                         className: "cursor-pointer px-3 py-1.5 text-sm text-text-muted hover:bg-surface-hover",
                         onClick: () => {
-                          b?.(""), O(!1);
+                          v?.(""), _(!1);
                         },
                         children: u
                       }
                     ),
-                    ce.map((P) => {
-                      const C = p ? Array.isArray(_) && _.includes(P.value) : _ === P.value;
+                    ce.map((j) => {
+                      const S = b ? Array.isArray($) && $.includes(j.value) : $ === j.value;
                       return /* @__PURE__ */ e(
                         "li",
                         {
-                          onClick: () => !P.disabled && E(P.value),
+                          onClick: () => !j.disabled && T(j.value),
                           className: d(
                             "cursor-pointer px-3 py-1.5 text-sm",
                             "text-text",
-                            P.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface-hover",
-                            C && "bg-accent-soft text-accent font-semibold"
+                            j.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface-hover",
+                            S && "bg-accent-soft text-accent font-semibold"
                           ),
                           children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
-                            p && /* @__PURE__ */ e(
+                            b && /* @__PURE__ */ e(
                               "input",
                               {
                                 type: "checkbox",
-                                checked: C,
+                                checked: S,
                                 readOnly: !0,
                                 className: "mr-3 h-4 w-4 rounded border-border [&:not(:checked)]:bg-surface-input text-accent "
                               }
                             ),
-                            /* @__PURE__ */ e("span", { children: P.label })
+                            /* @__PURE__ */ e("span", { children: j.label })
                           ] })
                         },
-                        P.value
+                        j.value
                       );
                     })
                   ] })
@@ -3952,13 +3952,13 @@ const Ae = (t) => t == null ? "" : String(t), hn = (t) => Ae(t).trim().toLowerCa
               }
             )
           ] }),
-          (n || r) && /* @__PURE__ */ e("p", { className: d("mt-1 text-xs", $ ? "text-danger-fg" : "text-text-muted"), children: n || r })
+          (n || r) && /* @__PURE__ */ e("p", { className: d("mt-1 text-xs", Y ? "text-danger-fg" : "text-text-muted"), children: n || r })
         ]
       }
     );
   }
 );
-De.displayName = "Select";
+_e.displayName = "Select";
 const gn = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
@@ -3975,21 +3975,21 @@ const gn = {
     endIcon: o,
     loading: u = !1,
     containerClassName: i,
-    labelClassName: v,
+    labelClassName: p,
     className: m,
     id: f,
     ...g
-  }, p) => {
-    const w = le.useId(), b = f || `textfield-${w}`, h = !!n, k = n || r ? `${b}-description` : void 0;
+  }, b) => {
+    const w = le.useId(), v = f || `textfield-${w}`, h = !!n, C = n || r ? `${v}-description` : void 0;
     return /* @__PURE__ */ c("div", { className: d("flex flex-col", a && "w-full", i), children: [
       t && /* @__PURE__ */ e(
         "label",
         {
-          htmlFor: b,
+          htmlFor: v,
           className: d(
             dt,
             h ? "text-danger-fg" : "text-text-muted",
-            v
+            p
           ),
           children: t
         }
@@ -3999,10 +3999,10 @@ const gn = {
         /* @__PURE__ */ e(
           "input",
           {
-            ref: p,
-            id: b,
+            ref: b,
+            id: v,
             "aria-invalid": h || void 0,
-            "aria-describedby": k,
+            "aria-describedby": C,
             className: d(
               ut,
               gn[s],
@@ -4025,7 +4025,7 @@ const gn = {
       (n || r) && /* @__PURE__ */ e(
         "p",
         {
-          id: k,
+          id: C,
           className: d("mt-1 text-xs", h ? "text-danger-fg" : "text-text-subtle"),
           children: n || r
         }
@@ -4044,11 +4044,11 @@ function bn({
   templatePlaceholder: o,
   showTemplate: u = !0
 }) {
-  const [i, v] = H([]);
-  Q(() => {
+  const [i, p] = B([]);
+  Z(() => {
     let f = !0;
     return Promise.resolve(n?.()).then((g) => {
-      f && g && v(g.data ?? []);
+      f && g && p(g.data ?? []);
     }).catch(() => {
     }), () => {
       f = !1;
@@ -4057,7 +4057,7 @@ function bn({
   const m = t ?? {};
   return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ e(
-      De,
+      _e,
       {
         size: a,
         fullWidth: !0,
@@ -4080,7 +4080,7 @@ function bn({
   ] });
 }
 const pn = tt(null), ea = ({ items: t, activeTab: r, onTabChange: n, className: s }) => {
-  const [a, l] = H(t[0]?.id || ""), o = r || a, u = (i) => {
+  const [a, l] = B(t[0]?.id || ""), o = r || a, u = (i) => {
     n ? n(i) : l(i);
   };
   return /* @__PURE__ */ e("div", { className: d("border-b border-border", s), children: /* @__PURE__ */ e("nav", { className: "-mb-px flex space-x-8", children: t.map((i) => /* @__PURE__ */ e(
@@ -4121,14 +4121,14 @@ const pn = tt(null), ea = ({ items: t, activeTab: r, onTabChange: n, className:
   size: l = "md",
   className: o
 }) => {
-  const [u, i] = H(
+  const [u, i] = B(
     r || n || t[0]?.id || ""
-  ), v = n || u, m = (b) => {
-    s ? s(b) : i(b);
+  ), p = n || u, m = (v) => {
+    s ? s(v) : i(v);
   }, f = {
-    activeTab: v,
+    activeTab: p,
     setActiveTab: m
-  }, g = t.find((b) => b.id === v), p = d(
+  }, g = t.find((v) => v.id === p), b = d(
     "flex",
     {
       "border-b border-border px-2": a === "default" || a === "underline",
@@ -4137,12 +4137,12 @@ const pn = tt(null), ea = ({ items: t, activeTab: r, onTabChange: n, className:
       "space-x-8": a === "default" || a === "underline"
     },
     o
-  ), w = (b, h) => {
-    const k = "transition-colors duration-fast font-medium", T = {
+  ), w = (v, h) => {
+    const C = "transition-colors duration-fast font-medium", k = {
       "text-xs px-2 py-1": l === "sm",
       "text-sm px-3 py-2": l === "md",
       "text-base px-4 py-3": l === "lg"
-    }, j = {
+    }, P = {
       // Default variant
       "border-b-2 -mb-px": a === "default",
       // Pills variant
@@ -4150,49 +4150,49 @@ const pn = tt(null), ea = ({ items: t, activeTab: r, onTabChange: n, className:
       // Underline variant
       "border-b-2 pb-2": a === "underline"
     }, D = {
-      "opacity-50 cursor-not-allowed": b.disabled,
-      "cursor-pointer": !b.disabled
-    }, $ = h ? {
+      "opacity-50 cursor-not-allowed": v.disabled,
+      "cursor-pointer": !v.disabled
+    }, Y = h ? {
       "border-accent-border text-text": a === "default" || a === "underline",
       "bg-surface text-text shadow-none": a === "pills"
-    } : {}, L = !h && !b.disabled ? {
+    } : {}, F = !h && !v.disabled ? {
       "border-transparent text-text-muted hover:text-text": a === "default",
       "text-text-muted hover:text-text": a === "pills",
       "border-transparent text-text-muted hover:text-text hover:border-border": a === "underline"
     } : {};
     return d(
+      C,
       k,
-      T,
-      j,
+      P,
       D,
-      $,
-      L
+      Y,
+      F
     );
   };
   return /* @__PURE__ */ e(pn.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
-    /* @__PURE__ */ e("div", { className: p, role: "tablist", children: t.map((b) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: b, role: "tablist", children: t.map((v) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         role: "tab",
-        "aria-selected": v === b.id,
-        "aria-controls": `tabpanel-${b.id}`,
-        disabled: b.disabled,
-        onClick: () => !b.disabled && m(b.id),
-        className: w(b, v === b.id),
+        "aria-selected": p === v.id,
+        "aria-controls": `tabpanel-${v.id}`,
+        disabled: v.disabled,
+        onClick: () => !v.disabled && m(v.id),
+        className: w(v, p === v.id),
         children: /* @__PURE__ */ c("span", { className: "flex items-center gap-2", children: [
-          b.label,
-          b.badge && /* @__PURE__ */ e("span", { className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-surface-hover text-text-muted", children: b.badge })
+          v.label,
+          v.badge && /* @__PURE__ */ e("span", { className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-surface-hover text-text-muted", children: v.badge })
         ] })
       },
-      b.id
+      v.id
     )) }),
     g?.content && /* @__PURE__ */ e(
       "div",
       {
         role: "tabpanel",
-        id: `tabpanel-${v}`,
-        "aria-labelledby": `tab-${v}`,
+        id: `tabpanel-${p}`,
+        "aria-labelledby": `tab-${p}`,
         className: "mt-4",
         children: g.content
       }
@@ -4215,20 +4215,20 @@ function ft({
   className: o,
   backdropClassName: u,
   children: i,
-  footer: v,
+  footer: p,
   showCloseButton: m = !0
 }) {
-  const f = ne(null), g = ne(null);
-  Q(() => {
+  const f = se(null), g = se(null);
+  Z(() => {
     if (!t || !l) return;
-    const w = (b) => {
-      b.key === "Escape" && r();
+    const w = (v) => {
+      v.key === "Escape" && r();
     };
     return document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
-  }, [t, l, r]), Q(() => (t ? (g.current = document.activeElement, f.current && f.current.focus(), document.body.style.overflow = "hidden") : (g.current && g.current.focus(), document.body.style.overflow = ""), () => {
+  }, [t, l, r]), Z(() => (t ? (g.current = document.activeElement, f.current && f.current.focus(), document.body.style.overflow = "hidden") : (g.current && g.current.focus(), document.body.style.overflow = ""), () => {
     document.body.style.overflow = "";
   }), [t]);
-  const p = (w) => {
+  const b = (w) => {
     a && w.target === w.currentTarget && r();
   };
   return t ? /* @__PURE__ */ e(
@@ -4239,7 +4239,7 @@ function ft({
         "bg-scrim",
         u
       ),
-      onClick: p,
+      onClick: b,
       children: /* @__PURE__ */ c(
         "div",
         {
@@ -4263,12 +4263,12 @@ function ft({
                   onClick: r,
                   className: "p-1 text-text-muted hover:text-text transition-colors",
                   "aria-label": "Close modal",
-                  children: /* @__PURE__ */ e(X, { icon: Se, size: "lg", color: "current" })
+                  children: /* @__PURE__ */ e(Q, { icon: Se, size: "lg", color: "current" })
                 }
               )
             ] }),
             /* @__PURE__ */ e("div", { className: "p-6", children: i }),
-            v && /* @__PURE__ */ e("div", { className: "px-6 py-4", children: v })
+            p && /* @__PURE__ */ e("div", { className: "px-6 py-4", children: p })
           ]
         }
       )
@@ -4285,167 +4285,167 @@ const Nn = ({
   accept: o,
   onListFiles: u,
   onListMounts: i,
-  onUploadFile: v,
+  onUploadFile: p,
   onDownloadFile: m,
   onRegisterFile: f
 }) => {
-  const [g, p] = H(!1), [w, b] = H([]), [h, k] = H(null), [T, j] = H("/"), [D, $] = H([]), [L, O] = H(!1), [R, B] = H(""), [K, W] = H(
+  const [g, b] = B(!1), [w, v] = B([]), [h, C] = B(null), [k, P] = B("/"), [D, Y] = B([]), [F, _] = B(!1), [I, O] = B(""), [H, U] = B(
     typeof t == "object" ? t : null
-  ), [se, Z] = H(!1), [y, x] = H(""), S = ne(null), _ = de(async () => {
-    O(!0);
+  ), [te, W] = B(!1), [y, x] = B(""), E = se(null), $ = de(async () => {
+    _(!0);
     try {
       const N = await i?.();
-      N?.data && b(N.data);
+      N?.data && v(N.data);
     } catch (N) {
       console.error("Failed to load mounts", N);
     } finally {
-      O(!1);
+      _(!1);
     }
-  }, [i]), E = de(async () => {
+  }, [i]), T = de(async () => {
     if (h) {
-      O(!0);
+      _(!0);
       try {
         const N = await u?.({
           mountId: h.id,
-          name: R,
-          path: T
+          name: I,
+          path: k
         });
-        N?.data && $(N.data);
+        N?.data && Y(N.data);
       } catch (N) {
         console.error("Failed to load files", N);
       } finally {
-        O(!1);
+        _(!1);
       }
     }
-  }, [T, u, R, h]);
-  Q(() => {
-    g && _();
-  }, [g, _]), Q(() => {
-    g && h && E();
-  }, [g, h, E]);
-  const I = async (N) => {
-    const F = N.target.files?.[0];
-    if (F) {
-      O(!0);
+  }, [k, u, I, h]);
+  Z(() => {
+    g && $();
+  }, [g, $]), Z(() => {
+    g && h && T();
+  }, [g, h, T]);
+  const L = async (N) => {
+    const R = N.target.files?.[0];
+    if (R) {
+      _(!0);
       try {
-        const te = await F.arrayBuffer(), oe = new Uint8Array(te), pe = {
+        const re = await R.arrayBuffer(), oe = new Uint8Array(re), pe = {
           id: `local-${Date.now()}`,
-          name: F.name,
+          name: R.name,
           type: "file",
           path: "/",
-          mimeType: F.type || "application/octet-stream",
-          size: F.size,
+          mimeType: R.type || "application/octet-stream",
+          size: R.size,
           mountId: "local",
-          providerKey: F.name,
+          providerKey: R.name,
           ownerId: "me"
         };
-        W(pe), r(pe, oe), p(!1);
-      } catch (te) {
-        console.error("Local file selection failed", te);
+        U(pe), r(pe, oe), b(!1);
+      } catch (re) {
+        console.error("Local file selection failed", re);
       } finally {
-        O(!1);
+        _(!1);
       }
     }
   }, M = async (N) => {
-    const F = N.target.files?.[0];
-    if (!(!F || !h)) {
-      O(!0);
+    const R = N.target.files?.[0];
+    if (!(!R || !h)) {
+      _(!0);
       try {
-        const te = await F.arrayBuffer(), oe = await v?.({
-          file: new Uint8Array(te),
-          filename: F.name,
-          mimeType: F.type || "application/octet-stream",
+        const re = await R.arrayBuffer(), oe = await p?.({
+          file: new Uint8Array(re),
+          filename: R.name,
+          mimeType: R.type || "application/octet-stream",
           mountId: h.id,
-          path: T
+          path: k
         });
         if (oe?.data) {
           const pe = oe.data;
-          W(pe), r(pe, new Uint8Array(te)), p(!1);
+          U(pe), r(pe, new Uint8Array(re)), b(!1);
         }
-      } catch (te) {
-        console.error("Upload failed", te);
+      } catch (re) {
+        console.error("Upload failed", re);
       } finally {
-        O(!1);
+        _(!1);
       }
     }
   }, ce = async () => {
     if (!(!y || !h)) {
-      O(!0);
+      _(!0);
       try {
-        const N = `${T}${y}/`;
+        const N = `${k}${y}/`;
         f && (await f({
           name: y,
           type: "folder",
-          path: T,
+          path: k,
           mimeType: "application/x-directory",
           size: 0,
           mountId: h.id,
           providerKey: N,
           ownerId: "me"
-        }), await E()), Z(!1), x("");
+        }), await T()), W(!1), x("");
       } catch (N) {
         console.error("Failed to create folder", N);
       } finally {
-        O(!1);
+        _(!1);
       }
     }
   }, ie = async (N) => {
-    O(!0);
+    _(!0);
     try {
-      const F = await m?.(N.id);
-      W(N), r(N, F), p(!1);
-    } catch (F) {
-      console.error("Failed to download file", F);
+      const R = await m?.(N.id);
+      U(N), r(N, R), b(!1);
+    } catch (R) {
+      console.error("Failed to download file", R);
     } finally {
-      O(!1);
+      _(!1);
     }
   }, G = (N) => {
-    N.stopPropagation(), W(null), r(null);
-  }, V = ge(() => {
-    const N = /* @__PURE__ */ new Set(), F = [];
-    return D.forEach((te) => {
-      if (te.type === "folder") {
-        te.path === T && N.add(te.name);
+    N.stopPropagation(), U(null), r(null);
+  }, K = ge(() => {
+    const N = /* @__PURE__ */ new Set(), R = [];
+    return D.forEach((re) => {
+      if (re.type === "folder") {
+        re.path === k && N.add(re.name);
         return;
       }
-      const oe = te.providerKey || te.name, ye = (T ? oe.substring(T.length) : oe).split("/").filter((he) => he !== "");
-      ye.length > 1 ? N.add(ye[0]) : ye.length === 1 && F.push(te);
+      const oe = re.providerKey || re.name, ye = (k ? oe.substring(k.length) : oe).split("/").filter((he) => he !== "");
+      ye.length > 1 ? N.add(ye[0]) : ye.length === 1 && R.push(re);
     }), {
       folders: Array.from(N).sort(),
-      files: F.sort((te, oe) => te.name.localeCompare(oe.name))
+      files: R.sort((re, oe) => re.name.localeCompare(oe.name))
     };
-  }, [D, T]), P = (N) => {
-    j((F) => `${F}${N}/`);
-  }, C = () => {
-    const N = T.split("/").filter((F) => F !== "");
-    N.pop(), N.length === 0 ? j("/") : j(`${N.join("/")}/`);
+  }, [D, k]), j = (N) => {
+    P((R) => `${R}${N}/`);
+  }, S = () => {
+    const N = k.split("/").filter((R) => R !== "");
+    N.pop(), N.length === 0 ? P("/") : P(`${N.join("/")}/`);
   }, z = ge(() => {
-    const N = V.folders.map((F) => ({
-      id: `folder-${F}`,
-      name: F,
+    const N = K.folders.map((R) => ({
+      id: `folder-${R}`,
+      name: R,
       type: "folder"
     }));
-    return V.files.forEach((F) => {
+    return K.files.forEach((R) => {
       N.push({
-        ...F,
+        ...R,
         type: "file"
       });
     }), N;
-  }, [V]), Y = [
+  }, [K]), X = [
     {
       id: "name",
       header: "Name",
       accessor: "name",
-      cell: (N, F) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      cell: (N, R) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          X,
+          Q,
           {
-            icon: F.type === "folder" ? Ge : je,
+            icon: R.type === "folder" ? Ge : je,
             size: "sm",
-            color: F.type === "folder" ? "warning" : "secondary"
+            color: R.type === "folder" ? "warning" : "secondary"
           }
         ),
-        /* @__PURE__ */ e("span", { className: d(F.type === "folder" && "font-medium"), children: N })
+        /* @__PURE__ */ e("span", { className: d(R.type === "folder" && "font-medium"), children: N })
       ] })
     },
     {
@@ -4463,15 +4463,15 @@ const Nn = ({
       header: "",
       accessor: "id",
       align: "right",
-      cell: (N, F) => /* @__PURE__ */ e(
+      cell: (N, R) => /* @__PURE__ */ e(
         ae,
         {
           variant: "outline",
-          onClick: (te) => {
-            te.stopPropagation(), F.type === "folder" ? P(F.name) : ie(F);
+          onClick: (re) => {
+            re.stopPropagation(), R.type === "folder" ? j(R.name) : ie(R);
           },
-          loading: L && F.type === "file" && K?.id === F.id,
-          children: F.type === "folder" ? "Open" : "Select"
+          loading: F && R.type === "file" && H?.id === R.id,
+          children: R.type === "folder" ? "Open" : "Select"
         }
       )
     }
@@ -4481,7 +4481,7 @@ const Nn = ({
       header: "Mount Name",
       accessor: "name",
       cell: (N) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2 font-medium", children: [
-        /* @__PURE__ */ e(X, { icon: We, size: "sm", color: "primary" }),
+        /* @__PURE__ */ e(Q, { icon: We, size: "sm", color: "primary" }),
         /* @__PURE__ */ e("span", { children: N })
       ] })
     },
@@ -4490,7 +4490,7 @@ const Nn = ({
       header: "",
       accessor: "id",
       align: "right",
-      cell: (N, F) => /* @__PURE__ */ e(ae, { variant: "outline", onClick: () => k(F), children: "Open" })
+      cell: (N, R) => /* @__PURE__ */ e(ae, { variant: "outline", onClick: () => C(R), children: "Open" })
     }
   ];
   return /* @__PURE__ */ c("div", { className: "space-y-1", children: [
@@ -4498,7 +4498,7 @@ const Nn = ({
     /* @__PURE__ */ c(
       "div",
       {
-        onClick: () => !l && p(!0),
+        onClick: () => !l && b(!0),
         className: d(
           "flex items-center gap-3 px-3 py-2 border rounded-lg cursor-pointer transition-colors",
           "hover:border-border-strong bg-surface",
@@ -4507,14 +4507,14 @@ const Nn = ({
         ),
         children: [
           /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(
-            X,
+            Q,
             {
-              icon: K ? je : We,
-              color: K ? "primary" : "secondary"
+              icon: H ? je : We,
+              color: H ? "primary" : "secondary"
             }
           ) }),
-          /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: K ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: K.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
-          K && !l && /* @__PURE__ */ e("button", { onClick: G, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(X, { icon: Se, size: "xs" }) })
+          /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: H ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: H.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
+          H && !l && /* @__PURE__ */ e("button", { onClick: G, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Q, { icon: Se, size: "xs" }) })
         ]
       }
     ),
@@ -4524,7 +4524,7 @@ const Nn = ({
       {
         open: g,
         onClose: () => {
-          p(!1), k(null), j("/"), Z(!1);
+          b(!1), C(null), P("/"), W(!1);
         },
         title: h ? `Explorer: ${h.name}` : "Select Storage Mount",
         size: "lg",
@@ -4536,27 +4536,27 @@ const Nn = ({
               {
                 id: "remote",
                 label: "Platform Storage",
-                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: h ? /* @__PURE__ */ c(_e, { children: [
+                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: h ? /* @__PURE__ */ c($e, { children: [
                   /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
                     /* @__PURE__ */ e(
                       ae,
                       {
                         variant: "ghost",
                         onClick: () => {
-                          T && T !== "/" ? C() : k(null);
+                          k && k !== "/" ? S() : C(null);
                         },
-                        leftIcon: /* @__PURE__ */ e(X, { icon: Lt, size: "xs" }),
-                        children: T ? "Back" : "Back to Mounts"
+                        leftIcon: /* @__PURE__ */ e(Q, { icon: Lt, size: "xs" }),
+                        children: k ? "Back" : "Back to Mounts"
                       }
                     ),
-                    /* @__PURE__ */ e("div", { className: "flex items-center gap-1 text-xs text-text-muted overflow-hidden bg-surface-hover px-2 py-1 rounded", children: /* @__PURE__ */ e("span", { className: "truncate", children: T }) }),
+                    /* @__PURE__ */ e("div", { className: "flex items-center gap-1 text-xs text-text-muted overflow-hidden bg-surface-hover px-2 py-1 rounded", children: /* @__PURE__ */ e("span", { className: "truncate", children: k }) }),
                     /* @__PURE__ */ e("div", { className: "flex-grow min-w-40", children: /* @__PURE__ */ e(
                       Ce,
                       {
                         placeholder: "Search...",
-                        value: R,
-                        onChange: (N) => B(N.target.value),
-                        startIcon: /* @__PURE__ */ e(Le, { size: 14 }),
+                        value: I,
+                        onChange: (N) => O(N.target.value),
+                        startIcon: /* @__PURE__ */ e(Ie, { size: 14 }),
                         fullWidth: !0
                       }
                     ) }),
@@ -4565,8 +4565,8 @@ const Nn = ({
                         ae,
                         {
                           variant: "outline",
-                          onClick: () => Z(!0),
-                          leftIcon: /* @__PURE__ */ e(X, { icon: It, size: "xs" }),
+                          onClick: () => W(!0),
+                          leftIcon: /* @__PURE__ */ e(Q, { icon: It, size: "xs" }),
                           children: "New Folder"
                         }
                       ),
@@ -4574,9 +4574,9 @@ const Nn = ({
                         ae,
                         {
                           variant: "primary",
-                          onClick: () => S.current?.click(),
-                          leftIcon: /* @__PURE__ */ e(X, { icon: Ot, size: "xs" }),
-                          loading: L,
+                          onClick: () => E.current?.click(),
+                          leftIcon: /* @__PURE__ */ e(Q, { icon: Ot, size: "xs" }),
+                          loading: F,
                           children: "Upload"
                         }
                       ),
@@ -4585,15 +4585,15 @@ const Nn = ({
                         {
                           type: "file",
                           className: "hidden",
-                          ref: S,
+                          ref: E,
                           onChange: M,
                           accept: o
                         }
                       )
                     ] })
                   ] }),
-                  se && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 p-3 bg-surface-sunk rounded-lg border border-border", children: [
-                    /* @__PURE__ */ e(X, { icon: Ge, size: "sm", color: "warning" }),
+                  te && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 p-3 bg-surface-sunk rounded-lg border border-border", children: [
+                    /* @__PURE__ */ e(Q, { icon: Ge, size: "sm", color: "warning" }),
                     /* @__PURE__ */ e(
                       Ce,
                       {
@@ -4603,17 +4603,17 @@ const Nn = ({
                         autoFocus: !0
                       }
                     ),
-                    /* @__PURE__ */ e(ae, { onClick: ce, loading: L, children: "Create" }),
-                    /* @__PURE__ */ e(ae, { variant: "ghost", onClick: () => Z(!1), children: "Cancel" })
+                    /* @__PURE__ */ e(ae, { onClick: ce, loading: F, children: "Create" }),
+                    /* @__PURE__ */ e(ae, { variant: "ghost", onClick: () => W(!1), children: "Cancel" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
                     Xe,
                     {
                       data: z,
-                      columns: Y,
-                      loading: L,
+                      columns: X,
+                      loading: F,
                       emptyContent: "This folder is empty",
-                      onRowClick: (N) => N.type === "folder" ? P(N.name) : ie(N)
+                      onRowClick: (N) => N.type === "folder" ? j(N.name) : ie(N)
                     }
                   ) })
                 ] }) : /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
@@ -4621,9 +4621,9 @@ const Nn = ({
                   {
                     data: w,
                     columns: q,
-                    loading: L,
+                    loading: F,
                     emptyContent: "No storage mounts configured",
-                    onRowClick: (N) => k(N)
+                    onRowClick: (N) => C(N)
                   }
                 ) }) })
               },
@@ -4631,7 +4631,7 @@ const Nn = ({
                 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(X, { 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(me, { variant: "label", size: "lg", weight: "semibold", children: "Select a file from your computer" }),
                   /* @__PURE__ */ c(
                     me,
@@ -4652,7 +4652,7 @@ const Nn = ({
                       {
                         variant: "primary",
                         size: "lg",
-                        loading: L,
+                        loading: F,
                         className: "pointer-events-none",
                         children: "Browse Local File"
                       }
@@ -4662,9 +4662,9 @@ const Nn = ({
                       {
                         type: "file",
                         className: "hidden",
-                        onChange: I,
+                        onChange: L,
                         accept: o,
-                        disabled: L
+                        disabled: F
                       }
                     )
                   ] })
@@ -4692,11 +4692,11 @@ const Nn = ({
     containerClassName: o,
     labelClassName: u,
     className: i,
-    id: v,
+    id: p,
     rows: m = 4,
     ...f
   }, g) => {
-    const p = le.useId(), w = v || `textarea-${p}`, b = !!n, h = n || r ? `${w}-description` : void 0;
+    const b = le.useId(), w = p || `textarea-${b}`, v = !!n, h = n || r ? `${w}-description` : void 0;
     return /* @__PURE__ */ c("div", { className: d("flex flex-col", a && "w-full", o), children: [
       t && /* @__PURE__ */ e(
         "label",
@@ -4704,7 +4704,7 @@ const Nn = ({
           htmlFor: w,
           className: d(
             dt,
-            b ? "text-danger-fg" : "text-text-muted",
+            v ? "text-danger-fg" : "text-text-muted",
             u
           ),
           children: t
@@ -4717,13 +4717,13 @@ const Nn = ({
             ref: g,
             id: w,
             rows: m,
-            "aria-invalid": b || void 0,
+            "aria-invalid": v || void 0,
             "aria-describedby": h,
             className: d(
               ut,
               "resize-y leading-relaxed",
               wn[s],
-              mt(b),
+              mt(v),
               i
             ),
             ...f
@@ -4741,7 +4741,7 @@ const Nn = ({
         "p",
         {
           id: h,
-          className: d("mt-1 text-xs", b ? "text-danger-fg" : "text-text-subtle"),
+          className: d("mt-1 text-xs", v ? "text-danger-fg" : "text-text-subtle"),
           children: n || r
         }
       )
@@ -4798,98 +4798,98 @@ const ta = ({
   validate: o,
   submitButton: u = { label: "Submit", variant: "primary" },
   cancelButton: i = { label: "Cancel", variant: "outline" },
-  showButtons: v = !0,
+  showButtons: p = !0,
   layout: m = "vertical",
   size: f = "md",
   loading: g = !1,
-  className: p,
+  className: b,
   ref: w,
-  sdk: b
+  sdk: v
 }) => {
-  const [h, k] = H(r || {}), T = le.useId(), j = de(
-    (x) => `${T}-${String(x).replace(/\./g, "-")}`,
-    [T]
-  ), [D, $] = H({}), [L, O] = H({});
-  Q(() => {
-    r && k({ ...r });
+  const [h, C] = B(r || {}), k = le.useId(), P = de(
+    (x) => `${k}-${String(x).replace(/\./g, "-")}`,
+    [k]
+  ), [D, Y] = B({}), [F, _] = B({});
+  Z(() => {
+    r && C({ ...r });
   }, [r]);
-  const R = de(
-    (x, S, _) => {
-      const E = t.flatMap((I) => I.items).find((I) => I.name === x);
-      if (!E) return null;
-      if (E.required && (S == null || S === ""))
-        return `${E.label} is required`;
-      if (E.type === "array") {
-        if (E.required && (!S || S.length === 0))
-          return `${E.label} cannot be empty.`;
-        if (S && !Array.isArray(S))
-          return `${E.label} must be an array.`;
-        if (Array.isArray(S) && E.arrayFields) {
-          const I = [];
+  const I = de(
+    (x, E, $) => {
+      const T = t.flatMap((L) => L.items).find((L) => L.name === x);
+      if (!T) return null;
+      if (T.required && (E == null || E === ""))
+        return `${T.label} is required`;
+      if (T.type === "array") {
+        if (T.required && (!E || E.length === 0))
+          return `${T.label} cannot be empty.`;
+        if (E && !Array.isArray(E))
+          return `${T.label} must be an array.`;
+        if (Array.isArray(E) && T.arrayFields) {
+          const L = [];
           let M = !1;
-          if (S.forEach((ce, ie) => {
+          if (E.forEach((ce, ie) => {
             const G = {};
-            for (const V of E.arrayFields) {
-              const P = ce?.[V.name];
-              if (V.required && (P == null || P === ""))
-                G[V.name] = `${V.label} is required`, M = !0;
-              else if (V.validator) {
-                const C = V.validator(P, ce);
-                C && (G[V.name] = C, M = !0);
+            for (const K of T.arrayFields) {
+              const j = ce?.[K.name];
+              if (K.required && (j == null || j === ""))
+                G[K.name] = `${K.label} is required`, M = !0;
+              else if (K.validator) {
+                const S = K.validator(j, ce);
+                S && (G[K.name] = S, M = !0);
               }
             }
-            I[ie] = G;
+            L[ie] = G;
           }), M)
-            return JSON.stringify(I);
+            return JSON.stringify(L);
         }
       }
-      return E.validator ? E.validator(S, _) : null;
+      return T.validator ? T.validator(E, $) : null;
     },
     [t]
-  ), B = de(
-    (x, S) => {
-      let _ = kn(h, x, S);
-      t.flatMap((M) => M.items).find((M) => M.name === x)?.removeIfEmpty && (S == null || S === "") && (_ = Cn(_, x)), k(_), O((M) => ({ ...M, [x]: !0 }));
-      const I = R(x, S, _);
-      $((M) => ({
+  ), O = de(
+    (x, E) => {
+      let $ = kn(h, x, E);
+      t.flatMap((M) => M.items).find((M) => M.name === x)?.removeIfEmpty && (E == null || E === "") && ($ = Cn($, x)), C($), _((M) => ({ ...M, [x]: !0 }));
+      const L = I(x, E, $);
+      Y((M) => ({
         ...M,
-        [x]: I || ""
-      })), a?.(_, x);
+        [x]: L || ""
+      })), a?.($, x);
     },
-    [h, t, R, a]
-  ), K = de(
+    [h, t, I, a]
+  ), H = de(
     async (x) => {
       if (x.preventDefault(), g) return;
-      const S = {}, _ = t.flatMap((I) => I.items);
-      for (const I of _) {
-        if (I.hidden || I.conditional && !I.conditional(h))
+      const E = {}, $ = t.flatMap((L) => L.items);
+      for (const L of $) {
+        if (L.hidden || L.conditional && !L.conditional(h))
           continue;
-        const M = R(
-          I.name,
-          Ze(h, I.name),
+        const M = I(
+          L.name,
+          Ze(h, L.name),
           h
         );
-        M && (S[I.name] = M);
+        M && (E[L.name] = M);
       }
       if (o) {
-        const I = o(h);
-        I && Object.assign(S, I);
+        const L = o(h);
+        L && Object.assign(E, L);
       }
-      if ($(S), Object.keys(S).some((I) => S[I]))
+      if (Y(E), Object.keys(E).some((L) => E[L]))
         return;
-      const E = l ? l(h) : h;
-      await n?.(h, E);
+      const T = l ? l(h) : h;
+      await n?.(h, T);
     },
-    [h, t, R, o, l, n, g]
-  ), W = de(
+    [h, t, I, o, l, n, g]
+  ), U = de(
     (x) => {
-      const S = Ze(h, x.name), _ = L[x.name] ? D[x.name] : void 0, E = x.disabled || g, I = {
+      const E = Ze(h, x.name), $ = F[x.name] ? D[x.name] : void 0, T = x.disabled || g, L = {
         // Ties the field to the `<label>` the group wrapper renders; without it
         // labels are unassociated — screen readers announce nothing, clicking a
         // label focuses nothing, and tests cannot find a field by its label.
-        id: j(x.name),
-        value: S || "",
-        disabled: E,
+        id: P(x.name),
+        value: E || "",
+        disabled: T,
         required: x.required,
         placeholder: x.placeholder,
         ...x.fieldProps
@@ -4905,11 +4905,11 @@ const ta = ({
           return /* @__PURE__ */ e(
             Ce,
             {
-              ...I,
-              onChange: (M) => B(x.name, M.target.value),
+              ...L,
+              onChange: (M) => O(x.name, M.target.value),
               type: x.textType || x.type,
               ...Qe(x.autocomplete),
-              error: _,
+              error: $,
               size: f
             }
           );
@@ -4917,19 +4917,19 @@ const ta = ({
           return /* @__PURE__ */ e(
             He,
             {
-              ...I,
-              onChange: (M) => B(x.name, M.target.value),
+              ...L,
+              onChange: (M) => O(x.name, M.target.value),
               rows: x.rows ?? 4,
-              error: _,
+              error: $,
               size: f
             }
           );
         case "select":
           return /* @__PURE__ */ e(
-            De,
+            _e,
             {
-              ...I,
-              onChange: (M) => B(x.name, M),
+              ...L,
+              onChange: (M) => O(x.name, M),
               options: (x.options || []).map((M) => ({
                 ...M,
                 value: String(M.value)
@@ -4937,7 +4937,7 @@ const ta = ({
               searchable: x.searchable,
               multiple: x.multiple,
               allowCreate: x.allowCreate,
-              error: _,
+              error: $,
               size: f
             }
           );
@@ -4949,8 +4949,8 @@ const ta = ({
             lr,
             {
               "aria-label": x.label,
-              value: S == null ? "" : String(S),
-              onChange: (M) => B(x.name, M),
+              value: E == null ? "" : String(E),
+              onChange: (M) => O(x.name, M),
               options: (x.options || []).map((M) => ({
                 value: String(M.value),
                 label: M.label
@@ -4963,10 +4963,10 @@ const ta = ({
           return /* @__PURE__ */ e(
             we,
             {
-              ...I,
+              ...L,
               label: x.label,
-              checked: !!S,
-              onChange: (M) => B(x.name, M.target.checked),
+              checked: !!E,
+              onChange: (M) => O(x.name, M.target.checked),
               size: f
             }
           );
@@ -4982,9 +4982,9 @@ const ta = ({
                     type: "radio",
                     name: x.name,
                     value: M.value,
-                    checked: S === M.value,
-                    onChange: () => B(x.name, M.value),
-                    disabled: E || M.disabled,
+                    checked: E === M.value,
+                    onChange: () => O(x.name, M.value),
+                    disabled: T || M.disabled,
                     className: "size-checkbox shrink-0 rounded-xs border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
                   }
                 ),
@@ -4997,9 +4997,9 @@ const ta = ({
           return /* @__PURE__ */ e(
             Be,
             {
-              ...I,
-              value: S ? new Date(S) : null,
-              onChange: (M) => B(x.name, M),
+              ...L,
+              value: E ? new Date(E) : null,
+              onChange: (M) => O(x.name, M),
               size: f
             }
           );
@@ -5007,29 +5007,29 @@ const ta = ({
           return /* @__PURE__ */ e(
             Nn,
             {
-              ...I,
-              value: S,
-              onChange: (M) => B(x.name, M),
-              error: _,
-              onListFiles: (M) => b?.http.invoke({
+              ...L,
+              value: E,
+              onChange: (M) => O(x.name, M),
+              error: $,
+              onListFiles: (M) => v?.http.invoke({
                 method: "POST",
                 action: "storage.file.list",
                 body: M
               }),
-              onListMounts: () => b?.http.invoke({
+              onListMounts: () => v?.http.invoke({
                 method: "GET",
                 action: "storage.mount"
               }),
-              onUploadFile: (M) => b?.http.invoke({
+              onUploadFile: (M) => v?.http.invoke({
                 method: "POST",
                 action: "storage.file.upload",
                 body: M
               }),
-              onDownloadFile: (M) => b?.http.invoke({
+              onDownloadFile: (M) => v?.http.invoke({
                 method: "GET",
                 action: `storage.file.${M}.download`
               }),
-              onRegisterFile: (M) => b?.http.invoke({
+              onRegisterFile: (M) => v?.http.invoke({
                 method: "POST",
                 action: "storage.file.folder",
                 body: M
@@ -5040,59 +5040,59 @@ const ta = ({
           return /* @__PURE__ */ e(
             bn,
             {
-              value: S || {},
-              onChange: (M) => B(x.name, M),
-              onListFolders: () => b?.http.invoke({
+              value: E || {},
+              onChange: (M) => O(x.name, M),
+              onListFolders: () => v?.http.invoke({
                 method: "GET",
                 action: "storage.mount"
               }),
-              disabled: E,
+              disabled: T,
               size: f,
               placeholder: x.placeholder
             }
           );
         case "custom":
           return x.customComponent?.({
-            value: S,
-            onChange: (M) => B(x.name, M),
-            error: _,
-            disabled: E
+            value: E,
+            onChange: (M) => O(x.name, M),
+            error: $,
+            disabled: T
           });
         case "array": {
-          const M = S || [];
+          const M = E || [];
           let ce = [];
-          if (typeof _ == "string" && _.startsWith("["))
+          if (typeof $ == "string" && $.startsWith("["))
             try {
-              ce = JSON.parse(_);
+              ce = JSON.parse($);
             } catch {
             }
           const ie = () => {
-            B(x.name, [...M, {}]);
-          }, G = (P) => {
-            B(
+            O(x.name, [...M, {}]);
+          }, G = (j) => {
+            O(
               x.name,
-              M.filter((C, z) => z !== P)
+              M.filter((S, z) => z !== j)
             );
-          }, V = (P, C, z) => {
-            const Y = [...M];
-            Y[P] = {
-              ...Y[P],
-              [C]: z
-            }, B(x.name, Y);
+          }, K = (j, S, z) => {
+            const X = [...M];
+            X[j] = {
+              ...X[j],
+              [S]: z
+            }, O(x.name, X);
           };
           return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
-            M.map((P, C) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
+            M.map((j, S) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
               /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: x.arrayFields?.map((z) => {
-                const Y = ce?.[C]?.[z.name];
+                const X = ce?.[S]?.[z.name];
                 return /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: [
-                  C === 0 && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
+                  S === 0 && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
                     z.label,
                     z.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                   ] }),
                   (() => {
                     const q = {
-                      value: P?.[z.name] || "",
-                      disabled: E,
+                      value: j?.[z.name] || "",
+                      disabled: T,
                       required: z.required,
                       placeholder: z.placeholder,
                       ...z.fieldProps
@@ -5108,14 +5108,14 @@ const ta = ({
                           Ce,
                           {
                             ...q,
-                            onChange: (N) => V(
-                              C,
+                            onChange: (N) => K(
+                              S,
                               z.name,
                               N.target.value
                             ),
                             type: z.textType || z.type,
                             ...Qe(z.autocomplete),
-                            error: Y,
+                            error: X,
                             size: f
                           }
                         );
@@ -5124,22 +5124,22 @@ const ta = ({
                           He,
                           {
                             ...q,
-                            onChange: (N) => V(
-                              C,
+                            onChange: (N) => K(
+                              S,
                               z.name,
                               N.target.value
                             ),
                             rows: z.rows ?? 4,
-                            error: Y,
+                            error: X,
                             size: f
                           }
                         );
                       case "select":
                         return /* @__PURE__ */ e(
-                          De,
+                          _e,
                           {
                             ...q,
-                            onChange: (N) => V(C, z.name, N),
+                            onChange: (N) => K(S, z.name, N),
                             options: (z.options || []).map((N) => ({
                               ...N,
                               value: String(N.value)
@@ -5147,7 +5147,7 @@ const ta = ({
                             searchable: z.searchable,
                             multiple: z.multiple,
                             allowCreate: z.allowCreate,
-                            error: Y,
+                            error: X,
                             size: f
                           }
                         );
@@ -5156,9 +5156,9 @@ const ta = ({
                           we,
                           {
                             ...q,
-                            checked: !!P?.[z.name],
-                            onChange: (N) => V(
-                              C,
+                            checked: !!j?.[z.name],
+                            onChange: (N) => K(
+                              S,
                               z.name,
                               N.target.checked
                             ),
@@ -5175,15 +5175,15 @@ const ta = ({
                                 "input",
                                 {
                                   type: "radio",
-                                  name: `${x.name}.${C}.${z.name}`,
+                                  name: `${x.name}.${S}.${z.name}`,
                                   value: N.value,
-                                  checked: P?.[z.name] === N.value,
-                                  onChange: () => V(
-                                    C,
+                                  checked: j?.[z.name] === N.value,
+                                  onChange: () => K(
+                                    S,
                                     z.name,
                                     N.value
                                   ),
-                                  disabled: E || N.disabled,
+                                  disabled: T || N.disabled,
                                   className: "size-checkbox shrink-0 rounded-xs border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
                                 }
                               ),
@@ -5193,23 +5193,23 @@ const ta = ({
                           N.value
                         )) });
                       case "date": {
-                        const N = P?.[z.name];
+                        const N = j?.[z.name];
                         return /* @__PURE__ */ e(
                           Be,
                           {
                             ...q,
                             value: N ? new Date(N) : null,
-                            onChange: (F) => V(C, z.name, F),
+                            onChange: (R) => K(S, z.name, R),
                             size: f
                           }
                         );
                       }
                       case "custom":
                         return z.customComponent?.({
-                          value: P?.[z.name],
-                          onChange: (N) => V(C, z.name, N),
-                          error: Y,
-                          disabled: E
+                          value: j?.[z.name],
+                          onChange: (N) => K(S, z.name, N),
+                          error: X,
+                          disabled: T
                         });
                       default:
                         return /* @__PURE__ */ c("p", { children: [
@@ -5218,7 +5218,7 @@ const ta = ({
                         ] });
                     }
                   })(),
-                  Y && /* @__PURE__ */ e("p", { className: "text-xs text-danger-fg", children: Y })
+                  X && /* @__PURE__ */ e("p", { className: "text-xs text-danger-fg", children: X })
                 ] }, z.name);
               }) }),
               /* @__PURE__ */ e(
@@ -5229,13 +5229,13 @@ const ta = ({
                   variant: "ghost",
                   size: "md",
                   "aria-label": `${x.label} verwijderen`,
-                  onClick: () => G(C),
-                  disabled: E,
-                  className: d("shrink-0", C === 0 && "mt-5"),
+                  onClick: () => G(S),
+                  disabled: T,
+                  className: d("shrink-0", S === 0 && "mt-5"),
                   children: /* @__PURE__ */ e(Pt, { className: "size-icon-md" })
                 }
               )
-            ] }, C)),
+            ] }, S)),
             /* @__PURE__ */ c(
               ae,
               {
@@ -5243,7 +5243,7 @@ const ta = ({
                 variant: "secondary",
                 leftIcon: /* @__PURE__ */ e(jt, { className: "size-icon-sm" }),
                 onClick: ie,
-                disabled: E,
+                disabled: T,
                 children: [
                   x.label,
                   " toevoegen"
@@ -5256,14 +5256,14 @@ const ta = ({
           return null;
       }
     },
-    [h, L, D, g, f, B, j, b?.http.invoke]
-  ), se = de(
+    [h, F, D, g, f, O, P, v?.http.invoke]
+  ), te = de(
     (x) => {
       if (x.conditional && !x.conditional(h))
         return null;
-      const S = x.items.filter((E) => !(E.hidden || E.conditional && !E.conditional(h)));
-      if (S.length === 0) return null;
-      const _ = d(
+      const E = x.items.filter((T) => !(T.hidden || T.conditional && !T.conditional(h)));
+      if (E.length === 0) return null;
+      const $ = d(
         x.layout === "flex" ? "flex flex-wrap gap-3.5" : "grid gap-3.5",
         x.layout !== "flex" && {
           "grid-cols-1": !x.columns || x.columns === 1,
@@ -5283,36 +5283,36 @@ const ta = ({
             title: x.title,
             description: x.description,
             className: "not-last:border-b not-last:border-border-subtle",
-            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: _, children: S.map((E) => {
-              const I = L[E.name] ? D[E.name] : void 0;
+            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: $, children: E.map((T) => {
+              const L = F[T.name] ? D[T.name] : void 0;
               return /* @__PURE__ */ c(
                 "div",
                 {
                   className: d(
                     "flex min-w-0 flex-col gap-1.5",
-                    E.type === "checkbox" && "justify-center"
+                    T.type === "checkbox" && "justify-center"
                   ),
                   style: {
-                    width: typeof E.width == "string" ? E.width : void 0,
-                    gridColumn: typeof E.width == "number" ? `span ${E.width} / span ${E.width}` : void 0
+                    width: typeof T.width == "string" ? T.width : void 0,
+                    gridColumn: typeof T.width == "number" ? `span ${T.width} / span ${T.width}` : void 0
                   },
                   children: [
-                    E.type !== "custom" && E.type !== "checkbox" && /* @__PURE__ */ c(
+                    T.type !== "custom" && T.type !== "checkbox" && /* @__PURE__ */ c(
                       "label",
                       {
-                        htmlFor: j(E.name),
+                        htmlFor: P(T.name),
                         className: "block text-sm font-medium text-text-muted",
                         children: [
-                          E.label,
-                          E.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
+                          T.label,
+                          T.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                         ]
                       }
                     ),
-                    W(E),
-                    E.help && !I && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-text-subtle", children: E.help })
+                    U(T),
+                    T.help && !L && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-text-subtle", children: T.help })
                   ]
                 },
-                E.name
+                T.name
               );
             }) }) })
           },
@@ -5320,20 +5320,20 @@ const ta = ({
         )
       );
     },
-    [h, L, D, W, j]
-  ), Z = d(
+    [h, F, D, U, P]
+  ), W = d(
     {
       "max-w-settings": f === "sm",
       "max-w-form": f === "md",
       "max-w-6xl": f === "lg",
       "max-w-full": f === "full"
     },
-    p
+    b
   ), y = f === "full" ? "md" : f;
-  return /* @__PURE__ */ c("form", { ref: w, onSubmit: K, className: Z, children: [
-    !v && /* @__PURE__ */ e("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": !0 }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(se) }),
-    v && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: [
+  return /* @__PURE__ */ c("form", { ref: w, onSubmit: H, className: W, children: [
+    !p && /* @__PURE__ */ e("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": !0 }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(te) }),
+    p && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: [
       /* @__PURE__ */ e("div", { className: "ml-auto" }),
       s && /* @__PURE__ */ e(
         ae,
@@ -5372,19 +5372,19 @@ function ra({
   helperText: o,
   disabled: u,
   className: i,
-  chooseLabel: v = "Choose",
+  chooseLabel: p = "Choose",
   removeLabel: m = "Remove",
   tooLargeLabel: f = "That image is too large."
 }) {
-  const g = ne(null), [p, w] = H(null), b = async (h) => {
+  const g = se(null), [b, w] = B(null), v = async (h) => {
     if (!h) return;
     w(null);
-    const k = await Tn(h, s);
-    if (a && En(k) > a) {
+    const C = await Tn(h, s);
+    if (a && En(C) > a) {
       w(f);
       return;
     }
-    n(k);
+    n(C);
   };
   return /* @__PURE__ */ c("div", { className: d("flex flex-col gap-1.5", i), children: [
     t && /* @__PURE__ */ e("span", { className: "text-sm font-medium text-text", children: t }),
@@ -5408,7 +5408,7 @@ function ra({
               variant: "secondary",
               disabled: u,
               onClick: () => g.current?.click(),
-              children: v
+              children: p
             }
           ),
           r && /* @__PURE__ */ e(
@@ -5424,7 +5424,7 @@ function ra({
             }
           )
         ] }),
-        (p || o) && /* @__PURE__ */ e(me, { variant: "caption", color: p ? "error" : "muted", children: p ?? o })
+        (b || o) && /* @__PURE__ */ e(me, { variant: "caption", color: b ? "error" : "muted", children: b ?? o })
       ] })
     ] }),
     /* @__PURE__ */ e(
@@ -5434,7 +5434,7 @@ function ra({
         type: "file",
         accept: "image/png,image/jpeg,image/webp",
         className: "hidden",
-        onChange: (h) => void b(h.target.files?.[0])
+        onChange: (h) => void v(h.target.files?.[0])
       }
     )
   ] });
@@ -5449,14 +5449,14 @@ function Tn(t, r) {
     a.onload = () => {
       const l = new Image();
       l.onload = () => {
-        const o = Math.min(1, r / Math.max(l.width, l.height)), u = Math.round(l.width * o), i = Math.round(l.height * o), v = document.createElement("canvas");
-        v.width = u, v.height = i;
-        const m = v.getContext("2d");
+        const o = Math.min(1, r / Math.max(l.width, l.height)), u = Math.round(l.width * o), i = Math.round(l.height * o), p = document.createElement("canvas");
+        p.width = u, p.height = i;
+        const m = p.getContext("2d");
         if (!m) {
           n(a.result);
           return;
         }
-        m.drawImage(l, 0, 0, u, i), n(v.toDataURL("image/png"));
+        m.drawImage(l, 0, 0, u, i), n(p.toDataURL("image/png"));
       }, l.onerror = s, l.src = a.result;
     }, a.onerror = s, a.readAsDataURL(t);
   });
@@ -5476,103 +5476,103 @@ function An(t) {
 }
 const Dn = be(
   ({ initialContent: t, onChange: r, people: n, placeholder: s, onSubmit: a, autoFocus: l, className: o }, u) => {
-    const i = ne(null), [v, m] = H(null), [f, g] = H(null), [p, w] = H(0), b = ge(() => {
-      if (v === null) return [];
-      const $ = v.toLowerCase();
-      return n.filter((L) => L.name.toLowerCase().includes($)).slice(0, 8);
-    }, [n, v]), h = de(() => {
+    const i = se(null), [p, m] = B(null), [f, g] = B(null), [b, w] = B(0), v = ge(() => ({ current: f }), [f]), h = ge(() => {
+      if (p === null) return [];
+      const _ = p.toLowerCase();
+      return n.filter((I) => I.name.toLowerCase().includes(_)).slice(0, 8);
+    }, [n, p]), C = Te(h.length > 0, v, { gap: 4 }), k = de(() => {
       if (!i.current) return;
-      const { text: $, mentions: L } = zn(i.current);
-      r($, L);
-    }, [r]), k = de(() => {
+      const { text: _, mentions: I } = zn(i.current);
+      r(_, I);
+    }, [r]), P = de(() => {
       m(null), g(null), w(0);
     }, []);
     le.useImperativeHandle(u, () => ({
-      insertText: ($) => {
-        const L = i.current;
-        if (!L) return;
+      insertText: (_) => {
+        const I = i.current;
+        if (!I) return;
         const O = window.getSelection();
-        if (O && O.rangeCount > 0 && L.contains(O.anchorNode)) {
-          const R = O.getRangeAt(0);
-          R.deleteContents();
-          const B = document.createDocumentFragment(), K = $.split(`
+        if (O && O.rangeCount > 0 && I.contains(O.anchorNode)) {
+          const H = O.getRangeAt(0);
+          H.deleteContents();
+          const U = document.createDocumentFragment(), te = _.split(`
 `);
-          K.forEach((W, se) => {
-            B.appendChild(document.createTextNode(W)), se < K.length - 1 && B.appendChild(document.createElement("br"));
-          }), R.insertNode(B), R.collapse(!1), O.removeAllRanges(), O.addRange(R);
+          te.forEach((W, y) => {
+            U.appendChild(document.createTextNode(W)), y < te.length - 1 && U.appendChild(document.createElement("br"));
+          }), H.insertNode(U), H.collapse(!1), O.removeAllRanges(), O.addRange(H);
         } else
-          L.innerHTML += Mn($);
-        h();
+          I.innerHTML += Mn(_);
+        k();
       },
       clear: () => {
-        i.current && (i.current.innerHTML = "", k(), h());
+        i.current && (i.current.innerHTML = "", P(), k());
       },
       focus: () => i.current?.focus()
-    })), Q(() => {
-      !i.current || !t || (i.current.innerHTML = An(t), h());
-    }, [t, h]), Q(() => {
+    })), Z(() => {
+      !i.current || !t || (i.current.innerHTML = An(t), k());
+    }, [t, k]), Z(() => {
       l && (window.matchMedia?.("(max-width: 767px)").matches || i.current?.focus());
     }, [l]);
-    const T = de(($) => {
-      if (["Escape", "Enter", "ArrowUp", "ArrowDown", "Tab"].includes($.key)) return;
-      const L = window.getSelection();
-      if (!L || L.rangeCount === 0) return;
-      const O = L.getRangeAt(0);
+    const D = de((_) => {
+      if (["Escape", "Enter", "ArrowUp", "ArrowDown", "Tab"].includes(_.key)) return;
+      const I = window.getSelection();
+      if (!I || I.rangeCount === 0) return;
+      const O = I.getRangeAt(0);
       if (!O.collapsed || O.startContainer.nodeType !== Node.TEXT_NODE) return;
-      const R = O.startContainer, B = (R.textContent ?? "").slice(0, O.startOffset), K = B.lastIndexOf("@");
-      if (K === -1 || B.slice(K + 1).includes(" ")) {
+      const H = O.startContainer, U = (H.textContent ?? "").slice(0, O.startOffset), te = U.lastIndexOf("@");
+      if (te === -1 || U.slice(te + 1).includes(" ")) {
         m(null), g(null);
         return;
       }
       const W = document.createRange();
-      W.setStart(R, K), W.setEnd(R, O.startOffset), m(B.slice(K + 1)), g(W), w(0);
-    }, []), j = de(
-      ($) => {
+      W.setStart(H, te), W.setEnd(H, O.startOffset), m(U.slice(te + 1)), g(W), w(0);
+    }, []), Y = de(
+      (_) => {
         if (!i.current || !f) return;
-        const L = window.getSelection();
-        if (!L) return;
+        const I = window.getSelection();
+        if (!I) return;
         f.deleteContents();
         const O = document.createElement("span");
-        O.textContent = `@${$.name}`, O.setAttribute("data-mention-id", $.id), O.setAttribute("contenteditable", "false"), O.className = "bg-beta-container text-info-fg font-semibold px-1 rounded-md";
-        const R = document.createTextNode(" ");
-        f.insertNode(R), f.insertNode(O);
-        const B = document.createRange();
-        B.setStartAfter(R), B.collapse(!0), L.removeAllRanges(), L.addRange(B), k(), h();
+        O.textContent = `@${_.name}`, O.setAttribute("data-mention-id", _.id), O.setAttribute("contenteditable", "false"), O.className = "bg-beta-container text-info-fg font-semibold px-1 rounded-md";
+        const H = document.createTextNode(" ");
+        f.insertNode(H), f.insertNode(O);
+        const U = document.createRange();
+        U.setStartAfter(H), U.collapse(!0), I.removeAllRanges(), I.addRange(U), P(), k();
       },
-      [f, h, k]
-    ), D = de(
-      ($) => {
+      [f, k, P]
+    ), F = de(
+      (_) => {
         if (!i.current) return;
-        if (b.length > 0) {
-          if ($.key === "ArrowDown") {
-            $.preventDefault(), w((se) => (se + 1) % b.length);
+        if (h.length > 0) {
+          if (_.key === "ArrowDown") {
+            _.preventDefault(), w((y) => (y + 1) % h.length);
             return;
           }
-          if ($.key === "ArrowUp") {
-            $.preventDefault(), w((se) => (se - 1 + b.length) % b.length);
+          if (_.key === "ArrowUp") {
+            _.preventDefault(), w((y) => (y - 1 + h.length) % h.length);
             return;
           }
-          if ($.key === "Enter" || $.key === "Tab") {
-            $.preventDefault(), j(b[p]);
+          if (_.key === "Enter" || _.key === "Tab") {
+            _.preventDefault(), Y(h[b]);
             return;
           }
-          if ($.key === "Escape") {
-            $.preventDefault(), k();
+          if (_.key === "Escape") {
+            _.preventDefault(), P();
             return;
           }
         }
-        if (a && $.key === "Enter" && ($.metaKey || $.ctrlKey)) {
-          $.preventDefault(), a();
+        if (a && _.key === "Enter" && (_.metaKey || _.ctrlKey)) {
+          _.preventDefault(), a();
           return;
         }
-        const L = window.getSelection();
-        if (!L || L.rangeCount === 0) return;
-        const O = L.getRangeAt(0);
+        const I = window.getSelection();
+        if (!I || I.rangeCount === 0) return;
+        const O = I.getRangeAt(0);
         if (!O.collapsed) return;
-        const R = O.startContainer, B = O.startOffset, K = (se) => R.nodeType === Node.TEXT_NODE ? se === "prev" ? R.previousSibling : R.nextSibling : R.childNodes[se === "prev" ? B - 1 : B], W = $.key === "Backspace" ? K("prev") : $.key === "Delete" ? K("next") : null;
-        W instanceof HTMLElement && W.hasAttribute("data-mention-id") && ($.preventDefault(), W.remove(), h());
+        const H = O.startContainer, U = O.startOffset, te = (y) => H.nodeType === Node.TEXT_NODE ? y === "prev" ? H.previousSibling : H.nextSibling : H.childNodes[y === "prev" ? U - 1 : U], W = _.key === "Backspace" ? te("prev") : _.key === "Delete" ? te("next") : null;
+        W instanceof HTMLElement && W.hasAttribute("data-mention-id") && (_.preventDefault(), W.remove(), k());
       },
-      [b, p, j, k, h, a]
+      [h, b, Y, P, k, a]
     );
     return /* @__PURE__ */ c("div", { className: "relative w-full", children: [
       /* @__PURE__ */ e(
@@ -5591,32 +5591,39 @@ const Dn = be(
             o
           ),
           "data-placeholder": s,
-          onInput: h,
-          onKeyUp: T,
-          onKeyDown: D,
-          onBlur: k
+          onInput: k,
+          onKeyUp: D,
+          onKeyDown: F,
+          onBlur: P
         }
       ),
-      b.length > 0 && /* @__PURE__ */ e("ul", { className: "absolute z-10 mt-1 w-full overflow-hidden rounded-md border border-border bg-surface text-text shadow", children: b.map(($, L) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-        "button",
+      h.length > 0 && /* @__PURE__ */ e(
+        "ul",
         {
-          type: "button",
-          onMouseDown: (O) => {
-            O.preventDefault(), j($);
-          },
-          onMouseEnter: () => w(L),
-          className: d(
-            "block w-full px-4 py-2 text-left text-sm",
-            L === p && "bg-beta-container"
-          ),
-          children: $.name
+          style: C,
+          className: "z-50 w-64 overflow-y-auto overscroll-contain rounded-md border border-border bg-surface text-text shadow-lg",
+          children: h.map((_, I) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onMouseDown: (O) => {
+                O.preventDefault(), Y(_);
+              },
+              onMouseEnter: () => w(I),
+              className: d(
+                "block w-full px-4 py-2 text-left text-sm",
+                I === b && "bg-beta-container"
+              ),
+              children: _.name
+            }
+          ) }, _.id))
         }
-      ) }, $.id)) })
+      )
     ] });
   }
 );
 Dn.displayName = "MentionComposer";
-const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(Le, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), $n = (t) => /* @__PURE__ */ e($e, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Ln = {
+const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(Ie, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), $n = (t) => /* @__PURE__ */ e(Le, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Ln = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
@@ -5637,60 +5644,60 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
     loading: o = !1,
     containerClassName: u,
     labelClassName: i,
-    className: v,
+    className: p,
     id: m,
     options: f,
     onRemoteSearch: g,
-    onSelect: p,
+    onSelect: b,
     debounceTime: w = 500,
-    showAllOnOpen: b = !1,
+    showAllOnOpen: v = !1,
     value: h,
-    onChange: k,
-    ...T
-  }, j) => {
-    const D = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, $ = !!n, L = ne(null), O = ne(null), [R, B] = H(h || ""), [K, W] = H(!1), [se, Z] = H(!1), [y, x] = H(!1);
-    Q(() => {
-      h !== void 0 && B(h);
+    onChange: C,
+    ...k
+  }, P) => {
+    const D = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, Y = !!n, F = se(null), _ = se(null), [I, O] = B(h || ""), [H, U] = B(!1), [te, W] = B(!1), [y, x] = B(!1);
+    Z(() => {
+      h !== void 0 && O(h);
     }, [h]);
-    const S = ge(() => {
-      if (b && !y || !R) return f;
-      const G = String(R).toLowerCase();
+    const E = ge(() => {
+      if (v && !y || !I) return f;
+      const G = String(I).toLowerCase();
       return f.filter(
-        (V) => String(V.label).toLowerCase().includes(G)
+        (K) => String(K.label).toLowerCase().includes(G)
       );
-    }, [R, f, b, y]);
-    Q(() => {
-      if (!g || !R) {
-        Z(!1);
+    }, [I, f, v, y]);
+    Z(() => {
+      if (!g || !I) {
+        W(!1);
         return;
       }
       const G = setTimeout(async () => {
-        Z(!0);
+        W(!0);
         try {
-          await g(String(R));
-        } catch (V) {
-          console.error("Remote search failed:", V);
+          await g(String(I));
+        } catch (K) {
+          console.error("Remote search failed:", K);
         } finally {
-          Z(!1);
+          W(!1);
         }
       }, w);
       return () => {
-        clearTimeout(G), Z(!1);
+        clearTimeout(G), W(!1);
       };
-    }, [R, w, g]), Q(() => {
-      const G = (V) => {
-        L.current && !L.current.contains(V.target) && W(!1);
+    }, [I, w, g]), Z(() => {
+      const G = (K) => {
+        F.current && !F.current.contains(K.target) && U(!1);
       };
       return document.addEventListener("mousedown", G), () => document.removeEventListener("mousedown", G);
     }, []);
-    const _ = (G) => {
-      const V = G.target.value;
-      B(V), W(!0), x(!0), k && k(G);
-    }, E = (G) => {
-      B(G.label), W(!1), x(!1), p && p(G.value);
-    }, I = () => {
-      (f.length > 0 || g) && (W(!0), x(!1));
-    }, M = o || se, ce = K && (S.length > 0 || M), ie = ge(() => j || O, [j]);
+    const $ = (G) => {
+      const K = G.target.value;
+      O(K), U(!0), x(!0), C && C(G);
+    }, T = (G) => {
+      O(G.label), U(!1), x(!1), b && b(G.value);
+    }, L = () => {
+      (f.length > 0 || g) && (U(!0), x(!1));
+    }, M = o || te, ce = H && (E.length > 0 || M), ie = ge(() => P || _, [P]);
     return /* @__PURE__ */ c(
       "div",
       {
@@ -5700,7 +5707,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
           u || "",
           "relative"
         ),
-        ref: L,
+        ref: F,
         children: [
           t && /* @__PURE__ */ e(
             "label",
@@ -5708,7 +5715,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
               htmlFor: D,
               className: Ne(
                 "block text-sm font-medium mb-1",
-                $ ? "text-danger-fg" : "text-text",
+                Y ? "text-danger-fg" : "text-text",
                 i || ""
               ),
               children: t
@@ -5721,9 +5728,9 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
               {
                 ref: ie,
                 id: D,
-                value: R,
-                onChange: _,
-                onFocus: I,
+                value: I,
+                onChange: $,
+                onFocus: L,
                 className: Ne(
                   // Base styles
                   "block w-full rounded-tile border bg-surface-input transition-colors duration-fast ease-out",
@@ -5736,10 +5743,10 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
                   "pr-10",
                   // room for the dropdown/loading icon
                   // State styles
-                  $ ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
-                  v || ""
+                  Y ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
+                  p || ""
                 ),
-                ...T
+                ...k
               }
             ),
             /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: M || o ? (
@@ -5753,29 +5760,29 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
                   className: Ne(
                     "text-text-muted cursor-pointer transition-transform",
                     Fe[s],
-                    K ? "rotate-180" : "rotate-0"
+                    H ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
-                    W((G) => (G || x(!1), !G));
+                    U((G) => (G || x(!1), !G));
                   }
                 }
               )
             ) })
           ] }),
-          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", children: S.length > 0 ? S.map((G) => /* @__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", children: E.length > 0 ? E.map((G) => /* @__PURE__ */ e(
             "li",
             {
               className: "px-4 py-2 cursor-pointer text-text hover:bg-accent-soft hover:text-accent transition-colors",
-              onClick: () => E(G),
-              "aria-selected": R === G.label,
+              onClick: () => T(G),
+              "aria-selected": I === G.label,
               children: G.label
             },
             G.value
           )) : /* @__PURE__ */ e("li", { className: "px-4 py-2 text-text-muted", children: M || o ? "Zoeken op afstand..." : "Geen resultaten gevonden." }) }),
-          (n || r) && /* @__PURE__ */ e("p", { className: Ne("mt-1 text-xs", $ ? "text-danger-fg" : "text-text-muted"), children: n || r }),
+          (n || r) && /* @__PURE__ */ e("p", { className: Ne("mt-1 text-xs", Y ? "text-danger-fg" : "text-text-muted"), children: n || r }),
           g && /* @__PURE__ */ c("p", { className: "mt-2 text-xs text-success-fg", children: [
             "Huidige zoekterm (niet-gedebounced): ",
-            String(R)
+            String(I)
           ] })
         ]
       }
@@ -5922,8 +5929,8 @@ function aa({
   mirrored: n = !1,
   className: s
 }) {
-  const a = ne(null);
-  return Q(() => {
+  const a = se(null);
+  return Z(() => {
     if (!r || !a.current) return;
     const l = t(a.current);
     return () => {
@@ -5957,7 +5964,7 @@ const Bn = () => /* @__PURE__ */ e(Ue, { variant: "inline", shape: "menu" }), ht
           ]
         }
       ),
-      /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: t.children?.map((i, v) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: t.children?.map((i, p) => /* @__PURE__ */ e(
         ht,
         {
           item: i,
@@ -5965,7 +5972,7 @@ const Bn = () => /* @__PURE__ */ e(Ue, { variant: "inline", shape: "menu" }), ht
           onClick: n,
           depth: s + 1
         },
-        v
+        p
       )) })
     ] });
   const o = t.action, u = o?.visibility !== "always";
@@ -6177,7 +6184,7 @@ const Hn = {
     borderColor: o,
     className: u,
     children: i,
-    ...v
+    ...p
   }, m) => /* @__PURE__ */ e(
     "div",
     {
@@ -6192,7 +6199,7 @@ const Hn = {
         o && Gn[o],
         u
       ),
-      ...v,
+      ...p,
       children: i
     }
   )
@@ -6241,7 +6248,7 @@ const ca = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(xt, { backgrou
   children: u,
   ...i
 }) => {
-  const v = `h${t}`, m = d(
+  const p = `h${t}`, m = d(
     "font-sans text-pretty",
     Jn[r || Zn(t)],
     Yn[n],
@@ -6250,7 +6257,7 @@ const ca = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(xt, { backgrou
     l && "truncate",
     o
   );
-  return /* @__PURE__ */ e(v, { className: m, ...i, children: u });
+  return /* @__PURE__ */ e(p, { className: m, ...i, children: u });
 };
 function Zn(t) {
   return {
@@ -6297,7 +6304,7 @@ export {
   Sn as FormSection,
   ia as Heading,
   gr as IDENTITY_TONE_COUNT,
-  X as Icon,
+  Q as Icon,
   ks as Image,
   ra as ImageField,
   Js as Kbd,
@@ -6318,14 +6325,14 @@ export {
   sa as ParticipantTile,
   nt as Popover,
   Ys as ProgressBar,
-  Te as RichText,
+  ze as RichText,
   ys as RowCard,
   it as SearchField,
   In as SearchableTextField,
   _s as SectionCaption,
   $s as SectionDivider,
   lr as SegmentedToggle,
-  De as Select,
+  _e as Select,
   Ls as SettingsFrameProvider,
   Os as SettingsPage,
   Ps as SettingsRow,
@@ -6364,8 +6371,8 @@ export {
   hn as normalizeText,
   Jt as resolveLucideIcon,
   Bs as selectFilterHandler,
-  Ae as text,
-  Oe as useAnchoredPosition,
+  De as text,
+  Te as useAnchoredPosition,
   Or as useSettingsFrame,
   Is as useSettingsFrameHost
 };