npm - @opencxh/ui-kit - Versions diffs - 3.165.0 → 3.172.0 - Mend

@opencxh/ui-kit 3.165.0 → 3.172.0

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

Files changed (7) hide show

package/dist/index.cjs +2 -2
package/dist/index.cjs.map +1 -1
package/dist/index.js +833 -810
package/dist/index.js.map +1 -1
package/dist/src/meeting/MeetingGrid.d.ts +29 -2
package/dist/src/meeting/ParticipantTile.d.ts +10 -0
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -1,22 +1,22 @@
 import { clsx as gt } from "clsx";
-import ce, { useState as H, useLayoutEffect as pt, useRef as re, useEffect as X, forwardRef as ve, useMemo as pe, useCallback as xe, createContext as et, useId as vt, useContext as yt, Component as Nt } from "react";
+import oe, { useState as B, useLayoutEffect as pt, useRef as re, useEffect as J, forwardRef as ve, useMemo as pe, useCallback as xe, createContext as et, useId as vt, useContext as yt, Component as Nt } from "react";
 import { jsxs as c, jsx as e, Fragment as Ee } from "react/jsx-runtime";
 import * as wt from "lucide-react";
-import { VideoOff as kt, User as Ct, MicOff as St, Mic as Et, X as Se, ChevronDown as De, ExternalLink as zt, Calendar as Mt, ChevronLeft as ze, ChevronRight as Le, ChevronDownIcon as Tt, Loader2 as $t, Search as Ie, Check as Ue, ChevronUp as _t, Ellipsis as At, FileText as je, HardDrive as We, ArrowLeft as Dt, FolderPlus as Lt, Upload as It, Folder as Ke, Trash2 as Pt, Plus as Ot, Sparkles as jt, ImageOff as Ft, Pencil as Rt, ArrowUpRight as Bt } from "lucide-react";
+import { VideoOff as kt, User as Ct, MicOff as St, Mic as Et, X as Se, ChevronDown as De, ExternalLink as zt, Calendar as Mt, ChevronLeft as ze, ChevronRight as Le, ChevronDownIcon as Tt, Loader2 as _t, Search as Ie, Check as Ue, ChevronUp as $t, Ellipsis as At, FileText as je, HardDrive as We, ArrowLeft as Dt, FolderPlus as Lt, Upload as It, Folder as Ke, Trash2 as Pt, Plus as Ot, Sparkles as jt, ImageOff as Ft, Pencil as Rt, ArrowUpRight as Bt } from "lucide-react";
 import Ht from "dompurify";
-import Vt from "react-markdown";
-import qt from "remark-gfm";
+import qt from "react-markdown";
+import Vt from "remark-gfm";
 function i(...t) {
   return gt(t);
 }
