@opencxh/ui-kit 3.166.0 → 3.172.0

package/dist/index.js

@@ -2,17 +2,17 @@ import { clsx as gt } from "clsx";
 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" } = {}) {
@@ -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,22 +113,29 @@ 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 J(() => {
     if (!r || !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",
@@ -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,
@@ -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,11 +426,11 @@ 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(Q, { icon: De, size: "xs" })
-  ] }), S = nr({ shape: s, withClear: N }), I = N && /* @__PURE__ */ e(
+  ] }), S = or({ shape: s, withClear: N }), I = N && /* @__PURE__ */ e(
     "button",
     {
       type: "button",
@@ -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",
@@ -664,7 +694,7 @@ const mr = {
     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,
@@ -803,8 +833,8 @@ function ls({
   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(Q, { icon: Mt, size: "md", color: "current" }), Cr = () => /* @__PURE__ */ e(Q, { icon: ze, size: "md", color: "current" }), Sr = () => /* @__PURE__ */ e(Q, { icon: Le, size: "md", color: "current" }), Be = ve(({
+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",
@@ -909,17 +939,17 @@ const kr = () => /* @__PURE__ */ e(Q, { 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 = [], H = 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(H)), H.setDate(H.getDate() + 1);
     return y;
@@ -932,7 +962,7 @@ const kr = () => /* @__PURE__ */ e(Q, { icon: Mt, size: "md", color: "current" }
       }
       r?.(h), g(!1);
     }
-  }, q = () => {
+  }, V = () => {
     p(new Date(N.getFullYear(), N.getMonth() - 1, 1));
   }, ne = () => {
     p(new Date(N.getFullYear(), N.getMonth() + 1, 1));
@@ -988,7 +1018,7 @@ const kr = () => /* @__PURE__ */ e(Q, { 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(Q, { icon: Mt, size: "md", color: "current" }
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: q,
+            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,13 +1042,13 @@ const kr = () => /* @__PURE__ */ e(Q, { 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(), H = !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",
           {
@@ -1027,9 +1057,9 @@ const kr = () => /* @__PURE__ */ e(Q, { icon: Mt, size: "md", color: "current" }
             className: i(
               "w-8 h-8 text-sm rounded transition-colors duration-fast",
               {
-                "text-text hover:bg-surface-hover": k && !_ && !H,
-                "bg-accent text-accent-fg": _,
-                "bg-surface-hover text-text": y && !_,
+                "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
               }
             ),
@@ -1071,7 +1101,7 @@ const kr = () => /* @__PURE__ */ e(Q, { 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,7 +1128,7 @@ const kr = () => /* @__PURE__ */ e(Q, { 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] = oe.useState(!1), [q, ne] = oe.useState(""), Y = oe.useRef(null), X = oe.useRef(null), de = Pe(W, X, { matchWidth: !0 }), [w, h] = oe.useState(o);
+    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);
@@ -1112,8 +1142,8 @@ const kr = () => /* @__PURE__ */ e(Q, { icon: Mt, size: "md", color: "current" }
       []
     ), k = oe.useCallback(
       (M, E) => {
-        const P = [...M], j = (V) => {
-          const T = _e(V).trim();
+        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;
@@ -1128,20 +1158,20 @@ const kr = () => /* @__PURE__ */ e(Q, { icon: Mt, size: "md", color: "current" }
         }), k(E, N);
       });
     }, [o, N, k, z]);
-    const _ = oe.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 = (M) => {
       if (g) {
-        const E = Array.isArray(_) ? _ : [], P = E.includes(M) ? E.filter((j) => j !== M) : [...E, M];
+        const E = Array.isArray($) ? $ : [], P = E.includes(M) ? E.filter((j) => j !== M) : [...E, M];
         p?.(P);
       } else
         p?.(M), D(!1), ne("");
-    }, H = g ? null : w.find((M) => M.value === _), ae = g ? w.filter(
-      (M) => Array.isArray(_) && _.includes(M.value)
-    ) : [], ce = b && q ? w.filter(
-      (M) => M.label.toLowerCase().includes(q.toLowerCase())
-    ) : w, G = !!x && !!b && !!q.trim() && !z(w, q), O = (M) => {
+    }, 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) ?? {
@@ -1192,7 +1222,7 @@ const kr = () => /* @__PURE__ */ e(Q, { 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(Q, { icon: Mt, size: "md", color: "current" }
                 {
                   type: "text",
                   placeholder: "Search...",
-                  value: q,
+                  value: V,
                   onChange: (M) => ne(M.target.value),
                   onKeyDown: (M) => {
-                    M.key === "Enter" && G && (M.preventDefault(), O(q));
+                    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(Q, { icon: Mt, size: "md", color: "current" }
                     "cursor-pointer px-3 py-1.5 text-sm",
                     "text-info-fg hover:bg-surface-hover"
                   ),
-                  onClick: () => O(q),
+                  onClick: () => O(V),
                   children: [
                     "+: “",
-                    q.trim(),
+                    V.trim(),
                     "”"
                   ]
                 }
@@ -1255,7 +1285,7 @@ const kr = () => /* @__PURE__ */ e(Q, { icon: Mt, size: "md", color: "current" }
                   }
                 ),
                 ce.map((M) => {
-                  const E = g ? Array.isArray(_) && _.includes(M.value) : _ === M.value;
+                  const E = g ? Array.isArray($) && $.includes(M.value) : $ === M.value;
                   return /* @__PURE__ */ e(
                     "li",
                     {
@@ -1301,7 +1331,7 @@ const kr = () => /* @__PURE__ */ e(Q, { 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",
@@ -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,
@@ -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), [q, ne] = B(x || ""), [Y, X] = B(!1), [de, w] = B(!1), [h, z] = B(!1);
+    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 || !q) return f;
-      const O = String(q).toLowerCase();
+      if (p && !h || !V) return f;
+      const O = String(V).toLowerCase();
       return f.filter(
         (F) => String(F.label).toLowerCase().includes(O)
       );
-    }, [q, f, p, h]);
+    }, [V, f, p, h]);
     J(() => {
-      if (!b || !q) {
+      if (!b || !V) {
         w(!1);
         return;
       }
       const O = setTimeout(async () => {
         w(!0);
         try {
-          await b(String(q));
+          await b(String(V));
         } catch (F) {
           console.error("Remote search failed:", F);
         } finally {
@@ -1482,13 +1512,13 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
       return () => {
         clearTimeout(O), w(!1);
       };
-    }, [q, N, b]), J(() => {
+    }, [V, N, b]), J(() => {
       const O = (F) => {
         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), X(!0), z(!0), C && C(O);
     }, y = (O) => {
@@ -1526,8 +1556,8 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
               {
                 ref: G,
                 id: A,
-                value: q,
-                onChange: _,
+                value: V,
+                onChange: $,
                 onFocus: H,
                 className: Ne(
                   // Base styles
@@ -1535,7 +1565,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Tr = (t) => /* @__PURE__ */ e(
                   "placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   // Size styles
-                  _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,7 +1589,7 @@ 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",
@@ -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": q === 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(q)
+            String(V)
           ] })
         ]
       }
     );
   }
 );
-Ar.displayName = "SearchableTextField";
+Pr.displayName = "SearchableTextField";
 const ct = ve(
   ({
     value: t,
@@ -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,
@@ -1752,7 +1782,7 @@ 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();
   };
   J(() => {
@@ -1787,7 +1817,7 @@ const Lr = ({
   }, []);
   const D = (h) => {
     h.stopPropagation(), !l && (m(!v), b(null), A.current && (clearTimeout(A.current), A.current = null));
-  }, q = (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);
@@ -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,7 +1876,7 @@ const Lr = ({
                   "data-option-value": h.value,
                   role: "menuitem",
                   "aria-haspopup": k ? "menu" : void 0,
-                  onClick: (y) => q(y, h),
+                  onClick: (y) => V(y, h),
                   onMouseEnter: () => ne(h),
                   onMouseLeave: () => Y(h),
                   disabled: h.disabled,
@@ -1854,7 +1884,7 @@ const Lr = ({
                     "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,
@@ -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,
@@ -1978,19 +2008,19 @@ 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,
     {
@@ -2003,24 +2033,24 @@ const Lr = ({
   ),
   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,83 +2127,83 @@ const Rr = (t) => {
   footerSummary: K,
   size: W = "md",
   hoverable: D = !0,
-  padding: q = "md",
+  padding: V = "md",
   className: ne,
   rowClassName: Y,
   headerBackground: X = !0
 }) => {
-  const [de, w] = B(""), h = l !== void 0, z = h ? l : de, k = o ?? w, [_, y] = B({
+  const [de, w] = B(""), h = l !== void 0, z = h ? l : de, k = o ?? w, [$, y] = B({
     column: null,
     direction: null
   }), [H, ae] = B({
     page: 0,
     pageSize: g
   }), ce = re(null), G = pe(() => {
-    let $ = t;
+    let _ = t;
     if (s && !h && z.trim()) {
       const U = r.filter(
         (ie) => ie.searchable !== !1
       ), te = z.toLowerCase();
-      $ = $.filter((ie) => U.some((Z) => {
+      _ = _.filter((ie) => U.some((Z) => {
         const R = typeof Z.accessor == "function" ? Z.accessor(ie) : ie[Z.accessor];
         return String(R || "").toLowerCase().includes(te);
       }));
     }
-    return $;
+    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];
+    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 ie < Z ? R = -1 : ie > Z && (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 $ = H.page * H.pageSize, U = $ + H.pageSize;
-    return O.slice($, U);
+    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.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(($) => {
-    ae((U) => ({ ...U, page: $ }));
+  ), E = xe((_) => {
+    ae((U) => ({ ...U, page: _ }));
   }, []), P = xe(
-    ($, U) => {
+    (_, U) => {
       if (!S) return;
-      const te = I($, 0);
-      S(U ? [...C, $] : C.filter(
+      const te = I(_, 0);
+      S(U ? [...C, _] : C.filter(
         (ie, Z) => I(C[Z], Z) !== te
       ));
     },
     [C, S, I]
   ), j = xe(
-    ($) => {
-      S && S($ ? [...F] : []);
+    (_) => {
+      S && S(_ ? [...F] : []);
     },
     [F, S]
   );
   J(() => {
-    ae(($) => ({ ...$, page: 0 }));
-  }, [z, _]), J(() => {
-    ae(($) => ({ ...$, page: 0 }));
-  }, [u.map(($) => $.value).join(",")]);
-  const V = O.length, T = Math.ceil(V / H.pageSize), L = H.page * H.pageSize + 1, ee = Math.min(L + H.pageSize - 1, V), le = F.length > 0 && F.every(($) => {
-    const U = I($, 0);
+    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(
       (te, ie) => I(te, ie) === U
     );
-  }), be = F.some(($) => {
-    const U = I($, 0);
+  }), be = F.some((_) => {
+    const U = I(_, 0);
     return C.some(
       (te, ie) => I(te, ie) === U
     );
-  }), ye = Pr[q], fe = X ? "bg-surface-sunk" : "bg-surface", he = i("text-text", ye), Oe = s || u.length > 0 || d.length > 0 || !!v, ft = pe(() => {
-    const $ = F.map((Z, R) => ({ row: Z, index: R }));
-    if (!m) return [{ group: null, rows: $ }];
+  }), 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 $) {
+    for (const Z of _) {
       const R = m(Z.row, Z.index), ge = U.get(R);
       ge ? ge.push(Z) : U.set(R, [Z]);
     }
@@ -2182,7 +2212,7 @@ const Rr = (t) => {
       ...te.filter((Z) => U.has(Z.id)),
       ...[...U.keys()].filter((Z) => !te.some((R) => R.id === Z)).map((Z) => ({ id: Z }))
     ].map((Z) => ({ group: Z, rows: U.get(Z.id) ?? [] }));
-  }, [F, m, f]), ht = r.length + (x ? 1 : 0) + (N.length > 0 ? 1 : 0), qe = b && V > 0, xt = qe || K !== void 0;
+  }, [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(
@@ -2194,7 +2224,7 @@ const Rr = (t) => {
           containerClassName: "w-full sm:w-66"
         }
       ),
-      u.map(($) => /* @__PURE__ */ e(Rr, { ...$ }, $.id)),
+      u.map((_) => /* @__PURE__ */ e(Vr, { ..._ }, _.id)),
       v,
       d.length > 0 && /* @__PURE__ */ e(ke, { actions: d, className: "ml-auto" })
     ] }),
@@ -2206,11 +2236,11 @@ const Rr = (t) => {
             size: "sm",
             checked: le,
             indeterminate: be && !le,
-            onChange: ($) => j($.target.checked),
+            onChange: (_) => j(_.target.checked),
             "aria-label": "Select all rows"
           }
         ) }),
-        r.map(($) => /* @__PURE__ */ e(
+        r.map((_) => /* @__PURE__ */ e(
           "th",
           {
             className: i(
@@ -2218,36 +2248,36 @@ const Rr = (t) => {
               "text-xs font-semibold uppercase tracking-label text-text-muted",
               "group",
               {
-                "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"
+                "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: $.width },
-            onClick: () => $.sortable && M($.id),
+            style: { width: _.width },
+            onClick: () => _.sortable && M(_.id),
             children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1.5", children: [
-              $.headerCell ? $.headerCell() : $.header,
-              $.sortable && /* @__PURE__ */ e(
+              _.headerCell ? _.headerCell() : _.header,
+              _.sortable && /* @__PURE__ */ e(
                 Q,
                 {
-                  icon: _.column === $.id && _.direction === "desc" ? De : _t,
+                  icon: $.column === _.id && $.direction === "desc" ? De : $t,
                   size: "xs",
                   className: i(
                     "transition-opacity duration-fast ease-out",
-                    _.column === $.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"
                   )
                 }
               )
             ] })
           },
-          $.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(($, U) => /* @__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((te, ie) => /* @__PURE__ */ e("td", { className: i(he, "h-row-lg"), style: { width: te.width }, children: /* @__PURE__ */ e(
           "span",
@@ -2267,8 +2297,8 @@ const Rr = (t) => {
           ),
           children: A || "No data available"
         }
-      ) }) : ft.flatMap(($) => [
-        ...$.group ? [
+      ) }) : ft.flatMap((_) => [
+        ..._.group ? [
           /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
             "td",
             {
@@ -2277,16 +2307,16 @@ 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",
-                $.group.tone === "danger" ? "text-danger-fg" : $.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: [
-                $.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.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-${$.group.id}`)
+          ) }, `group-${_.group.id}`)
         ] : [],
-        ...$.rows.map(({ row: U, index: te }) => {
+        ..._.rows.map(({ row: U, index: te }) => {
           const ie = I(U, te), Z = C.some(
             (R, ge) => I(R, ge) === ie
           );
@@ -2294,7 +2324,7 @@ const Rr = (t) => {
             "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",
@@ -2337,7 +2367,7 @@ const Rr = (t) => {
                   );
                 }),
                 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(Q, { icon: At, size: "md", color: "current" }) }),
@@ -2364,8 +2394,8 @@ const Rr = (t) => {
       ]) })
     ] }) }),
     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}–${ee} of ${V}` }),
-      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,
           {
@@ -2378,22 +2408,22 @@ const Rr = (t) => {
             children: /* @__PURE__ */ e(Q, { icon: ze, size: "md", color: "current" })
           }
         ),
-        Fr(H.page, T).map(
-          ($, U) => $ === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${U}`) : /* @__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": $ === H.page ? "page" : void 0,
-              onClick: () => E($),
+              "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",
-                $ === H.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: $ + 1
+              children: _ + 1
             },
-            $
+            _
           )
         ),
         /* @__PURE__ */ e(
@@ -2411,7 +2441,7 @@ const Rr = (t) => {
       ] })
     ] })
   ] });
-}, Br = et(null), us = ({
+}, Ur = et(null), xs = ({
   items: t,
   activeTab: r,
   onTabChange: n,
@@ -2443,7 +2473,7 @@ const Rr = (t) => {
     },
     d.id
   )) }) });
-}, Hr = ({
+}, Wr = ({
   items: t,
   defaultTab: r,
   activeTab: n,
@@ -2493,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",
       {
@@ -2522,7 +2552,7 @@ const Rr = (t) => {
       }
     )
   ] }) });
-}, Vr = {
+}, Kr = {
   sm: "max-w-md",
   md: "max-w-lg",
   lg: "max-w-2xl",
@@ -2573,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",
@@ -2608,7 +2638,7 @@ function it({
     }
   ) : null;
 }
-const qr = ({
+const Gr = ({
   value: t,
   onChange: r,
   label: n,
@@ -2622,15 +2652,15 @@ const qr = ({
   onDownloadFile: m,
   onRegisterFile: f
 }) => {
-  const [b, g] = B(!1), [N, p] = B([]), [x, C] = B(null), [S, I] = B("/"), [A, K] = B([]), [W, D] = B(!1), [q, ne] = B(""), [Y, X] = B(
+  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] = B(!1), [h, z] = B(""), k = re(null);
   J(() => {
-    b && _();
+    b && $();
   }, [b]), J(() => {
     b && x && y();
-  }, [b, x, S, q]);
-  const _ = async () => {
+  }, [b, x, S, V]);
+  const $ = async () => {
     D(!0);
     try {
       const T = await d?.();
@@ -2644,7 +2674,7 @@ const qr = ({
     if (x) {
       D(!0);
       try {
-        const T = await u?.({ mountId: x.id, name: q, path: S });
+        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);
@@ -2804,7 +2834,7 @@ const qr = ({
         }
       )
     }
-  ], V = [
+  ], q = [
     {
       id: "name",
       header: "Mount Name",
@@ -2859,7 +2889,7 @@ const qr = ({
         title: x ? `Explorer: ${x.name}` : "Select Storage Mount",
         size: "lg",
         children: /* @__PURE__ */ e(
-          Hr,
+          Wr,
           {
             variant: "pills",
             items: [
@@ -2884,7 +2914,7 @@ const qr = ({
                       Ce,
                       {
                         placeholder: "Search...",
-                        value: q,
+                        value: V,
                         onChange: (T) => ne(T.target.value),
                         startIcon: /* @__PURE__ */ e(Ie, { size: 14 }),
                         fullWidth: !0
@@ -2950,7 +2980,7 @@ const qr = ({
                   Ye,
                   {
                     data: N,
-                    columns: V,
+                    columns: q,
                     loading: W,
                     emptyContent: "No storage mounts configured",
                     onRowClick: (T) => C(T)
@@ -2989,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",
@@ -3035,7 +3065,7 @@ const qr = ({
             className: i(
               lt,
               "resize-y leading-relaxed",
-              Ur[s],
+              Jr[s],
               ot(p),
               d
             ),
@@ -3062,7 +3092,7 @@ const qr = ({
   }
 );
 He.displayName = "TextArea";
-const Wr = /* @__PURE__ */ new Set([
+const Yr = /* @__PURE__ */ new Set([
   "name",
   "given-name",
   "family-name",
@@ -3097,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",
@@ -3115,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++) {
@@ -3124,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++) {
@@ -3134,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,
@@ -3148,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,
@@ -3172,7 +3202,7 @@ const ms = ({
   }, [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`;
@@ -3182,7 +3212,7 @@ 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((H, ae) => {
             const ce = {};
@@ -3195,9 +3225,9 @@ const ms = ({
                 F && (ce[G.name] = F, y = !0);
               }
             }
-            _[ae] = ce;
+            $[ae] = ce;
           }), y)
-            return JSON.stringify(_);
+            return JSON.stringify($);
         }
       }
       return k.validator ? k.validator(h, z) : null;
@@ -3205,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]
-  ), q = 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);
@@ -3244,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,
@@ -3262,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),
@@ -3274,7 +3304,7 @@ const ms = ({
           return /* @__PURE__ */ e(
             He,
             {
-              ..._,
+              ...$,
               onChange: (y) => D(w.name, y.target.value),
               rows: w.rows ?? 4,
               error: z,
@@ -3285,7 +3315,7 @@ const ms = ({
           return /* @__PURE__ */ e(
             Ae,
             {
-              ..._,
+              ...$,
               onChange: (y) => D(w.name, y),
               options: (w.options || []).map((y) => ({
                 ...y,
@@ -3303,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),
@@ -3320,7 +3350,7 @@ const ms = ({
           return /* @__PURE__ */ e(
             we,
             {
-              ..._,
+              ...$,
               label: w.label,
               checked: !!h,
               onChange: (y) => D(w.name, y.target.checked),
@@ -3354,7 +3384,7 @@ const ms = ({
           return /* @__PURE__ */ e(
             Be,
             {
-              ..._,
+              ...$,
               value: h ? new Date(h) : null,
               onChange: (y) => D(w.name, y),
               size: f
@@ -3362,9 +3392,9 @@ const ms = ({
           );
         case "file":
           return /* @__PURE__ */ e(
-            qr,
+            Gr,
             {
-              ..._,
+              ...$,
               value: h,
               onChange: (y) => D(w.name, y),
               error: z,
@@ -3395,7 +3425,7 @@ const ms = ({
           );
         case "folder":
           return /* @__PURE__ */ e(
-            Mr,
+            Ar,
             {
               value: h || {},
               onChange: (y) => D(w.name, y),
@@ -3566,10 +3596,10 @@ const ms = ({
                               {
                                 ...P,
                                 value: j ? new Date(j) : null,
-                                onChange: (V) => G(
+                                onChange: (q) => G(
                                   F,
                                   M.name,
-                                  V
+                                  q
                                 ),
                                 size: f
                               }
@@ -3658,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",
                 {
@@ -3682,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
@@ -3703,7 +3733,7 @@ const ms = ({
     },
     g
   ), de = f === "full" ? "md" : f;
-  return /* @__PURE__ */ c("form", { ref: N, onSubmit: q, className: X, 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(Y) }),
     v && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: /* @__PURE__ */ c(Ee, { children: [
@@ -3735,7 +3765,7 @@ const ms = ({
     ] }) })
   ] });
 };
-function fs({
+function gs({
   open: t,
   title: r,
   description: n,
@@ -3769,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",
@@ -3779,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",
@@ -3793,7 +3823,7 @@ const Yr = {
   info: "bg-info",
   note: "bg-note"
 };
-function Qr({
+function nn({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3811,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,
@@ -3823,7 +3853,7 @@ function Qr({
           {
             className: i(
               "w-2 h-2 rounded-full mr-1.5",
-              Zr[t]
+              rn[t]
             )
           }
         ),
@@ -3843,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: [
@@ -3907,7 +3937,7 @@ function en({ shape: t, rows: r, columns: n }) {
       ] });
   }
 }
-const tn = {
+const an = {
   text: 2,
   table: 8,
   list: 6,
@@ -3915,7 +3945,7 @@ const tn = {
   menu: 4,
   cards: 2
 };
-function Ve({
+function qe({
   variant: t = "page",
   shape: r,
   rows: n,
@@ -3926,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,
@@ -3953,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 })
@@ -3961,7 +3991,7 @@ function hs({
     }
   );
 }
-function xs({ children: t, className: r, ...n }) {
+function vs({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3974,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",
@@ -3990,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...",
@@ -4043,8 +4073,8 @@ function gs({
           {
             className: i(
               "animate-spin",
-              an[t],
-              ln[r]
+              dn[t],
+              un[r]
             ),
             fill: "none",
             viewBox: "0 0 24 24",
@@ -4078,7 +4108,7 @@ function gs({
           {
             className: i(
               "text-text-muted",
-              on[t]
+              mn[t]
             ),
             children: n
           }
@@ -4088,7 +4118,7 @@ function gs({
     }
   );
 }
-const cn = {
+const fn = {
   neutral: "bg-text-disabled",
   accent: "bg-accent",
   success: "bg-success",
@@ -4102,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,
@@ -4118,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",
@@ -4161,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",
@@ -4176,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 }),
@@ -4201,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 });
@@ -4285,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
           }
@@ -4299,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" })
       ] });
@@ -4307,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: [
@@ -4315,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",
     {
@@ -4338,23 +4368,23 @@ 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 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
@@ -4362,8 +4392,8 @@ const yn = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
     "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(
@@ -4375,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,
@@ -4389,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"
         )
       },
@@ -4412,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",
@@ -4500,7 +4530,7 @@ const Cs = ({
       "opacity-0": N || x,
       "opacity-100": !N && !x
     }
-  ), q = 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" }) }), Y = /* @__PURE__ */ c("div", { className: "text-center", children: [
@@ -4519,11 +4549,11 @@ const Cs = ({
         onError: K
       }
     ),
-    N && l && /* @__PURE__ */ e("div", { className: q, children: d || ne }),
-    x && o && /* @__PURE__ */ e("div", { className: q, children: v || Y })
+    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
@@ -4546,7 +4576,7 @@ function Ss({
     }
   );
 }
-function Es({
+function _s({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -4571,7 +4601,7 @@ function Es({
   header: K,
   stickyHeader: W = !1,
   bordered: D = !1,
-  emptyContent: q,
+  emptyContent: V,
   loading: ne = !1,
   loadingRows: Y = 4,
   className: X,
@@ -4588,9 +4618,9 @@ function Es({
     );
     if (j.length === 0) return;
     E.preventDefault();
-    const V = j.indexOf(document.activeElement), T = E.key === "Home" ? 0 : E.key === "End" ? j.length - 1 : E.key === "ArrowDown" ? (V + 1) % j.length : (V - 1 + j.length) % j.length;
+    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) => {
+  }, $ = (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)
     );
@@ -4623,10 +4653,10 @@ function Es({
       },
       `skeleton-${P}`
     )) });
-  if (t.length === 0 && q)
-    return /* @__PURE__ */ e("div", { className: ce, children: q });
+  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 V = d?.(E, P) ?? !1, T = v?.(E, P) ?? !1, L = m?.(E, P) ?? !1, ee = 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",
       {
@@ -4634,7 +4664,7 @@ function Es({
           role: "button",
           tabIndex: 0,
           "data-list-row": "",
-          "aria-current": V || void 0,
+          "aria-current": q || void 0,
           onClick: () => o(E, P),
           onFocus: () => u?.(P),
           onKeyDown: (le) => {
@@ -4650,7 +4680,7 @@ 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.
-          V || ee ? "bg-accent-soft text-text" : T ? 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.
@@ -4677,38 +4707,38 @@ function Es({
           l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(E, P) })
         ]
       },
-      _(E, P)
+      $(E, P)
     );
   }, M = (() => {
     if (!f)
-      return t.map((V, T) => F(V, T, T === 0));
+      return t.map((q, T) => F(q, T, T === 0));
     const E = /* @__PURE__ */ new Map();
-    t.forEach((V, T) => {
-      const L = f(V, T);
-      E.has(L) || E.set(L, []), E.get(L).push({ item: V, index: T });
+    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((V) => E.has(V.id)),
-      ...[...E.keys()].filter((V) => !P.some((T) => T.id === V)).map((V) => ({ id: V }))
-    ].flatMap((V, T) => {
-      const L = E.get(V.id) ?? [], ee = p && w[V.id], le = V.title ?? V.id, be = V.count ?? L.length, ye = /* @__PURE__ */ e(
+      ...P.filter((q) => E.has(q.id)),
+      ...[...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, [V.id]: !fe[V.id] })) : void 0,
+          onClick: p ? () => h((fe) => ({ ...fe, [q.id]: !fe[q.id] })) : void 0,
           className: i(
             // A caption over its rows, not a band across the table: same
             // surface as the rows, no rules, and the count as a quiet pill.
             // The old grey uppercase strip read as a second column header.
             "flex items-center gap-2.5 bg-surface px-5 pb-1.5 text-base font-semibold",
             T > 0 ? "pt-5" : "pt-3",
-            V.tone === "danger" ? "text-danger-fg" : V.tone === "muted" ? "text-text-subtle" : "text-text",
+            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 ? !ee : void 0,
           style: N ? { top: W ? 28 : 0 } : void 0,
-          children: g ? g(V, L.map((fe) => fe.item)) : /* @__PURE__ */ c(Ee, { children: [
+          children: g ? g(q, L.map((fe) => fe.item)) : /* @__PURE__ */ c(Ee, { children: [
             p && /* @__PURE__ */ e(
               Le,
               {
@@ -4725,14 +4755,14 @@ function Es({
               {
                 className: i(
                   "rounded-full px-2 text-xs font-normal tabular-nums",
-                  V.tone === "danger" ? "bg-danger-soft text-danger-fg" : "bg-surface-sunk text-text-subtle"
+                  q.tone === "danger" ? "bg-danger-soft text-danger-fg" : "bg-surface-sunk text-text-subtle"
                 ),
                 children: be
               }
             )
           ] })
         },
-        `group-${V.id}`
+        `group-${q.id}`
       );
       return ee ? [ye] : [
         ye,
@@ -4789,7 +4819,7 @@ function Es({
     ] }) })
   ] });
 }
-function zs({
+function $s({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -4826,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",
     {
@@ -4853,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,
@@ -4983,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,
@@ -5006,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",
     {
@@ -5020,7 +5050,7 @@ const Cn = ({
       ),
       children: [
         /* @__PURE__ */ e(
-          Cn,
+          Mn,
           {
             surface: u,
             title: t,
@@ -5039,7 +5069,7 @@ const Cn = ({
           {
             className: i(
               g && "min-h-0 flex-1 overflow-y-auto",
-              Sn[b],
+              Tn[b],
               p
             ),
             children: C
@@ -5048,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,
@@ -5062,11 +5092,11 @@ 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() {
+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)
@@ -5075,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 = [],
@@ -5095,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;
@@ -5105,10 +5135,10 @@ const zn = {
     [...n, ...r].map((D) => [D.id, D.label, D.variant, D.disabled])
   ) : "", K = pe(() => {
     if (!I) return;
-    const D = (q) => (ne, Y) => ({
+    const D = (V) => (ne, Y) => ({
       ...ne,
       onClick: () => {
-        (q === "primary" ? x.current : C.current)[Y]?.onClick();
+        (V === "primary" ? x.current : C.current)[Y]?.onClick();
       }
     });
     return {
@@ -5151,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" })
@@ -5159,7 +5189,7 @@ const zn = {
     ] })
   );
 };
-function Os({
+function Bs({
   label: t,
   description: r,
   control: n,
@@ -5186,7 +5216,7 @@ function Os({
     }
   );
 }
-function js({
+function Hs({
   icon: t,
   title: r,
   description: n,
@@ -5206,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",
     {
@@ -5224,7 +5254,7 @@ function Fs({ label: t, dotColor: r, onClick: n, className: s }) {
     }
   );
 }
-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,
@@ -5232,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,
@@ -5251,7 +5281,7 @@ function Rs(t) {
     width: d,
     sortable: v
   } = t;
-  return Mn({
+  return An({
     id: r,
     header: n,
     accessor: (m) => !!s(m),
@@ -5261,7 +5291,7 @@ function Rs(t) {
     sortable: v
   });
 }
-function Bs(t) {
+function Us(t) {
   const {
     id: r,
     header: n,
@@ -5285,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",
@@ -5314,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(
@@ -5540,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: [
@@ -5642,7 +5672,7 @@ const Hs = ({
       ]
     }
   ) });
-}, Vs = ({
+}, Ks = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
@@ -5650,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(
@@ -5664,7 +5694,7 @@ const Hs = ({
       o
     )
   ) })
-] }), _n = {
+] }), In = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -5673,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",
@@ -5689,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",
@@ -5706,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",
@@ -5725,7 +5755,7 @@ function In(t) {
     6: "md"
   }[t] || "md";
 }
-const Us = ({
+const Js = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -5830,7 +5860,7 @@ const Us = ({
       ]
     }
   ) }) : null;
-}, Pn = {
+}, Rn = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -5838,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",
@@ -5846,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",
@@ -5862,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",
@@ -5908,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,
@@ -5923,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",
@@ -5938,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",
@@ -5987,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,
@@ -6016,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,
   Q 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,
+  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