-function Yn(t) {
+function es(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function Xn(t) {
+function ts(t) {
   return (r) => t[r] || "";
 }
 function Pe(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
-  const [l, o] = H({});
+  const [l, o] = B({});
   return pt(() => {
     if (!t) return;
     const u = () => {
@@ -57,26 +57,49 @@ const Kt = {
 function rt(t) {
   return Kt[tt(t)];
 }
-function Zn(t) {
+function rs(t) {
   return Gt[tt(t)];
 }
 const Ge = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
-function Qn(t) {
+function ns(t) {
   let r = 0;
   for (let n = 0; n < t.length; n++) r = r * 31 + t.charCodeAt(n) >>> 0;
   return Ge[r % Ge.length];
 }
-const _e = (t) => t == null ? "" : String(t), Jt = (t) => _e(t).trim().toLowerCase();
-function es({ tiles: t, pinned: r, className: n }) {
-  if (r)
-    return /* @__PURE__ */ c("div", { className: i("flex flex-col md:flex-row gap-2 h-full min-h-0", n), children: [
-      /* @__PURE__ */ e("div", { className: "flex-1 min-h-0", children: r }),
-      t.length > 0 && /* @__PURE__ */ e("div", { className: "flex md:flex-col gap-2 md:w-48 overflow-auto", children: t.map((a, l) => /* @__PURE__ */ e("div", { className: "min-w-40 md:min-w-0", children: a }, l)) })
+const $e = (t) => t == null ? "" : String(t), Jt = (t) => $e(t).trim().toLowerCase(), Yt = [
+  { upTo: 1, cols: "grid-cols-1" },
+  { upTo: 2, cols: "grid-cols-1 @[22rem]:grid-cols-2" },
+  { upTo: 4, cols: "grid-cols-1 @[18rem]:grid-cols-2" },
+  { upTo: 9, cols: "grid-cols-2 @[26rem]:grid-cols-3" }
+], Xt = "grid-cols-2 @[26rem]:grid-cols-3 @[40rem]:grid-cols-4";
+function Zt(t) {
+  return Yt.find((r) => t <= r.upTo)?.cols ?? Xt;
+}
+function Qt(t, r) {
+  const n = r ?? t;
+  if (t <= n) return { shown: t, hidden: 0 };
+  const s = Math.max(0, n - 1);
+  return { shown: s, hidden: t - s };
+}
+function ss({ tiles: t, pinned: r, maxStrip: n, className: s }) {
+  if (r) {
+    const { shown: a, hidden: l } = Qt(t.length, n), o = t.slice(0, a);
+    return /* @__PURE__ */ c("div", { className: i("@container flex h-full min-h-0 flex-col gap-2", s), children: [
+      /* @__PURE__ */ e("div", { className: "min-h-0 flex-1", children: r }),
+      t.length > 0 && // Een vaste hoogte in procenten van het vlak, met een bodem zodat de strip
+      // in een lage dock niet tot een lijn samenknijpt.
+      /* @__PURE__ */ c("div", { className: "flex h-[22%] min-h-14 shrink-0 gap-2 overflow-x-auto", children: [
+        o.map((u, d) => /* @__PURE__ */ e("div", { className: "h-full min-w-0 shrink-0 aspect-video", children: u }, d)),
+        l > 0 && /* @__PURE__ */ c("div", { className: "flex h-full aspect-video shrink-0 items-center justify-center rounded-lg bg-video-surface text-sm font-semibold tabular-nums text-white/80", children: [
+          "+",
+          l
+        ] })
+      ] })
     ] });
-  const s = t.length <= 1 ? "grid-cols-1" : t.length <= 4 ? "grid-cols-2" : t.length <= 9 ? "grid-cols-3" : "grid-cols-4";
-  return /* @__PURE__ */ e("div", { className: i("grid gap-2 h-full", s, n), children: t.map((a, l) => /* @__PURE__ */ e("div", { children: a }, l)) });
+  }
+  return /* @__PURE__ */ e("div", { className: i("@container grid h-full min-h-0 auto-rows-fr gap-2", Zt(t.length), s), children: t.map((a, l) => /* @__PURE__ */ e("div", { className: "min-h-0 min-w-0", children: a }, l)) });
 }
-function ts({
+function as({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -90,24 +113,31 @@ function ts({
     "div",
     {
       className: i(
-        "relative rounded-lg overflow-hidden bg-video-surface flex items-center justify-center",
+        "@container relative flex min-h-0 min-w-0 items-center justify-center overflow-hidden rounded-lg bg-video-surface",
         u ? "h-full w-full" : "aspect-video",
         s && "ring-2 ring-speaking",
         o
       ),
       children: [
-        a && l ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: l }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: r ? /* @__PURE__ */ e("img", { src: r, alt: t, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-video-surface-strong flex items-center justify-center", children: a ? /* @__PURE__ */ e(kt, { className: "w-8 h-8" }) : /* @__PURE__ */ e(Ct, { className: "w-8 h-8" }) }) }),
-        /* @__PURE__ */ c("div", { className: "absolute bottom-2 left-2 flex items-center gap-1.5 px-2 py-1 rounded bg-video-overlay text-white text-xs", children: [
-          n ? /* @__PURE__ */ e(St, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Et, { className: "w-3 h-3" }),
-          /* @__PURE__ */ e("span", { className: "truncate max-w-35", children: t })
+        a && l ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: l }) : /* @__PURE__ */ e("div", { className: "flex min-h-0 min-w-0 items-center justify-center text-gray-300", children: r ? /* @__PURE__ */ e(
+          "img",
+          {
+            src: r,
+            alt: t,
+            className: "aspect-square w-[38%] max-w-16 min-w-6 rounded-full object-cover"
+          }
+        ) : /* @__PURE__ */ e("div", { className: "flex aspect-square w-[38%] max-w-16 min-w-6 items-center justify-center rounded-full bg-video-surface-strong", children: a ? /* @__PURE__ */ e(kt, { className: "w-1/2 h-1/2" }) : /* @__PURE__ */ e(Ct, { className: "w-1/2 h-1/2" }) }) }),
+        /* @__PURE__ */ c("div", { className: "absolute inset-x-2 bottom-2 flex w-fit max-w-[calc(100%-1rem)] items-center gap-1.5 rounded bg-video-overlay px-1.5 py-1 text-xs text-white", children: [
+          n ? /* @__PURE__ */ e(St, { className: "size-3 shrink-0" }) : /* @__PURE__ */ e(Et, { className: "size-3 shrink-0" }),
+          /* @__PURE__ */ e("span", { className: "hidden truncate @[9rem]:inline", children: t })
         ] })
       ]
     }
   );
 }
-function rs({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
+function ls({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
   const a = re(null);
-  return X(() => {
+  return J(() => {
     if (!r || !a.current) return;
     const l = t(a.current);
     return () => {
@@ -125,7 +155,7 @@ function rs({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
     }
   );
 }
-const Yt = {
+const er = {
   primary: "bg-accent text-accent-fg hover:bg-accent-hover disabled:bg-surface-hover",
   secondary: "bg-surface-sunk text-text-strong hover:bg-surface-hover disabled:bg-surface-hover",
   // No resting fill, so no disabled fill either — a greyed-out plate where
@@ -138,7 +168,7 @@ const Yt = {
   success: "bg-success text-text-inverse hover:opacity-90 disabled:bg-surface-hover",
   warning: "bg-warning text-text-inverse hover:opacity-90 disabled:bg-surface-hover",
   "danger-solid": "bg-danger text-text-inverse hover:opacity-90 disabled:bg-surface-hover"
-}, Xt = {
+}, tr = {
   xs: "h-control-xs px-2 text-xs",
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-4 text-sm",
@@ -146,7 +176,7 @@ const Yt = {
   xl: "h-control-xl px-6 text-base",
   "2xl": "h-control-2xl px-6 text-base",
   full: "h-control-md px-4 text-sm"
-}, Zt = {
+}, rr = {
   xs: "h-control-xs w-6",
   sm: "h-control-sm w-7",
   md: "h-control-md w-8",
@@ -185,8 +215,8 @@ const Yt = {
           "focus-visible:outline-none focus-visible:focus-ring",
           "disabled:cursor-not-allowed disabled:border-border-subtle",
           "disabled:text-text-disabled",
-          Yt[t],
-          o ? Zt[r] : Xt[r],
+          er[t],
+          o ? rr[r] : tr[r],
           (n || r === "full") && "w-full",
           s && "cursor-wait",
           d
@@ -212,7 +242,7 @@ const Yt = {
   }
 );
 se.displayName = "Button";
-const ns = ({
+const os = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
@@ -243,12 +273,12 @@ const ns = ({
   );
   return /* @__PURE__ */ e("div", { className: l, role: "group", children: t });
 };
-function ss(t) {
+function cs(t) {
   if (!t) return;
   const r = t.split(/[-_ ]/).filter(Boolean).map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(""), n = wt[r];
   return typeof n == "function" || typeof n == "object" && n !== null ? n : void 0;
 }
-const Qt = {
+const nr = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -258,7 +288,7 @@ const Qt = {
   info: "text-info-fg",
   neutral: "text-text-subtle",
   current: "text-current"
-}, ee = ({
+}, Q = ({
   icon: t,
   size: r = "md",
   color: n = "current",
@@ -268,9 +298,9 @@ const Qt = {
   "aria-label": o,
   ...u
 }) => {
-  const d = typeof r == "number" ? r : er(r), v = i(
+  const d = typeof r == "number" ? r : sr(r), v = i(
     "inline-block shrink-0",
-    Qt[n],
+    nr[n],
     s && [
       "cursor-pointer rounded-sm transition-opacity duration-fast ease-out hover:opacity-80",
       "focus-visible:outline-none focus-visible:focus-ring"
@@ -292,7 +322,7 @@ const Qt = {
   };
   return /* @__PURE__ */ e(t, { ...m });
 };
-function er(t) {
+function sr(t) {
   return {
     xs: 12,
     sm: 14,
@@ -311,8 +341,8 @@ const nt = ({
   disabled: o = !1,
   triggerLabel: u
 }) => {
-  const [d, v] = H(!1), m = re(null), f = re(null), b = Pe(d, f, { placement: n });
-  X(() => {
+  const [d, v] = B(!1), m = re(null), f = re(null), b = Pe(d, f, { placement: n });
+  J(() => {
     if (!d) return;
     const p = (C) => {
       m.current && !m.current.contains(C.target) && v(!1);
@@ -358,29 +388,29 @@ const nt = ({
       }
     )
   ] });
-}, tr = {
+}, ar = {
   none: "hover:bg-surface-sunk hover:text-text",
   default: "bg-surface-sunk text-text-muted hover:text-text",
   muted: "bg-surface-sunk text-text-subtle hover:text-text",
   outline: "text-text-muted ring-1 ring-inset ring-border-strong hover:bg-surface-hover hover:text-text",
   warning: "bg-warning-soft text-warning-fg",
   danger: "bg-danger-soft text-danger-fg"
-}, rr = (t) => i(
+}, lr = (t) => i(
   // A button's default cursor is an arrow, so it has to be asked for.
   "inline-flex cursor-pointer select-none items-center text-sm font-medium",
   t.size === "sm" ? "h-control-sm" : "h-control-md",
   "transition-colors duration-fast ease-out",
   t.shape === "pill" ? "rounded-full" : "rounded-md",
   // Picking a value outranks whatever the value happens to mean.
-  t.active ? "bg-info-soft text-info-fg" : tr[t.tone ?? "default"],
+  t.active ? "bg-info-soft text-info-fg" : ar[t.tone ?? "default"],
   t.className
-), nr = (t) => i(
+), or = (t) => i(
   "inline-flex items-center gap-1.5 pl-3",
   t.shape === "pill" ? "rounded-full" : "rounded-md",
   t.withClear ? "pr-1.5" : "pr-3",
   "focus-visible:outline-none focus-visible:focus-ring"
 );
-function sr({
+function cr({
   label: t,
   icon: r,
   tone: n = "default",
@@ -396,18 +426,18 @@ function sr({
   title: b,
   className: g
 }) {
-  const N = l && !!v, p = s === "pill" ? "rounded-full" : "rounded-md", x = rr({ active: l, tone: n, shape: s, size: a, className: g }), C = /* @__PURE__ */ c(Ee, { children: [
+  const N = l && !!v, p = s === "pill" ? "rounded-full" : "rounded-md", x = lr({ active: l, tone: n, shape: s, size: a, className: g }), C = /* @__PURE__ */ c(Ee, { children: [
     r,
     t,
-    o && /* @__PURE__ */ e(ee, { icon: De, size: "xs" })
-  ] }), S = nr({ shape: s, withClear: N }), I = N && /* @__PURE__ */ e(
+    o && /* @__PURE__ */ e(Q, { icon: De, size: "xs" })
+  ] }), S = or({ shape: s, withClear: N }), I = N && /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       "aria-label": m,
       onClick: v,
       className: i("inline-flex h-full items-center pr-3 focus-visible:outline-none focus-visible:focus-ring", p),
-      children: /* @__PURE__ */ e(ee, { icon: Se, size: "xs" })
+      children: /* @__PURE__ */ e(Q, { icon: Se, size: "xs" })
     }
   );
   return u ? /* @__PURE__ */ c("span", { className: x, title: b, children: [
@@ -427,13 +457,13 @@ function sr({
     I
   ] }) : /* @__PURE__ */ e("button", { type: "button", title: b, onClick: f, className: i(x, S), children: C });
 }
-const ar = {
+const ir = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, lr = {
+}, dr = {
   primary: "text-text hover:text-info-fg hover:underline",
   info: "text-info-fg hover:underline",
   secondary: "text-text-muted hover:text-text",
@@ -442,7 +472,7 @@ const ar = {
   success: "text-success-fg hover:underline",
   warning: "text-warning-fg hover:underline",
   error: "text-danger-fg hover:underline"
-}, or = {
+}, ur = {
   primary: "bg-accent-soft",
   accent: "bg-accent-soft",
   secondary: "bg-surface-hover",
@@ -451,7 +481,7 @@ const ar = {
   warning: "bg-warning-soft",
   error: "bg-danger-soft",
   info: "bg-info-soft"
-}, as = ({
+}, is = ({
   variant: t = "default",
   size: r = "md",
   color: n = "primary",
@@ -468,13 +498,13 @@ const ar = {
     "inline-flex items-center gap-1 underline-offset-2",
     "transition-colors duration-fast ease-out",
     "focus-visible:outline-none focus-visible:focus-ring",
-    ar[r],
-    !s && lr[n],
+    ir[r],
+    !s && dr[n],
     t === "subtle" && "no-underline opacity-70 hover:opacity-100",
     t === "underline" && "underline decoration-1 hover:decoration-2",
     t === "button" && [
       "h-control-md rounded-md px-3 font-semibold no-underline hover:no-underline",
-      or[n]
+      ur[n]
     ],
     s && "pointer-events-none cursor-not-allowed text-text-disabled opacity-50",
     l
@@ -489,11 +519,11 @@ const ar = {
     o,
     f && /* @__PURE__ */ e(zt, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
   ] });
-}, cr = {
+}, mr = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm"
 };
-function ir({
+function fr({
   options: t,
   value: r,
   onChange: n,
@@ -530,7 +560,7 @@ function ir({
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               l && "min-w-0 flex-1",
-              cr[s],
+              mr[s],
               v ? "bg-surface text-text font-medium shadow-sm" : "text-text-muted hover:text-text"
             ),
             children: d.label
@@ -541,11 +571,11 @@ function ir({
     }
   );
 }
-const dr = {
+const hr = {
   primary: "bg-accent text-accent-fg hover:bg-accent-hover",
   secondary: "border border-border bg-surface text-text hover:bg-surface-hover",
   outline: "border border-accent-border text-accent hover:bg-accent-soft"
-}, ur = {
+}, xr = {
   sm: "h-control-sm w-7",
   md: "h-control-md w-8"
 };
@@ -595,8 +625,8 @@ function st({
               className: i(
                 "inline-flex items-center justify-center rounded-md rounded-l-none",
                 "transition-colors duration-fast ease-out",
-                dr[n],
-                ur[s],
+                hr[n],
+                xr[s],
                 m && "cursor-not-allowed opacity-50"
               ),
               children: /* @__PURE__ */ e(De, { className: "size-icon-md" })
@@ -627,17 +657,17 @@ function st({
     ] })
   );
 }
-const mr = {
+const br = {
   sm: "size-checkbox-sm",
   md: "size-checkbox",
   lg: "size-checkbox-lg",
   full: "size-checkbox"
-}, fr = {
+}, gr = {
   sm: "min-h-control-sm",
   md: "min-h-control-md",
   lg: "min-h-control-lg",
   full: "min-h-control-md"
-}, hr = {
+}, pr = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
@@ -655,16 +685,16 @@ const mr = {
     id: d,
     ...v
   }, m) => {
-    const f = ce.useId(), b = d || `checkbox-${f}`, g = !!n, N = ce.useRef(null), p = ce.useCallback(
+    const f = oe.useId(), b = d || `checkbox-${f}`, g = !!n, N = oe.useRef(null), p = oe.useCallback(
       (x) => {
         N.current = x, typeof m == "function" ? m(x) : m && typeof m == "object" && (m.current = x);
       },
       [m]
     );
-    return ce.useEffect(() => {
+    return oe.useEffect(() => {
       N.current && (N.current.indeterminate = a);
     }, [a]), /* @__PURE__ */ c("div", { className: i("flex flex-col", l), children: [
-      /* @__PURE__ */ c("div", { className: i("flex items-center gap-3", fr[s]), children: [
+      /* @__PURE__ */ c("div", { className: i("flex items-center gap-3", gr[s]), children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -681,7 +711,7 @@ const mr = {
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover",
-              mr[s],
+              br[s],
               g ? "border-danger-border" : "border-border-strong",
               u
             ),
@@ -696,7 +726,7 @@ const mr = {
               className: i(
                 "cursor-pointer",
                 g ? "text-danger-fg" : "text-text",
-                hr[s],
+                pr[s],
                 o
               ),
               children: t
@@ -710,19 +740,19 @@ const mr = {
   }
 );
 we.displayName = "Checkbox";
-const xr = {
+const vr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, br = {
+}, yr = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, gr = {
+}, Nr = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -733,12 +763,12 @@ const xr = {
   neutral: "text-text",
   current: "text-current",
   muted: "text-text-subtle"
-}, pr = {
+}, wr = {
   left: "text-left",
   center: "text-center",
   right: "text-right",
   justify: "text-justify"
-}, vr = {
+}, kr = {
   tight: "leading-tight",
   normal: "leading-normal",
   relaxed: "leading-relaxed"
@@ -757,20 +787,20 @@ const xr = {
   children: f,
   ...b
 }) => {
-  const g = v || yr(t), N = t === "caption", p = t === "label", x = t === "code", C = i(
+  const g = v || Cr(t), N = t === "caption", p = t === "label", x = t === "code", C = i(
     "font-sans",
     // Variant — caption and label pin their own size/weight
     N && "text-xs text-text-subtle",
     p && "text-xs font-semibold uppercase tracking-label text-text-subtle",
     x && "font-mono text-sm rounded-sm bg-surface-hover px-1 py-0.5",
     // Size — only where the variant does not pin it
-    !N && !p && !x && xr[r],
+    !N && !p && !x && vr[r],
     // Weight — label owns its weight
-    !p && br[n],
-    gr[s],
-    pr[a],
+    !p && yr[n],
+    Nr[s],
+    wr[a],
     // Line height only overrides the body variant
-    t === "body" && vr[d],
+    t === "body" && kr[d],
     o && "italic",
     u && "underline",
     l && "truncate",
@@ -778,7 +808,7 @@ const xr = {
   );
   return /* @__PURE__ */ e(g, { className: C, ...b, children: f });
 };
-function yr(t) {
+function Cr(t) {
   return {
     body: "p",
     caption: "span",
@@ -786,7 +816,7 @@ function yr(t) {
     code: "code"
   }[t] || "p";
 }
-function ls({
+function ds({
   label: t,
   value: r,
   onChange: n,
@@ -800,11 +830,11 @@ function ls({
   removeLabel: m = "Remove",
   tooLargeLabel: f = "That image is too large."
 }) {
-  const b = re(null), [g, N] = H(null), p = async (x) => {
+  const b = re(null), [g, N] = B(null), p = async (x) => {
     if (!x) return;
     N(null);
-    const C = await wr(x, s);
-    if (a && Nr(C) > a) {
+    const C = await Er(x, s);
+    if (a && Sr(C) > a) {
       N(f);
       return;
     }
@@ -863,11 +893,11 @@ function ls({
     )
   ] });
 }
-function Nr(t) {
+function Sr(t) {
   const r = t.slice(t.indexOf(",") + 1), n = r.endsWith("==") ? 2 : r.endsWith("=") ? 1 : 0;
   return Math.floor(r.length * 3 / 4) - n;
 }
-function wr(t, r) {
+function Er(t, r) {
   return new Promise((n, s) => {
     const a = new FileReader();
     a.onload = () => {
@@ -885,7 +915,7 @@ function wr(t, r) {
     }, a.onerror = s, a.readAsDataURL(t);
   });
 }
-const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current" }), Cr = () => /* @__PURE__ */ e(ee, { icon: ze, size: "md", color: "current" }), Sr = () => /* @__PURE__ */ e(ee, { icon: Le, size: "md", color: "current" }), Be = ve(({
+const zr = () => /* @__PURE__ */ e(Q, { icon: Mt, size: "md", color: "current" }), Mr = () => /* @__PURE__ */ e(Q, { icon: ze, size: "md", color: "current" }), Tr = () => /* @__PURE__ */ e(Q, { icon: Le, size: "md", color: "current" }), Be = ve(({
   value: t,
   onChange: r,
   placeholder: n = "Select date",
@@ -898,8 +928,8 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
   format: v = "MM/dd/yyyy",
   withTime: m = !1
 }, f) => {
-  const [b, g] = H(!1), [N, p] = H(() => t || /* @__PURE__ */ new Date()), x = re(null), C = re(null), S = Pe(b, C);
-  X(() => {
+  const [b, g] = B(!1), [N, p] = B(() => t || /* @__PURE__ */ new Date()), x = re(null), C = re(null), S = Pe(b, C);
+  J(() => {
     const h = (z) => {
       x.current && !x.current.contains(z.target) && g(!1);
     };
@@ -909,19 +939,19 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
   }, [b]);
   const I = (h) => {
     if (!h) return "";
-    const z = h.getDate().toString().padStart(2, "0"), k = (h.getMonth() + 1).toString().padStart(2, "0"), _ = h.getFullYear(), y = v === "dd/MM/yyyy" ? `${z}/${k}/${_}` : v === "yyyy-MM-dd" ? `${_}-${k}-${z}` : `${k}/${z}/${_}`;
+    const z = h.getDate().toString().padStart(2, "0"), k = (h.getMonth() + 1).toString().padStart(2, "0"), $ = h.getFullYear(), y = v === "dd/MM/yyyy" ? `${z}/${k}/${$}` : v === "yyyy-MM-dd" ? `${$}-${k}-${z}` : `${k}/${z}/${$}`;
     return m ? `${y} ${A(h)}` : y;
   }, A = (h) => `${h.getHours().toString().padStart(2, "0")}:${h.getMinutes().toString().padStart(2, "0")}`, K = (h) => {
     const [z, k] = h.split(":").map(Number);
     if (Number.isNaN(z) || Number.isNaN(k)) return;
-    const _ = t ? new Date(t) : /* @__PURE__ */ new Date();
-    _.setHours(z, k, 0, 0), r?.(_);
+    const $ = t ? new Date(t) : /* @__PURE__ */ new Date();
+    $.setHours(z, k, 0, 0), r?.($);
   }, W = () => {
-    const h = N.getFullYear(), z = N.getMonth(), k = new Date(h, z, 1), _ = new Date(k);
-    _.setDate(_.getDate() - k.getDay());
-    const y = [], V = new Date(_);
+    const h = N.getFullYear(), z = N.getMonth(), k = new Date(h, z, 1), $ = new Date(k);
+    $.setDate($.getDate() - k.getDay());
+    const y = [], H = new Date($);
     for (let ae = 0; ae < 42; ae++)
-      y.push(new Date(V)), V.setDate(V.getDate() + 1);
+      y.push(new Date(H)), H.setDate(H.getDate() + 1);
     return y;
   }, D = (h) => {
     if (h.getMonth() === N.getMonth() && !(u && h < u) && !(d && h > d)) {
@@ -932,13 +962,13 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
       }
       r?.(h), g(!1);
     }
-  }, U = () => {
+  }, V = () => {
     p(new Date(N.getFullYear(), N.getMonth() - 1, 1));
   }, ne = () => {
     p(new Date(N.getFullYear(), N.getMonth() + 1, 1));
-  }, Z = () => {
+  }, Y = () => {
     r?.(null), g(!1);
-  }, Q = i(
+  }, X = i(
     "w-full border border-border-strong rounded-tile transition-colors duration-fast",
     "bg-surface text-text",
     "placeholder:text-text-muted",
@@ -978,7 +1008,7 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
           required: a,
           readOnly: !0,
           onClick: () => !s && g(!b),
-          className: i(Q, "pr-10 cursor-pointer")
+          className: i(X, "pr-10 cursor-pointer")
         }
       ),
       /* @__PURE__ */ e(
@@ -988,7 +1018,7 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
           onClick: () => !s && g(!b),
           disabled: s,
           className: "absolute inset-y-0 right-0 flex items-center pr-3 text-text-muted hover:text-text-muted",
-          children: /* @__PURE__ */ e(kr, {})
+          children: /* @__PURE__ */ e(zr, {})
         }
       )
     ] }),
@@ -997,9 +1027,9 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: U,
+            onClick: V,
             className: "p-1 hover:bg-surface-hover rounded",
-            children: /* @__PURE__ */ e(Cr, {})
+            children: /* @__PURE__ */ e(Mr, {})
           }
         ),
         /* @__PURE__ */ c("h3", { className: "text-sm font-medium text-text", children: [
@@ -1012,25 +1042,25 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
           {
             onClick: ne,
             className: "p-1 hover:bg-surface-hover rounded",
-            children: /* @__PURE__ */ e(Sr, {})
+            children: /* @__PURE__ */ e(Tr, {})
           }
         )
       ] }),
       /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((h) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted text-center py-1", children: h }, h)) }),
       /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: de.map((h, z) => {
-        const k = h.getMonth() === N.getMonth(), _ = t && h.toDateString() === t.toDateString(), y = h.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), V = !k || u && h < u || d && h > d;
+        const k = h.getMonth() === N.getMonth(), $ = t && h.toDateString() === t.toDateString(), y = h.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), H = !k || u && h < u || d && h > d;
         return /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => !V && D(h),
-            disabled: V,
+            onClick: () => !H && D(h),
+            disabled: H,
             className: i(
               "w-8 h-8 text-sm rounded transition-colors duration-fast",
               {
-                "text-text hover:bg-surface-hover": k && !_ && !V,
-                "bg-accent text-accent-fg": _,
-                "bg-surface-hover text-text": y && !_,
-                "text-text-muted cursor-not-allowed": V
+                "text-text hover:bg-surface-hover": k && !$ && !H,
+                "bg-accent text-accent-fg": $,
+                "bg-surface-hover text-text": y && !$,
+                "text-text-muted cursor-not-allowed": H
               }
             ),
             children: h.getDate()
@@ -1055,7 +1085,7 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: Z,
+            onClick: Y,
             className: "text-sm text-text-muted hover:text-text",
             children: "Clear"
           }
@@ -1071,7 +1101,7 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
       ] })
     ] })
   ] });
-}), Er = {
+}), _r = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm",
   lg: "h-control-lg px-3 text-base",
@@ -1098,51 +1128,51 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
     onCreateOption: C,
     ...S
   }, I) => {
-    const A = f || `select-${Math.random().toString(36).substr(2, 9)}`, K = !!n, [W, D] = ce.useState(!1), [U, ne] = ce.useState(""), Z = ce.useRef(null), Q = ce.useRef(null), de = Pe(W, Q, { matchWidth: !0 }), [w, h] = ce.useState(o);
-    ce.useImperativeHandle(I, () => Z.current), ce.useEffect(() => {
-      const T = (E) => {
-        Z.current && !Z.current.contains(E.target) && D(!1);
+    const A = f || `select-${Math.random().toString(36).substr(2, 9)}`, K = !!n, [W, D] = oe.useState(!1), [V, ne] = oe.useState(""), Y = oe.useRef(null), X = oe.useRef(null), de = Pe(W, X, { matchWidth: !0 }), [w, h] = oe.useState(o);
+    oe.useImperativeHandle(I, () => Y.current), oe.useEffect(() => {
+      const M = (E) => {
+        Y.current && !Y.current.contains(E.target) && D(!1);
       };
-      return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
+      return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
     }, []);
-    const z = ce.useCallback(
-      (T, E) => T.some(
+    const z = oe.useCallback(
+      (M, E) => M.some(
         (P) => Me(P.value) === Me(E) || Me(P.label) === Me(E)
       ),
       []
-    ), k = ce.useCallback(
-      (T, E) => {
-        const P = [...T], j = (q) => {
-          const $ = _e(q).trim();
-          $ && (z(P, $) || P.push({ value: $, label: $ }));
+    ), k = oe.useCallback(
+      (M, E) => {
+        const P = [...M], j = (q) => {
+          const T = $e(q).trim();
+          T && (z(P, T) || P.push({ value: T, label: T }));
         };
         return Array.isArray(E) ? E.forEach(j) : j(E), P;
       },
       [z]
     );
-    ce.useEffect(() => {
-      h((T) => {
+    oe.useEffect(() => {
+      h((M) => {
         const E = [...o];
-        return T.forEach((P) => {
+        return M.forEach((P) => {
           !z(E, P.value) && !z(E, P.label) && E.push(P);
         }), k(E, N);
       });
     }, [o, N, k, z]);
-    const _ = ce.useMemo(
-      () => Array.isArray(N) ? N.map(_e) : N == null ? void 0 : _e(N),
+    const $ = oe.useMemo(
+      () => Array.isArray(N) ? N.map($e) : N == null ? void 0 : $e(N),
       [N]
-    ), y = (T) => {
+    ), y = (M) => {
       if (g) {
-        const E = Array.isArray(_) ? _ : [], P = E.includes(T) ? E.filter((j) => j !== T) : [...E, T];
+        const E = Array.isArray($) ? $ : [], P = E.includes(M) ? E.filter((j) => j !== M) : [...E, M];
         p?.(P);
       } else
-        p?.(T), D(!1), ne("");
-    }, V = g ? null : w.find((T) => T.value === _), ae = g ? w.filter(
-      (T) => Array.isArray(_) && _.includes(T.value)
-    ) : [], ie = b && U ? w.filter(
-      (T) => T.label.toLowerCase().includes(U.toLowerCase())
-    ) : w, G = !!x && !!b && !!U.trim() && !z(w, U), O = (T) => {
-      const E = T.trim();
+        p?.(M), D(!1), ne("");
+    }, H = g ? null : w.find((M) => M.value === $), ae = g ? w.filter(
+      (M) => Array.isArray($) && $.includes(M.value)
+    ) : [], ce = b && V ? w.filter(
+      (M) => M.label.toLowerCase().includes(V.toLowerCase())
+    ) : w, G = !!x && !!b && !!V.trim() && !z(w, V), O = (M) => {
+      const E = M.trim();
       if (!E) return;
       const P = C?.(E) ?? {
         value: E,
@@ -1153,11 +1183,11 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
         return;
       }
       h((j) => [...j, P]), y(P.value), ne(""), g || D(!1);
-    }, F = () => g ? ae.length > 0 ? ae.map((T) => T.label).join(", ") : u || "Select options" : V?.label || u || "Select an option";
+    }, F = () => g ? ae.length > 0 ? ae.map((M) => M.label).join(", ") : u || "Select options" : H?.label || u || "Select an option";
     return /* @__PURE__ */ c(
       "div",
       {
-        ref: Z,
+        ref: Y,
         className: i(
           "relative flex flex-col",
           a && "w-full",
@@ -1182,7 +1212,7 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
             /* @__PURE__ */ c(
               "button",
               {
-                ref: Q,
+                ref: X,
                 type: "button",
                 id: A,
                 disabled: l,
@@ -1192,7 +1222,7 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
                   "focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   "bg-surface",
-                  Er[s],
+                  _r[s],
                   K ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
                   m
                 ),
@@ -1217,10 +1247,10 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
                 {
                   type: "text",
                   placeholder: "Search...",
-                  value: U,
-                  onChange: (T) => ne(T.target.value),
-                  onKeyDown: (T) => {
-                    T.key === "Enter" && G && (T.preventDefault(), O(U));
+                  value: V,
+                  onChange: (M) => ne(M.target.value),
+                  onKeyDown: (M) => {
+                    M.key === "Enter" && G && (M.preventDefault(), O(V));
                   },
                   className: i(
                     "w-full px-3 py-2 text-sm rounded-md border",
@@ -1235,10 +1265,10 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
                     "cursor-pointer px-3 py-1.5 text-sm",
                     "text-info-fg hover:bg-surface-hover"
                   ),
-                  onClick: () => O(U),
+                  onClick: () => O(V),
                   children: [
                     "+: “",
-                    U.trim(),
+                    V.trim(),
                     "”"
                   ]
                 }
@@ -1254,16 +1284,16 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
                     children: u
                   }
                 ),
-                ie.map((T) => {
-                  const E = g ? Array.isArray(_) && _.includes(T.value) : _ === T.value;
+                ce.map((M) => {
+                  const E = g ? Array.isArray($) && $.includes(M.value) : $ === M.value;
                   return /* @__PURE__ */ e(
                     "li",
                     {
-                      onClick: () => !T.disabled && y(T.value),
+                      onClick: () => !M.disabled && y(M.value),
                       className: i(
                         "cursor-pointer px-3 py-1.5 text-sm",
                         "text-text",
-                        T.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface-hover",
+                        M.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface-hover",
                         E && "bg-accent-soft text-accent font-semibold"
                       ),
                       children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
@@ -1276,10 +1306,10 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
                             className: "mr-3 h-4 w-4 rounded border-border [&:not(:checked)]:bg-surface-input text-accent "
                           }
                         ),
-                        /* @__PURE__ */ e("span", { children: T.label })
+                        /* @__PURE__ */ e("span", { children: M.label })
                       ] })
                     },
-                    T.value
+                    M.value
                   );
                 })
               ] })
@@ -1301,7 +1331,7 @@ const kr = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
   }
 );
 Ae.displayName = "Select";
-const zr = {
+const $r = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
@@ -1322,7 +1352,7 @@ const zr = {
     id: f,
     ...b
   }, g) => {
-    const N = ce.useId(), p = f || `textfield-${N}`, x = !!n, C = n || r ? `${p}-description` : void 0;
+    const N = oe.useId(), p = f || `textfield-${N}`, x = !!n, C = n || r ? `${p}-description` : void 0;
     return /* @__PURE__ */ c("div", { className: i("flex flex-col", a && "w-full", d), children: [
       t && /* @__PURE__ */ e(
         "label",
@@ -1347,7 +1377,7 @@ const zr = {
             "aria-describedby": C,
             className: i(
               lt,
-              zr[s],
+              $r[s],
               l && "pl-9",
               (o || u) && "pr-9",
               ot(x),
@@ -1376,7 +1406,7 @@ const zr = {
   }
 );
 Ce.displayName = "TextField";
-function Mr({
+function Ar({
   value: t,
   onChange: r,
   onListFolders: n,
@@ -1386,8 +1416,8 @@ function Mr({
   templatePlaceholder: o,
   showTemplate: u = !0
 }) {
-  const [d, v] = H([]);
-  X(() => {
+  const [d, v] = B([]);
+  J(() => {
     let f = !0;
     return Promise.resolve(n?.()).then((b) => {
       f && b && v(b.data ?? []);
@@ -1421,7 +1451,7 @@ function Mr({
     )
   ] });
 }
-const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(Ie, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), $r = (t) => /* @__PURE__ */ e(De, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), _r = {
+const Ne = (...t) => t.filter(Boolean).join(" "), Dr = (t) => /* @__PURE__ */ e(Ie, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Lr = (t) => /* @__PURE__ */ e(De, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Ir = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
@@ -1431,14 +1461,14 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
   md: "h-5 w-5",
   lg: "h-6 w-6",
   full: "h-6 w-6"
-}, Ar = ve(
+}, Pr = ve(
   ({
     label: t,
     helperText: r,
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: l = /* @__PURE__ */ e(Tr, {}),
+    startIcon: l = /* @__PURE__ */ e(Dr, {}),
     loading: o = !1,
     containerClassName: u,
     labelClassName: d,
@@ -1453,26 +1483,26 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
     onChange: C,
     ...S
   }, I) => {
-    const A = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, K = !!n, W = re(null), D = re(null), [U, ne] = H(x || ""), [Z, Q] = H(!1), [de, w] = H(!1), [h, z] = H(!1);
-    X(() => {
+    const A = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, K = !!n, W = re(null), D = re(null), [V, ne] = B(x || ""), [Y, X] = B(!1), [de, w] = B(!1), [h, z] = B(!1);
+    J(() => {
       x !== void 0 && ne(x);
     }, [x]);
     const k = pe(() => {
-      if (p && !h || !U) return f;
-      const O = String(U).toLowerCase();
+      if (p && !h || !V) return f;
+      const O = String(V).toLowerCase();
       return f.filter(
         (F) => String(F.label).toLowerCase().includes(O)
       );
-    }, [U, f, p, h]);
-    X(() => {
-      if (!b || !U) {
+    }, [V, f, p, h]);
+    J(() => {
+      if (!b || !V) {
         w(!1);
         return;
       }
       const O = setTimeout(async () => {
         w(!0);
         try {
-          await b(String(U));
+          await b(String(V));
         } catch (F) {
           console.error("Remote search failed:", F);
         } finally {
@@ -1482,20 +1512,20 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
       return () => {
         clearTimeout(O), w(!1);
       };
-    }, [U, N, b]), X(() => {
+    }, [V, N, b]), J(() => {
       const O = (F) => {
-        W.current && !W.current.contains(F.target) && Q(!1);
+        W.current && !W.current.contains(F.target) && X(!1);
       };
       return document.addEventListener("mousedown", O), () => document.removeEventListener("mousedown", O);
     }, []);
-    const _ = (O) => {
+    const $ = (O) => {
       const F = O.target.value;
-      ne(F), Q(!0), z(!0), C && C(O);
+      ne(F), X(!0), z(!0), C && C(O);
     }, y = (O) => {
-      ne(O.label), Q(!1), z(!1), g && g(O.value);
-    }, V = () => {
-      (f.length > 0 || b) && (Q(!0), z(!1));
-    }, ae = o || de, ie = Z && (k.length > 0 || ae), G = pe(() => I || D, [I]);
+      ne(O.label), X(!1), z(!1), g && g(O.value);
+    }, H = () => {
+      (f.length > 0 || b) && (X(!0), z(!1));
+    }, ae = o || de, ce = Y && (k.length > 0 || ae), G = pe(() => I || D, [I]);
     return /* @__PURE__ */ c(
       "div",
       {
@@ -1526,16 +1556,16 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
               {
                 ref: G,
                 id: A,
-                value: U,
-                onChange: _,
-                onFocus: V,
+                value: V,
+                onChange: $,
+                onFocus: H,
                 className: Ne(
                   // Base styles
                   "block w-full rounded-tile border bg-surface-input transition-colors duration-fast ease-out",
                   "placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   // Size styles
-                  _r[s],
+                  Ir[s],
                   // Icon padding
                   l ? "pl-10" : "",
                   "pr-10",
@@ -1550,7 +1580,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
             /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: ae || o ? (
               // Loading Spinner
               /* @__PURE__ */ e(
-                $t,
+                _t,
                 {
                   className: Ne("animate-spin text-info-fg", Fe[s]),
                   "aria-hidden": !0
@@ -1559,21 +1589,21 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
             ) : (
               // Dropdown Chevron
               /* @__PURE__ */ e(
-                $r,
+                Lr,
                 {
                   className: Ne(
                     "text-text-muted cursor-pointer transition-transform",
                     Fe[s],
-                    Z ? "rotate-180" : "rotate-0"
+                    Y ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
-                    Q((O) => (O || z(!1), !O));
+                    X((O) => (O || z(!1), !O));
                   }
                 }
               )
             ) })
           ] }),
-          ie && /* @__PURE__ */ e(
+          ce && /* @__PURE__ */ e(
             "ul",
             {
               className: "absolute z-10 mt-1 w-full bg-surface border border-border rounded-lg shadow-lg max-h-60 overflow-auto top-full",
@@ -1584,7 +1614,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
                   className: "px-4 py-2 cursor-pointer text-text hover:bg-accent-soft hover:text-accent transition-colors",
                   onClick: () => y(O),
                   role: "option",
-                  "aria-selected": U === O.label,
+                  "aria-selected": V === O.label,
                   children: O.label
                 },
                 O.value
@@ -1603,14 +1633,14 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
           ),
           b && /* @__PURE__ */ c("p", { className: "mt-2 text-xs text-success-fg", children: [
             "Huidige zoekterm (niet-gedebounced): ",
-            String(U)
+            String(V)
           ] })
         ]
       }
     );
   }
 );
-Ar.displayName = "SearchableTextField";
+Pr.displayName = "SearchableTextField";
 const ct = ve(
   ({
     value: t,
@@ -1636,7 +1666,7 @@ const ct = ve(
         l
       ),
       children: [
-        /* @__PURE__ */ e(ee, { icon: Ie, size: "md", color: "current", className: "shrink-0" }),
+        /* @__PURE__ */ e(Q, { icon: Ie, size: "md", color: "current", className: "shrink-0" }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -1668,7 +1698,7 @@ const ct = ve(
             "aria-label": a,
             onClick: () => r(""),
             className: "grid size-4 shrink-0 cursor-pointer place-items-center rounded-xs text-text-subtle transition-colors duration-fast ease-out hover:text-text focus-visible:outline-none focus-visible:focus-ring",
-            children: /* @__PURE__ */ e(ee, { icon: Se, size: "sm", color: "current" })
+            children: /* @__PURE__ */ e(Q, { icon: Se, size: "sm", color: "current" })
           }
         ) : n && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: n })
       ]
@@ -1676,7 +1706,7 @@ const ct = ve(
   )
 );
 ct.displayName = "SearchField";
-const Dr = ve(
+const Or = ve(
   ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...l }, o) => {
     const u = /* @__PURE__ */ e(
       "span",
@@ -1729,8 +1759,8 @@ const Dr = ve(
     );
   }
 );
-Dr.displayName = "Switch";
-const Lr = ({
+Or.displayName = "Switch";
+const jr = ({
   trigger: t,
   options: r,
   value: n,
@@ -1741,10 +1771,10 @@ const Lr = ({
   showCheck: u = !0,
   header: d
 }) => {
-  const [v, m] = H(!1), [f, b] = H(null), [g, N] = H({ top: 0, left: 0 }), p = re(null), x = re(null), C = re(null), S = re(null), I = Pe(v, x, { placement: a }), A = re(null), K = () => Array.from(
+  const [v, m] = B(!1), [f, b] = B(null), [g, N] = B({ top: 0, left: 0 }), p = re(null), x = re(null), C = re(null), S = re(null), I = Pe(v, x, { placement: a }), A = re(null), K = () => Array.from(
     S.current?.querySelectorAll("button[data-option-value]:not(:disabled)") ?? []
   );
-  X(() => {
+  J(() => {
     v && K()[0]?.focus();
   }, [v]);
   const W = (h) => {
@@ -1752,24 +1782,24 @@ const Lr = ({
     const k = K();
     if (k.length === 0) return;
     h.preventDefault();
-    const _ = k.indexOf(document.activeElement), y = h.key === "Home" ? 0 : h.key === "End" ? k.length - 1 : h.key === "ArrowDown" ? (_ + 1) % k.length : (_ - 1 + k.length) % k.length;
+    const $ = k.indexOf(document.activeElement), y = h.key === "Home" ? 0 : h.key === "End" ? k.length - 1 : h.key === "ArrowDown" ? ($ + 1) % k.length : ($ - 1 + k.length) % k.length;
     k[y]?.focus();
   };
-  X(() => {
+  J(() => {
     const h = (z) => {
       p.current && (!p.current.contains(z.target) || C.current && !C.current.contains(z.target)) && (m(!1), b(null), A.current && (clearTimeout(A.current), A.current = null));
     };
     return v && document.addEventListener("mousedown", h), () => {
       document.removeEventListener("mousedown", h);
     };
-  }, [v]), X(() => {
+  }, [v]), J(() => {
     const h = (z) => {
       z.key === "Escape" && (m(!1), b(null), x.current?.focus(), A.current && (clearTimeout(A.current), A.current = null));
     };
     return v && document.addEventListener("keydown", h), () => {
       document.removeEventListener("keydown", h);
     };
-  }, [v]), X(() => {
+  }, [v]), J(() => {
     if (f && p.current) {
       const h = p.current.querySelector(
         `[data-option-value="${f}"]`
@@ -1782,20 +1812,20 @@ const Lr = ({
         });
       }
     }
-  }, [f]), X(() => () => {
+  }, [f]), J(() => () => {
     A.current && clearTimeout(A.current);
   }, []);
   const D = (h) => {
     h.stopPropagation(), !l && (m(!v), b(null), A.current && (clearTimeout(A.current), A.current = null));
-  }, U = (h, z, k) => {
+  }, V = (h, z, k) => {
     h.stopPropagation(), !z.disabled && !z.divider && (!z.children || z.children.length === 0) && (s?.(z.value, k), m(!1), b(null));
   }, ne = (h) => {
     A.current && (clearTimeout(A.current), A.current = null), h.children && h.children.length > 0 ? b(h.value) : b(null);
-  }, Z = (h) => {
+  }, Y = (h) => {
     h.children && h.children.length > 0 ? A.current = setTimeout(() => {
       b(null);
     }, 150) : b(null);
-  }, Q = (h, z, k) => {
+  }, X = (h, z, k) => {
     h.stopPropagation(), !z.disabled && !z.divider && (s?.(z.value, k), m(!1), b(null));
   }, de = i(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
@@ -1838,7 +1868,7 @@ const Lr = ({
                 },
                 `divider-${z}`
               );
-            const k = h.children && h.children.length > 0, _ = f === h.value;
+            const k = h.children && h.children.length > 0, $ = f === h.value;
             return /* @__PURE__ */ c("div", { className: "relative group", children: [
               /* @__PURE__ */ c(
                 "button",
@@ -1846,15 +1876,15 @@ const Lr = ({
                   "data-option-value": h.value,
                   role: "menuitem",
                   "aria-haspopup": k ? "menu" : void 0,
-                  onClick: (y) => U(y, h),
+                  onClick: (y) => V(y, h),
                   onMouseEnter: () => ne(h),
-                  onMouseLeave: () => Z(h),
+                  onMouseLeave: () => Y(h),
                   disabled: h.disabled,
                   className: i(
                     "flex w-full items-center justify-between rounded-md px-3 py-1.5 text-sm text-text transition-colors duration-fast ease-out hover:bg-surface-hover focus-visible:outline-none focus-visible:focus-ring",
                     {
                       "opacity-50 cursor-not-allowed": h.disabled,
-                      "bg-surface-hover": _ && k
+                      "bg-surface-hover": $ && k
                     }
                   ),
                   children: [
@@ -1872,7 +1902,7 @@ const Lr = ({
                   ]
                 }
               ),
-              k && _ && /* @__PURE__ */ e(
+              k && $ && /* @__PURE__ */ e(
                 "div",
                 {
                   ref: C,
@@ -1889,14 +1919,14 @@ const Lr = ({
                       b(null);
                     }, 150);
                   },
-                  children: /* @__PURE__ */ e("div", { className: "p-2", children: h.children.map((y, V) => {
+                  children: /* @__PURE__ */ e("div", { className: "p-2", children: h.children.map((y, H) => {
                     if (y.divider)
                       return /* @__PURE__ */ e(
                         "div",
                         {
                           className: "border-t border-border my-2"
                         },
-                        `divider-${V}`
+                        `divider-${H}`
                       );
                     const ae = typeof n == "object" && n[h.value] && n[h.value].includes(
                       y.value
@@ -1904,8 +1934,8 @@ const Lr = ({
                     return /* @__PURE__ */ c(
                       "button",
                       {
-                        onClick: (ie) => Q(
-                          ie,
+                        onClick: (ce) => X(
+                          ce,
                           y,
                           h.value
                         ),
@@ -1937,8 +1967,8 @@ const Lr = ({
           (() => {
             const h = r.reduce((z, k) => {
               if (k.divider) return z;
-              const _ = k.children ? k.children.filter((y) => !y.divider).length : 0;
-              return z + 1 + _;
+              const $ = k.children ? k.children.filter((y) => !y.divider).length : 0;
+              return z + 1 + $;
             }, 0);
             return h > 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: [
               h,
@@ -1954,7 +1984,7 @@ const Lr = ({
   defaultVariant: r = "secondary",
   className: n
 }) => t.length === 0 ? null : /* @__PURE__ */ e("div", { className: i("flex flex-wrap items-center gap-2", n), children: t.map(
-  (s) => s.render ? /* @__PURE__ */ e(ce.Fragment, { children: s.render() }, s.id) : s.splitOptions && s.splitOptions.length > 0 ? /* @__PURE__ */ e(
+  (s) => s.render ? /* @__PURE__ */ e(oe.Fragment, { children: s.render() }, s.id) : s.splitOptions && s.splitOptions.length > 0 ? /* @__PURE__ */ e(
     st,
     {
       label: s.label,
@@ -1978,49 +2008,49 @@ const Lr = ({
     },
     s.id
   )
-) }), Ir = {
+) }), Fr = {
   none: "p-0",
   sm: "p-2",
   md: "px-5 py-4",
   lg: "p-6"
-}, os = ({
+}, us = ({
   actions: t = [],
   onBack: r,
   backLabel: n = "Back",
   className: s,
   padding: a = "md",
   children: l
-}) => /* @__PURE__ */ c("div", { className: i("flex items-center gap-2", Ir[a], s), children: [
+}) => /* @__PURE__ */ c("div", { className: i("flex items-center gap-2", Fr[a], s), children: [
   r && /* @__PURE__ */ e(
     se,
     {
       variant: "secondary",
       onClick: r,
       "aria-label": n,
-      leftIcon: /* @__PURE__ */ e(ee, { icon: ze, size: "sm" }),
+      leftIcon: /* @__PURE__ */ e(Q, { icon: ze, size: "sm" }),
       iconOnly: !0
     }
   ),
   l && /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l }),
   /* @__PURE__ */ e(ke, { actions: t, className: i(!l && "ml-auto") })
-] }), cs = (t) => (r) => t(r instanceof Date ? r : null), is = (t) => (r) => t(typeof r == "string" ? r : ""), ds = (t) => (r) => t(Array.isArray(r) ? r : typeof r == "string" && r ? [r] : []), Pr = {
+] }), ms = (t) => (r) => t(r instanceof Date ? r : null), fs = (t) => (r) => t(typeof r == "string" ? r : ""), hs = (t) => (r) => t(Array.isArray(r) ? r : typeof r == "string" && r ? [r] : []), Rr = {
   none: "px-0",
   sm: "px-2",
   md: "px-3.5",
   lg: "px-5"
-}, Or = {
+}, Br = {
   sm: "h-row-lg",
   md: "h-row-xl",
   lg: "h-14"
-}, jr = 8, Je = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
-function Fr(t, r) {
+}, Hr = 8, Je = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
+function qr(t, r) {
   if (r <= 7) return Array.from({ length: r }, (l, o) => o);
   const s = [.../* @__PURE__ */ new Set([0, r - 1, t - 1, t, t + 1])].filter((l) => l >= 0 && l < r).sort((l, o) => l - o), a = [];
   return s.forEach((l, o) => {
     o > 0 && l - s[o - 1] > 1 && a.push("gap"), a.push(l);
   }), a;
 }
-const Rr = (t) => {
+const Vr = (t) => {
   const r = Array.isArray(t.value) ? t.value : t.value != null && t.value !== "" && t.value !== "all" ? [t.value] : [];
   if (t.type === "date") {
     const o = t.value instanceof Date;
@@ -2042,7 +2072,7 @@ const Rr = (t) => {
     );
   }, l = r.length > 0;
   return /* @__PURE__ */ e(
-    sr,
+    cr,
     {
       tone: "outline",
       caret: !0,
@@ -2097,99 +2127,92 @@ const Rr = (t) => {
   footerSummary: K,
   size: W = "md",
   hoverable: D = !0,
-  padding: U = "md",
+  padding: V = "md",
   className: ne,
-  rowClassName: Z,
-  headerBackground: Q = !0
+  rowClassName: Y,
+  headerBackground: X = !0
 }) => {
-  const [de, w] = H(""), h = l !== void 0, z = h ? l : de, k = o ?? w, [_, y] = H({
+  const [de, w] = B(""), h = l !== void 0, z = h ? l : de, k = o ?? w, [$, y] = B({
     column: null,
     direction: null
-  }), [V, ae] = H({
+  }), [H, ae] = B({
     page: 0,
     pageSize: g
-  }), ie = re(null), G = pe(() => {
-    let M = t;
+  }), ce = re(null), G = pe(() => {
+    let _ = t;
     if (s && !h && z.trim()) {
-      const B = r.filter(
-        (le) => le.searchable !== !1
-      ), J = z.toLowerCase();
-      M = M.filter((le) => B.some((Y) => {
-        const R = typeof Y.accessor == "function" ? Y.accessor(le) : le[Y.accessor];
-        return String(R || "").toLowerCase().includes(J);
+      const U = r.filter(
+        (ie) => ie.searchable !== !1
+      ), te = z.toLowerCase();
+      _ = _.filter((ie) => U.some((Z) => {
+        const R = typeof Z.accessor == "function" ? Z.accessor(ie) : ie[Z.accessor];
+        return String(R || "").toLowerCase().includes(te);
       }));
     }
-    return u.forEach((B) => {
-      B.value && B.value !== "all" && (M = M.filter((J) => {
-        const le = r.find((R) => R.id === B.id);
-        if (!le) return !0;
-        const Y = typeof le.accessor == "function" ? le.accessor(J) : J[le.accessor];
-        return String(Y || "") === B.value;
-      }));
-    }), M;
-  }, [t, z, h, r, s, u]), O = pe(() => {
-    if (!_.column || !_.direction) return G;
-    const M = r.find((B) => B.id === _.column);
-    return M ? [...G].sort((B, J) => {
-      const le = typeof M.accessor == "function" ? M.accessor(B) : B[M.accessor], Y = typeof M.accessor == "function" ? M.accessor(J) : J[M.accessor];
+    return _;
+  }, [t, z, h, r, s]), O = pe(() => {
+    if (!$.column || !$.direction) return G;
+    const _ = r.find((U) => U.id === $.column);
+    return _ ? [...G].sort((U, te) => {
+      const ie = typeof _.accessor == "function" ? _.accessor(U) : U[_.accessor], Z = typeof _.accessor == "function" ? _.accessor(te) : te[_.accessor];
       let R = 0;
-      return le < Y ? R = -1 : le > Y && (R = 1), _.direction === "desc" ? -R : R;
+      return ie < Z ? R = -1 : ie > Z && (R = 1), $.direction === "desc" ? -R : R;
     }) : G;
-  }, [G, _, r]), F = pe(() => {
+  }, [G, $, r]), F = pe(() => {
     if (!b || m) return O;
-    const M = V.page * V.pageSize, B = M + V.pageSize;
-    return O.slice(M, B);
-  }, [O, V, b, m]), T = xe(
-    (M) => {
-      r.find((J) => J.id === M)?.sortable && y((J) => J.column !== M ? { column: M, direction: "asc" } : J.direction === "asc" ? { column: M, direction: "desc" } : { column: null, direction: null });
+    const _ = H.page * H.pageSize, U = _ + H.pageSize;
+    return O.slice(_, U);
+  }, [O, H, b, m]), M = xe(
+    (_) => {
+      r.find((te) => te.id === _)?.sortable && y((te) => te.column !== _ ? { column: _, direction: "asc" } : te.direction === "asc" ? { column: _, direction: "desc" } : { column: null, direction: null });
     },
     [r]
-  ), E = xe((M) => {
-    ae((B) => ({ ...B, page: M }));
+  ), E = xe((_) => {
+    ae((U) => ({ ...U, page: _ }));
   }, []), P = xe(
-    (M, B) => {
+    (_, U) => {
       if (!S) return;
-      const J = I(M, 0);
-      S(B ? [...C, M] : C.filter(
-        (le, Y) => I(C[Y], Y) !== J
+      const te = I(_, 0);
+      S(U ? [...C, _] : C.filter(
+        (ie, Z) => I(C[Z], Z) !== te
       ));
     },
     [C, S, I]
   ), j = xe(
-    (M) => {
-      S && S(M ? [...F] : []);
+    (_) => {
+      S && S(_ ? [...F] : []);
     },
     [F, S]
   );
-  X(() => {
-    ae((M) => ({ ...M, page: 0 }));
-  }, [z, _]), X(() => {
-    ae((M) => ({ ...M, page: 0 }));
-  }, [u.map((M) => M.value).join(",")]);
-  const q = O.length, $ = Math.ceil(q / V.pageSize), L = V.page * V.pageSize + 1, te = Math.min(L + V.pageSize - 1, q), oe = F.length > 0 && F.every((M) => {
-    const B = I(M, 0);
+  J(() => {
+    ae((_) => ({ ..._, page: 0 }));
+  }, [z, $]), J(() => {
+    ae((_) => ({ ..._, page: 0 }));
+  }, [u.map((_) => _.value).join(",")]);
+  const q = O.length, T = Math.ceil(q / H.pageSize), L = H.page * H.pageSize + 1, ee = Math.min(L + H.pageSize - 1, q), le = F.length > 0 && F.every((_) => {
+    const U = I(_, 0);
     return C.some(
-      (J, le) => I(J, le) === B
+      (te, ie) => I(te, ie) === U
     );
-  }), be = F.some((M) => {
-    const B = I(M, 0);
+  }), be = F.some((_) => {
+    const U = I(_, 0);
     return C.some(
-      (J, le) => I(J, le) === B
+      (te, ie) => I(te, ie) === U
     );
-  }), ye = Pr[U], fe = Q ? "bg-surface-sunk" : "bg-surface", he = i("text-text", ye), Oe = s || u.length > 0 || d.length > 0 || !!v, ft = pe(() => {
-    const M = F.map((Y, R) => ({ row: Y, index: R }));
-    if (!m) return [{ group: null, rows: M }];
-    const B = /* @__PURE__ */ new Map();
-    for (const Y of M) {
-      const R = m(Y.row, Y.index), ge = B.get(R);
-      ge ? ge.push(Y) : B.set(R, [Y]);
+  }), ye = Rr[V], fe = X ? "bg-surface-sunk" : "bg-surface", he = i("text-text", ye), Oe = s || u.length > 0 || d.length > 0 || !!v, ft = pe(() => {
+    const _ = F.map((Z, R) => ({ row: Z, index: R }));
+    if (!m) return [{ group: null, rows: _ }];
+    const U = /* @__PURE__ */ new Map();
+    for (const Z of _) {
+      const R = m(Z.row, Z.index), ge = U.get(R);
+      ge ? ge.push(Z) : U.set(R, [Z]);
     }
-    const J = f ?? [];
+    const te = f ?? [];
     return [
-      ...J.filter((Y) => B.has(Y.id)),
-      ...[...B.keys()].filter((Y) => !J.some((R) => R.id === Y)).map((Y) => ({ id: Y }))
-    ].map((Y) => ({ group: Y, rows: B.get(Y.id) ?? [] }));
-  }, [F, m, f]), ht = r.length + (x ? 1 : 0) + (N.length > 0 ? 1 : 0), qe = b && q > 0, xt = qe || K !== void 0;
+      ...te.filter((Z) => U.has(Z.id)),
+      ...[...U.keys()].filter((Z) => !te.some((R) => R.id === Z)).map((Z) => ({ id: Z }))
+    ].map((Z) => ({ group: Z, rows: U.get(Z.id) ?? [] }));
+  }, [F, m, f]), ht = r.length + (x ? 1 : 0) + (N.length > 0 ? 1 : 0), Ve = b && q > 0, xt = Ve || K !== void 0;
   return /* @__PURE__ */ c("div", { className: i("flex min-w-0 flex-col", ne), children: [
     Oe && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
       s && /* @__PURE__ */ e(
@@ -2201,23 +2224,23 @@ const Rr = (t) => {
           containerClassName: "w-full sm:w-66"
         }
       ),
-      u.map((M) => /* @__PURE__ */ e(Rr, { ...M }, M.id)),
+      u.map((_) => /* @__PURE__ */ e(Vr, { ..._ }, _.id)),
       v,
       d.length > 0 && /* @__PURE__ */ e(ke, { actions: d, className: "ml-auto" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "relative w-full overflow-x-auto rounded-lg ring-1 ring-border", children: /* @__PURE__ */ c("table", { ref: ie, className: "min-w-full border-collapse text-base text-text", children: [
+    /* @__PURE__ */ e("div", { className: "relative w-full overflow-x-auto rounded-lg ring-1 ring-border", children: /* @__PURE__ */ c("table", { ref: ce, className: "min-w-full border-collapse text-base text-text", children: [
       /* @__PURE__ */ e("thead", { className: i(fe, "h-control-lg"), children: /* @__PURE__ */ c("tr", { children: [
         x && /* @__PURE__ */ e("th", { className: i(he, "w-10"), children: /* @__PURE__ */ e(
           we,
           {
             size: "sm",
-            checked: oe,
-            indeterminate: be && !oe,
-            onChange: (M) => j(M.target.checked),
+            checked: le,
+            indeterminate: be && !le,
+            onChange: (_) => j(_.target.checked),
             "aria-label": "Select all rows"
           }
         ) }),
-        r.map((M) => /* @__PURE__ */ e(
+        r.map((_) => /* @__PURE__ */ e(
           "th",
           {
             className: i(
@@ -2225,46 +2248,46 @@ const Rr = (t) => {
               "text-xs font-semibold uppercase tracking-label text-text-muted",
               "group",
               {
-                "text-left": M.align === "left" || !M.align,
-                "text-center": M.align === "center",
-                "text-right": M.align === "right",
-                "cursor-pointer select-none": M.sortable,
-                [`sticky left-0 ${fe}`]: M.sticky === "left",
-                [`sticky right-0 ${fe}`]: M.sticky === "right"
+                "text-left": _.align === "left" || !_.align,
+                "text-center": _.align === "center",
+                "text-right": _.align === "right",
+                "cursor-pointer select-none": _.sortable,
+                [`sticky left-0 ${fe}`]: _.sticky === "left",
+                [`sticky right-0 ${fe}`]: _.sticky === "right"
               }
             ),
-            style: { width: M.width },
-            onClick: () => M.sortable && T(M.id),
+            style: { width: _.width },
+            onClick: () => _.sortable && M(_.id),
             children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1.5", children: [
-              M.headerCell ? M.headerCell() : M.header,
-              M.sortable && /* @__PURE__ */ e(
-                ee,
+              _.headerCell ? _.headerCell() : _.header,
+              _.sortable && /* @__PURE__ */ e(
+                Q,
                 {
-                  icon: _.column === M.id && _.direction === "desc" ? De : _t,
+                  icon: $.column === _.id && $.direction === "desc" ? De : $t,
                   size: "xs",
                   className: i(
                     "transition-opacity duration-fast ease-out",
-                    _.column === M.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
+                    $.column === _.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
                   )
                 }
               )
             ] })
           },
-          M.id
+          _.id
         )),
         N.length > 0 && /* @__PURE__ */ e("th", { className: i(he, "w-10"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: jr }).map((M, B) => /* @__PURE__ */ c("tr", { className: "animate-pulse border-t border-border-subtle", "aria-hidden": !0, children: [
+      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: Hr }).map((_, U) => /* @__PURE__ */ c("tr", { className: "animate-pulse border-t border-border-subtle", "aria-hidden": !0, children: [
         x && /* @__PURE__ */ e("td", { className: i(he, "h-row-lg"), children: /* @__PURE__ */ e("span", { className: "block size-4 rounded-xs bg-surface-hover" }) }),
-        r.map((J, le) => /* @__PURE__ */ e("td", { className: i(he, "h-row-lg"), style: { width: J.width }, children: /* @__PURE__ */ e(
+        r.map((te, ie) => /* @__PURE__ */ e("td", { className: i(he, "h-row-lg"), style: { width: te.width }, children: /* @__PURE__ */ e(
           "span",
           {
             className: "block h-3 rounded-xs bg-surface-hover",
-            style: { width: Je[(B + le) % Je.length] }
+            style: { width: Je[(U + ie) % Je.length] }
           }
-        ) }, J.id)),
+        ) }, te.id)),
         N.length > 0 && /* @__PURE__ */ e("td", { className: i(he, "h-row-lg") })
-      ] }, `skeleton-${B}`)) : F.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+      ] }, `skeleton-${U}`)) : F.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
         "td",
         {
           colSpan: r.length + (x ? 1 : 0) + (N.length > 0 ? 1 : 0),
@@ -2274,8 +2297,8 @@ const Rr = (t) => {
           ),
           children: A || "No data available"
         }
-      ) }) : ft.flatMap((M) => [
-        ...M.group ? [
+      ) }) : ft.flatMap((_) => [
+        ..._.group ? [
           /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
             "td",
             {
@@ -2284,50 +2307,50 @@ const Rr = (t) => {
                 // A caption over its rows, not a second column strip:
                 // same surface as the rows, no rules, count on the right.
                 "border-t border-border-subtle bg-surface px-4 pb-1.5 pt-4 text-sm font-semibold",
-                M.group.tone === "danger" ? "text-danger-fg" : M.group.tone === "muted" ? "text-text-subtle" : "text-text"
+                _.group.tone === "danger" ? "text-danger-fg" : _.group.tone === "muted" ? "text-text-subtle" : "text-text"
               ),
               children: /* @__PURE__ */ c("span", { className: "flex items-center gap-2.5", children: [
-                M.group.title ?? M.group.id,
-                /* @__PURE__ */ e("span", { className: "rounded-full bg-surface-sunk px-1.5 py-0.5 text-xs font-medium text-text-muted tabular-nums", children: M.group.count ?? M.rows.length })
+                _.group.title ?? _.group.id,
+                /* @__PURE__ */ e("span", { className: "rounded-full bg-surface-sunk px-1.5 py-0.5 text-xs font-medium text-text-muted tabular-nums", children: _.group.count ?? _.rows.length })
               ] })
             }
-          ) }, `group-${M.group.id}`)
+          ) }, `group-${_.group.id}`)
         ] : [],
-        ...M.rows.map(({ row: B, index: J }) => {
-          const le = I(B, J), Y = C.some(
-            (R, ge) => I(R, ge) === le
+        ..._.rows.map(({ row: U, index: te }) => {
+          const ie = I(U, te), Z = C.some(
+            (R, ge) => I(R, ge) === ie
           );
           return /* @__PURE__ */ c(
             "tr",
             {
               className: i(
-                Or[W],
+                Br[W],
                 // Hairline above every row, including the first: it is
                 // what separates the body from the column strip.
                 "border-t border-border-subtle",
                 D && "transition-colors duration-fast ease-out hover:bg-surface-hover",
                 p && "cursor-pointer",
-                Y && "bg-accent-soft",
-                Z?.(B, J)
+                Z && "bg-accent-soft",
+                Y?.(U, te)
               ),
               onClick: (R) => {
-                R.stopPropagation(), p?.(B, J);
+                R.stopPropagation(), p?.(U, te);
               },
               children: [
                 x && /* @__PURE__ */ e("td", { className: he, children: /* @__PURE__ */ e(
                   we,
                   {
                     size: "sm",
-                    checked: Y,
+                    checked: Z,
                     onClick: (R) => R.stopPropagation(),
                     onChange: (R) => {
-                      R.stopPropagation(), P(B, R.target.checked);
+                      R.stopPropagation(), P(U, R.target.checked);
                     },
                     "aria-label": "Select row"
                   }
                 ) }),
                 r.map((R) => {
-                  const ge = typeof R.accessor == "function" ? R.accessor(B) : B[R.accessor];
+                  const ge = typeof R.accessor == "function" ? R.accessor(U) : U[R.accessor];
                   return /* @__PURE__ */ e(
                     "td",
                     {
@@ -2338,41 +2361,41 @@ const Rr = (t) => {
                         "sticky left-0 bg-surface": R.sticky === "left",
                         "sticky right-0 bg-surface": R.sticky === "right"
                       }),
-                      children: R.cell ? R.cell(ge, B, J) : String(ge || "")
+                      children: R.cell ? R.cell(ge, U, te) : String(ge || "")
                     },
                     R.id
                   );
                 }),
                 N.length > 0 && /* @__PURE__ */ e("td", { className: he, children: /* @__PURE__ */ e(
-                  Lr,
+                  jr,
                   {
                     className: "rounded-md",
-                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(ee, { icon: At, size: "md", color: "current" }) }),
+                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(Q, { icon: At, size: "md", color: "current" }) }),
                     options: N.map((R) => ({
                       value: R.id,
                       label: R.label,
                       icon: R.icon,
-                      disabled: R.disabled?.(B)
+                      disabled: R.disabled?.(U)
                     })),
                     onSelect: (R) => {
                       const ge = N.find(
                         (bt) => bt.id === R
                       );
-                      ge && ge.onClick(B, J);
+                      ge && ge.onClick(U, te);
                     },
                     placement: "bottom-end"
                   }
                 ) })
               ]
             },
-            le
+            ie
           );
         })
       ]) })
     ] }) }),
     xt && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-3 px-1 pt-3 text-xs text-text-muted", children: [
-      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: K ?? `Showing ${L}–${te} of ${q}` }),
-      qe && /* @__PURE__ */ c("div", { className: "flex items-center gap-0.5", children: [
+      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: K ?? `Showing ${L}–${ee} of ${q}` }),
+      Ve && /* @__PURE__ */ c("div", { className: "flex items-center gap-0.5", children: [
         /* @__PURE__ */ e(
           se,
           {
@@ -2380,27 +2403,27 @@ const Rr = (t) => {
             variant: "ghost",
             iconOnly: !0,
             "aria-label": "Previous page",
-            onClick: () => E(V.page - 1),
-            disabled: V.page === 0,
-            children: /* @__PURE__ */ e(ee, { icon: ze, size: "md", color: "current" })
+            onClick: () => E(H.page - 1),
+            disabled: H.page === 0,
+            children: /* @__PURE__ */ e(Q, { icon: ze, size: "md", color: "current" })
           }
         ),
-        Fr(V.page, $).map(
-          (M, B) => M === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${B}`) : /* @__PURE__ */ e(
+        qr(H.page, T).map(
+          (_, U) => _ === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${U}`) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-current": M === V.page ? "page" : void 0,
-              onClick: () => E(M),
+              "aria-current": _ === H.page ? "page" : void 0,
+              onClick: () => E(_),
               className: i(
                 "h-control-xs min-w-6 cursor-pointer rounded-sm px-1.5 tabular-nums",
                 "transition-colors duration-fast ease-out",
                 "focus-visible:outline-none focus-visible:focus-ring",
-                M === V.page ? "bg-surface-sunk font-semibold text-text" : "text-text-muted hover:bg-surface-hover hover:text-text"
+                _ === H.page ? "bg-surface-sunk font-semibold text-text" : "text-text-muted hover:bg-surface-hover hover:text-text"
               ),
-              children: M + 1
+              children: _ + 1
             },
-            M
+            _
           )
         ),
         /* @__PURE__ */ e(
@@ -2410,21 +2433,21 @@ const Rr = (t) => {
             variant: "ghost",
             iconOnly: !0,
             "aria-label": "Next page",
-            onClick: () => E(V.page + 1),
-            disabled: V.page >= $ - 1,
-            children: /* @__PURE__ */ e(ee, { icon: Le, size: "md", color: "current" })
+            onClick: () => E(H.page + 1),
+            disabled: H.page >= T - 1,
+            children: /* @__PURE__ */ e(Q, { icon: Le, size: "md", color: "current" })
           }
         )
       ] })
     ] })
   ] });
-}, Br = et(null), us = ({
+}, Ur = et(null), xs = ({
   items: t,
   activeTab: r,
   onTabChange: n,
   className: s
 }) => {
-  const [a, l] = H(t[0]?.id || ""), o = r || a, u = (d) => {
+  const [a, l] = B(t[0]?.id || ""), o = r || a, u = (d) => {
     n ? n(d) : l(d);
   };
   return /* @__PURE__ */ e("div", { className: i("border-b border-border", s), children: /* @__PURE__ */ e("nav", { className: "-mb-px flex space-x-8", children: t.map((d) => /* @__PURE__ */ e(
@@ -2450,7 +2473,7 @@ const Rr = (t) => {
     },
     d.id
   )) }) });
-}, Hr = ({
+}, Wr = ({
   items: t,
   defaultTab: r,
   activeTab: n,
@@ -2459,7 +2482,7 @@ const Rr = (t) => {
   size: l = "md",
   className: o
 }) => {
-  const [u, d] = H(
+  const [u, d] = B(
     r || n || t[0]?.id || ""
   ), v = n || u, m = (p) => {
     s ? s(p) : d(p);
@@ -2500,7 +2523,7 @@ const Rr = (t) => {
     } : {};
     return i(C, S, I, A, K, W);
   };
-  return /* @__PURE__ */ e(Br.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
+  return /* @__PURE__ */ e(Ur.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ e("div", { className: g, role: "tablist", children: t.map((p) => /* @__PURE__ */ e(
       "button",
       {
@@ -2529,7 +2552,7 @@ const Rr = (t) => {
       }
     )
   ] }) });
-}, Vr = {
+}, Kr = {
   sm: "max-w-md",
   md: "max-w-lg",
   lg: "max-w-2xl",
@@ -2550,13 +2573,13 @@ function it({
   showCloseButton: m = !0
 }) {
   const f = re(null), b = re(null);
-  X(() => {
+  J(() => {
     if (!t || !l) return;
     const N = (p) => {
       p.key === "Escape" && r();
     };
     return document.addEventListener("keydown", N), () => document.removeEventListener("keydown", N);
-  }, [t, l, r]), X(() => (t ? (b.current = document.activeElement, f.current && f.current.focus(), document.body.style.overflow = "hidden") : (b.current && b.current.focus(), document.body.style.overflow = ""), () => {
+  }, [t, l, r]), J(() => (t ? (b.current = document.activeElement, f.current && f.current.focus(), document.body.style.overflow = "hidden") : (b.current && b.current.focus(), document.body.style.overflow = ""), () => {
     document.body.style.overflow = "";
   }), [t]);
   const g = (N) => {
@@ -2580,7 +2603,7 @@ function it({
             "relative w-full bg-surface rounded-lg shadow-modal",
             // 'animate-scale-in',
             "focus:outline-none",
-            Vr[s],
+            Kr[s],
             o
           ),
           role: "dialog",
@@ -2603,7 +2626,7 @@ function it({
                   onClick: r,
                   className: "p-1 text-text-muted hover:text-text transition-colors",
                   "aria-label": "Close modal",
-                  children: /* @__PURE__ */ e(ee, { icon: Se, size: "lg", color: "current" })
+                  children: /* @__PURE__ */ e(Q, { icon: Se, size: "lg", color: "current" })
                 }
               )
             ] }),
@@ -2615,7 +2638,7 @@ function it({
     }
   ) : null;
 }
-const qr = ({
+const Gr = ({
   value: t,
   onChange: r,
   label: n,
@@ -2629,21 +2652,21 @@ const qr = ({
   onDownloadFile: m,
   onRegisterFile: f
 }) => {
-  const [b, g] = H(!1), [N, p] = H([]), [x, C] = H(null), [S, I] = H("/"), [A, K] = H([]), [W, D] = H(!1), [U, ne] = H(""), [Z, Q] = H(
+  const [b, g] = B(!1), [N, p] = B([]), [x, C] = B(null), [S, I] = B("/"), [A, K] = B([]), [W, D] = B(!1), [V, ne] = B(""), [Y, X] = B(
     typeof t == "object" ? t : null
-  ), [de, w] = H(!1), [h, z] = H(""), k = re(null);
-  X(() => {
-    b && _();
-  }, [b]), X(() => {
+  ), [de, w] = B(!1), [h, z] = B(""), k = re(null);
+  J(() => {
+    b && $();
+  }, [b]), J(() => {
     b && x && y();
-  }, [b, x, S, U]);
-  const _ = async () => {
+  }, [b, x, S, V]);
+  const $ = async () => {
     D(!0);
     try {
-      const $ = await d?.();
-      $?.data && p($.data);
-    } catch ($) {
-      console.error("Failed to load mounts", $);
+      const T = await d?.();
+      T?.data && p(T.data);
+    } catch (T) {
+      console.error("Failed to load mounts", T);
     } finally {
       D(!1);
     }
@@ -2651,20 +2674,20 @@ const qr = ({
     if (x) {
       D(!0);
       try {
-        const $ = await u?.({ mountId: x.id, name: U, path: S });
-        $?.data && K($.data);
-      } catch ($) {
-        console.error("Failed to load files", $);
+        const T = await u?.({ mountId: x.id, name: V, path: S });
+        T?.data && K(T.data);
+      } catch (T) {
+        console.error("Failed to load files", T);
       } finally {
         D(!1);
       }
     }
-  }, V = async ($) => {
-    const L = $.target.files?.[0];
+  }, H = async (T) => {
+    const L = T.target.files?.[0];
     if (L) {
       D(!0);
       try {
-        const te = await L.arrayBuffer(), oe = new Uint8Array(te), be = {
+        const ee = await L.arrayBuffer(), le = new Uint8Array(ee), be = {
           id: `local-${Date.now()}`,
           name: L.name,
           type: "file",
@@ -2675,40 +2698,40 @@ const qr = ({
           providerKey: L.name,
           ownerId: "me"
         };
-        Q(be), r(be, oe), g(!1);
-      } catch (te) {
-        console.error("Local file selection failed", te);
+        X(be), r(be, le), g(!1);
+      } catch (ee) {
+        console.error("Local file selection failed", ee);
       } finally {
         D(!1);
       }
     }
-  }, ae = async ($) => {
-    const L = $.target.files?.[0];
+  }, ae = async (T) => {
+    const L = T.target.files?.[0];
     if (!(!L || !x)) {
       D(!0);
       try {
-        const te = await L.arrayBuffer(), oe = await v?.({
-          file: new Uint8Array(te),
+        const ee = await L.arrayBuffer(), le = await v?.({
+          file: new Uint8Array(ee),
           filename: L.name,
           mimeType: L.type || "application/octet-stream",
           mountId: x.id,
           path: S
         });
-        if (oe?.data) {
-          const be = oe.data;
-          Q(be), r(be, new Uint8Array(te)), g(!1);
+        if (le?.data) {
+          const be = le.data;
+          X(be), r(be, new Uint8Array(ee)), g(!1);
         }
-      } catch (te) {
-        console.error("Upload failed", te);
+      } catch (ee) {
+        console.error("Upload failed", ee);
       } finally {
         D(!1);
       }
     }
-  }, ie = async () => {
+  }, ce = async () => {
     if (!(!h || !x)) {
       D(!0);
       try {
-        const $ = `${S}${h}/`;
+        const T = `${S}${h}/`;
         f && (await f({
           name: h,
           type: "folder",
@@ -2716,97 +2739,97 @@ const qr = ({
           mimeType: "application/x-directory",
           size: 0,
           mountId: x.id,
-          providerKey: $,
+          providerKey: T,
           ownerId: "me"
         }), await y()), w(!1), z("");
-      } catch ($) {
-        console.error("Failed to create folder", $);
+      } catch (T) {
+        console.error("Failed to create folder", T);
       } finally {
         D(!1);
       }
     }
-  }, G = async ($) => {
+  }, G = async (T) => {
     D(!0);
     try {
-      const L = await m?.($.id);
-      Q($), r($, L), g(!1);
+      const L = await m?.(T.id);
+      X(T), r(T, L), g(!1);
     } catch (L) {
       console.error("Failed to download file", L);
     } finally {
       D(!1);
     }
-  }, O = ($) => {
-    $.stopPropagation(), Q(null), r(null);
+  }, O = (T) => {
+    T.stopPropagation(), X(null), r(null);
   }, F = pe(() => {
-    const $ = /* @__PURE__ */ new Set(), L = [];
-    return A.forEach((te) => {
-      if (te.type === "folder") {
-        te.path === S && $.add(te.name);
+    const T = /* @__PURE__ */ new Set(), L = [];
+    return A.forEach((ee) => {
+      if (ee.type === "folder") {
+        ee.path === S && T.add(ee.name);
         return;
       }
-      const oe = te.providerKey || te.name, ye = (S ? oe.substring(S.length) : oe).split("/").filter((fe) => fe !== "");
-      ye.length > 1 ? $.add(ye[0]) : ye.length === 1 && L.push(te);
+      const le = ee.providerKey || ee.name, ye = (S ? le.substring(S.length) : le).split("/").filter((fe) => fe !== "");
+      ye.length > 1 ? T.add(ye[0]) : ye.length === 1 && L.push(ee);
     }), {
-      folders: Array.from($).sort(),
-      files: L.sort((te, oe) => te.name.localeCompare(oe.name))
+      folders: Array.from(T).sort(),
+      files: L.sort((ee, le) => ee.name.localeCompare(le.name))
     };
-  }, [A, S]), T = ($) => {
-    I((L) => `${L}${$}/`);
+  }, [A, S]), M = (T) => {
+    I((L) => `${L}${T}/`);
   }, E = () => {
-    const $ = S.split("/").filter((L) => L !== "");
-    $.pop(), $.length === 0 ? I("/") : I(`${$.join("/")}/`);
+    const T = S.split("/").filter((L) => L !== "");
+    T.pop(), T.length === 0 ? I("/") : I(`${T.join("/")}/`);
   }, P = pe(() => {
-    const $ = F.folders.map((L) => ({
+    const T = F.folders.map((L) => ({
       id: `folder-${L}`,
       name: L,
       type: "folder"
     }));
     return F.files.forEach((L) => {
-      $.push({
+      T.push({
         ...L,
         type: "file"
       });
-    }), $;
+    }), T;
   }, [F]), j = [
     {
       id: "name",
       header: "Name",
       accessor: "name",
-      cell: ($, L) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      cell: (T, L) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          ee,
+          Q,
           {
             icon: L.type === "folder" ? Ke : je,
             size: "sm",
             color: L.type === "folder" ? "warning" : "secondary"
           }
         ),
-        /* @__PURE__ */ e("span", { className: i(L.type === "folder" && "font-medium"), children: $ })
+        /* @__PURE__ */ e("span", { className: i(L.type === "folder" && "font-medium"), children: T })
       ] })
     },
     {
       id: "type",
       header: "Type",
-      accessor: ($) => $.type === "folder" ? "Folder" : $.mimeType
+      accessor: (T) => T.type === "folder" ? "Folder" : T.mimeType
     },
     {
       id: "size",
       header: "Size",
-      accessor: ($) => $.type === "file" ? `${($.size / 1024).toFixed(1)} KB` : "-"
+      accessor: (T) => T.type === "file" ? `${(T.size / 1024).toFixed(1)} KB` : "-"
     },
     {
       id: "actions",
       header: "",
       accessor: "id",
       align: "right",
-      cell: ($, L) => /* @__PURE__ */ e(
+      cell: (T, L) => /* @__PURE__ */ e(
         se,
         {
           variant: "outline",
-          onClick: (te) => {
-            te.stopPropagation(), L.type === "folder" ? T(L.name) : G(L);
+          onClick: (ee) => {
+            ee.stopPropagation(), L.type === "folder" ? M(L.name) : G(L);
           },
-          loading: W && L.type === "file" && Z?.id === L.id,
+          loading: W && L.type === "file" && Y?.id === L.id,
           children: L.type === "folder" ? "Open" : "Select"
         }
       )
@@ -2816,9 +2839,9 @@ const qr = ({
       id: "name",
       header: "Mount Name",
       accessor: "name",
-      cell: ($) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2 font-medium", children: [
-        /* @__PURE__ */ e(ee, { icon: We, size: "sm", color: "primary" }),
-        /* @__PURE__ */ e("span", { children: $ })
+      cell: (T) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2 font-medium", children: [
+        /* @__PURE__ */ e(Q, { icon: We, size: "sm", color: "primary" }),
+        /* @__PURE__ */ e("span", { children: T })
       ] })
     },
     {
@@ -2826,7 +2849,7 @@ const qr = ({
       header: "",
       accessor: "id",
       align: "right",
-      cell: ($, L) => /* @__PURE__ */ e(se, { variant: "outline", onClick: () => C(L), children: "Open" })
+      cell: (T, L) => /* @__PURE__ */ e(se, { variant: "outline", onClick: () => C(L), children: "Open" })
     }
   ];
   return /* @__PURE__ */ c("div", { className: "space-y-1", children: [
@@ -2842,14 +2865,14 @@ const qr = ({
           l && "opacity-50 cursor-not-allowed bg-surface-sunk"
         ),
         children: [
-          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(ee, { icon: Z ? je : We, color: Z ? "primary" : "secondary" }) }),
-          /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: Z ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: Z.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
-          Z && !l && /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(Q, { icon: Y ? je : We, color: Y ? "primary" : "secondary" }) }),
+          /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: Y ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: Y.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
+          Y && !l && /* @__PURE__ */ e(
             "button",
             {
               onClick: O,
               className: "p-1 hover:bg-surface-hover rounded",
-              children: /* @__PURE__ */ e(ee, { icon: Se, size: "xs" })
+              children: /* @__PURE__ */ e(Q, { icon: Se, size: "xs" })
             }
           )
         ]
@@ -2866,7 +2889,7 @@ const qr = ({
         title: x ? `Explorer: ${x.name}` : "Select Storage Mount",
         size: "lg",
         children: /* @__PURE__ */ e(
-          Hr,
+          Wr,
           {
             variant: "pills",
             items: [
@@ -2882,7 +2905,7 @@ const qr = ({
                         onClick: () => {
                           S && S !== "/" ? E() : C(null);
                         },
-                        leftIcon: /* @__PURE__ */ e(ee, { icon: Dt, size: "xs" }),
+                        leftIcon: /* @__PURE__ */ e(Q, { icon: Dt, size: "xs" }),
                         children: S ? "Back" : "Back to Mounts"
                       }
                     ),
@@ -2891,8 +2914,8 @@ const qr = ({
                       Ce,
                       {
                         placeholder: "Search...",
-                        value: U,
-                        onChange: ($) => ne($.target.value),
+                        value: V,
+                        onChange: (T) => ne(T.target.value),
                         startIcon: /* @__PURE__ */ e(Ie, { size: 14 }),
                         fullWidth: !0
                       }
@@ -2903,7 +2926,7 @@ const qr = ({
                         {
                           variant: "outline",
                           onClick: () => w(!0),
-                          leftIcon: /* @__PURE__ */ e(ee, { icon: Lt, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Q, { icon: Lt, size: "xs" }),
                           children: "New Folder"
                         }
                       ),
@@ -2912,7 +2935,7 @@ const qr = ({
                         {
                           variant: "primary",
                           onClick: () => k.current?.click(),
-                          leftIcon: /* @__PURE__ */ e(ee, { icon: It, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Q, { icon: It, size: "xs" }),
                           loading: W,
                           children: "Upload"
                         }
@@ -2930,17 +2953,17 @@ const qr = ({
                     ] })
                   ] }),
                   de && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 p-3 bg-surface-sunk rounded-lg border border-border", children: [
-                    /* @__PURE__ */ e(ee, { icon: Ke, size: "sm", color: "warning" }),
+                    /* @__PURE__ */ e(Q, { icon: Ke, size: "sm", color: "warning" }),
                     /* @__PURE__ */ e(
                       Ce,
                       {
                         placeholder: "Folder name",
                         value: h,
-                        onChange: ($) => z($.target.value),
+                        onChange: (T) => z(T.target.value),
                         autoFocus: !0
                       }
                     ),
-                    /* @__PURE__ */ e(se, { onClick: ie, loading: W, children: "Create" }),
+                    /* @__PURE__ */ e(se, { onClick: ce, loading: W, children: "Create" }),
                     /* @__PURE__ */ e(se, { variant: "ghost", onClick: () => w(!1), children: "Cancel" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
@@ -2950,7 +2973,7 @@ const qr = ({
                       columns: j,
                       loading: W,
                       emptyContent: "This folder is empty",
-                      onRowClick: ($) => $.type === "folder" ? T($.name) : G($)
+                      onRowClick: (T) => T.type === "folder" ? M(T.name) : G(T)
                     }
                   ) })
                 ] }) : /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
@@ -2960,7 +2983,7 @@ const qr = ({
                     columns: q,
                     loading: W,
                     emptyContent: "No storage mounts configured",
-                    onRowClick: ($) => C($)
+                    onRowClick: (T) => C(T)
                   }
                 ) }) })
               },
@@ -2968,7 +2991,7 @@ const qr = ({
                 id: "local",
                 label: "Local File",
                 content: /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center py-12 border-2 border-dashed border-border rounded-xl bg-surface-sunk/50", children: [
-                  /* @__PURE__ */ e("div", { className: "p-4 bg-accent-soft rounded-full mb-4", children: /* @__PURE__ */ e(ee, { icon: je, size: "xl", color: "primary" }) }),
+                  /* @__PURE__ */ e("div", { className: "p-4 bg-accent-soft rounded-full mb-4", children: /* @__PURE__ */ e(Q, { icon: je, size: "xl", color: "primary" }) }),
                   /* @__PURE__ */ e(ue, { variant: "label", size: "lg", weight: "semibold", children: "Select a file from your computer" }),
                   /* @__PURE__ */ c(ue, { variant: "body", size: "sm", className: "text-text-muted mt-1 mb-6 text-center max-w-xs", children: [
                     "This file will be used directly in the form and will ",
@@ -2982,7 +3005,7 @@ const qr = ({
                       {
                         type: "file",
                         className: "hidden",
-                        onChange: V,
+                        onChange: H,
                         accept: o,
                         disabled: W
                       }
@@ -2996,7 +3019,7 @@ const qr = ({
       }
     )
   ] });
-}, Ur = {
+}, Jr = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-3 py-2 text-base",
   lg: "px-3 py-2 text-md",
@@ -3016,7 +3039,7 @@ const qr = ({
     rows: m = 4,
     ...f
   }, b) => {
-    const g = ce.useId(), N = v || `textarea-${g}`, p = !!n, x = n || r ? `${N}-description` : void 0;
+    const g = oe.useId(), N = v || `textarea-${g}`, p = !!n, x = n || r ? `${N}-description` : void 0;
     return /* @__PURE__ */ c("div", { className: i("flex flex-col", a && "w-full", o), children: [
       t && /* @__PURE__ */ e(
         "label",
@@ -3042,7 +3065,7 @@ const qr = ({
             className: i(
               lt,
               "resize-y leading-relaxed",
-              Ur[s],
+              Jr[s],
               ot(p),
               d
             ),
@@ -3069,7 +3092,7 @@ const qr = ({
   }
 );
 He.displayName = "TextArea";
-const Wr = /* @__PURE__ */ new Set([
+const Yr = /* @__PURE__ */ new Set([
   "name",
   "given-name",
   "family-name",
@@ -3104,7 +3127,7 @@ const Wr = /* @__PURE__ */ new Set([
   "one-time-code"
 ]);
 function Xe(t) {
-  return t && Wr.has(t) ? { autoComplete: t } : {
+  return t && Yr.has(t) ? { autoComplete: t } : {
     autoComplete: "off",
     // 1Password
     "data-1p-ignore": "true",
@@ -3122,7 +3145,7 @@ function Ze(t, r) {
     t
   );
 }
-function Kr(t, r, n) {
+function Xr(t, r, n) {
   const s = r.split("."), a = Array.isArray(t) ? [...t] : { ...t };
   let l = a;
   for (let o = 0; o < s.length - 1; o++) {
@@ -3131,7 +3154,7 @@ function Kr(t, r, n) {
   }
   return l[s[s.length - 1]] = n, a;
 }
-function Gr(t, r) {
+function Zr(t, r) {
   const n = r.split("."), s = Array.isArray(t) ? [...t] : { ...t };
   let a = s;
   for (let l = 0; l < n.length - 1; l++) {
@@ -3141,7 +3164,7 @@ function Gr(t, r) {
   }
   return delete a[n[n.length - 1]], s;
 }
-function Jr({
+function Qr({
   title: t,
   description: r,
   className: n,
@@ -3155,7 +3178,7 @@ function Jr({
     /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: s })
   ] });
 }
-const ms = ({
+const bs = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -3173,13 +3196,13 @@ const ms = ({
   ref: N,
   sdk: p
 }) => {
-  const [x, C] = H(r || {}), [S, I] = H({}), [A, K] = H({});
-  X(() => {
+  const [x, C] = B(r || {}), [S, I] = B({}), [A, K] = B({});
+  J(() => {
     r && C({ ...r });
   }, [r]);
   const W = xe(
     (w, h, z) => {
-      const k = t.flatMap((_) => _.items).find((_) => _.name === w);
+      const k = t.flatMap(($) => $.items).find(($) => $.name === w);
       if (!k) return null;
       if (k.required && (h == null || h === ""))
         return `${k.label} is required`;
@@ -3189,22 +3212,22 @@ const ms = ({
         if (h && !Array.isArray(h))
           return `${k.label} must be an array.`;
         if (Array.isArray(h) && k.arrayFields) {
-          const _ = [];
+          const $ = [];
           let y = !1;
-          if (h.forEach((V, ae) => {
-            const ie = {};
+          if (h.forEach((H, ae) => {
+            const ce = {};
             for (const G of k.arrayFields) {
-              const O = V?.[G.name];
+              const O = H?.[G.name];
               if (G.required && (O == null || O === ""))
-                ie[G.name] = `${G.label} is required`, y = !0;
+                ce[G.name] = `${G.label} is required`, y = !0;
               else if (G.validator) {
-                const F = G.validator(O, V);
-                F && (ie[G.name] = F, y = !0);
+                const F = G.validator(O, H);
+                F && (ce[G.name] = F, y = !0);
               }
             }
-            _[ae] = ie;
+            $[ae] = ce;
           }), y)
-            return JSON.stringify(_);
+            return JSON.stringify($);
         }
       }
       return k.validator ? k.validator(h, z) : null;
@@ -3212,38 +3235,38 @@ const ms = ({
     [t]
   ), D = xe(
     (w, h) => {
-      let z = Kr(
+      let z = Xr(
         x,
         w,
         h
       );
-      t.flatMap((y) => y.items).find((y) => y.name === w)?.removeIfEmpty && (h == null || h === "") && (z = Gr(z, w)), C(z), K((y) => ({ ...y, [w]: !0 }));
-      const _ = W(w, h, z);
+      t.flatMap((y) => y.items).find((y) => y.name === w)?.removeIfEmpty && (h == null || h === "") && (z = Zr(z, w)), C(z), K((y) => ({ ...y, [w]: !0 }));
+      const $ = W(w, h, z);
       I((y) => ({
         ...y,
-        [w]: _ || ""
+        [w]: $ || ""
       })), a?.(z, w);
     },
     [x, t, W, a]
-  ), U = xe(
+  ), V = xe(
     async (w) => {
       if (w.preventDefault(), b) return;
-      const h = {}, z = t.flatMap((_) => _.items);
-      for (const _ of z) {
-        if (_.hidden || _.conditional && !_.conditional(x))
+      const h = {}, z = t.flatMap(($) => $.items);
+      for (const $ of z) {
+        if ($.hidden || $.conditional && !$.conditional(x))
           continue;
         const y = W(
-          _.name,
-          Ze(x, _.name),
+          $.name,
+          Ze(x, $.name),
           x
         );
-        y && (h[_.name] = y);
+        y && (h[$.name] = y);
       }
       if (o) {
-        const _ = o(x);
-        _ && Object.assign(h, _);
+        const $ = o(x);
+        $ && Object.assign(h, $);
       }
-      if (I(h), Object.keys(h).some((_) => h[_]))
+      if (I(h), Object.keys(h).some(($) => h[$]))
         return;
       const k = l ? l(x) : x;
       await n?.(x, k);
@@ -3251,7 +3274,7 @@ const ms = ({
     [x, t, W, o, l, n, b]
   ), ne = xe(
     (w) => {
-      const h = Ze(x, w.name), z = A[w.name] ? S[w.name] : void 0, k = w.disabled || b, _ = {
+      const h = Ze(x, w.name), z = A[w.name] ? S[w.name] : void 0, k = w.disabled || b, $ = {
         value: h || "",
         disabled: k,
         required: w.required,
@@ -3269,7 +3292,7 @@ const ms = ({
           return /* @__PURE__ */ e(
             Ce,
             {
-              ..._,
+              ...$,
               onChange: (y) => D(w.name, y.target.value),
               type: w.textType || w.type,
               ...Xe(w.autocomplete),
@@ -3281,7 +3304,7 @@ const ms = ({
           return /* @__PURE__ */ e(
             He,
             {
-              ..._,
+              ...$,
               onChange: (y) => D(w.name, y.target.value),
               rows: w.rows ?? 4,
               error: z,
@@ -3292,7 +3315,7 @@ const ms = ({
           return /* @__PURE__ */ e(
             Ae,
             {
-              ..._,
+              ...$,
               onChange: (y) => D(w.name, y),
               options: (w.options || []).map((y) => ({
                 ...y,
@@ -3310,7 +3333,7 @@ const ms = ({
         // open to learn what the choices even are.
         case "segmented":
           return /* @__PURE__ */ e(
-            ir,
+            fr,
             {
               "aria-label": w.label,
               value: h == null ? "" : String(h),
@@ -3327,7 +3350,7 @@ const ms = ({
           return /* @__PURE__ */ e(
             we,
             {
-              ..._,
+              ...$,
               label: w.label,
               checked: !!h,
               onChange: (y) => D(w.name, y.target.checked),
@@ -3361,7 +3384,7 @@ const ms = ({
           return /* @__PURE__ */ e(
             Be,
             {
-              ..._,
+              ...$,
               value: h ? new Date(h) : null,
               onChange: (y) => D(w.name, y),
               size: f
@@ -3369,9 +3392,9 @@ const ms = ({
           );
         case "file":
           return /* @__PURE__ */ e(
-            qr,
+            Gr,
             {
-              ..._,
+              ...$,
               value: h,
               onChange: (y) => D(w.name, y),
               error: z,
@@ -3402,7 +3425,7 @@ const ms = ({
           );
         case "folder":
           return /* @__PURE__ */ e(
-            Mr,
+            Ar,
             {
               value: h || {},
               onChange: (y) => D(w.name, y),
@@ -3424,48 +3447,48 @@ const ms = ({
           });
         case "array": {
           const y = h || [];
-          let V = [];
+          let H = [];
           if (typeof z == "string" && z.startsWith("["))
             try {
-              V = JSON.parse(z);
+              H = JSON.parse(z);
             } catch {
             }
           const ae = () => {
             D(w.name, [...y, {}]);
-          }, ie = (O) => {
+          }, ce = (O) => {
             D(
               w.name,
-              y.filter((F, T) => T !== O)
+              y.filter((F, M) => M !== O)
             );
-          }, G = (O, F, T) => {
+          }, G = (O, F, M) => {
             const E = [...y];
             E[O] = {
               ...E[O],
-              [F]: T
+              [F]: M
             }, D(w.name, E);
           };
           return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
             y.map((O, F) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
-              /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: w.arrayFields?.map((T) => {
-                const E = V?.[F]?.[T.name];
+              /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: w.arrayFields?.map((M) => {
+                const E = H?.[F]?.[M.name];
                 return /* @__PURE__ */ c(
                   "div",
                   {
                     className: "flex flex-col gap-1",
                     children: [
                       F === 0 && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
-                        T.label,
-                        T.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
+                        M.label,
+                        M.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                       ] }),
                       (() => {
                         const P = {
-                          value: O?.[T.name] || "",
+                          value: O?.[M.name] || "",
                           disabled: k,
-                          required: T.required,
-                          placeholder: T.placeholder,
-                          ...T.fieldProps
+                          required: M.required,
+                          placeholder: M.placeholder,
+                          ...M.fieldProps
                         };
-                        switch (T.type) {
+                        switch (M.type) {
                           case "text":
                           case "email":
                           case "password":
@@ -3478,11 +3501,11 @@ const ms = ({
                                 ...P,
                                 onChange: (j) => G(
                                   F,
-                                  T.name,
+                                  M.name,
                                   j.target.value
                                 ),
-                                type: T.textType || T.type,
-                                ...Xe(T.autocomplete),
+                                type: M.textType || M.type,
+                                ...Xe(M.autocomplete),
                                 error: E,
                                 size: f
                               }
@@ -3494,10 +3517,10 @@ const ms = ({
                                 ...P,
                                 onChange: (j) => G(
                                   F,
-                                  T.name,
+                                  M.name,
                                   j.target.value
                                 ),
-                                rows: T.rows ?? 4,
+                                rows: M.rows ?? 4,
                                 error: E,
                                 size: f
                               }
@@ -3509,18 +3532,18 @@ const ms = ({
                                 ...P,
                                 onChange: (j) => G(
                                   F,
-                                  T.name,
+                                  M.name,
                                   j
                                 ),
-                                options: (T.options || []).map(
+                                options: (M.options || []).map(
                                   (j) => ({
                                     ...j,
                                     value: String(j.value)
                                   })
                                 ),
-                                searchable: T.searchable,
-                                multiple: T.multiple,
-                                allowCreate: T.allowCreate,
+                                searchable: M.searchable,
+                                multiple: M.multiple,
+                                allowCreate: M.allowCreate,
                                 error: E,
                                 size: f
                               }
@@ -3530,17 +3553,17 @@ const ms = ({
                               we,
                               {
                                 ...P,
-                                checked: !!O?.[T.name],
+                                checked: !!O?.[M.name],
                                 onChange: (j) => G(
                                   F,
-                                  T.name,
+                                  M.name,
                                   j.target.checked
                                 ),
                                 size: f
                               }
                             );
                           case "radio":
-                            return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: T.options?.map((j) => /* @__PURE__ */ c(
+                            return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: M.options?.map((j) => /* @__PURE__ */ c(
                               "label",
                               {
                                 className: "flex cursor-pointer items-center gap-2 text-base text-text",
@@ -3549,12 +3572,12 @@ const ms = ({
                                     "input",
                                     {
                                       type: "radio",
-                                      name: `${w.name}.${F}.${T.name}`,
+                                      name: `${w.name}.${F}.${M.name}`,
                                       value: j.value,
-                                      checked: O?.[T.name] === j.value,
+                                      checked: O?.[M.name] === j.value,
                                       onChange: () => G(
                                         F,
-                                        T.name,
+                                        M.name,
                                         j.value
                                       ),
                                       disabled: k || j.disabled,
@@ -3567,7 +3590,7 @@ const ms = ({
                               j.value
                             )) });
                           case "date": {
-                            const j = O?.[T.name];
+                            const j = O?.[M.name];
                             return /* @__PURE__ */ e(
                               Be,
                               {
@@ -3575,7 +3598,7 @@ const ms = ({
                                 value: j ? new Date(j) : null,
                                 onChange: (q) => G(
                                   F,
-                                  T.name,
+                                  M.name,
                                   q
                                 ),
                                 size: f
@@ -3583,11 +3606,11 @@ const ms = ({
                             );
                           }
                           case "custom":
-                            return T.customComponent?.({
-                              value: O?.[T.name],
+                            return M.customComponent?.({
+                              value: O?.[M.name],
                               onChange: (j) => G(
                                 F,
-                                T.name,
+                                M.name,
                                 j
                               ),
                               error: E,
@@ -3598,14 +3621,14 @@ const ms = ({
                             return /* @__PURE__ */ c("p", { children: [
                               "Unsupported field type in array:",
                               " ",
-                              T.type
+                              M.type
                             ] });
                         }
                       })(),
                       E && /* @__PURE__ */ e("p", { className: "text-xs text-danger-fg", children: E })
                     ]
                   },
-                  T.name
+                  M.name
                 );
               }) }),
               /* @__PURE__ */ e(
@@ -3616,7 +3639,7 @@ const ms = ({
                   variant: "ghost",
                   size: "md",
                   "aria-label": `${w.label} verwijderen`,
-                  onClick: () => ie(F),
+                  onClick: () => ce(F),
                   disabled: k,
                   className: i("shrink-0", F === 0 && "mt-5"),
                   children: /* @__PURE__ */ e(Pt, { className: "size-icon-md" })
@@ -3644,7 +3667,7 @@ const ms = ({
       }
     },
     [x, A, S, b, f, D]
-  ), Z = xe(
+  ), Y = xe(
     (w) => {
       if (w.conditional && !w.conditional(x))
         return null;
@@ -3665,13 +3688,13 @@ const ms = ({
         // form *is* the page now, so a panel around each section would be a
         // second surface on top of the one it already sits on.
         /* @__PURE__ */ e(
-          Jr,
+          Qr,
           {
             title: w.title,
             description: w.description,
             className: "not-last:border-b not-last:border-border-subtle",
             children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: z, children: h.map((k) => {
-              const _ = A[k.name] ? S[k.name] : void 0;
+              const $ = A[k.name] ? S[k.name] : void 0;
               return /* @__PURE__ */ c(
                 "div",
                 {
@@ -3689,7 +3712,7 @@ const ms = ({
                       k.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                     ] }),
                     ne(k),
-                    k.help && !_ && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-text-subtle", children: k.help })
+                    k.help && !$ && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-text-subtle", children: k.help })
                   ]
                 },
                 k.name
@@ -3701,7 +3724,7 @@ const ms = ({
       );
     },
     [x, A, S, ne]
-  ), Q = i(
+  ), X = i(
     {
       "max-w-settings": f === "sm",
       "max-w-form": f === "md",
@@ -3710,9 +3733,9 @@ const ms = ({
     },
     g
   ), de = f === "full" ? "md" : f;
-  return /* @__PURE__ */ c("form", { ref: N, onSubmit: U, className: Q, children: [
+  return /* @__PURE__ */ c("form", { ref: N, onSubmit: V, className: X, children: [
     !v && /* @__PURE__ */ e("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": !0 }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(Z) }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(Y) }),
     v && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: /* @__PURE__ */ c(Ee, { children: [
       /* @__PURE__ */ e("div", { className: "ml-auto" }),
       s && /* @__PURE__ */ e(
@@ -3742,7 +3765,7 @@ const ms = ({
     ] }) })
   ] });
 };
-function fs({
+function gs({
   open: t,
   title: r,
   description: n,
@@ -3776,7 +3799,7 @@ function fs({
     }
   );
 }
-const Yr = {
+const en = {
   default: "bg-surface-hover text-text",
   primary: "bg-accent-soft text-accent",
   secondary: "bg-surface-hover text-text-muted",
@@ -3786,11 +3809,11 @@ const Yr = {
   info: "bg-info-soft text-info-fg",
   // Internal-note amber. Never for customer-visible content.
   note: "bg-note-soft text-note"
-}, Xr = {
+}, tn = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
-}, Zr = {
+}, rn = {
   default: "bg-surface-hover",
   primary: "bg-accent",
   secondary: "bg-surface-hover",
@@ -3800,7 +3823,7 @@ const Yr = {
   info: "bg-info",
   note: "bg-note"
 };
-function Qr({
+function nn({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3818,9 +3841,9 @@ function Qr({
         // Base styles
         "inline-flex items-center font-medium rounded-full",
         // Variant styles
-        Yr[t],
+        en[t],
         // Size styles
-        Xr[r],
+        tn[r],
         o
       ),
       ...d,
@@ -3830,7 +3853,7 @@ function Qr({
           {
             className: i(
               "w-2 h-2 rounded-full mr-1.5",
-              Zr[t]
+              rn[t]
             )
           }
         ),
@@ -3842,7 +3865,7 @@ function Qr({
             onClick: l,
             className: "ml-1.5 flex-shrink-0 hover:opacity-70 transition-opacity",
             "aria-label": "Remove badge",
-            children: /* @__PURE__ */ e(ee, { icon: Se, size: "xs", color: "current" })
+            children: /* @__PURE__ */ e(Q, { icon: Se, size: "xs", color: "current" })
           }
         )
       ]
@@ -3850,7 +3873,7 @@ function Qr({
   );
 }
 const me = ({ className: t }) => /* @__PURE__ */ e("span", { className: i("block rounded-xs bg-surface-hover", t) });
-function en({ shape: t, rows: r, columns: n }) {
+function sn({ shape: t, rows: r, columns: n }) {
   switch (t) {
     case "table":
       return /* @__PURE__ */ c("div", { className: "overflow-hidden rounded-lg ring-1 ring-border", children: [
@@ -3914,7 +3937,7 @@ function en({ shape: t, rows: r, columns: n }) {
       ] });
   }
 }
-const tn = {
+const an = {
   text: 2,
   table: 8,
   list: 6,
@@ -3922,7 +3945,7 @@ const tn = {
   menu: 4,
   cards: 2
 };
-function Ve({
+function qe({
   variant: t = "page",
   shape: r,
   rows: n,
@@ -3933,14 +3956,14 @@ function Ve({
   tableColumns: u,
   tableRows: d
 }) {
-  const v = r ?? (o ? "table" : "text"), m = n ?? d ?? tn[v], f = s ?? u ?? (v === "cards" ? 3 : 6), b = /* @__PURE__ */ e("div", { className: i("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(en, { shape: v, rows: m, columns: f }) });
+  const v = r ?? (o ? "table" : "text"), m = n ?? d ?? an[v], f = s ?? u ?? (v === "cards" ? 3 : 6), b = /* @__PURE__ */ e("div", { className: i("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(sn, { shape: v, rows: m, columns: f }) });
   return t === "inline" ? b : /* @__PURE__ */ e("main", { className: "flex-1 bg-surface p-6", children: b });
 }
-const rn = {
+const ln = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function hs({
+function ps({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3960,7 +3983,7 @@ function hs({
       ),
       ...u,
       children: [
-        t != null && /* @__PURE__ */ e("span", { className: i("flex size-disc items-center justify-center rounded-full text-2xl", rn[r]), children: t }),
+        t != null && /* @__PURE__ */ e("span", { className: i("flex size-disc items-center justify-center rounded-full text-2xl", ln[r]), children: t }),
         /* @__PURE__ */ e("div", { className: "text-lg font-semibold text-text", children: n }),
         s && /* @__PURE__ */ e("div", { className: "max-w-sm text-sm leading-relaxed text-text-muted", children: s }),
         a && /* @__PURE__ */ e("div", { className: "flex gap-2 pt-1.5", children: a })
@@ -3968,7 +3991,7 @@ function hs({
     }
   );
 }
-function xs({ children: t, className: r, ...n }) {
+function vs({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3981,14 +4004,14 @@ function xs({ children: t, className: r, ...n }) {
     }
   );
 }
-const nn = {
+const on = {
   sm: "h-1",
   md: "h-1.5"
-}, sn = {
+}, cn = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function bs({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
+function ys({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
   const l = Math.max(0, Math.min(100, t));
   return /* @__PURE__ */ e(
     "div",
@@ -3997,37 +4020,37 @@ function bs({ value: t, variant: r = "accent", size: n = "md", className: s, ...
       "aria-valuenow": Math.round(l),
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      className: i("w-full overflow-hidden rounded-full bg-surface-hover", nn[n], s),
+      className: i("w-full overflow-hidden rounded-full bg-surface-hover", on[n], s),
       ...a,
       children: /* @__PURE__ */ e(
         "div",
         {
-          className: i("h-full rounded-full transition-[width] duration-300 ease-out", sn[r]),
+          className: i("h-full rounded-full transition-[width] duration-300 ease-out", cn[r]),
           style: { width: `${l}%` }
         }
       )
     }
   );
 }
-const an = {
+const dn = {
   xs: "h-3 w-3",
   sm: "h-4 w-4",
   md: "h-6 w-6",
   lg: "h-8 w-8",
   xl: "h-12 w-12"
-}, ln = {
+}, un = {
   primary: "text-accent",
   secondary: "text-text-muted",
   white: "text-white",
   current: "text-current"
-}, on = {
+}, mn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-lg"
 };
-function gs({
+function Ns({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -4050,8 +4073,8 @@ function gs({
           {
             className: i(
               "animate-spin",
-              an[t],
-              ln[r]
+              dn[t],
+              un[r]
             ),
             fill: "none",
             viewBox: "0 0 24 24",
@@ -4085,7 +4108,7 @@ function gs({
           {
             className: i(
               "text-text-muted",
-              on[t]
+              mn[t]
             ),
             children: n
           }
@@ -4095,7 +4118,7 @@ function gs({
     }
   );
 }
-const cn = {
+const fn = {
   neutral: "bg-text-disabled",
   accent: "bg-accent",
   success: "bg-success",
@@ -4109,7 +4132,7 @@ const cn = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function ps({
+function ws({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -4125,14 +4148,14 @@ function ps({
       className: i(
         "inline-block size-dot shrink-0",
         r === "round" ? "rounded-full" : "rounded-sm",
-        cn[t],
+        fn[t],
         n && "animate-pulse",
         a
       )
     }
   );
 }
-function vs({
+function ks({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -4168,7 +4191,7 @@ function vs({
     d < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, u)) });
 }
-const dn = /<[a-z][\s\S]*>/i, un = [
+const hn = /<[a-z][\s\S]*>/i, xn = [
   "[&_p]:my-1.5 [&_p:first-child]:mt-0 [&_p:last-child]:mb-0 [&_p]:leading-relaxed",
   "[&_a]:text-accent [&_a]:underline [&_a]:underline-offset-2",
   "[&_strong]:font-semibold [&_em]:italic",
@@ -4183,7 +4206,7 @@ const dn = /<[a-z][\s\S]*>/i, un = [
   "[&_table]:my-1.5 [&_table]:w-full [&_table]:border-collapse [&_table]:text-xs",
   "[&_th]:border [&_th]:border-border [&_th]:px-2 [&_th]:py-1 [&_th]:text-left [&_th]:font-semibold",
   "[&_td]:border [&_td]:border-border [&_td]:px-2 [&_td]:py-1"
-].join(" "), mn = {
+].join(" "), bn = {
   p: (t) => /* @__PURE__ */ e("p", { className: "my-1.5 leading-relaxed first:mt-0 last:mb-0", ...t }),
   a: (t) => /* @__PURE__ */ e("a", { className: "text-accent underline underline-offset-2 hover:opacity-80", target: "_blank", rel: "noopener noreferrer", ...t }),
   strong: (t) => /* @__PURE__ */ e("strong", { className: "font-semibold", ...t }),
@@ -4208,31 +4231,31 @@ const dn = /<[a-z][\s\S]*>/i, un = [
 };
 function Te({ text: t, className: r, as: n }) {
   const s = t ?? "";
-  return (n ? n === "html" : dn.test(s)) ? /* @__PURE__ */ e(
+  return (n ? n === "html" : hn.test(s)) ? /* @__PURE__ */ e(
     "div",
     {
-      className: i("break-words", un, r),
+      className: i("break-words", xn, r),
       dangerouslySetInnerHTML: { __html: Ht.sanitize(s, { ADD_ATTR: ["target", "rel"] }) }
     }
-  ) : /* @__PURE__ */ e("div", { className: i("break-words", r), children: /* @__PURE__ */ e(Vt, { remarkPlugins: [qt], components: mn, children: s }) });
+  ) : /* @__PURE__ */ e("div", { className: i("break-words", r), children: /* @__PURE__ */ e(qt, { remarkPlugins: [Vt], components: bn, children: s }) });
 }
-const fn = {
+const gn = {
   info: "text-info-fg",
   success: "text-success-fg",
   warning: "text-warning-fg",
   destructive: "text-danger-fg"
-}, hn = {
+}, pn = {
   info: "bg-info-soft border-info-border",
   success: "bg-success-soft border-success-border",
   warning: "bg-warning-soft border-warning-border",
   destructive: "bg-danger-soft border-danger-border"
-}, xn = {
+}, vn = {
   1: "grid-cols-1",
   2: "grid-cols-2",
   3: "grid-cols-3",
   4: "grid-cols-4"
 };
-function bn({ block: t }) {
+function yn({ block: t }) {
   switch (t.type) {
     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 });
@@ -4292,13 +4315,13 @@ function bn({ block: t }) {
         t.caption && /* @__PURE__ */ e("figcaption", { className: "pt-2 text-xs italic text-text-subtle", children: t.caption })
       ] });
     case "kpi":
-      return /* @__PURE__ */ e("div", { className: i("grid gap-3", xn[t.items.length] ?? "grid-cols-4"), children: t.items.map((r, n) => /* @__PURE__ */ c("div", { className: "rounded-lg bg-surface-sunk px-4 py-3.5", children: [
+      return /* @__PURE__ */ e("div", { className: i("grid gap-3", vn[t.items.length] ?? "grid-cols-4"), children: t.items.map((r, n) => /* @__PURE__ */ c("div", { className: "rounded-lg bg-surface-sunk px-4 py-3.5", children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: i(
               "text-2xl font-semibold tracking-tight",
-              r.tone ? fn[r.tone] : "text-text"
+              r.tone ? gn[r.tone] : "text-text"
             ),
             children: r.value
           }
@@ -4306,7 +4329,7 @@ function bn({ block: t }) {
         /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r.label })
       ] }, n)) });
     case "callout":
-      return /* @__PURE__ */ c("div", { className: i("rounded-lg border px-4 py-3", hn[t.tone]), children: [
+      return /* @__PURE__ */ c("div", { className: i("rounded-lg border px-4 py-3", pn[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" })
       ] });
@@ -4314,7 +4337,7 @@ function bn({ block: t }) {
       return null;
   }
 }
-function ys({ blocks: t, runtime: r = "inert", className: n }) {
+function Cs({ blocks: t, runtime: r = "inert", className: n }) {
   return r !== "inert" ? /* @__PURE__ */ c("div", { className: i("rounded-lg border border-warning-border bg-warning-soft px-4 py-3", n), children: [
     /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-text", children: "Deze versie kan hier niet getoond worden" }),
     /* @__PURE__ */ c("div", { className: "pt-0.5 text-xs text-text-muted", children: [
@@ -4322,9 +4345,9 @@ function ys({ blocks: t, runtime: r = "inert", className: n }) {
       /* @__PURE__ */ e("code", { className: "font-mono", children: r }),
       ", en deze weergave tekent alleen inerte inhoud."
     ] })
-  ] }) : /* @__PURE__ */ e("article", { className: i("flex flex-col gap-4", n), children: t.map((s, a) => /* @__PURE__ */ e(bn, { block: s }, s.block_id ?? a)) });
+  ] }) : /* @__PURE__ */ e("article", { className: i("flex flex-col gap-4", n), children: t.map((s, a) => /* @__PURE__ */ e(yn, { block: s }, s.block_id ?? a)) });
 }
-function Ns({ title: t, icon: r = /* @__PURE__ */ e(jt, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
+function Ss({ title: t, icon: r = /* @__PURE__ */ e(jt, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -4345,32 +4368,32 @@ function Ns({ title: t, icon: r = /* @__PURE__ */ e(jt, { className: "size-icon-
     }
   );
 }
-const gn = {
+const Nn = {
   default: "bg-avatar text-avatar-fg",
   in: "bg-avatar-in text-avatar-in-fg",
   out: "bg-accent text-accent-fg",
   note: "bg-avatar-note text-avatar-note-fg"
-}, pn = {
+}, wn = {
   xs: "w-5 h-5 text-xs",
   sm: "w-6 h-6 text-xs",
   md: "w-7 h-7 text-base",
   lg: "w-9 h-9 text-sm"
 };
-function vn(t) {
+function kn(t) {
   if (!t) return "?";
   const r = t.trim().split(/[^\p{L}\p{N}]+/u).filter(Boolean);
   return r.length >= 2 ? (r[0][0] + r[1][0]).toUpperCase() : r.length === 1 ? r[0].slice(0, 2).toUpperCase() : "?";
 }
-const yn = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a, title: l }) => {
-  const [o, u] = ce.useState(!1), d = i(
+const Cn = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a, title: l }) => {
+  const [o, u] = oe.useState(!1), d = i(
     // Its own token and not `surface-hover`: at 0.972 the plate was within a few
     // percent of every surface it sits on, so the monogram floated instead of
     // sitting in a disc.
     "inline-flex items-center justify-center rounded-full overflow-hidden shrink-0 font-semibold select-none",
     // `identity` is seeded on the name, so the same person keeps their colour
     // wherever they appear; the fixed tones stay as they were.
-    n === "identity" ? rt(t) : gn[n],
-    pn[s],
+    n === "identity" ? rt(t) : Nn[n],
+    wn[s],
     a
   );
   return r && !o ? /* @__PURE__ */ e(
@@ -4382,13 +4405,13 @@ const yn = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
       className: i(d, "object-cover"),
       onError: () => u(!0)
     }
-  ) : /* @__PURE__ */ e("span", { className: d, title: l ?? t, "aria-label": t, children: vn(t) });
-}, Qe = "ring-surface", Nn = "ring-surface-accent", ws = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
+  ) : /* @__PURE__ */ e("span", { className: d, title: l ?? t, "aria-label": t, children: kn(t) });
+}, Qe = "ring-surface", Sn = "ring-surface-accent", Es = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
   if (t.length === 0) return null;
   const a = t.slice(0, r), l = t.length - a.length;
   return /* @__PURE__ */ c("span", { className: i("inline-flex items-center", s), children: [
     a.map((o, u) => /* @__PURE__ */ e(
-      yn,
+      Cn,
       {
         name: o.name,
         src: o.src,
@@ -4396,7 +4419,7 @@ const yn = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
         title: o.name ? o.seen === !1 ? `${o.name} — nog niet gelezen` : o.name : void 0,
         className: i(
           u > 0 && "-ml-2",
-          o.owner ? Nn : Qe,
+          o.owner ? Sn : Qe,
           o.seen === !1 && "opacity-40"
         )
       },
@@ -4419,37 +4442,37 @@ const yn = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
       }
     )
   ] });
-}, $e = {
+}, _e = {
   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" },
   tel: { fg: "text-channel-phone-fg", bg: "bg-channel-phone-soft" },
   note: { fg: "text-channel-note-fg", bg: "bg-channel-note-soft" }
-}, wn = {
+}, En = {
   sm: "size-avatar-xs rounded-sm text-xs",
   md: "size-avatar-sm rounded-md text-xs",
   lg: "size-avatar-lg rounded-md text-base"
 };
-function ks({ channel: t, children: r, size: n = "md", className: s, title: a }) {
-  const l = t in $e ? $e[t] : void 0;
+function zs({ channel: t, children: r, size: n = "md", className: s, title: a }) {
+  const l = t in _e ? _e[t] : void 0;
   return /* @__PURE__ */ e(
     "span",
     {
       title: a,
       className: i(
         "inline-flex shrink-0 items-center justify-center font-bold",
-        wn[n],
+        En[n],
         // An undeclared channel used to collapse onto the neutral "note" tone,
         // which is also what a real internal note looks like. Deriving from the
         // key keeps it distinguishable and keeps `note` meaning `note`.
-        l ? i(l.fg, l.bg) : t ? rt(t) : i($e.note.fg, $e.note.bg),
+        l ? i(l.fg, l.bg) : t ? rt(t) : i(_e.note.fg, _e.note.bg),
         s
       ),
       children: r
     }
   );
 }
-const Cs = ({
+const Ms = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -4465,14 +4488,14 @@ const Cs = ({
   onError: b,
   ...g
 }) => {
-  const [N, p] = H(!0), [x, C] = H(!1), [S, I] = H(t), A = (Q) => {
-    p(!1), C(!1), f?.(Q);
-  }, K = (Q) => {
+  const [N, p] = B(!0), [x, C] = B(!1), [S, I] = B(t), A = (X) => {
+    p(!1), C(!1), f?.(X);
+  }, K = (X) => {
     if (p(!1), C(!0), u && S !== u) {
       I(u), C(!1), p(!0);
       return;
     }
-    b?.(Q);
+    b?.(X);
   }, W = i(
     "relative overflow-hidden bg-surface-hover",
     // Size variants
@@ -4507,11 +4530,11 @@ const Cs = ({
       "opacity-0": N || x,
       "opacity-100": !N && !x
     }
-  ), U = i(
+  ), V = i(
     "absolute inset-0 flex items-center justify-center",
     "text-text-muted"
-  ), ne = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), Z = /* @__PURE__ */ c("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(ee, { icon: Ft, size: "lg", className: "mx-auto mb-1" }),
+  ), ne = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), Y = /* @__PURE__ */ c("div", { className: "text-center", children: [
+    /* @__PURE__ */ e(Q, { icon: Ft, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
   return /* @__PURE__ */ c("div", { className: W, children: [
@@ -4526,11 +4549,11 @@ const Cs = ({
         onError: K
       }
     ),
-    N && l && /* @__PURE__ */ e("div", { className: U, children: d || ne }),
-    x && o && /* @__PURE__ */ e("div", { className: U, children: v || Z })
+    N && l && /* @__PURE__ */ e("div", { className: V, children: d || ne }),
+    x && o && /* @__PURE__ */ e("div", { className: V, children: v || Y })
   ] });
 };
-function Ss({
+function Ts({
   icon: t,
   onClick: r,
   children: n
@@ -4553,7 +4576,7 @@ function Ss({
     }
   );
 }
-function Es({
+function _s({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -4578,30 +4601,30 @@ function Es({
   header: K,
   stickyHeader: W = !1,
   bordered: D = !1,
-  emptyContent: U,
+  emptyContent: V,
   loading: ne = !1,
-  loadingRows: Z = 4,
-  className: Q,
+  loadingRows: Y = 4,
+  className: X,
   "aria-label": de
 }) {
-  const [w, h] = ce.useState(
+  const [w, h] = oe.useState(
     () => Object.fromEntries(
       (b ?? []).filter((E) => E.defaultCollapsed).map((E) => [E.id, !0])
     )
-  ), z = ce.useRef(null), k = (E) => {
+  ), z = oe.useRef(null), k = (E) => {
     if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(E.key)) return;
     const j = Array.from(
       z.current?.querySelectorAll("li[data-list-row]") ?? []
     );
     if (j.length === 0) return;
     E.preventDefault();
-    const q = j.indexOf(document.activeElement), $ = E.key === "Home" ? 0 : E.key === "End" ? j.length - 1 : E.key === "ArrowDown" ? (q + 1) % j.length : (q - 1 + j.length) % j.length;
-    j[$]?.focus();
-  }, _ = (E, P) => r ? r(E, P) : P, y = (E) => S.includes(E), V = (E, P) => {
+    const q = j.indexOf(document.activeElement), T = E.key === "Home" ? 0 : E.key === "End" ? j.length - 1 : E.key === "ArrowDown" ? (q + 1) % j.length : (q - 1 + j.length) % j.length;
+    j[T]?.focus();
+  }, $ = (E, P) => r ? r(E, P) : P, y = (E) => S.includes(E), H = (E, P) => {
     I && I(
       P ? [...S, E] : S.filter((j) => j !== E)
     );
-  }, ae = (E) => I?.(E ? [...t] : []), ie = i(
+  }, ae = (E) => I?.(E ? [...t] : []), ce = i(
     "flex flex-col",
     // With a selection open the list has a dock at its foot. Sticky can only
     // park at the bottom of its own box, so on a list shorter than the window
@@ -4611,10 +4634,10 @@ function Es({
     // keeps its natural height.
     C && S.length > 0 && "min-h-full",
     D && "overflow-hidden rounded-lg border border-border-subtle",
-    Q
+    X
   );
   if (ne)
-    return /* @__PURE__ */ e("div", { className: ie, children: Array.from({ length: Z }).map((E, P) => /* @__PURE__ */ c(
+    return /* @__PURE__ */ e("div", { className: ce, children: Array.from({ length: Y }).map((E, P) => /* @__PURE__ */ c(
       "div",
       {
         className: i(
@@ -4630,10 +4653,10 @@ function Es({
       },
       `skeleton-${P}`
     )) });
-  if (t.length === 0 && U)
-    return /* @__PURE__ */ e("div", { className: ie, children: U });
+  if (t.length === 0 && V)
+    return /* @__PURE__ */ e("div", { className: ce, children: V });
   const G = t.length > 0 && S.length === t.length, O = S.length > 0 && !G, F = (E, P, j) => {
-    const q = d?.(E, P) ?? !1, $ = v?.(E, P) ?? !1, L = m?.(E, P) ?? !1, te = C && y(E);
+    const q = d?.(E, P) ?? !1, T = v?.(E, P) ?? !1, L = m?.(E, P) ?? !1, ee = C && y(E);
     return /* @__PURE__ */ c(
       "li",
       {
@@ -4644,8 +4667,8 @@ function Es({
           "aria-current": q || void 0,
           onClick: () => o(E, P),
           onFocus: () => u?.(P),
-          onKeyDown: (oe) => {
-            oe.key !== "Enter" && oe.key !== " " || (oe.preventDefault(), o(E, P));
+          onKeyDown: (le) => {
+            le.key !== "Enter" && le.key !== " " || (le.preventDefault(), o(E, P));
           }
         } : {},
         className: i(
@@ -4657,18 +4680,18 @@ function Es({
           // An unread row is tinted, not bolded: at five columns a bold row
           // shouts across all of them, while the tint marks the row and leaves
           // the consumer free to weight only the sender and the subject.
-          q || te ? "bg-accent-soft text-text" : $ ? i("bg-surface-unread", o && "hover:bg-surface-unread-hover") : o && "hover:bg-surface-hover",
+          q || ee ? "bg-accent-soft text-text" : T ? i("bg-surface-unread", o && "hover:bg-surface-unread-hover") : o && "hover:bg-surface-hover",
           // Read rows stay at full opacity — fading them also fades the avatars
           // and team dots, which is exactly the identity you scan by. They read
           // as secondary through weight and text colour instead.
           L && "text-text-muted"
         ),
         children: [
-          C && /* @__PURE__ */ e("span", { onClick: (oe) => oe.stopPropagation(), children: /* @__PURE__ */ e(
+          C && /* @__PURE__ */ e("span", { onClick: (le) => le.stopPropagation(), children: /* @__PURE__ */ e(
             we,
             {
               checked: y(E),
-              onChange: (oe) => V(E, oe.target.checked),
+              onChange: (le) => H(E, le.target.checked),
               "aria-label": "Rij selecteren"
             }
           ) }),
@@ -4684,22 +4707,22 @@ function Es({
           l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(E, P) })
         ]
       },
-      _(E, P)
+      $(E, P)
     );
-  }, T = (() => {
+  }, M = (() => {
     if (!f)
-      return t.map((q, $) => F(q, $, $ === 0));
+      return t.map((q, T) => F(q, T, T === 0));
     const E = /* @__PURE__ */ new Map();
-    t.forEach((q, $) => {
-      const L = f(q, $);
-      E.has(L) || E.set(L, []), E.get(L).push({ item: q, index: $ });
+    t.forEach((q, T) => {
+      const L = f(q, T);
+      E.has(L) || E.set(L, []), E.get(L).push({ item: q, index: T });
     });
     const P = b ?? [];
     return [
       ...P.filter((q) => E.has(q.id)),
-      ...[...E.keys()].filter((q) => !P.some(($) => $.id === q)).map((q) => ({ id: q }))
-    ].flatMap((q, $) => {
-      const L = E.get(q.id) ?? [], te = p && w[q.id], oe = q.title ?? q.id, be = q.count ?? L.length, ye = /* @__PURE__ */ e(
+      ...[...E.keys()].filter((q) => !P.some((T) => T.id === q)).map((q) => ({ id: q }))
+    ].flatMap((q, T) => {
+      const L = E.get(q.id) ?? [], ee = p && w[q.id], le = q.title ?? q.id, be = q.count ?? L.length, ye = /* @__PURE__ */ e(
         "li",
         {
           onClick: p ? () => h((fe) => ({ ...fe, [q.id]: !fe[q.id] })) : void 0,
@@ -4708,12 +4731,12 @@ function Es({
             // surface as the rows, no rules, and the count as a quiet pill.
             // The old grey uppercase strip read as a second column header.
             "flex items-center gap-2.5 bg-surface px-5 pb-1.5 text-base font-semibold",
-            $ > 0 ? "pt-5" : "pt-3",
+            T > 0 ? "pt-5" : "pt-3",
             q.tone === "danger" ? "text-danger-fg" : q.tone === "muted" ? "text-text-subtle" : "text-text",
             N && "sticky z-10",
             p && "cursor-pointer select-none"
           ),
-          "aria-expanded": p ? !te : void 0,
+          "aria-expanded": p ? !ee : void 0,
           style: N ? { top: W ? 28 : 0 } : void 0,
           children: g ? g(q, L.map((fe) => fe.item)) : /* @__PURE__ */ c(Ee, { children: [
             p && /* @__PURE__ */ e(
@@ -4722,11 +4745,11 @@ function Es({
                 "aria-hidden": !0,
                 className: i(
                   "size-icon-md shrink-0 text-text-subtle transition-transform duration-fast ease-out",
-                  !te && "rotate-90"
+                  !ee && "rotate-90"
                 )
               }
             ),
-            /* @__PURE__ */ e("span", { children: oe }),
+            /* @__PURE__ */ e("span", { children: le }),
             !x && /* @__PURE__ */ e(
               "span",
               {
@@ -4741,7 +4764,7 @@ function Es({
         },
         `group-${q.id}`
       );
-      return te ? [ye] : [
+      return ee ? [ye] : [
         ye,
         ...L.map(
           ({ item: fe, index: he }, Oe) => F(fe, he, Oe === 0)
@@ -4749,7 +4772,7 @@ function Es({
       ];
     });
   })();
-  return /* @__PURE__ */ c("div", { ref: z, className: ie, onKeyDown: o ? k : void 0, children: [
+  return /* @__PURE__ */ c("div", { ref: z, className: ce, onKeyDown: o ? k : void 0, children: [
     K && /* @__PURE__ */ c(
       "div",
       {
@@ -4774,7 +4797,7 @@ function Es({
         ]
       }
     ),
-    /* @__PURE__ */ e("ul", { "aria-label": de, className: "flex flex-col", children: T }),
+    /* @__PURE__ */ e("ul", { "aria-label": de, className: "flex flex-col", children: M }),
     C && S.length > 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none sticky bottom-0 z-10 flex justify-center px-5 pb-4", children: /* @__PURE__ */ c("div", { className: "pointer-events-auto flex items-center gap-1.5 rounded-lg bg-accent py-1.5 pl-3.5 pr-1.5 text-accent-fg shadow-overlay", children: [
       /* @__PURE__ */ c("span", { className: "text-sm font-medium", children: [
         S.length,
@@ -4796,7 +4819,7 @@ function Es({
     ] }) })
   ] });
 }
-function zs({
+function $s({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -4833,18 +4856,18 @@ function zs({
     }
   );
 }
-const kn = {
+const zn = {
   default: "text-text",
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function Ms({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+function As({ value: t, label: r, tone: n = "default", className: s, ...a }) {
   return /* @__PURE__ */ c("div", { className: i("rounded-xl bg-editor px-4 py-3.5", s), ...a, children: [
-    /* @__PURE__ */ e("div", { className: i("text-2xl font-semibold", kn[n]), children: t }),
+    /* @__PURE__ */ e("div", { className: i("text-2xl font-semibold", zn[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-function Ts({ icon: t, label: r, unset: n, className: s }) {
+function Ds({ icon: t, label: r, unset: n, className: s }) {
   return /* @__PURE__ */ c(
     "span",
     {
@@ -4860,10 +4883,10 @@ function Ts({ icon: t, label: r, unset: n, className: s }) {
     }
   );
 }
-function $s() {
+function Ls() {
   return /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "shrink-0 text-text-disabled", children: "·" });
 }
-const Cn = ({
+const Mn = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -4877,10 +4900,10 @@ const Cn = ({
   editable: m = !1,
   onTitleChange: f
 }) => {
-  const [b, g] = H(!1), [N, p] = H(r), x = re(null);
-  X(() => {
+  const [b, g] = B(!1), [N, p] = B(r), x = re(null);
+  J(() => {
     p(r);
-  }, [r]), X(() => {
+  }, [r]), J(() => {
     b && x.current && (x.current.focus(), x.current.select());
   }, [b]);
   const C = () => {
@@ -4907,7 +4930,7 @@ const Cn = ({
           /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ c("div", { className: "flex items-start gap-4 text-text", children: [
             v && // Ghost: a framed box around a back chevron makes the way out of a
             // page look like the page's primary control.
-            /* @__PURE__ */ e(se, { variant: "ghost", onClick: v, leftIcon: /* @__PURE__ */ e(ee, { icon: ze, size: "md" }), iconOnly: !0 }),
+            /* @__PURE__ */ e(se, { variant: "ghost", onClick: v, leftIcon: /* @__PURE__ */ e(Q, { icon: ze, size: "md" }), iconOnly: !0 }),
             /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: [
               b ? /* @__PURE__ */ e(
                 "input",
@@ -4960,7 +4983,7 @@ const Cn = ({
             ] })
           ] }) }),
           a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: a.map(
-            (A) => A.render ? /* @__PURE__ */ e(ce.Fragment, { children: A.render() }, A.id) : A.splitOptions && A.splitOptions.length > 0 ? /* @__PURE__ */ e(
+            (A) => A.render ? /* @__PURE__ */ e(oe.Fragment, { children: A.render() }, A.id) : A.splitOptions && A.splitOptions.length > 0 ? /* @__PURE__ */ e(
               st,
               {
                 label: A.label,
@@ -4990,11 +5013,11 @@ const Cn = ({
       ]
     }
   );
-}, Sn = {
+}, Tn = {
   none: "",
   sm: "px-3 pb-3 pt-1",
   md: "px-5 pb-5 pt-1.5"
-}, _s = ({
+}, Is = ({
   title: t,
   subtitle: r,
   meta: n,
@@ -5013,7 +5036,7 @@ const Cn = ({
   contentClassName: p,
   children: x
 }) => {
-  const C = v ? /* @__PURE__ */ e(Ve, { variant: "inline", shape: m }) : f ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12", children: f }) : x;
+  const C = v ? /* @__PURE__ */ e(qe, { variant: "inline", shape: m }) : f ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12", children: f }) : x;
   return /* @__PURE__ */ c(
     "div",
     {
@@ -5027,7 +5050,7 @@ const Cn = ({
       ),
       children: [
         /* @__PURE__ */ e(
-          Cn,
+          Mn,
           {
             surface: u,
             title: t,
@@ -5046,7 +5069,7 @@ const Cn = ({
           {
             className: i(
               g && "min-h-0 flex-1 overflow-y-auto",
-              Sn[b],
+              Tn[b],
               p
             ),
             children: C
@@ -5055,12 +5078,12 @@ const Cn = ({
       ]
     }
   );
-}, As = ({ label: t, meta: r, action: n, className: s }) => /* @__PURE__ */ c("div", { className: i("flex items-center gap-2 px-1 pb-2 pt-7 first:pt-0", s), children: [
+}, Ps = ({ label: t, meta: r, action: n, className: s }) => /* @__PURE__ */ c("div", { className: i("flex items-center gap-2 px-1 pb-2 pt-7 first:pt-0", s), children: [
   /* @__PURE__ */ e("span", { className: "shrink-0 text-2xs font-semibold uppercase tracking-label text-text-subtle", children: t }),
   r && /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-right text-xs tabular-nums text-text-subtle", children: r }),
   n && /* @__PURE__ */ e("span", { className: "ml-auto shrink-0", children: n })
 ] });
-function Ds({ label: t, trailing: r, align: n = "center", className: s }) {
+function Os({ label: t, trailing: r, align: n = "center", className: s }) {
   const a = /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-border-subtle", "aria-hidden": !0 });
   return !t && !r ? /* @__PURE__ */ e("div", { className: i("flex items-center py-2", s), children: a }) : /* @__PURE__ */ c("div", { className: i("flex items-center gap-3 py-2", s), children: [
     n === "center" && a,
@@ -5069,12 +5092,12 @@ function Ds({ label: t, trailing: r, align: n = "center", className: s }) {
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-const dt = et(null), Ls = dt.Provider;
-function En() {
+const dt = et(null), js = dt.Provider;
+function _n() {
   return yt(dt);
 }
-function Is() {
-  const [t, r] = H(null), n = pe(
+function Fs() {
+  const [t, r] = B(null), n = pe(
     () => ({
       setTrail: (s, a) => r((l) => a ? { ownerId: s, entry: a } : l && l.ownerId !== s ? l : null)
     }),
@@ -5082,13 +5105,13 @@ function Is() {
   );
   return { trail: t?.entry ?? null, api: n };
 }
-const zn = {
+const $n = {
   none: "",
   sm: "px-3 py-3",
   // Matches the frame header's own horizontal padding, so content lines up
   // with the title above it.
   md: "px-5 py-4"
-}, Ps = ({
+}, Rs = ({
   children: t,
   actions: r = [],
   secondaryActions: n = [],
@@ -5102,7 +5125,7 @@ const zn = {
   className: m,
   contentClassName: f
 }) => {
-  const b = En(), g = vt(), N = re(a);
+  const b = _n(), g = vt(), N = re(a);
   N.current = a;
   const p = !!a, x = re(r);
   x.current = r;
@@ -5112,10 +5135,10 @@ const zn = {
     [...n, ...r].map((D) => [D.id, D.label, D.variant, D.disabled])
   ) : "", K = pe(() => {
     if (!I) return;
-    const D = (U) => (ne, Z) => ({
+    const D = (V) => (ne, Y) => ({
       ...ne,
       onClick: () => {
-        (U === "primary" ? x.current : C.current)[Z]?.onClick();
+        (V === "primary" ? x.current : C.current)[Y]?.onClick();
       }
     });
     return {
@@ -5123,7 +5146,7 @@ const zn = {
       secondaryActions: C.current.map(D("secondary"))
     };
   }, [I, A]);
-  X(() => {
+  J(() => {
     if (b && !(!p && !o && !K))
       return b.setTrail(g, {
         title: o,
@@ -5148,7 +5171,7 @@ const zn = {
             variant: "ghost",
             onClick: () => N.current?.(),
             "aria-label": l,
-            leftIcon: /* @__PURE__ */ e(ee, { icon: ze, size: "sm" }),
+            leftIcon: /* @__PURE__ */ e(Q, { icon: ze, size: "sm" }),
             iconOnly: !0
           }
         ),
@@ -5158,7 +5181,7 @@ const zn = {
           r.length > 0 && /* @__PURE__ */ e(ke, { actions: r })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: i("flex-1", zn[v], f), children: u ? /* @__PURE__ */ e(Ve, { variant: "inline", shape: d }) : t }),
+      /* @__PURE__ */ e("div", { className: i("flex-1", $n[v], f), children: u ? /* @__PURE__ */ e(qe, { variant: "inline", shape: d }) : t }),
       W && /* @__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" })
@@ -5166,7 +5189,7 @@ const zn = {
     ] })
   );
 };
-function Os({
+function Bs({
   label: t,
   description: r,
   control: n,
@@ -5193,7 +5216,7 @@ function Os({
     }
   );
 }
-function js({
+function Hs({
   icon: t,
   title: r,
   description: n,
@@ -5203,7 +5226,7 @@ function js({
 }) {
   return /* @__PURE__ */ c("section", { className: i("flex flex-col gap-2", l), children: [
     /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
-      t && /* @__PURE__ */ e(ee, { icon: t, size: "md", color: "secondary", className: "mt-0.5" }),
+      t && /* @__PURE__ */ e(Q, { icon: t, size: "md", color: "secondary", className: "mt-0.5" }),
       /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-text", children: r }),
         n && /* @__PURE__ */ e("p", { className: "text-xs text-text-muted", children: n })
@@ -5213,7 +5236,7 @@ function js({
     /* @__PURE__ */ e("div", { className: i("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function Fs({ label: t, dotColor: r, onClick: n, className: s }) {
+function qs({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -5226,12 +5249,12 @@ function Fs({ label: t, dotColor: r, onClick: n, className: s }) {
       children: [
         r && /* @__PURE__ */ e("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full", style: { backgroundColor: r }, "aria-hidden": !0 }),
         /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: t }),
-        /* @__PURE__ */ e(ee, { icon: Bt, size: "xs", className: "opacity-70" })
+        /* @__PURE__ */ e(Q, { icon: Bt, size: "xs", className: "opacity-70" })
       ]
     }
   );
 }
-function Mn(t) {
+function An(t) {
   const { id: r, header: n, accessor: s, label: a, tone: l, visible: o, width: u, sortable: d, align: v } = t;
   return {
     id: r,
@@ -5239,14 +5262,14 @@ function Mn(t) {
     accessor: (m) => a(s(m), m),
     cell: (m, f) => {
       const b = s(f);
-      return o && !o(b, f) ? null : /* @__PURE__ */ e(Qr, { variant: l ? l(b, f) : "default", size: "sm", children: a(b, f) });
+      return o && !o(b, f) ? null : /* @__PURE__ */ e(nn, { variant: l ? l(b, f) : "default", size: "sm", children: a(b, f) });
     },
     width: u,
     sortable: d,
     align: v
   };
 }
-function Rs(t) {
+function Vs(t) {
   const {
     id: r,
     header: n,
@@ -5258,7 +5281,7 @@ function Rs(t) {
     width: d,
     sortable: v
   } = t;
-  return Mn({
+  return An({
     id: r,
     header: n,
     accessor: (m) => !!s(m),
@@ -5268,7 +5291,7 @@ function Rs(t) {
     sortable: v
   });
 }
-function Bs(t) {
+function Us(t) {
   const {
     id: r,
     header: n,
@@ -5292,13 +5315,13 @@ function Bs(t) {
     sortable: v
   };
 }
-function Tn(t, r) {
+function Dn(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const Hs = ({
+const Ws = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -5321,7 +5344,7 @@ const Hs = ({
     return b ? b.label : String(m || "-");
   }, u = xe(
     (m) => {
-      const f = Tn(r, m.name);
+      const f = Dn(r, m.name);
       if (m.type === "array") {
         const g = f;
         return !g || g.length === 0 ? /* @__PURE__ */ e(
@@ -5547,7 +5570,7 @@ const Hs = ({
     s
   );
   return /* @__PURE__ */ e("div", { className: v, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(d) }) });
-}, $n = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), ut = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
+}, Ln = () => /* @__PURE__ */ e(qe, { variant: "inline", shape: "menu" }), ut = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
   const a = !!(t.children && t.children.length > 0), l = r ? r(t.path) : !1;
   if (a)
     return /* @__PURE__ */ c("li", { children: [
@@ -5649,7 +5672,7 @@ const Hs = ({
       ]
     }
   ) });
-}, Vs = ({
+}, Ks = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
@@ -5657,7 +5680,7 @@ const Hs = ({
   loading: a = !1
 }) => a ? /* @__PURE__ */ c("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
   s && /* @__PURE__ */ e("div", { className: "pb-4", children: s }),
-  /* @__PURE__ */ e($n, {})
+  /* @__PURE__ */ e(Ln, {})
 ] }) : /* @__PURE__ */ c("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
   s && /* @__PURE__ */ e("div", { className: "pb-4", children: s }),
   /* @__PURE__ */ e("ul", { className: "flex min-h-0 flex-1 flex-col gap-px overflow-y-auto", children: t.map(
@@ -5671,7 +5694,7 @@ const Hs = ({
       o
     )
   ) })
-] }), _n = {
+] }), In = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -5680,13 +5703,13 @@ const Hs = ({
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, An = {
+}, Pn = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, Dn = {
+}, On = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -5696,11 +5719,11 @@ const Hs = ({
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, Ln = {
+}, jn = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, qs = ({
+}, Gs = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -5713,16 +5736,16 @@ const Hs = ({
 }) => {
   const v = `h${t}`, m = i(
     "font-sans text-pretty",
-    _n[r || In(t)],
-    An[n],
-    Dn[s],
-    Ln[a],
+    In[r || Fn(t)],
+    Pn[n],
+    On[s],
+    jn[a],
     l && "truncate",
     o
   );
   return /* @__PURE__ */ e(v, { className: m, ...d, children: u });
 };
-function In(t) {
+function Fn(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -5732,7 +5755,7 @@ function In(t) {
     6: "md"
   }[t] || "md";
 }
-const Us = ({
+const Js = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -5740,12 +5763,12 @@ const Us = ({
   initialCommandPath: a,
   initialActiveIndex: l
 }) => {
-  const [o, u] = H(""), [d, v] = H(a || []), [m, f] = H(l || 0), b = re(null), g = re(null), p = (d.length ? t.find((x) => x.id === d[0])?.subCommands || [] : t).filter(
+  const [o, u] = B(""), [d, v] = B(a || []), [m, f] = B(l || 0), b = re(null), g = re(null), p = (d.length ? t.find((x) => x.id === d[0])?.subCommands || [] : t).filter(
     (x) => x.label.toLowerCase().includes(o.toLowerCase())
   );
-  return X(() => {
+  return J(() => {
     r || (u(""), v(a || []), f(l || 0));
-  }, [r]), X(() => {
+  }, [r]), J(() => {
     const x = (C) => {
       if (r) {
         if (C.key === "Escape")
@@ -5765,12 +5788,12 @@ const Us = ({
       }
     };
     return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
-  }, [r, n, p, m, d]), X(() => {
+  }, [r, n, p, m, d]), J(() => {
     const x = (C) => {
       b.current && !b.current.contains(C.target) && n();
     };
     return r && document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
-  }, [r, n]), X(() => {
+  }, [r, n]), J(() => {
     if (!r) return;
     g.current?.querySelector(`[data-index="${m}"]`)?.scrollIntoView({ block: "nearest" });
   }, [m, r]), r ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-modal flex items-center justify-center bg-scrim", children: /* @__PURE__ */ c(
@@ -5837,7 +5860,7 @@ const Us = ({
       ]
     }
   ) }) : null;
-}, Pn = {
+}, Rn = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -5845,7 +5868,7 @@ const Us = ({
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, On = {
+}, Bn = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -5853,7 +5876,7 @@ const Us = ({
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, jn = {
+}, Hn = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -5869,26 +5892,26 @@ const Us = ({
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, Fn = {
+}, qn = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Rn = {
+}, Vn = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, Bn = {
+}, Un = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Hn = {
+}, Wn = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -5915,13 +5938,13 @@ const Us = ({
     {
       ref: m,
       className: i(
-        t && Pn[t],
-        r && On[r],
-        n && jn[n],
-        s && Fn[s],
-        a && Rn[a],
-        l && Bn[l],
-        o && Hn[o],
+        t && Rn[t],
+        r && Bn[r],
+        n && Hn[n],
+        s && qn[s],
+        a && Vn[a],
+        l && Un[l],
+        o && Wn[o],
         u
       ),
       ...v,
@@ -5930,7 +5953,7 @@ const Us = ({
   )
 );
 mt.displayName = "Box";
-const Ws = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
+const Ys = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
   mt,
   {
     background: "module",
@@ -5945,7 +5968,7 @@ const Ws = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
     ]
   }
 ), Re = /* @__PURE__ */ new Map();
-function Ks({
+function Xs({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -5954,8 +5977,8 @@ function Ks({
   componentProps: l,
   className: o
 }) {
-  const u = re(null), [d, v] = H(null), [, m] = H(0), f = re(null), b = re(r);
-  b.current = r, X(() => {
+  const u = re(null), [d, v] = B(null), [, m] = B(0), f = re(null), b = re(r);
+  b.current = r, J(() => {
     if (Re.has(t)) return;
     let C = !0;
     return (async () => {
@@ -5971,7 +5994,7 @@ function Ks({
     };
   }, [t]);
   const g = Re.get(t) ?? null, N = !g && d === t, p = !g && !N, x = g ? n === "react" && (g.component || g.default) || g : null;
-  return X(() => {
+  return J(() => {
     if (!x || n === "react") return;
     const C = u.current;
     if (C) {
@@ -5986,7 +6009,7 @@ function Ks({
         };
       }
     }
-  }, [x, n]), X(() => {
+  }, [x, n]), J(() => {
     n === "svelte" && f.current && f.current.$set?.(l);
   }, [l, n]), /* @__PURE__ */ c("div", { ref: u, className: o, style: { display: "contents" }, children: [
     p && s,
@@ -5994,7 +6017,7 @@ function Ks({
     n === "react" && x && /* @__PURE__ */ e(x, { ...l })
   ] });
 }
-class Gs extends Nt {
+class Zs extends Nt {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -6023,97 +6046,97 @@ class Gs extends Nt {
   }
 }
 export {
-  ys as ArtifactView,
-  Ns as AssistantCard,
-  yn as Avatar,
-  ws as AvatarStack,
-  Qr as Badge,
+  Cs as ArtifactView,
+  Ss as AssistantCard,
+  Cn as Avatar,
+  Es as AvatarStack,
+  nn as Badge,
   mt as Box,
   se as Button,
-  ns as ButtonGroup,
-  Ws as Card,
-  ks as ChannelBadge,
+  os as ButtonGroup,
+  Ys as Card,
+  zs as ChannelBadge,
   we as Checkbox,
-  Us as CommandPalette,
-  fs as ConfirmDialog,
-  Ve as ContentLoading,
+  Js as CommandPalette,
+  gs as ConfirmDialog,
+  qe as ContentLoading,
   Be as DatePicker,
-  Lr as Dropdown,
-  hs as EmptyState,
-  Gs as ErrorBoundary,
-  Ks as FederatedResource,
-  sr as FilterChip,
-  Mr as FolderSelect,
-  ms as Form,
-  Jr as FormSection,
-  qs as Heading,
+  jr as Dropdown,
+  ps as EmptyState,
+  Zs as ErrorBoundary,
+  Xs as FederatedResource,
+  cr as FilterChip,
+  Ar as FolderSelect,
+  bs as Form,
+  Qr as FormSection,
+  Gs as Heading,
   Ut as IDENTITY_TONE_COUNT,
-  ee as Icon,
-  Cs as Image,
-  ls as ImageField,
-  xs as Kbd,
-  Ms as KpiCard,
-  as as Link,
-  Es as List,
-  Ss as ListBulkAction,
-  es as MeetingGrid,
-  zs as MessageBubble,
-  $s as MetaSeparator,
-  Ts as MetaValue,
+  Q as Icon,
+  Ms as Image,
+  ds as ImageField,
+  vs as Kbd,
+  As as KpiCard,
+  is as Link,
+  _s as List,
+  Ts as ListBulkAction,
+  ss as MeetingGrid,
+  $s as MessageBubble,
+  Ls as MetaSeparator,
+  Ds as MetaValue,
   it as Modal,
-  _s as Page,
-  Cn as PageHeader,
-  os as PageToolbar,
+  Is as Page,
+  Mn as PageHeader,
+  us as PageToolbar,
   ke as PageToolbarActions,
-  ts as ParticipantTile,
+  as as ParticipantTile,
   nt as Popover,
-  bs as ProgressBar,
+  ys as ProgressBar,
   Te as RichText,
   ct as SearchField,
-  Ar as SearchableTextField,
-  As as SectionCaption,
-  Ds as SectionDivider,
-  ir as SegmentedToggle,
+  Pr as SearchableTextField,
+  Ps as SectionCaption,
+  Os as SectionDivider,
+  fr as SegmentedToggle,
   Ae as Select,
-  Ls as SettingsFrameProvider,
-  Ps as SettingsPage,
-  Os as SettingsRow,
-  js as SettingsSection,
-  Vs as SidebarMenu,
-  Fs as SourceChip,
-  gs as Spinner,
+  js as SettingsFrameProvider,
+  Rs as SettingsPage,
+  Bs as SettingsRow,
+  Hs as SettingsSection,
+  Ks as SidebarMenu,
+  qs as SourceChip,
+  Ns as Spinner,
   st as SplitButton,
-  ps as StatusDot,
-  vs as StepIndicator,
-  qr as StorageInput,
-  Dr as Switch,
-  us as TabBar,
+  ws as StatusDot,
+  ks as StepIndicator,
+  Gr as StorageInput,
+  Or as Switch,
+  xs as TabBar,
   Ye as Table,
-  Hr as Tabs,
+  Wr as Tabs,
   ue as Text,
   He as TextArea,
   Ce as TextField,
-  rs as VideoSurface,
-  Hs as View,
+  ls as VideoSurface,
+  Ws as View,
   Xe as autofillProps,
-  Mn as badgeColumn,
-  Rs as booleanBadgeColumn,
-  Qn as catTone,
+  An as badgeColumn,
+  Vs as booleanBadgeColumn,
+  ns as catTone,
   i as cn,
-  Xn as createSizes,
-  Yn as createVariants,
-  cs as dateFilterHandler,
-  Zn as identityDotClass,
+  ts as createSizes,
+  es as createVariants,
+  ms as dateFilterHandler,
+  rs as identityDotClass,
   rt as identityPlateClass,
   tt as identityTone,
-  Bs as labelsColumn,
-  ds as multiSelectFilterHandler,
+  Us as labelsColumn,
+  hs as multiSelectFilterHandler,
   Jt as normalizeText,
-  ss as resolveLucideIcon,
-  is as selectFilterHandler,
-  _e as text,
+  cs as resolveLucideIcon,
+  fs as selectFilterHandler,
+  $e as text,
   Pe as useAnchoredPosition,
-  En as useSettingsFrame,
-  Is as useSettingsFrameHost
+  _n as useSettingsFrame,
+  Fs as useSettingsFrameHost
 };
 //# sourceMappingURL=index.js.map