@opencxh/ui-kit 3.137.11 → 3.137.12

package/dist/index.js

@@ -1,18 +1,18 @@
 import { clsx as ct } from "clsx";
-import ce, { useState as O, useLayoutEffect as it, useRef as ne, useEffect as G, forwardRef as be, useMemo as pe, useCallback as xe, createContext as Ke, useId as dt, useContext as ut, Component as mt } from "react";
+import ce, { useState as O, useLayoutEffect as it, useRef as ne, useEffect as G, forwardRef as be, useMemo as pe, useCallback as xe, createContext as Ge, useId as dt, useContext as ut, Component as mt } from "react";
 import { jsxs as i, jsx as e, Fragment as ke } from "react/jsx-runtime";
 import * as ft from "lucide-react";
-import { VideoOff as ht, User as xt, MicOff as bt, Mic as gt, X as we, ChevronDown as Te, ExternalLink as pt, Calendar as vt, ChevronLeft as Ce, ChevronRight as $e, ChevronDownIcon as yt, Loader2 as Nt, Search as _e, Check as Oe, ChevronUp as wt, Ellipsis as kt, FileText as Le, HardDrive as Fe, ArrowLeft as Ct, FolderPlus as St, Upload as Et, Folder as Be, Trash2 as zt, Plus as Mt, Sparkles as Tt, ImageOff as $t, Pencil as _t, ArrowUpRight as Dt } from "lucide-react";
+import { VideoOff as ht, User as xt, MicOff as bt, Mic as gt, X as we, ChevronDown as Te, ExternalLink as pt, Calendar as vt, ChevronLeft as Ce, ChevronRight as $e, ChevronDownIcon as yt, Loader2 as Nt, Search as _e, Check as Fe, ChevronUp as wt, Ellipsis as kt, FileText as Le, HardDrive as Be, ArrowLeft as Ct, FolderPlus as St, Upload as Et, Folder as Re, Trash2 as zt, Plus as Mt, Sparkles as Tt, ImageOff as $t, Pencil as _t, ArrowUpRight as Dt } from "lucide-react";
 import At from "dompurify";
 import Lt from "react-markdown";
 import It from "remark-gfm";
 function c(...t) {
   return ct(t);
 }
-function Dn(t) {
+function Ln(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function An(t) {
+function In(t) {
   return (r) => t[r] || "";
 }
 function De(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
@@ -22,8 +22,8 @@ function De(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start
     const f = () => {
       const d = r.current;
       if (!d) return;
-      const v = d.getBoundingClientRect(), h = window.innerHeight - v.bottom, m = v.top, b = a.startsWith("top"), p = b ? m < 200 && h > m : h < 200 && m > h, w = b !== p, g = { position: "fixed" };
-      w ? (g.bottom = window.innerHeight - v.top + n, g.maxHeight = Math.max(120, m - n * 2)) : (g.top = v.bottom + n, g.maxHeight = Math.max(120, h - n * 2)), a.endsWith("end") ? g.right = window.innerWidth - v.right : g.left = v.left, s && (g.width = v.width), o(g);
+      const p = d.getBoundingClientRect(), h = window.innerHeight - p.bottom, u = p.top, b = a.startsWith("top"), v = b ? u < 200 && h > u : h < 200 && u > h, N = b !== v, g = { position: "fixed" };
+      N ? (g.bottom = window.innerHeight - p.top + n, g.maxHeight = Math.max(120, u - n * 2)) : (g.top = p.bottom + n, g.maxHeight = Math.max(120, h - n * 2)), a.endsWith("end") ? g.right = window.innerWidth - p.right : g.left = p.left, s && (g.width = p.width), o(g);
     };
     return f(), window.addEventListener("scroll", f, !0), window.addEventListener("resize", f), () => {
       window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
@@ -37,7 +37,7 @@ function jt(t) {
     r ^= t.charCodeAt(n), r = Math.imul(r, 16777619);
   return r >>> 0;
 }
-function Ge(t) {
+function Je(t) {
   const r = (t ?? "").trim().toLowerCase();
   return r ? jt(r) % Pt + 1 : 1;
 }
@@ -54,19 +54,19 @@ const Ot = {
   4: "bg-cat-4",
   5: "bg-cat-5"
 };
-function Je(t) {
-  return Ot[Ge(t)];
+function Ye(t) {
+  return Ot[Je(t)];
 }
-function Ln(t) {
-  return Ft[Ge(t)];
+function Pn(t) {
+  return Ft[Je(t)];
 }
-const Re = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
-function In(t) {
+const He = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
+function jn(t) {
   let r = 0;
   for (let n = 0; n < t.length; n++) r = r * 31 + t.charCodeAt(n) >>> 0;
-  return Re[r % Re.length];
+  return He[r % He.length];
 }
-function Pn({ tiles: t, pinned: r, className: n }) {
+function On({ tiles: t, pinned: r, className: n }) {
   if (r)
     return /* @__PURE__ */ i("div", { className: c("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 }),
@@ -75,7 +75,7 @@ function Pn({ tiles: t, pinned: r, className: n }) {
   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: c("grid gap-2 h-full", s, n), children: t.map((a, l) => /* @__PURE__ */ e("div", { children: a }, l)) });
 }
-function jn({
+function Fn({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -104,7 +104,7 @@ function jn({
     }
   );
 }
-function On({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
+function Bn({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
   const a = ne(null);
   return G(() => {
     if (!r || !a.current) return;
@@ -164,11 +164,11 @@ const Bt = {
     iconOnly: o = !1,
     shape: f = "default",
     className: d,
-    children: v,
+    children: p,
     disabled: h,
-    ...m
+    ...u
   }, b) => {
-    const p = h || s;
+    const v = h || s;
     return /* @__PURE__ */ i(
       "button",
       {
@@ -190,9 +190,9 @@ const Bt = {
           s && "cursor-wait",
           d
         ),
-        disabled: p,
+        disabled: v,
         "aria-busy": s || void 0,
-        ...m,
+        ...u,
         children: [
           s && /* @__PURE__ */ e(
             "span",
@@ -202,16 +202,16 @@ const Bt = {
             }
           ),
           !s && a && /* @__PURE__ */ e("span", { className: "flex items-center justify-center shrink-0", children: a }),
-          !o && v,
+          !o && p,
           !s && l && /* @__PURE__ */ e("span", { className: "flex items-center justify-center shrink-0", children: l }),
-          o && !s && !a && !l && v
+          o && !s && !a && !l && p
         ]
       }
     );
   }
 );
 le.displayName = "Button";
-const Fn = ({
+const Rn = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
@@ -242,7 +242,7 @@ const Fn = ({
   );
   return /* @__PURE__ */ e("div", { className: l, role: "group", children: t });
 };
-function Bn(t) {
+function Hn(t) {
   if (!t) return;
   const r = t.split(/[-_ ]/).filter(Boolean).map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(""), n = ft[r];
   return typeof n == "function" || typeof n == "object" && n !== null ? n : void 0;
@@ -267,7 +267,7 @@ const Vt = {
   "aria-label": o,
   ...f
 }) => {
-  const d = typeof r == "number" ? r : qt(r), v = c(
+  const d = typeof r == "number" ? r : qt(r), p = c(
     "inline-block shrink-0",
     Vt[n],
     s && [
@@ -278,14 +278,14 @@ const Vt = {
   ), h = {
     size: d,
     strokeWidth: 2,
-    className: v,
+    className: p,
     onClick: s ? a : void 0,
     "aria-label": o,
     "aria-hidden": o ? void 0 : !0,
     role: s ? "button" : void 0,
     tabIndex: s ? 0 : void 0,
-    onKeyDown: s ? (m) => {
-      (m.key === "Enter" || m.key === " ") && (m.preventDefault(), a?.());
+    onKeyDown: s ? (u) => {
+      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), a?.());
     } : void 0,
     ...f
   };
@@ -300,7 +300,7 @@ function qt(t) {
     xl: 24
   }[t];
 }
-const Ye = ({
+const Xe = ({
   trigger: t,
   children: r,
   placement: n = "bottom-start",
@@ -310,28 +310,28 @@ const Ye = ({
   disabled: o = !1,
   triggerLabel: f
 }) => {
-  const [d, v] = O(!1), h = ne(null), m = ne(null), b = De(d, m, { placement: n });
+  const [d, p] = O(!1), h = ne(null), u = ne(null), b = De(d, u, { placement: n });
   G(() => {
     if (!d) return;
     const g = (T) => {
-      h.current && !h.current.contains(T.target) && v(!1);
+      h.current && !h.current.contains(T.target) && p(!1);
     }, x = (T) => {
-      T.key === "Escape" && v(!1);
+      T.key === "Escape" && p(!1);
     };
     return document.addEventListener("mousedown", g), document.addEventListener("keydown", x), () => {
       document.removeEventListener("mousedown", g), document.removeEventListener("keydown", x);
     };
   }, [d]);
-  const p = (g) => {
-    g.stopPropagation(), !o && v((x) => !x);
-  }, w = () => v(!1);
+  const v = (g) => {
+    g.stopPropagation(), !o && p((x) => !x);
+  }, N = () => p(!1);
   return /* @__PURE__ */ i("div", { ref: h, className: c("relative inline-flex", a), children: [
     /* @__PURE__ */ e(
       "button",
       {
-        ref: m,
+        ref: u,
         type: "button",
-        onClick: p,
+        onClick: v,
         disabled: o,
         "aria-label": f,
         "aria-expanded": d,
@@ -353,7 +353,7 @@ const Ye = ({
           s
         ),
         style: b,
-        children: typeof r == "function" ? r(w) : r
+        children: typeof r == "function" ? r(N) : r
       }
     )
   ] });
@@ -389,29 +389,29 @@ function Gt({
   caret: o = !1,
   menu: f,
   menuClassName: d,
-  onClear: v,
+  onClear: p,
   clearLabel: h = "Filter wissen",
-  onClick: m,
+  onClick: u,
   title: b,
-  className: p
+  className: v
 }) {
-  const w = l && !!v, g = s === "pill" ? "rounded-full" : "rounded-md", x = Wt({ active: l, tone: n, shape: s, size: a, className: p }), T = /* @__PURE__ */ i(ke, { children: [
+  const N = l && !!p, g = s === "pill" ? "rounded-full" : "rounded-md", x = Wt({ active: l, tone: n, shape: s, size: a, className: v }), T = /* @__PURE__ */ i(ke, { children: [
     r,
     t,
     o && /* @__PURE__ */ e(Z, { icon: Te, size: "xs" })
-  ] }), C = Kt({ shape: s, withClear: w }), q = w && /* @__PURE__ */ e(
+  ] }), C = Kt({ shape: s, withClear: N }), q = N && /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       "aria-label": h,
-      onClick: v,
+      onClick: p,
       className: c("inline-flex h-full items-center pr-3 focus-visible:outline-none focus-visible:focus-ring", g),
       children: /* @__PURE__ */ e(Z, { icon: we, size: "xs" })
     }
   );
   return f ? /* @__PURE__ */ i("span", { className: x, title: b, children: [
     /* @__PURE__ */ e(
-      Ye,
+      Xe,
       {
         trigger: T,
         rootClassName: "h-full",
@@ -421,10 +421,10 @@ function Gt({
       }
     ),
     q
-  ] }) : w ? /* @__PURE__ */ i("span", { className: x, title: b, children: [
-    /* @__PURE__ */ e("button", { type: "button", onClick: m, className: C, children: T }),
+  ] }) : N ? /* @__PURE__ */ i("span", { className: x, title: b, children: [
+    /* @__PURE__ */ e("button", { type: "button", onClick: u, className: C, children: T }),
     q
-  ] }) : /* @__PURE__ */ e("button", { type: "button", title: b, onClick: m, className: c(x, C), children: T });
+  ] }) : /* @__PURE__ */ e("button", { type: "button", title: b, onClick: u, className: c(x, C), children: T });
 }
 const Jt = {
   xs: "text-xs",
@@ -450,7 +450,7 @@ const Jt = {
   warning: "bg-warning-soft",
   error: "bg-danger-soft",
   info: "bg-info-soft"
-}, Rn = ({
+}, Vn = ({
   variant: t = "default",
   size: r = "md",
   color: n = "primary",
@@ -460,10 +460,10 @@ const Jt = {
   children: o,
   href: f,
   target: d,
-  rel: v,
+  rel: p,
   ...h
 }) => {
-  const m = a || f && (f.startsWith("http") || f.startsWith("mailto:")), b = c(
+  const u = a || f && (f.startsWith("http") || f.startsWith("mailto:")), b = c(
     "inline-flex items-center gap-1 underline-offset-2",
     "transition-colors duration-fast ease-out",
     "focus-visible:outline-none focus-visible:focus-ring",
@@ -477,16 +477,16 @@ const Jt = {
     ],
     s && "pointer-events-none cursor-not-allowed text-text-disabled opacity-50",
     l
-  ), p = {
+  ), v = {
     ...h,
     href: s ? void 0 : f,
-    target: m ? "_blank" : d,
-    rel: m ? "noopener noreferrer" : v,
+    target: u ? "_blank" : d,
+    rel: u ? "noopener noreferrer" : p,
     "aria-disabled": s || void 0
   };
-  return /* @__PURE__ */ i("a", { className: b, ...p, children: [
+  return /* @__PURE__ */ i("a", { className: b, ...v, children: [
     o,
-    m && /* @__PURE__ */ e(pt, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
+    u && /* @__PURE__ */ e(pt, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
   ] });
 }, Zt = {
   sm: "h-control-sm px-3 text-sm",
@@ -514,12 +514,12 @@ function Qt({
         o
       ),
       children: t.map((d) => {
-        const v = d.value === r;
+        const p = d.value === r;
         return /* @__PURE__ */ e(
           "button",
           {
             role: "tab",
-            "aria-selected": v,
+            "aria-selected": p,
             type: "button",
             onClick: () => n(d.value),
             className: c(
@@ -528,7 +528,7 @@ function Qt({
               "focus-visible:outline-none focus-visible:focus-ring",
               l && "min-w-0 flex-1",
               Zt[s],
-              v ? "bg-surface text-text font-medium shadow-sm" : "text-text-muted hover:text-text"
+              p ? "bg-surface text-text font-medium shadow-sm" : "text-text-muted hover:text-text"
             ),
             children: d.label
           },
@@ -546,7 +546,7 @@ const er = {
   sm: "h-control-sm w-7",
   md: "h-control-md w-8"
 };
-function Xe({
+function Ze({
   label: t,
   onClick: r,
   variant: n = "primary",
@@ -556,9 +556,9 @@ function Xe({
   disabled: o = !1,
   loading: f = !1,
   menuPlacement: d = "bottom-end",
-  menuLabel: v = "More options"
+  menuLabel: p = "More options"
 }) {
-  const h = o || f, m = l.length > 0;
+  const h = o || f, u = l.length > 0;
   return (
     // De scheiding tussen beide helften is een kier in de vulling, niet een
     // lijn: bij een ink-gevulde knop leest 2px als een spleet. 1px is genoeg
@@ -574,16 +574,16 @@ function Xe({
           disabled: o,
           loading: f,
           leftIcon: a,
-          className: c(m && "rounded-r-none"),
+          className: c(u && "rounded-r-none"),
           children: t
         }
       ),
-      m && /* @__PURE__ */ e(
-        Ye,
+      u && /* @__PURE__ */ e(
+        Xe,
         {
           placement: d,
           disabled: h,
-          triggerLabel: v,
+          triggerLabel: p,
           className: "min-w-menu py-1",
           trigger: /* @__PURE__ */ e(
             "span",
@@ -599,25 +599,25 @@ function Xe({
               children: /* @__PURE__ */ e(Te, { className: "size-icon-md" })
             }
           ),
-          children: (b) => /* @__PURE__ */ e(ke, { children: l.map((p) => /* @__PURE__ */ i(
+          children: (b) => /* @__PURE__ */ e(ke, { children: l.map((v) => /* @__PURE__ */ i(
             "button",
             {
               type: "button",
               onClick: () => {
-                p.onClick(), b();
+                v.onClick(), b();
               },
               className: c(
                 "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
                 "transition-colors duration-fast ease-out",
                 "focus-visible:outline-none focus-visible:focus-ring",
-                p.variant === "destructive" ? "text-danger-fg hover:bg-danger-soft" : "text-text hover:bg-surface-hover"
+                v.variant === "destructive" ? "text-danger-fg hover:bg-danger-soft" : "text-text hover:bg-surface-hover"
               ),
               children: [
-                p.icon && /* @__PURE__ */ e("span", { className: "shrink-0", children: p.icon }),
-                p.label
+                v.icon && /* @__PURE__ */ e("span", { className: "shrink-0", children: v.icon }),
+                v.label
               ]
             },
-            p.id
+            v.id
           )) })
         }
       )
@@ -650,16 +650,16 @@ const rr = {
     labelClassName: o,
     className: f,
     id: d,
-    ...v
+    ...p
   }, h) => {
-    const m = ce.useId(), b = d || `checkbox-${m}`, p = !!n, w = ce.useRef(null), g = ce.useCallback(
+    const u = ce.useId(), b = d || `checkbox-${u}`, v = !!n, N = ce.useRef(null), g = ce.useCallback(
       (x) => {
-        w.current = x, typeof h == "function" ? h(x) : h && typeof h == "object" && (h.current = x);
+        N.current = x, typeof h == "function" ? h(x) : h && typeof h == "object" && (h.current = x);
       },
       [h]
     );
     return ce.useEffect(() => {
-      w.current && (w.current.indeterminate = a);
+      N.current && (N.current.indeterminate = a);
     }, [a]), /* @__PURE__ */ i("div", { className: c("flex flex-col", l), children: [
       /* @__PURE__ */ i("div", { className: c("flex items-center gap-3", nr[s]), children: [
         /* @__PURE__ */ e(
@@ -668,7 +668,7 @@ const rr = {
             ref: g,
             id: b,
             type: "checkbox",
-            "aria-invalid": p || void 0,
+            "aria-invalid": v || void 0,
             className: c(
               // radius-xs (5px): its own step on the scale. At 16px the 9px
               // button radius reads as a circle and the 7px chip radius still
@@ -679,10 +679,10 @@ const rr = {
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover",
               rr[s],
-              p ? "border-danger-border" : "border-border-strong",
+              v ? "border-danger-border" : "border-border-strong",
               f
             ),
-            ...v
+            ...p
           }
         ),
         t && /* @__PURE__ */ i("div", { className: "flex-1", children: [
@@ -692,7 +692,7 @@ const rr = {
               htmlFor: b,
               className: c(
                 "cursor-pointer",
-                p ? "text-danger-fg" : "text-text",
+                v ? "text-danger-fg" : "text-text",
                 sr[s],
                 o
               ),
@@ -717,49 +717,49 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
   className: o,
   minDate: f,
   maxDate: d,
-  format: v = "MM/dd/yyyy",
+  format: p = "MM/dd/yyyy",
   withTime: h = !1
-}, m) => {
-  const [b, p] = O(!1), [w, g] = O(() => t || /* @__PURE__ */ new Date()), x = ne(null), T = ne(null), C = De(b, T);
+}, u) => {
+  const [b, v] = O(!1), [N, g] = O(() => t || /* @__PURE__ */ new Date()), x = ne(null), T = ne(null), C = De(b, T);
   G(() => {
-    const u = (E) => {
-      x.current && !x.current.contains(E.target) && p(!1);
+    const m = (E) => {
+      x.current && !x.current.contains(E.target) && v(!1);
     };
-    return b && document.addEventListener("mousedown", u), () => {
-      document.removeEventListener("mousedown", u);
+    return b && document.addEventListener("mousedown", m), () => {
+      document.removeEventListener("mousedown", m);
     };
   }, [b]);
-  const q = (u) => {
-    if (!u) return "";
-    const E = u.getDate().toString().padStart(2, "0"), y = (u.getMonth() + 1).toString().padStart(2, "0"), A = u.getFullYear(), N = v === "dd/MM/yyyy" ? `${E}/${y}/${A}` : v === "yyyy-MM-dd" ? `${A}-${y}-${E}` : `${y}/${E}/${A}`;
-    return h ? `${N} ${D(u)}` : N;
-  }, D = (u) => `${u.getHours().toString().padStart(2, "0")}:${u.getMinutes().toString().padStart(2, "0")}`, J = (u) => {
-    const [E, y] = u.split(":").map(Number);
+  const q = (m) => {
+    if (!m) return "";
+    const E = m.getDate().toString().padStart(2, "0"), y = (m.getMonth() + 1).toString().padStart(2, "0"), A = m.getFullYear(), w = p === "dd/MM/yyyy" ? `${E}/${y}/${A}` : p === "yyyy-MM-dd" ? `${A}-${y}-${E}` : `${y}/${E}/${A}`;
+    return h ? `${w} ${D(m)}` : w;
+  }, D = (m) => `${m.getHours().toString().padStart(2, "0")}:${m.getMinutes().toString().padStart(2, "0")}`, J = (m) => {
+    const [E, y] = m.split(":").map(Number);
     if (Number.isNaN(E) || Number.isNaN(y)) return;
     const A = t ? new Date(t) : /* @__PURE__ */ new Date();
     A.setHours(E, y, 0, 0), r?.(A);
   }, V = () => {
-    const u = w.getFullYear(), E = w.getMonth(), y = new Date(u, E, 1), A = new Date(y);
+    const m = N.getFullYear(), E = N.getMonth(), y = new Date(m, E, 1), A = new Date(y);
     A.setDate(A.getDate() - y.getDay());
-    const N = [], W = new Date(A);
+    const w = [], W = new Date(A);
     for (let se = 0; se < 42; se++)
-      N.push(new Date(W)), W.setDate(W.getDate() + 1);
-    return N;
-  }, I = (u) => {
-    if (u.getMonth() === w.getMonth() && !(f && u < f) && !(d && u > d)) {
+      w.push(new Date(W)), W.setDate(W.getDate() + 1);
+    return w;
+  }, I = (m) => {
+    if (m.getMonth() === N.getMonth() && !(f && m < f) && !(d && m > d)) {
       if (h) {
-        const y = new Date(u);
+        const y = new Date(m);
         y.setHours(t?.getHours() ?? 0, t?.getMinutes() ?? 0, 0, 0), r?.(y);
         return;
       }
-      r?.(u), p(!1);
+      r?.(m), v(!1);
     }
   }, H = () => {
-    g(new Date(w.getFullYear(), w.getMonth() - 1, 1));
+    g(new Date(N.getFullYear(), N.getMonth() - 1, 1));
   }, te = () => {
-    g(new Date(w.getFullYear(), w.getMonth() + 1, 1));
+    g(new Date(N.getFullYear(), N.getMonth() + 1, 1));
   }, Y = () => {
-    r?.(null), p(!1);
+    r?.(null), v(!1);
   }, K = c(
     "w-full border border-border-strong rounded-tile transition-colors duration-fast",
     "bg-surface text-text",
@@ -792,14 +792,14 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
       /* @__PURE__ */ e(
         "input",
         {
-          ref: m,
+          ref: u,
           type: "text",
           value: q(t ?? null),
           placeholder: n,
           disabled: s,
           required: a,
           readOnly: !0,
-          onClick: () => !s && p(!b),
+          onClick: () => !s && v(!b),
           className: c(K, "pr-10 cursor-pointer")
         }
       ),
@@ -807,7 +807,7 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
         "button",
         {
           type: "button",
-          onClick: () => !s && p(!b),
+          onClick: () => !s && v(!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(ar, {})
@@ -825,9 +825,9 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
           }
         ),
         /* @__PURE__ */ i("h3", { className: "text-sm font-medium text-text", children: [
-          k[w.getMonth()],
+          k[N.getMonth()],
           " ",
-          w.getFullYear()
+          N.getFullYear()
         ] }),
         /* @__PURE__ */ e(
           "button",
@@ -838,24 +838,24 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((u) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted text-center py-1", children: u }, u)) }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: ie.map((u, E) => {
-        const y = u.getMonth() === w.getMonth(), A = t && u.toDateString() === t.toDateString(), N = u.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), W = !y || f && u < f || d && u > d;
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((m) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted text-center py-1", children: m }, m)) }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: ie.map((m, E) => {
+        const y = m.getMonth() === N.getMonth(), A = t && m.toDateString() === t.toDateString(), w = m.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), W = !y || f && m < f || d && m > d;
         return /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => !W && I(u),
+            onClick: () => !W && I(m),
             disabled: W,
             className: c(
               "w-8 h-8 text-sm rounded transition-colors duration-fast",
               {
                 "text-text hover:bg-surface-hover": y && !A && !W,
                 "bg-accent text-accent-fg": A,
-                "bg-surface-hover text-text": N && !A,
+                "bg-surface-hover text-text": w && !A,
                 "text-text-muted cursor-not-allowed": W
               }
             ),
-            children: u.getDate()
+            children: m.getDate()
           },
           E
         );
@@ -868,7 +868,7 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
             id: "datepicker-time",
             type: "time",
             value: t ? D(t) : "",
-            onChange: (u) => J(u.target.value),
+            onChange: (m) => J(m.target.value),
             className: "h-control-sm rounded-md border border-border bg-surface-input px-2 text-sm text-text focus-visible:outline-none focus-visible:focus-ring"
           }
         )
@@ -885,7 +885,7 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => p(!1),
+            onClick: () => v(!1),
             className: "text-sm text-info-fg hover:underline",
             children: "Close"
           }
@@ -909,18 +909,18 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
     options: o,
     placeholder: f,
     containerClassName: d,
-    labelClassName: v,
+    labelClassName: p,
     className: h,
-    id: m,
+    id: u,
     searchable: b,
-    multiple: p,
-    value: w,
+    multiple: v,
+    value: N,
     onChange: g,
     allowCreate: x,
     onCreateOption: T,
     ...C
   }, q) => {
-    const D = m || `select-${Math.random().toString(36).substr(2, 9)}`, J = !!n, [V, I] = ce.useState(!1), [H, te] = ce.useState(""), Y = ce.useRef(null), K = ce.useRef(null), ie = De(V, K, { matchWidth: !0 }), [k, u] = ce.useState(o);
+    const D = u || `select-${Math.random().toString(36).substr(2, 9)}`, J = !!n, [V, I] = ce.useState(!1), [H, te] = ce.useState(""), Y = ce.useRef(null), K = ce.useRef(null), ie = De(V, K, { matchWidth: !0 }), [k, m] = ce.useState(o);
     ce.useImperativeHandle(q, () => Y.current), ce.useEffect(() => {
       const $ = (_) => {
         Y.current && !Y.current.contains(_.target) && I(!1);
@@ -943,21 +943,21 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
       [E]
     );
     ce.useEffect(() => {
-      u(($) => {
+      m(($) => {
         const _ = [...o];
         return $.forEach((z) => {
           !E(_, z.value) && !E(_, z.label) && _.push(z);
-        }), y(_, w);
+        }), y(_, N);
       });
-    }, [o, w, y, E]);
+    }, [o, N, y, E]);
     const A = ($) => {
-      if (p) {
-        const _ = Array.isArray(w) ? w : [], z = _.includes($) ? _.filter((F) => F !== $) : [..._, $];
+      if (v) {
+        const _ = Array.isArray(N) ? N : [], z = _.includes($) ? _.filter((F) => F !== $) : [..._, $];
         g?.(z);
       } else
         g?.($), I(!1), te("");
-    }, N = p ? null : k.find(($) => $.value === w), W = p ? k.filter(
-      ($) => Array.isArray(w) && w.includes($.value)
+    }, w = v ? null : k.find(($) => $.value === N), W = v ? k.filter(
+      ($) => Array.isArray(N) && N.includes($.value)
     ) : [], se = b && H ? k.filter(
       ($) => $.label.toLowerCase().includes(H.toLowerCase())
     ) : k, ee = !!x && !!b && !!H.trim() && !E(k, H), X = ($) => {
@@ -968,11 +968,11 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
         label: _
       };
       if (E(k, z.value) || E(k, z.label)) {
-        A(z.value), te(""), p || I(!1);
+        A(z.value), te(""), v || I(!1);
         return;
       }
-      u((F) => [...F, z]), A(z.value), te(""), p || I(!1);
-    }, P = () => p ? W.length > 0 ? W.map(($) => $.label).join(", ") : f || "Select options" : N?.label || f || "Select an option";
+      m((F) => [...F, z]), A(z.value), te(""), v || I(!1);
+    }, P = () => v ? W.length > 0 ? W.map(($) => $.label).join(", ") : f || "Select options" : w?.label || f || "Select an option";
     return /* @__PURE__ */ i(
       "div",
       {
@@ -992,7 +992,7 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
               className: c(
                 "block text-xs font-semibold uppercase tracking-label mb-1.5",
                 J ? "text-danger-fg" : "text-text-muted",
-                v
+                p
               ),
               children: t
             }
@@ -1063,7 +1063,7 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
                 }
               ),
               /* @__PURE__ */ i("ul", { className: "min-h-0 flex-1 overflow-auto py-1", children: [
-                f && !p && /* @__PURE__ */ e(
+                f && !v && /* @__PURE__ */ e(
                   "li",
                   {
                     className: "cursor-pointer px-3 py-1.5 text-sm text-text-muted hover:bg-surface-hover",
@@ -1074,7 +1074,7 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
                   }
                 ),
                 se.map(($) => {
-                  const _ = p ? Array.isArray(w) && w.includes($.value) : w === $.value;
+                  const _ = v ? Array.isArray(N) && N.includes($.value) : N === $.value;
                   return /* @__PURE__ */ e(
                     "li",
                     {
@@ -1086,7 +1086,7 @@ const ar = () => /* @__PURE__ */ e(Z, { icon: vt, size: "md", color: "current" }
                         _ && "bg-accent-soft text-accent font-semibold"
                       ),
                       children: /* @__PURE__ */ i("div", { className: "flex items-center", children: [
-                        p && /* @__PURE__ */ e(
+                        v && /* @__PURE__ */ e(
                           "input",
                           {
                             type: "checkbox",
@@ -1125,7 +1125,7 @@ const ir = {
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
   full: "h-control-md px-3 text-base"
-}, Ze = "mb-1.5 block text-sm font-medium", Qe = "block w-full rounded-tile border bg-surface-input text-text transition-colors duration-fast ease-out placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled", et = (t) => t ? "border-danger-border bg-danger-soft" : "border-border-strong", Ne = be(
+}, Qe = "mb-1.5 block text-sm font-medium", et = "block w-full rounded-tile border bg-surface-input text-text transition-colors duration-fast ease-out placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled", tt = (t) => t ? "border-danger-border bg-danger-soft" : "border-border-strong", Ne = be(
   ({
     label: t,
     helperText: r,
@@ -1136,21 +1136,21 @@ const ir = {
     endIcon: o,
     loading: f = !1,
     containerClassName: d,
-    labelClassName: v,
+    labelClassName: p,
     className: h,
-    id: m,
+    id: u,
     ...b
-  }, p) => {
-    const w = ce.useId(), g = m || `textfield-${w}`, x = !!n, T = n || r ? `${g}-description` : void 0;
+  }, v) => {
+    const N = ce.useId(), g = u || `textfield-${N}`, x = !!n, T = n || r ? `${g}-description` : void 0;
     return /* @__PURE__ */ i("div", { className: c("flex flex-col", a && "w-full", d), children: [
       t && /* @__PURE__ */ e(
         "label",
         {
           htmlFor: g,
           className: c(
-            Ze,
+            Qe,
             x ? "text-danger-fg" : "text-text-muted",
-            v
+            p
           ),
           children: t
         }
@@ -1160,16 +1160,16 @@ const ir = {
         /* @__PURE__ */ e(
           "input",
           {
-            ref: p,
+            ref: v,
             id: g,
             "aria-invalid": x || void 0,
             "aria-describedby": T,
             className: c(
-              Qe,
+              et,
               ir[s],
               l && "pl-9",
               (o || f) && "pr-9",
-              et(x),
+              tt(x),
               h
             ),
             ...b
@@ -1205,14 +1205,14 @@ function dr({
   templatePlaceholder: o,
   showTemplate: f = !0
 }) {
-  const [d, v] = O([]);
+  const [d, p] = O([]);
   G(() => {
-    let m = !0;
+    let u = !0;
     return Promise.resolve(n?.()).then((b) => {
-      m && b && v(b.data ?? []);
+      u && b && p(b.data ?? []);
     }).catch(() => {
     }), () => {
-      m = !1;
+      u = !1;
     };
   }, []);
   const h = t ?? {};
@@ -1223,9 +1223,9 @@ function dr({
         size: a,
         fullWidth: !0,
         value: h.folderId ?? "",
-        options: d.map((m) => ({ value: m.id, label: m.name })),
+        options: d.map((u) => ({ value: u.id, label: u.name })),
         placeholder: l ?? "Select a folder",
-        onChange: (m) => r?.({ ...h, folderId: m })
+        onChange: (u) => r?.({ ...h, folderId: u })
       }
     ),
     f && /* @__PURE__ */ e(
@@ -1235,7 +1235,7 @@ function dr({
         disabled: s ?? !1,
         value: h.pathTemplate ?? "",
         placeholder: o ?? "Sub-path e.g. {yyyy}/{mm}/{dd} (optional)",
-        onChange: (m) => r?.({ ...h, pathTemplate: m.target.value })
+        onChange: (u) => r?.({ ...h, pathTemplate: u.target.value })
       }
     )
   ] });
@@ -1261,28 +1261,28 @@ const ve = (...t) => t.filter(Boolean).join(" "), ur = (t) => /* @__PURE__ */ e(
     loading: o = !1,
     containerClassName: f,
     labelClassName: d,
-    className: v,
+    className: p,
     id: h,
-    options: m,
+    options: u,
     onRemoteSearch: b,
-    onSelect: p,
-    debounceTime: w = 500,
+    onSelect: v,
+    debounceTime: N = 500,
     showAllOnOpen: g = !1,
     value: x,
     onChange: T,
     ...C
   }, q) => {
-    const D = h || `searchfield-${Math.random().toString(36).substr(2, 9)}`, J = !!n, V = ne(null), I = ne(null), [H, te] = O(x || ""), [Y, K] = O(!1), [ie, k] = O(!1), [u, E] = O(!1);
+    const D = h || `searchfield-${Math.random().toString(36).substr(2, 9)}`, J = !!n, V = ne(null), I = ne(null), [H, te] = O(x || ""), [Y, K] = O(!1), [ie, k] = O(!1), [m, E] = O(!1);
     G(() => {
       x !== void 0 && te(x);
     }, [x]);
     const y = pe(() => {
-      if (g && !u || !H) return m;
+      if (g && !m || !H) return u;
       const P = String(H).toLowerCase();
-      return m.filter(
+      return u.filter(
         ($) => String($.label).toLowerCase().includes(P)
       );
-    }, [H, m, g, u]);
+    }, [H, u, g, m]);
     G(() => {
       if (!b || !H) {
         k(!1);
@@ -1297,11 +1297,11 @@ const ve = (...t) => t.filter(Boolean).join(" "), ur = (t) => /* @__PURE__ */ e(
         } finally {
           k(!1);
         }
-      }, w);
+      }, N);
       return () => {
         clearTimeout(P), k(!1);
       };
-    }, [H, w, b]), G(() => {
+    }, [H, N, b]), G(() => {
       const P = ($) => {
         V.current && !V.current.contains($.target) && K(!1);
       };
@@ -1310,10 +1310,10 @@ const ve = (...t) => t.filter(Boolean).join(" "), ur = (t) => /* @__PURE__ */ e(
     const A = (P) => {
       const $ = P.target.value;
       te($), K(!0), E(!0), T && T(P);
-    }, N = (P) => {
-      te(P.label), K(!1), E(!1), p && p(P.value);
+    }, w = (P) => {
+      te(P.label), K(!1), E(!1), v && v(P.value);
     }, W = () => {
-      (m.length > 0 || b) && (K(!0), E(!1));
+      (u.length > 0 || b) && (K(!0), E(!1));
     }, se = o || ie, ee = Y && (y.length > 0 || se), X = pe(() => q || I, [q]);
     return /* @__PURE__ */ i(
       "div",
@@ -1361,7 +1361,7 @@ const ve = (...t) => t.filter(Boolean).join(" "), ur = (t) => /* @__PURE__ */ e(
                   // Altijd padding rechts voor de dropdown/loading icon
                   // State styles
                   J ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
-                  v || ""
+                  p || ""
                 ),
                 ...C
               }
@@ -1401,7 +1401,7 @@ const ve = (...t) => t.filter(Boolean).join(" "), ur = (t) => /* @__PURE__ */ e(
                 "li",
                 {
                   className: "px-4 py-2 cursor-pointer text-text hover:bg-accent-soft hover:text-accent transition-colors",
-                  onClick: () => N(P),
+                  onClick: () => w(P),
                   role: "option",
                   "aria-selected": H === P.label,
                   children: P.label
@@ -1430,7 +1430,7 @@ const ve = (...t) => t.filter(Boolean).join(" "), ur = (t) => /* @__PURE__ */ e(
   }
 );
 hr.displayName = "SearchableTextField";
-const tt = be(
+const rt = be(
   ({
     value: t,
     onValueChange: r,
@@ -1441,7 +1441,7 @@ const tt = be(
     className: o,
     disabled: f,
     ...d
-  }, v) => /* @__PURE__ */ i(
+  }, p) => /* @__PURE__ */ i(
     "div",
     {
       className: c(
@@ -1459,7 +1459,7 @@ const tt = be(
         /* @__PURE__ */ e(
           "input",
           {
-            ref: v,
+            ref: p,
             type: "search",
             value: t,
             disabled: f,
@@ -1494,7 +1494,7 @@ const tt = be(
     }
   )
 );
-tt.displayName = "SearchField";
+rt.displayName = "SearchField";
 const xr = be(
   ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...l }, o) => {
     const f = /* @__PURE__ */ e(
@@ -1560,62 +1560,62 @@ const br = ({
   showCheck: f = !0,
   header: d
 }) => {
-  const [v, h] = O(!1), [m, b] = O(null), [p, w] = O({ top: 0, left: 0 }), g = ne(null), x = ne(null), T = ne(null), C = ne(null), q = De(v, x, { placement: a }), D = ne(null), J = () => Array.from(
+  const [p, h] = O(!1), [u, b] = O(null), [v, N] = O({ top: 0, left: 0 }), g = ne(null), x = ne(null), T = ne(null), C = ne(null), q = De(p, x, { placement: a }), D = ne(null), J = () => Array.from(
     C.current?.querySelectorAll("button[data-option-value]:not(:disabled)") ?? []
   );
   G(() => {
-    v && J()[0]?.focus();
-  }, [v]);
-  const V = (u) => {
-    if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(u.key)) return;
+    p && J()[0]?.focus();
+  }, [p]);
+  const V = (m) => {
+    if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(m.key)) return;
     const y = J();
     if (y.length === 0) return;
-    u.preventDefault();
-    const A = y.indexOf(document.activeElement), N = u.key === "Home" ? 0 : u.key === "End" ? y.length - 1 : u.key === "ArrowDown" ? (A + 1) % y.length : (A - 1 + y.length) % y.length;
-    y[N]?.focus();
+    m.preventDefault();
+    const A = y.indexOf(document.activeElement), w = m.key === "Home" ? 0 : m.key === "End" ? y.length - 1 : m.key === "ArrowDown" ? (A + 1) % y.length : (A - 1 + y.length) % y.length;
+    y[w]?.focus();
   };
   G(() => {
-    const u = (E) => {
+    const m = (E) => {
       g.current && (!g.current.contains(E.target) || T.current && !T.current.contains(E.target)) && (h(!1), b(null), D.current && (clearTimeout(D.current), D.current = null));
     };
-    return v && document.addEventListener("mousedown", u), () => {
-      document.removeEventListener("mousedown", u);
+    return p && document.addEventListener("mousedown", m), () => {
+      document.removeEventListener("mousedown", m);
     };
-  }, [v]), G(() => {
-    const u = (E) => {
+  }, [p]), G(() => {
+    const m = (E) => {
       E.key === "Escape" && (h(!1), b(null), x.current?.focus(), D.current && (clearTimeout(D.current), D.current = null));
     };
-    return v && document.addEventListener("keydown", u), () => {
-      document.removeEventListener("keydown", u);
+    return p && document.addEventListener("keydown", m), () => {
+      document.removeEventListener("keydown", m);
     };
-  }, [v]), G(() => {
-    if (m && g.current) {
-      const u = g.current.querySelector(
-        `[data-option-value="${m}"]`
+  }, [p]), G(() => {
+    if (u && g.current) {
+      const m = g.current.querySelector(
+        `[data-option-value="${u}"]`
       );
-      if (u) {
-        const E = u.getBoundingClientRect();
-        w({
+      if (m) {
+        const E = m.getBoundingClientRect();
+        N({
           top: E.top,
           left: E.right + 8
         });
       }
     }
-  }, [m]), G(() => () => {
+  }, [u]), G(() => () => {
     D.current && clearTimeout(D.current);
   }, []);
-  const I = (u) => {
-    u.stopPropagation(), !l && (h(!v), b(null), D.current && (clearTimeout(D.current), D.current = null));
-  }, H = (u, E, y) => {
-    u.stopPropagation(), !E.disabled && !E.divider && (!E.children || E.children.length === 0) && (s?.(E.value, y), h(!1), b(null));
-  }, te = (u) => {
-    D.current && (clearTimeout(D.current), D.current = null), u.children && u.children.length > 0 ? b(u.value) : b(null);
-  }, Y = (u) => {
-    u.children && u.children.length > 0 ? D.current = setTimeout(() => {
+  const I = (m) => {
+    m.stopPropagation(), !l && (h(!p), b(null), D.current && (clearTimeout(D.current), D.current = null));
+  }, H = (m, E, y) => {
+    m.stopPropagation(), !E.disabled && !E.divider && (!E.children || E.children.length === 0) && (s?.(E.value, y), h(!1), b(null));
+  }, te = (m) => {
+    D.current && (clearTimeout(D.current), D.current = null), m.children && m.children.length > 0 ? b(m.value) : b(null);
+  }, Y = (m) => {
+    m.children && m.children.length > 0 ? D.current = setTimeout(() => {
       b(null);
     }, 150) : b(null);
-  }, K = (u, E, y) => {
-    u.stopPropagation(), !E.disabled && !E.divider && (s?.(E.value, y), h(!1), b(null));
+  }, K = (m, E, y) => {
+    m.stopPropagation(), !E.disabled && !E.divider && (s?.(E.value, y), h(!1), b(null));
   }, ie = c(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
     "max-h-60 overflow-auto"
@@ -1639,17 +1639,17 @@ const br = ({
             onClick: I,
             disabled: l,
             "aria-haspopup": "menu",
-            "aria-expanded": v,
+            "aria-expanded": p,
             className: c("inline-flex items-center justify-center", {
               "opacity-50 cursor-not-allowed": l
             }),
             children: t
           }
         ),
-        v && /* @__PURE__ */ e("div", { ref: C, className: ie, style: q, onKeyDown: V, children: /* @__PURE__ */ i("div", { className: "p-2", role: "menu", children: [
+        p && /* @__PURE__ */ e("div", { ref: C, className: ie, style: q, onKeyDown: V, children: /* @__PURE__ */ i("div", { className: "p-2", role: "menu", children: [
           d && (typeof d == "string" ? /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted uppercase tracking-label px-3 py-2", children: d }) : d),
-          r.map((u, E) => {
-            if (u.divider)
+          r.map((m, E) => {
+            if (m.divider)
               return /* @__PURE__ */ e(
                 "div",
                 {
@@ -1657,35 +1657,35 @@ const br = ({
                 },
                 `divider-${E}`
               );
-            const y = u.children && u.children.length > 0, A = m === u.value;
+            const y = m.children && m.children.length > 0, A = u === m.value;
             return /* @__PURE__ */ i("div", { className: "relative group", children: [
               /* @__PURE__ */ i(
                 "button",
                 {
-                  "data-option-value": u.value,
+                  "data-option-value": m.value,
                   role: "menuitem",
                   "aria-haspopup": y ? "menu" : void 0,
-                  onClick: (N) => H(N, u),
-                  onMouseEnter: () => te(u),
-                  onMouseLeave: () => Y(u),
-                  disabled: u.disabled,
+                  onClick: (w) => H(w, m),
+                  onMouseEnter: () => te(m),
+                  onMouseLeave: () => Y(m),
+                  disabled: m.disabled,
                   className: c(
                     "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": u.disabled,
+                      "opacity-50 cursor-not-allowed": m.disabled,
                       "bg-surface-hover": A && y
                     }
                   ),
                   children: [
                     /* @__PURE__ */ i("div", { className: "flex items-center space-x-2 min-w-0", children: [
-                      u.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: u.icon }),
+                      m.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: m.icon }),
                       /* @__PURE__ */ i("div", { className: "flex flex-col items-start min-w-0", children: [
-                        /* @__PURE__ */ e("span", { className: "font-base truncate", children: u.label }),
-                        u.description && /* @__PURE__ */ e("span", { className: "text-xs text-text-muted", children: u.description })
+                        /* @__PURE__ */ e("span", { className: "font-base truncate", children: m.label }),
+                        m.description && /* @__PURE__ */ e("span", { className: "text-xs text-text-muted", children: m.description })
                       ] })
                     ] }),
                     /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
-                      f && n === u.value && /* @__PURE__ */ e(Oe, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 }),
+                      f && n === m.value && /* @__PURE__ */ e(Fe, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 }),
                       y && /* @__PURE__ */ e("span", { className: "text-text-muted text-xs", children: "▶" })
                     ] })
                   ]
@@ -1697,19 +1697,19 @@ const br = ({
                   ref: T,
                   className: k,
                   style: {
-                    top: `${p.top}px`,
-                    left: `${p.left}px`
+                    top: `${v.top}px`,
+                    left: `${v.left}px`
                   },
                   onMouseEnter: () => {
-                    D.current && (clearTimeout(D.current), D.current = null), b(u.value);
+                    D.current && (clearTimeout(D.current), D.current = null), b(m.value);
                   },
                   onMouseLeave: () => {
                     D.current = setTimeout(() => {
                       b(null);
                     }, 150);
                   },
-                  children: /* @__PURE__ */ e("div", { className: "p-2", children: u.children.map((N, W) => {
-                    if (N.divider)
+                  children: /* @__PURE__ */ e("div", { className: "p-2", children: m.children.map((w, W) => {
+                    if (w.divider)
                       return /* @__PURE__ */ e(
                         "div",
                         {
@@ -1717,50 +1717,50 @@ const br = ({
                         },
                         `divider-${W}`
                       );
-                    const se = typeof n == "object" && n[u.value] && n[u.value].includes(
-                      N.value
-                    ) || n === N.value;
+                    const se = typeof n == "object" && n[m.value] && n[m.value].includes(
+                      w.value
+                    ) || n === w.value;
                     return /* @__PURE__ */ i(
                       "button",
                       {
                         onClick: (ee) => K(
                           ee,
-                          N,
-                          u.value
+                          w,
+                          m.value
                         ),
-                        disabled: N.disabled,
+                        disabled: w.disabled,
                         className: c(
                           "flex w-full items-center justify-between rounded-md px-3 py-1.5 text-sm text-text transition-colors duration-fast ease-out hover:bg-surface-hover",
                           {
-                            "opacity-50 cursor-not-allowed": N.disabled
+                            "opacity-50 cursor-not-allowed": w.disabled
                           }
                         ),
                         children: [
                           /* @__PURE__ */ i("div", { className: "flex items-center space-x-2 min-w-0", children: [
-                            N.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: N.icon }),
+                            w.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: w.icon }),
                             /* @__PURE__ */ i("div", { className: "flex flex-col items-start min-w-0", children: [
-                              /* @__PURE__ */ e("span", { className: "font-base truncate", children: N.label }),
-                              N.description && /* @__PURE__ */ e("span", { className: "text-xs text-text-muted", children: N.description })
+                              /* @__PURE__ */ e("span", { className: "font-base truncate", children: w.label }),
+                              w.description && /* @__PURE__ */ e("span", { className: "text-xs text-text-muted", children: w.description })
                             ] })
                           ] }),
-                          f && se && /* @__PURE__ */ e(Oe, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 })
+                          f && se && /* @__PURE__ */ e(Fe, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 })
                         ]
                       },
-                      N.value
+                      w.value
                     );
                   }) })
                 }
               )
-            ] }, u.value);
+            ] }, m.value);
           }),
           (() => {
-            const u = r.reduce((E, y) => {
+            const m = r.reduce((E, y) => {
               if (y.divider) return E;
-              const A = y.children ? y.children.filter((N) => !N.divider).length : 0;
+              const A = y.children ? y.children.filter((w) => !w.divider).length : 0;
               return E + 1 + A;
             }, 0);
-            return u > 1 && /* @__PURE__ */ e("div", { className: "border-t border-border mt-2 pt-2", children: /* @__PURE__ */ i("div", { className: "text-xs text-text-muted px-3 py-1", children: [
-              u,
+            return m > 1 && /* @__PURE__ */ e("div", { className: "border-t border-border mt-2 pt-2", children: /* @__PURE__ */ i("div", { className: "text-xs text-text-muted px-3 py-1", children: [
+              m,
               " options available"
             ] }) });
           })()
@@ -1774,7 +1774,7 @@ const br = ({
   className: n
 }) => t.length === 0 ? null : /* @__PURE__ */ e("div", { className: c("flex flex-wrap items-center gap-2", n), children: t.map(
   (s) => s.render ? /* @__PURE__ */ e(ce.Fragment, { children: s.render() }, s.id) : s.splitOptions && s.splitOptions.length > 0 ? /* @__PURE__ */ e(
-    Xe,
+    Ze,
     {
       label: s.label,
       onClick: s.onClick,
@@ -1802,7 +1802,7 @@ const br = ({
   sm: "p-2",
   md: "px-5 py-4",
   lg: "p-6"
-}, Hn = ({
+}, qn = ({
   actions: t = [],
   onBack: r,
   backLabel: n = "Back",
@@ -1822,7 +1822,7 @@ const br = ({
   ),
   l && /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l }),
   /* @__PURE__ */ e(Me, { actions: t, className: c(!l && "ml-auto") })
-] }), Vn = (t) => (r) => t(r instanceof Date ? r : null), qn = (t) => (r) => t(typeof r == "string" ? r : ""), pr = {
+] }), Un = (t) => (r) => t(r instanceof Date ? r : null), Wn = (t) => (r) => t(typeof r == "string" ? r : ""), pr = {
   none: "px-0",
   sm: "px-2",
   md: "px-3.5",
@@ -1831,7 +1831,7 @@ const br = ({
   sm: "h-row-lg",
   md: "h-row-xl",
   lg: "h-14"
-}, yr = 8, He = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
+}, yr = 8, Ve = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
 function Nr(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 = [];
@@ -1891,7 +1891,7 @@ const wr = (t) => {
       )) })
     }
   );
-}, Ve = ({
+}, qe = ({
   data: t,
   columns: r,
   loading: n = !1,
@@ -1901,12 +1901,12 @@ const wr = (t) => {
   onSearchChange: o,
   filters: f = [],
   toolbarActions: d = [],
-  paginated: v = !1,
+  paginated: p = !1,
   defaultPageSize: h = 10,
-  actions: m = [],
+  actions: u = [],
   onRowClick: b,
-  selectable: p = !1,
-  selectedRows: w = [],
+  selectable: v = !1,
+  selectedRows: N = [],
   onSelectionChange: g,
   getRowKey: x = (te, Y) => Y,
   emptyContent: T,
@@ -1918,13 +1918,13 @@ const wr = (t) => {
   rowClassName: I,
   headerBackground: H = !0
 }) => {
-  const [te, Y] = O(""), K = l !== void 0, ie = K ? l : te, k = o ?? Y, [u, E] = O({
+  const [te, Y] = O(""), K = l !== void 0, ie = K ? l : te, k = o ?? Y, [m, E] = O({
     column: null,
     direction: null
   }), [y, A] = O({
     page: 0,
     pageSize: h
-  }), N = ne(null), W = pe(() => {
+  }), w = ne(null), W = pe(() => {
     let S = t;
     if (s && !K && ie.trim()) {
       const U = r.filter(
@@ -1944,18 +1944,18 @@ const wr = (t) => {
       }));
     }), S;
   }, [t, ie, K, r, s, f]), se = pe(() => {
-    if (!u.column || !u.direction) return W;
-    const S = r.find((U) => U.id === u.column);
+    if (!m.column || !m.direction) return W;
+    const S = r.find((U) => U.id === m.column);
     return S ? [...W].sort((U, re) => {
       const oe = typeof S.accessor == "function" ? S.accessor(U) : U[S.accessor], R = typeof S.accessor == "function" ? S.accessor(re) : re[S.accessor];
       let ue = 0;
-      return oe < R ? ue = -1 : oe > R && (ue = 1), u.direction === "desc" ? -ue : ue;
+      return oe < R ? ue = -1 : oe > R && (ue = 1), m.direction === "desc" ? -ue : ue;
     }) : W;
-  }, [W, u, r]), ee = pe(() => {
-    if (!v) return se;
+  }, [W, m, r]), ee = pe(() => {
+    if (!p) return se;
     const S = y.page * y.pageSize, U = S + y.pageSize;
     return se.slice(S, U);
-  }, [se, y, v]), X = xe(
+  }, [se, y, p]), X = xe(
     (S) => {
       r.find((re) => re.id === S)?.sortable && E((re) => re.column !== S ? { column: S, direction: "asc" } : re.direction === "asc" ? { column: S, direction: "desc" } : { column: null, direction: null });
     },
@@ -1966,11 +1966,11 @@ const wr = (t) => {
     (S, U) => {
       if (!g) return;
       const re = x(S, 0);
-      g(U ? [...w, S] : w.filter(
-        (oe, R) => x(w[R], R) !== re
+      g(U ? [...N, S] : N.filter(
+        (oe, R) => x(N[R], R) !== re
       ));
     },
-    [w, g, x]
+    [N, g, x]
   ), _ = xe(
     (S) => {
       g && g(S ? [...ee] : []);
@@ -1979,24 +1979,24 @@ const wr = (t) => {
   );
   G(() => {
     A((S) => ({ ...S, page: 0 }));
-  }, [ie, u]), G(() => {
+  }, [ie, m]), G(() => {
     A((S) => ({ ...S, page: 0 }));
   }, [f.map((S) => S.value).join(",")]);
   const z = se.length, F = Math.ceil(z / y.pageSize), j = y.page * y.pageSize + 1, B = Math.min(j + y.pageSize - 1, z), M = ee.length > 0 && ee.every((S) => {
     const U = x(S, 0);
-    return w.some(
+    return N.some(
       (re, oe) => x(re, oe) === U
     );
   }), L = ee.some((S) => {
     const U = x(S, 0);
-    return w.some(
+    return N.some(
       (re, oe) => x(re, oe) === U
     );
-  }), Q = pr[J], ae = H ? "bg-surface-sunk" : "bg-surface", de = c("text-text", Q), ge = s || f.length > 0 || d.length > 0, he = v && z > 0, Ae = he || C !== void 0;
+  }), Q = pr[J], ae = H ? "bg-surface-sunk" : "bg-surface", de = c("text-text", Q), ge = s || f.length > 0 || d.length > 0, he = p && z > 0, Ae = he || C !== void 0;
   return /* @__PURE__ */ i("div", { className: c("flex min-w-0 flex-col", V), children: [
     ge && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
       s && /* @__PURE__ */ e(
-        tt,
+        rt,
         {
           value: ie,
           onValueChange: k,
@@ -2007,9 +2007,9 @@ const wr = (t) => {
       f.map((S) => /* @__PURE__ */ e(wr, { ...S }, S.id)),
       d.length > 0 && /* @__PURE__ */ e(Me, { actions: d, className: "ml-auto" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "relative w-full overflow-x-auto rounded-lg ring-1 ring-border", children: /* @__PURE__ */ i("table", { ref: N, className: "min-w-full border-collapse text-base text-text", children: [
+    /* @__PURE__ */ e("div", { className: "relative w-full overflow-x-auto rounded-lg ring-1 ring-border", children: /* @__PURE__ */ i("table", { ref: w, className: "min-w-full border-collapse text-base text-text", children: [
       /* @__PURE__ */ e("thead", { className: c(ae, "h-control-lg"), children: /* @__PURE__ */ i("tr", { children: [
-        p && /* @__PURE__ */ e("th", { className: c(de, "w-10"), children: /* @__PURE__ */ e(
+        v && /* @__PURE__ */ e("th", { className: c(de, "w-10"), children: /* @__PURE__ */ e(
           ye,
           {
             size: "sm",
@@ -2042,11 +2042,11 @@ const wr = (t) => {
               S.sortable && /* @__PURE__ */ e(
                 Z,
                 {
-                  icon: u.column === S.id && u.direction === "desc" ? Te : wt,
+                  icon: m.column === S.id && m.direction === "desc" ? Te : wt,
                   size: "xs",
                   className: c(
                     "transition-opacity duration-fast ease-out",
-                    u.column === S.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
+                    m.column === S.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
                   )
                 }
               )
@@ -2054,22 +2054,22 @@ const wr = (t) => {
           },
           S.id
         )),
-        m.length > 0 && /* @__PURE__ */ e("th", { className: c(de, "w-10"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
+        u.length > 0 && /* @__PURE__ */ e("th", { className: c(de, "w-10"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
       ] }) }),
       /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: yr }).map((S, U) => /* @__PURE__ */ i("tr", { className: "animate-pulse border-t border-border-subtle", "aria-hidden": !0, children: [
-        p && /* @__PURE__ */ e("td", { className: c(de, "h-row-lg"), children: /* @__PURE__ */ e("span", { className: "block size-4 rounded-xs bg-surface-hover" }) }),
+        v && /* @__PURE__ */ e("td", { className: c(de, "h-row-lg"), children: /* @__PURE__ */ e("span", { className: "block size-4 rounded-xs bg-surface-hover" }) }),
         r.map((re, oe) => /* @__PURE__ */ e("td", { className: c(de, "h-row-lg"), style: { width: re.width }, children: /* @__PURE__ */ e(
           "span",
           {
             className: "block h-3 rounded-xs bg-surface-hover",
-            style: { width: He[(U + oe) % He.length] }
+            style: { width: Ve[(U + oe) % Ve.length] }
           }
         ) }, re.id)),
-        m.length > 0 && /* @__PURE__ */ e("td", { className: c(de, "h-row-lg") })
+        u.length > 0 && /* @__PURE__ */ e("td", { className: c(de, "h-row-lg") })
       ] }, `skeleton-${U}`)) : ee.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
         "td",
         {
-          colSpan: r.length + (p ? 1 : 0) + (m.length > 0 ? 1 : 0),
+          colSpan: r.length + (v ? 1 : 0) + (u.length > 0 ? 1 : 0),
           className: c(
             de,
             "border-t border-border-subtle py-10 text-center text-text-muted"
@@ -2077,7 +2077,7 @@ const wr = (t) => {
           children: T || "No data available"
         }
       ) }) : ee.map((S, U) => {
-        const re = x(S, U), oe = w.some(
+        const re = x(S, U), oe = N.some(
           (R, ue) => x(R, ue) === re
         );
         return /* @__PURE__ */ i(
@@ -2097,7 +2097,7 @@ const wr = (t) => {
               R.stopPropagation(), b?.(S, U);
             },
             children: [
-              p && /* @__PURE__ */ e("td", { className: de, children: /* @__PURE__ */ e(
+              v && /* @__PURE__ */ e("td", { className: de, children: /* @__PURE__ */ e(
                 ye,
                 {
                   size: "sm",
@@ -2126,19 +2126,19 @@ const wr = (t) => {
                   R.id
                 );
               }),
-              m.length > 0 && /* @__PURE__ */ e("td", { className: de, children: /* @__PURE__ */ e(
+              u.length > 0 && /* @__PURE__ */ e("td", { className: de, children: /* @__PURE__ */ e(
                 br,
                 {
                   className: "rounded-md",
                   trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(Z, { icon: kt, size: "md", color: "current" }) }),
-                  options: m.map((R) => ({
+                  options: u.map((R) => ({
                     value: R.id,
                     label: R.label,
                     icon: R.icon,
                     disabled: R.disabled?.(S)
                   })),
                   onSelect: (R) => {
-                    const ue = m.find(
+                    const ue = u.find(
                       (ot) => ot.id === R
                     );
                     ue && ue.onClick(S, U);
@@ -2200,7 +2200,7 @@ const wr = (t) => {
       ] })
     ] })
   ] });
-}, kr = Ke(null), Un = ({
+}, kr = Ge(null), Kn = ({
   items: t,
   activeTab: r,
   onTabChange: n,
@@ -2243,12 +2243,12 @@ const wr = (t) => {
 }) => {
   const [f, d] = O(
     r || n || t[0]?.id || ""
-  ), v = n || f, h = (g) => {
+  ), p = n || f, h = (g) => {
     s ? s(g) : d(g);
-  }, m = {
-    activeTab: v,
+  }, u = {
+    activeTab: p,
     setActiveTab: h
-  }, b = t.find((g) => g.id === v), p = c(
+  }, b = t.find((g) => g.id === p), v = c(
     "flex",
     {
       "border-b border-border px-2": a === "default" || a === "underline",
@@ -2257,7 +2257,7 @@ const wr = (t) => {
       "space-x-8": a === "default" || a === "underline"
     },
     o
-  ), w = (g, x) => {
+  ), N = (g, x) => {
     const T = "transition-colors duration-fast font-medium", C = {
       "text-xs px-2 py-1": l === "sm",
       "text-sm px-3 py-2": l === "md",
@@ -2282,17 +2282,17 @@ const wr = (t) => {
     } : {};
     return c(T, C, q, D, J, V);
   };
-  return /* @__PURE__ */ e(kr.Provider, { value: m, children: /* @__PURE__ */ i("div", { children: [
-    /* @__PURE__ */ e("div", { className: p, role: "tablist", children: t.map((g) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(kr.Provider, { value: u, children: /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ e("div", { className: v, role: "tablist", children: t.map((g) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         role: "tab",
-        "aria-selected": v === g.id,
+        "aria-selected": p === g.id,
         "aria-controls": `tabpanel-${g.id}`,
         disabled: g.disabled,
         onClick: () => !g.disabled && h(g.id),
-        className: w(g, v === g.id),
+        className: N(g, p === g.id),
         children: /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
           g.label,
           g.badge && /* @__PURE__ */ e("span", { className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-surface-hover text-text-muted", children: g.badge })
@@ -2304,8 +2304,8 @@ const wr = (t) => {
       "div",
       {
         role: "tabpanel",
-        id: `tabpanel-${v}`,
-        "aria-labelledby": `tab-${v}`,
+        id: `tabpanel-${p}`,
+        "aria-labelledby": `tab-${p}`,
         className: "mt-4",
         children: b.content
       }
@@ -2318,7 +2318,7 @@ const wr = (t) => {
   xl: "max-w-4xl",
   full: "max-w-full mx-4"
 };
-function rt({
+function nt({
   open: t,
   onClose: r,
   title: n,
@@ -2328,21 +2328,21 @@ function rt({
   className: o,
   backdropClassName: f,
   children: d,
-  footer: v,
+  footer: p,
   showCloseButton: h = !0
 }) {
-  const m = ne(null), b = ne(null);
+  const u = ne(null), b = ne(null);
   G(() => {
     if (!t || !l) return;
-    const w = (g) => {
+    const N = (g) => {
       g.key === "Escape" && r();
     };
-    return document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
-  }, [t, l, r]), G(() => (t ? (b.current = document.activeElement, m.current && m.current.focus(), document.body.style.overflow = "hidden") : (b.current && b.current.focus(), document.body.style.overflow = ""), () => {
+    return document.addEventListener("keydown", N), () => document.removeEventListener("keydown", N);
+  }, [t, l, r]), G(() => (t ? (b.current = document.activeElement, u.current && u.current.focus(), document.body.style.overflow = "hidden") : (b.current && b.current.focus(), document.body.style.overflow = ""), () => {
     document.body.style.overflow = "";
   }), [t]);
-  const p = (w) => {
-    a && w.target === w.currentTarget && r();
+  const v = (N) => {
+    a && N.target === N.currentTarget && r();
   };
   return t ? /* @__PURE__ */ e(
     "div",
@@ -2353,11 +2353,11 @@ function rt({
         // 'animate-fade-in',
         f
       ),
-      onClick: p,
+      onClick: v,
       children: /* @__PURE__ */ i(
         "div",
         {
-          ref: m,
+          ref: u,
           className: c(
             "relative w-full bg-surface rounded-lg shadow-modal",
             // 'animate-scale-in',
@@ -2390,7 +2390,7 @@ function rt({
               )
             ] }),
             /* @__PURE__ */ e("div", { className: "p-6", children: d }),
-            v && /* @__PURE__ */ e("div", { className: "px-6 py-4", children: v })
+            p && /* @__PURE__ */ e("div", { className: "px-6 py-4", children: p })
           ]
         }
       )
@@ -2439,19 +2439,19 @@ const Er = {
   italic: o = !1,
   underline: f = !1,
   lineHeight: d = "normal",
-  as: v,
+  as: p,
   className: h,
-  children: m,
+  children: u,
   ...b
 }) => {
-  const p = v || _r(t), w = t === "caption", g = t === "label", x = t === "code", T = c(
+  const v = p || _r(t), N = t === "caption", g = t === "label", x = t === "code", T = c(
     "font-sans",
     // Variant — caption and label pin their own size/weight
-    w && "text-xs text-text-subtle",
+    N && "text-xs text-text-subtle",
     g && "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
-    !w && !g && !x && Er[r],
+    !N && !g && !x && Er[r],
     // Weight — label owns its weight
     !g && zr[n],
     Mr[s],
@@ -2463,7 +2463,7 @@ const Er = {
     l && "truncate",
     h
   );
-  return /* @__PURE__ */ e(p, { className: T, ...b, children: m });
+  return /* @__PURE__ */ e(v, { className: T, ...b, children: u });
 };
 function _r(t) {
   return {
@@ -2483,17 +2483,17 @@ const Dr = ({
   accept: o,
   onListFiles: f,
   onListMounts: d,
-  onUploadFile: v,
+  onUploadFile: p,
   onDownloadFile: h,
-  onRegisterFile: m
+  onRegisterFile: u
 }) => {
-  const [b, p] = O(!1), [w, g] = O([]), [x, T] = O(null), [C, q] = O("/"), [D, J] = O([]), [V, I] = O(!1), [H, te] = O(""), [Y, K] = O(
+  const [b, v] = O(!1), [N, g] = O([]), [x, T] = O(null), [C, q] = O("/"), [D, J] = O([]), [V, I] = O(!1), [H, te] = O(""), [Y, K] = O(
     typeof t == "object" ? t : null
-  ), [ie, k] = O(!1), [u, E] = O(""), y = ne(null);
+  ), [ie, k] = O(!1), [m, E] = O(""), y = ne(null);
   G(() => {
     b && A();
   }, [b]), G(() => {
-    b && x && N();
+    b && x && w();
   }, [b, x, C, H]);
   const A = async () => {
     I(!0);
@@ -2505,7 +2505,7 @@ const Dr = ({
     } finally {
       I(!1);
     }
-  }, N = async () => {
+  }, w = async () => {
     if (x) {
       I(!0);
       try {
@@ -2533,7 +2533,7 @@ const Dr = ({
           providerKey: L.name,
           ownerId: "me"
         };
-        K(de), r(de, ae), p(!1);
+        K(de), r(de, ae), v(!1);
       } catch (Q) {
         console.error("Local file selection failed", Q);
       } finally {
@@ -2545,7 +2545,7 @@ const Dr = ({
     if (!(!L || !x)) {
       I(!0);
       try {
-        const Q = await L.arrayBuffer(), ae = await v?.({
+        const Q = await L.arrayBuffer(), ae = await p?.({
           file: new Uint8Array(Q),
           filename: L.name,
           mimeType: L.type || "application/octet-stream",
@@ -2554,7 +2554,7 @@ const Dr = ({
         });
         if (ae?.data) {
           const de = ae.data;
-          K(de), r(de, new Uint8Array(Q)), p(!1);
+          K(de), r(de, new Uint8Array(Q)), v(!1);
         }
       } catch (Q) {
         console.error("Upload failed", Q);
@@ -2563,12 +2563,12 @@ const Dr = ({
       }
     }
   }, ee = async () => {
-    if (!(!u || !x)) {
+    if (!(!m || !x)) {
       I(!0);
       try {
-        const M = `${C}${u}/`;
-        m && (await m({
-          name: u,
+        const M = `${C}${m}/`;
+        u && (await u({
+          name: m,
           type: "folder",
           path: C,
           mimeType: "application/x-directory",
@@ -2576,7 +2576,7 @@ const Dr = ({
           mountId: x.id,
           providerKey: M,
           ownerId: "me"
-        }), await N()), k(!1), E("");
+        }), await w()), k(!1), E("");
       } catch (M) {
         console.error("Failed to create folder", M);
       } finally {
@@ -2587,7 +2587,7 @@ const Dr = ({
     I(!0);
     try {
       const L = await h?.(M.id);
-      K(M), r(M, L), p(!1);
+      K(M), r(M, L), v(!1);
     } catch (L) {
       console.error("Failed to download file", L);
     } finally {
@@ -2634,7 +2634,7 @@ const Dr = ({
         /* @__PURE__ */ e(
           Z,
           {
-            icon: L.type === "folder" ? Be : Le,
+            icon: L.type === "folder" ? Re : Le,
             size: "sm",
             color: L.type === "folder" ? "warning" : "secondary"
           }
@@ -2675,7 +2675,7 @@ const Dr = ({
       header: "Mount Name",
       accessor: "name",
       cell: (M) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2 font-medium", children: [
-        /* @__PURE__ */ e(Z, { icon: Fe, size: "sm", color: "primary" }),
+        /* @__PURE__ */ e(Z, { icon: Be, size: "sm", color: "primary" }),
         /* @__PURE__ */ e("span", { children: M })
       ] })
     },
@@ -2692,7 +2692,7 @@ const Dr = ({
     /* @__PURE__ */ i(
       "div",
       {
-        onClick: () => !l && p(!0),
+        onClick: () => !l && v(!0),
         className: c(
           "flex items-center gap-3 px-3 py-2 border rounded-lg cursor-pointer transition-colors",
           "hover:border-border-strong bg-surface",
@@ -2700,7 +2700,7 @@ const Dr = ({
           l && "opacity-50 cursor-not-allowed bg-surface-sunk"
         ),
         children: [
-          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(Z, { icon: Y ? Le : Fe, color: Y ? "primary" : "secondary" }) }),
+          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(Z, { icon: Y ? Le : Be, color: Y ? "primary" : "secondary" }) }),
           /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: Y ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: Y.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
           Y && !l && /* @__PURE__ */ e(
             "button",
@@ -2715,11 +2715,11 @@ const Dr = ({
     ),
     a && /* @__PURE__ */ e(fe, { variant: "body", size: "xs", className: "text-danger-fg", children: a }),
     /* @__PURE__ */ e(
-      rt,
+      nt,
       {
         open: b,
         onClose: () => {
-          p(!1), T(null), q("/"), k(!1);
+          v(!1), T(null), q("/"), k(!1);
         },
         title: x ? `Explorer: ${x.name}` : "Select Storage Mount",
         size: "lg",
@@ -2788,12 +2788,12 @@ const Dr = ({
                     ] })
                   ] }),
                   ie && /* @__PURE__ */ i("div", { className: "flex items-center gap-2 p-3 bg-surface-sunk rounded-lg border border-border", children: [
-                    /* @__PURE__ */ e(Z, { icon: Be, size: "sm", color: "warning" }),
+                    /* @__PURE__ */ e(Z, { icon: Re, size: "sm", color: "warning" }),
                     /* @__PURE__ */ e(
                       Ne,
                       {
                         placeholder: "Folder name",
-                        value: u,
+                        value: m,
                         onChange: (M) => E(M.target.value),
                         autoFocus: !0
                       }
@@ -2802,7 +2802,7 @@ const Dr = ({
                     /* @__PURE__ */ e(le, { variant: "ghost", onClick: () => k(!1), children: "Cancel" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
-                    Ve,
+                    qe,
                     {
                       data: F,
                       columns: j,
@@ -2812,9 +2812,9 @@ const Dr = ({
                     }
                   ) })
                 ] }) : /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
-                  Ve,
+                  qe,
                   {
-                    data: w,
+                    data: N,
                     columns: B,
                     loading: V,
                     emptyContent: "No storage mounts configured",
@@ -2870,18 +2870,18 @@ const Dr = ({
     containerClassName: o,
     labelClassName: f,
     className: d,
-    id: v,
+    id: p,
     rows: h = 4,
-    ...m
+    ...u
   }, b) => {
-    const p = ce.useId(), w = v || `textarea-${p}`, g = !!n, x = n || r ? `${w}-description` : void 0;
+    const v = ce.useId(), N = p || `textarea-${v}`, g = !!n, x = n || r ? `${N}-description` : void 0;
     return /* @__PURE__ */ i("div", { className: c("flex flex-col", a && "w-full", o), children: [
       t && /* @__PURE__ */ e(
         "label",
         {
-          htmlFor: w,
+          htmlFor: N,
           className: c(
-            Ze,
+            Qe,
             g ? "text-danger-fg" : "text-text-muted",
             f
           ),
@@ -2893,18 +2893,18 @@ const Dr = ({
           "textarea",
           {
             ref: b,
-            id: w,
+            id: N,
             rows: h,
             "aria-invalid": g || void 0,
             "aria-describedby": x,
             className: c(
-              Qe,
+              et,
               "resize-y leading-relaxed",
               Ar[s],
-              et(g),
+              tt(g),
               d
             ),
-            ...m
+            ...u
           }
         ),
         l && /* @__PURE__ */ e(
@@ -2961,7 +2961,7 @@ const Lr = /* @__PURE__ */ new Set([
   "new-password",
   "one-time-code"
 ]);
-function qe(t) {
+function Ue(t) {
   return t && Lr.has(t) ? { autoComplete: t } : {
     autoComplete: "off",
     // 1Password
@@ -2974,7 +2974,7 @@ function qe(t) {
     "data-form-type": "other"
   };
 }
-function Ue(t, r) {
+function We(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
@@ -3013,7 +3013,7 @@ function jr({
     /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: s })
   ] });
 }
-const Wn = ({
+const Gn = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -3023,12 +3023,12 @@ const Wn = ({
   validate: o,
   submitButton: f = { label: "Submit", variant: "primary" },
   cancelButton: d = { label: "Cancel", variant: "outline" },
-  showButtons: v = !0,
+  showButtons: p = !0,
   layout: h = "vertical",
-  size: m = "md",
+  size: u = "md",
   loading: b = !1,
-  className: p,
-  ref: w,
+  className: v,
+  ref: N,
   sdk: g
 }) => {
   const [x, T] = O(r || {}), [C, q] = O({}), [D, J] = O({});
@@ -3036,49 +3036,49 @@ const Wn = ({
     r && T({ ...r });
   }, [r]);
   const V = xe(
-    (k, u, E) => {
+    (k, m, E) => {
       const y = t.flatMap((A) => A.items).find((A) => A.name === k);
       if (!y) return null;
-      if (y.required && (u == null || u === ""))
+      if (y.required && (m == null || m === ""))
         return `${y.label} is required`;
       if (y.type === "array") {
-        if (y.required && (!u || u.length === 0))
+        if (y.required && (!m || m.length === 0))
           return `${y.label} cannot be empty.`;
-        if (u && !Array.isArray(u))
+        if (m && !Array.isArray(m))
           return `${y.label} must be an array.`;
-        if (Array.isArray(u) && y.arrayFields) {
+        if (Array.isArray(m) && y.arrayFields) {
           const A = [];
-          let N = !1;
-          if (u.forEach((W, se) => {
+          let w = !1;
+          if (m.forEach((W, se) => {
             const ee = {};
             for (const X of y.arrayFields) {
               const P = W?.[X.name];
               if (X.required && (P == null || P === ""))
-                ee[X.name] = `${X.label} is required`, N = !0;
+                ee[X.name] = `${X.label} is required`, w = !0;
               else if (X.validator) {
                 const $ = X.validator(P, W);
-                $ && (ee[X.name] = $, N = !0);
+                $ && (ee[X.name] = $, w = !0);
               }
             }
             A[se] = ee;
-          }), N)
+          }), w)
             return JSON.stringify(A);
         }
       }
-      return y.validator ? y.validator(u, E) : null;
+      return y.validator ? y.validator(m, E) : null;
     },
     [t]
   ), I = xe(
-    (k, u) => {
+    (k, m) => {
       let E = Ir(
         x,
         k,
-        u
+        m
       );
-      t.flatMap((N) => N.items).find((N) => N.name === k)?.removeIfEmpty && (u == null || u === "") && (E = Pr(E, k)), T(E), J((N) => ({ ...N, [k]: !0 }));
-      const A = V(k, u, E);
-      q((N) => ({
-        ...N,
+      t.flatMap((w) => w.items).find((w) => w.name === k)?.removeIfEmpty && (m == null || m === "") && (E = Pr(E, k)), T(E), J((w) => ({ ...w, [k]: !0 }));
+      const A = V(k, m, E);
+      q((w) => ({
+        ...w,
         [k]: A || ""
       })), a?.(E, k);
     },
@@ -3086,22 +3086,22 @@ const Wn = ({
   ), H = xe(
     async (k) => {
       if (k.preventDefault(), b) return;
-      const u = {}, E = t.flatMap((A) => A.items);
+      const m = {}, E = t.flatMap((A) => A.items);
       for (const A of E) {
         if (A.hidden || A.conditional && !A.conditional(x))
           continue;
-        const N = V(
+        const w = V(
           A.name,
-          Ue(x, A.name),
+          We(x, A.name),
           x
         );
-        N && (u[A.name] = N);
+        w && (m[A.name] = w);
       }
       if (o) {
         const A = o(x);
-        A && Object.assign(u, A);
+        A && Object.assign(m, A);
       }
-      if (q(u), Object.keys(u).some((A) => u[A]))
+      if (q(m), Object.keys(m).some((A) => m[A]))
         return;
       const y = l ? l(x) : x;
       await n?.(x, y);
@@ -3109,8 +3109,8 @@ const Wn = ({
     [x, t, V, o, l, n, b]
   ), te = xe(
     (k) => {
-      const u = Ue(x, k.name), E = D[k.name] ? C[k.name] : void 0, y = k.disabled || b, A = {
-        value: u || "",
+      const m = We(x, k.name), E = D[k.name] ? C[k.name] : void 0, y = k.disabled || b, A = {
+        value: m || "",
         disabled: y,
         required: k.required,
         placeholder: k.placeholder,
@@ -3127,11 +3127,11 @@ const Wn = ({
             Ne,
             {
               ...A,
-              onChange: (N) => I(k.name, N.target.value),
+              onChange: (w) => I(k.name, w.target.value),
               type: k.textType || k.type,
-              ...qe(k.autocomplete),
+              ...Ue(k.autocomplete),
               error: E,
-              size: m
+              size: u
             }
           );
         case "textarea":
@@ -3139,10 +3139,10 @@ const Wn = ({
             je,
             {
               ...A,
-              onChange: (N) => I(k.name, N.target.value),
+              onChange: (w) => I(k.name, w.target.value),
               rows: k.rows ?? 4,
               error: E,
-              size: m
+              size: u
             }
           );
         case "select":
@@ -3150,16 +3150,16 @@ const Wn = ({
             ze,
             {
               ...A,
-              onChange: (N) => I(k.name, N),
-              options: (k.options || []).map((N) => ({
-                ...N,
-                value: String(N.value)
+              onChange: (w) => I(k.name, w),
+              options: (k.options || []).map((w) => ({
+                ...w,
+                value: String(w.value)
               })),
               searchable: k.searchable,
               multiple: k.multiple,
               allowCreate: k.allowCreate,
               error: E,
-              size: m
+              size: u
             }
           );
         // A short, fixed set of mutually exclusive values — priority, a scope,
@@ -3170,13 +3170,13 @@ const Wn = ({
             Qt,
             {
               "aria-label": k.label,
-              value: u == null ? "" : String(u),
-              onChange: (N) => I(k.name, N),
-              options: (k.options || []).map((N) => ({
-                value: String(N.value),
-                label: N.label
+              value: m == null ? "" : String(m),
+              onChange: (w) => I(k.name, w),
+              options: (k.options || []).map((w) => ({
+                value: String(w.value),
+                label: w.label
               })),
-              size: m === "sm" ? "sm" : "md",
+              size: u === "sm" ? "sm" : "md",
               className: k.disabled ? "pointer-events-none opacity-50" : void 0
             }
           );
@@ -3186,13 +3186,13 @@ const Wn = ({
             {
               ...A,
               label: k.label,
-              checked: !!u,
-              onChange: (N) => I(k.name, N.target.checked),
-              size: m
+              checked: !!m,
+              onChange: (w) => I(k.name, w.target.checked),
+              size: u
             }
           );
         case "radio":
-          return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: k.options?.map((N) => /* @__PURE__ */ i(
+          return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: k.options?.map((w) => /* @__PURE__ */ i(
             "label",
             {
               className: "flex cursor-pointer items-center gap-3 text-base text-text",
@@ -3202,26 +3202,26 @@ const Wn = ({
                   {
                     type: "radio",
                     name: k.name,
-                    value: N.value,
-                    checked: u === N.value,
-                    onChange: () => I(k.name, N.value),
-                    disabled: y || N.disabled,
+                    value: w.value,
+                    checked: m === w.value,
+                    onChange: () => I(k.name, w.value),
+                    disabled: y || w.disabled,
                     className: "size-checkbox shrink-0 rounded-xs border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
                   }
                 ),
-                N.label
+                w.label
               ]
             },
-            N.value
+            w.value
           )) });
         case "date":
           return /* @__PURE__ */ e(
             Pe,
             {
               ...A,
-              value: u ? new Date(u) : null,
-              onChange: (N) => I(k.name, N),
-              size: m
+              value: m ? new Date(m) : null,
+              onChange: (w) => I(k.name, w),
+              size: u
             }
           );
         case "file":
@@ -3229,31 +3229,31 @@ const Wn = ({
             Dr,
             {
               ...A,
-              value: u,
-              onChange: (N) => I(k.name, N),
+              value: m,
+              onChange: (w) => I(k.name, w),
               error: E,
-              onListFiles: (N) => g?.http.invoke({
+              onListFiles: (w) => g?.http.invoke({
                 method: "POST",
                 action: "storage.file.list",
-                body: N
+                body: w
               }),
               onListMounts: () => g?.http.invoke({
                 method: "GET",
                 action: "storage.mount"
               }),
-              onUploadFile: (N) => g?.http.invoke({
+              onUploadFile: (w) => g?.http.invoke({
                 method: "POST",
                 action: "storage.file.upload",
-                body: N
+                body: w
               }),
-              onDownloadFile: (N) => g?.http.invoke({
+              onDownloadFile: (w) => g?.http.invoke({
                 method: "GET",
-                action: `storage.file.${N}.download`
+                action: `storage.file.${w}.download`
               }),
-              onRegisterFile: (N) => g?.http.invoke({
+              onRegisterFile: (w) => g?.http.invoke({
                 method: "POST",
                 action: "storage.file.folder",
-                body: N
+                body: w
               })
             }
           );
@@ -3261,26 +3261,26 @@ const Wn = ({
           return /* @__PURE__ */ e(
             dr,
             {
-              value: u || {},
-              onChange: (N) => I(k.name, N),
+              value: m || {},
+              onChange: (w) => I(k.name, w),
               onListFolders: () => g?.http.invoke({
                 method: "GET",
                 action: "storage.mount"
               }),
               disabled: y,
-              size: m,
+              size: u,
               placeholder: k.placeholder
             }
           );
         case "custom":
           return k.customComponent?.({
-            value: u,
-            onChange: (N) => I(k.name, N),
+            value: m,
+            onChange: (w) => I(k.name, w),
             error: E,
             disabled: y
           });
         case "array": {
-          const N = u || [];
+          const w = m || [];
           let W = [];
           if (typeof E == "string" && E.startsWith("["))
             try {
@@ -3288,21 +3288,21 @@ const Wn = ({
             } catch {
             }
           const se = () => {
-            I(k.name, [...N, {}]);
+            I(k.name, [...w, {}]);
           }, ee = (P) => {
             I(
               k.name,
-              N.filter(($, _) => _ !== P)
+              w.filter(($, _) => _ !== P)
             );
           }, X = (P, $, _) => {
-            const z = [...N];
+            const z = [...w];
             z[P] = {
               ...z[P],
               [$]: _
             }, I(k.name, z);
           };
           return /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
-            N.map((P, $) => /* @__PURE__ */ i("div", { className: "flex items-start gap-2", children: [
+            w.map((P, $) => /* @__PURE__ */ i("div", { className: "flex items-start gap-2", children: [
               /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: k.arrayFields?.map((_) => {
                 const z = W?.[$]?.[_.name];
                 return /* @__PURE__ */ i(
@@ -3339,9 +3339,9 @@ const Wn = ({
                                   j.target.value
                                 ),
                                 type: _.textType || _.type,
-                                ...qe(_.autocomplete),
+                                ...Ue(_.autocomplete),
                                 error: z,
-                                size: m
+                                size: u
                               }
                             );
                           case "textarea":
@@ -3356,7 +3356,7 @@ const Wn = ({
                                 ),
                                 rows: _.rows ?? 4,
                                 error: z,
-                                size: m
+                                size: u
                               }
                             );
                           case "select":
@@ -3379,7 +3379,7 @@ const Wn = ({
                                 multiple: _.multiple,
                                 allowCreate: _.allowCreate,
                                 error: z,
-                                size: m
+                                size: u
                               }
                             );
                           case "checkbox":
@@ -3393,7 +3393,7 @@ const Wn = ({
                                   _.name,
                                   j.target.checked
                                 ),
-                                size: m
+                                size: u
                               }
                             );
                           case "radio":
@@ -3435,7 +3435,7 @@ const Wn = ({
                                   _.name,
                                   B
                                 ),
-                                size: m
+                                size: u
                               }
                             );
                           }
@@ -3500,13 +3500,13 @@ const Wn = ({
           return null;
       }
     },
-    [x, D, C, b, m, I]
+    [x, D, C, b, u, I]
   ), Y = xe(
     (k) => {
       if (k.conditional && !k.conditional(x))
         return null;
-      const u = k.items.filter((y) => !(y.hidden || y.conditional && !y.conditional(x)));
-      if (u.length === 0) return null;
+      const m = k.items.filter((y) => !(y.hidden || y.conditional && !y.conditional(x)));
+      if (m.length === 0) return null;
       const E = c(
         k.layout === "flex" ? "flex flex-wrap gap-3.5" : "grid gap-3.5",
         k.layout !== "flex" && {
@@ -3527,7 +3527,7 @@ const Wn = ({
             title: k.title,
             description: k.description,
             className: "not-last:border-b not-last:border-border-subtle",
-            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: E, children: u.map((y) => {
+            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: E, children: m.map((y) => {
               const A = D[y.name] ? C[y.name] : void 0;
               return /* @__PURE__ */ i(
                 "div",
@@ -3560,17 +3560,17 @@ const Wn = ({
     [x, D, C, te]
   ), K = c(
     {
-      "max-w-settings": m === "sm",
-      "max-w-form": m === "md",
-      "max-w-6xl": m === "lg",
-      "max-w-full": m === "full"
+      "max-w-settings": u === "sm",
+      "max-w-form": u === "md",
+      "max-w-6xl": u === "lg",
+      "max-w-full": u === "full"
     },
-    p
-  ), ie = m === "full" ? "md" : m;
-  return /* @__PURE__ */ i("form", { ref: w, onSubmit: H, className: K, children: [
-    !v && /* @__PURE__ */ e("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": !0 }),
+    v
+  ), ie = u === "full" ? "md" : u;
+  return /* @__PURE__ */ i("form", { ref: N, onSubmit: H, className: K, children: [
+    !p && /* @__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__ */ i(ke, { children: [
+    p && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: /* @__PURE__ */ i(ke, { children: [
       /* @__PURE__ */ e("div", { className: "ml-auto" }),
       s && /* @__PURE__ */ e(
         le,
@@ -3599,7 +3599,7 @@ const Wn = ({
     ] }) })
   ] });
 };
-function Kn({
+function Jn({
   open: t,
   title: r,
   description: n,
@@ -3611,7 +3611,7 @@ function Kn({
   onCancel: d
 }) {
   return /* @__PURE__ */ e(
-    rt,
+    nt,
     {
       open: t,
       onClose: d,
@@ -3779,7 +3779,7 @@ const Vr = {
   menu: 4,
   cards: 2
 };
-function nt({
+function Oe({
   variant: t = "page",
   shape: r,
   rows: n,
@@ -3790,14 +3790,14 @@ function nt({
   tableColumns: f,
   tableRows: d
 }) {
-  const v = r ?? (o ? "table" : "text"), h = n ?? d ?? Vr[v], m = s ?? f ?? (v === "cards" ? 3 : 6), b = /* @__PURE__ */ e("div", { className: c("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(Hr, { shape: v, rows: h, columns: m }) });
+  const p = r ?? (o ? "table" : "text"), h = n ?? d ?? Vr[p], u = s ?? f ?? (p === "cards" ? 3 : 6), b = /* @__PURE__ */ e("div", { className: c("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(Hr, { shape: p, rows: h, columns: u }) });
   return t === "inline" ? b : /* @__PURE__ */ e("main", { className: "flex-1 bg-surface p-6", children: b });
 }
 const qr = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function Gn({
+function Yn({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3825,7 +3825,7 @@ function Gn({
     }
   );
 }
-function Jn({ children: t, className: r, ...n }) {
+function Xn({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3845,7 +3845,7 @@ const Ur = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function Yn({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
+function Zn({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
   const l = Math.max(0, Math.min(100, t));
   return /* @__PURE__ */ e(
     "div",
@@ -3884,7 +3884,7 @@ const Kr = {
   lg: "text-base",
   xl: "text-lg"
 };
-function Xn({
+function Qn({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3966,7 +3966,7 @@ const Yr = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function Zn({
+function es({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3989,7 +3989,7 @@ function Zn({
     }
   );
 }
-function Qn({
+function ts({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -4025,7 +4025,7 @@ function Qn({
     d < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, f)) });
 }
-function es({ title: t, icon: r = /* @__PURE__ */ e(Tt, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
+function rs({ title: t, icon: r = /* @__PURE__ */ e(Tt, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
   return /* @__PURE__ */ i(
     "div",
     {
@@ -4070,7 +4070,7 @@ const en = ({ 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" ? Je(t) : Xr[n],
+    n === "identity" ? Ye(t) : Xr[n],
     Zr[s],
     a
   );
@@ -4084,7 +4084,7 @@ const en = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
       onError: () => f(!0)
     }
   ) : /* @__PURE__ */ e("span", { className: d, title: l ?? t, "aria-label": t, children: Qr(t) });
-}, We = "ring-surface", tn = "ring-surface-accent", ts = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
+}, Ke = "ring-surface", tn = "ring-surface-accent", ns = ({ 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__ */ i("span", { className: c("inline-flex items-center", s), children: [
@@ -4097,7 +4097,7 @@ const en = ({ 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: c(
           f > 0 && "-ml-2",
-          o.owner ? tn : We,
+          o.owner ? tn : Ke,
           o.seen === !1 && "opacity-40"
         )
       },
@@ -4111,7 +4111,7 @@ const en = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
           // in the row rather than a gap at the end of it.
           "inline-flex items-center justify-center rounded-full shrink-0 -ml-2 font-semibold bg-avatar text-avatar-fg",
           n === "xs" ? "w-5 h-5 text-xs" : n === "md" ? "w-7 h-7 text-xs" : n === "lg" ? "w-9 h-9 text-xs" : "w-6 h-6 text-xs",
-          We
+          Ke
         ),
         children: [
           "+",
@@ -4131,7 +4131,7 @@ const en = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
   md: "size-avatar-sm rounded-md text-xs",
   lg: "size-avatar-lg rounded-md text-base"
 };
-function rs({ channel: t, children: r, size: n = "md", className: s, title: a }) {
+function ss({ channel: t, children: r, size: n = "md", className: s, title: a }) {
   const l = t in Ee ? Ee[t] : void 0;
   return /* @__PURE__ */ e(
     "span",
@@ -4143,14 +4143,14 @@ function rs({ channel: t, children: r, size: n = "md", className: s, title: a })
         // 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 ? c(l.fg, l.bg) : t ? Je(t) : c(Ee.note.fg, Ee.note.bg),
+        l ? c(l.fg, l.bg) : t ? Ye(t) : c(Ee.note.fg, Ee.note.bg),
         s
       ),
       children: r
     }
   );
 }
-const ns = ({
+const as = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -4160,14 +4160,14 @@ const ns = ({
   showError: o = !0,
   fallback: f,
   loadingContent: d,
-  errorContent: v,
+  errorContent: p,
   className: h,
-  onLoad: m,
+  onLoad: u,
   onError: b,
-  ...p
+  ...v
 }) => {
-  const [w, g] = O(!0), [x, T] = O(!1), [C, q] = O(t), D = (K) => {
-    g(!1), T(!1), m?.(K);
+  const [N, g] = O(!0), [x, T] = O(!1), [C, q] = O(t), D = (K) => {
+    g(!1), T(!1), u?.(K);
   }, J = (K) => {
     if (g(!1), T(!0), f && C !== f) {
       q(f), T(!1), g(!0);
@@ -4205,8 +4205,8 @@ const ns = ({
   ), I = c(
     "w-full h-full object-cover transition-opacity duration-fast",
     {
-      "opacity-0": w || x,
-      "opacity-100": !w && !x
+      "opacity-0": N || x,
+      "opacity-100": !N && !x
     }
   ), H = c(
     "absolute inset-0 flex items-center justify-center",
@@ -4219,7 +4219,7 @@ const ns = ({
     /* @__PURE__ */ e(
       "img",
       {
-        ...p,
+        ...v,
         src: C,
         alt: r,
         className: I,
@@ -4227,11 +4227,11 @@ const ns = ({
         onError: J
       }
     ),
-    w && l && /* @__PURE__ */ e("div", { className: H, children: d || te }),
-    x && o && /* @__PURE__ */ e("div", { className: H, children: v || Y })
+    N && l && /* @__PURE__ */ e("div", { className: H, children: d || te }),
+    x && o && /* @__PURE__ */ e("div", { className: H, children: p || Y })
   ] });
 };
-function ss({
+function ls({
   icon: t,
   onClick: r,
   children: n
@@ -4254,7 +4254,7 @@ function ss({
     }
   );
 }
-function as({
+function os({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -4264,12 +4264,12 @@ function as({
   onSelect: o,
   onActiveIndexChange: f,
   isActive: d,
-  unread: v,
+  unread: p,
   dimmed: h,
-  groupBy: m,
+  groupBy: u,
   groups: b,
-  renderGroupHeader: p,
-  stickyGroupHeaders: w = !1,
+  renderGroupHeader: v,
+  stickyGroupHeaders: N = !1,
   collapsibleGroups: g = !1,
   hideGroupCount: x = !1,
   selectable: T = !1,
@@ -4285,7 +4285,7 @@ function as({
   className: K,
   "aria-label": ie
 }) {
-  const [k, u] = ce.useState(
+  const [k, m] = ce.useState(
     () => Object.fromEntries(
       (b ?? []).filter((z) => z.defaultCollapsed).map((z) => [z.id, !0])
     )
@@ -4298,7 +4298,7 @@ function as({
     z.preventDefault();
     const B = j.indexOf(document.activeElement), M = z.key === "Home" ? 0 : z.key === "End" ? j.length - 1 : z.key === "ArrowDown" ? (B + 1) % j.length : (B - 1 + j.length) % j.length;
     j[M]?.focus();
-  }, A = (z, F) => r ? r(z, F) : F, N = (z) => C.includes(z), W = (z, F) => {
+  }, A = (z, F) => r ? r(z, F) : F, w = (z) => C.includes(z), W = (z, F) => {
     q && q(
       F ? [...C, z] : C.filter((j) => j !== z)
     );
@@ -4334,7 +4334,7 @@ function as({
   if (t.length === 0 && H)
     return /* @__PURE__ */ e("div", { className: ee, children: H });
   const X = t.length > 0 && C.length === t.length, P = C.length > 0 && !X, $ = (z, F, j) => {
-    const B = d?.(z, F) ?? !1, M = v?.(z, F) ?? !1, L = h?.(z, F) ?? !1, Q = T && N(z);
+    const B = d?.(z, F) ?? !1, M = p?.(z, F) ?? !1, L = h?.(z, F) ?? !1, Q = T && w(z);
     return /* @__PURE__ */ i(
       "li",
       {
@@ -4368,7 +4368,7 @@ function as({
           T && /* @__PURE__ */ e("span", { onClick: (ae) => ae.stopPropagation(), children: /* @__PURE__ */ e(
             ye,
             {
-              checked: N(z),
+              checked: w(z),
               onChange: (ae) => W(z, ae.target.checked),
               "aria-label": "Rij selecteren"
             }
@@ -4388,11 +4388,11 @@ function as({
       A(z, F)
     );
   }, _ = (() => {
-    if (!m)
+    if (!u)
       return t.map((B, M) => $(B, M, M === 0));
     const z = /* @__PURE__ */ new Map();
     t.forEach((B, M) => {
-      const L = m(B, M);
+      const L = u(B, M);
       z.has(L) || z.set(L, []), z.get(L).push({ item: B, index: M });
     });
     const F = b ?? [];
@@ -4403,7 +4403,7 @@ function as({
       const L = z.get(B.id) ?? [], Q = g && k[B.id], ae = B.title ?? B.id, de = B.count ?? L.length, ge = /* @__PURE__ */ e(
         "li",
         {
-          onClick: g ? () => u((he) => ({ ...he, [B.id]: !he[B.id] })) : void 0,
+          onClick: g ? () => m((he) => ({ ...he, [B.id]: !he[B.id] })) : void 0,
           className: c(
             // 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.
@@ -4411,12 +4411,12 @@ function as({
             "flex items-center gap-2.5 bg-surface px-5 pb-1.5 text-base font-semibold",
             M > 0 ? "pt-5" : "pt-3",
             B.tone === "danger" ? "text-danger-fg" : B.tone === "muted" ? "text-text-subtle" : "text-text",
-            w && "sticky z-10",
+            N && "sticky z-10",
             g && "cursor-pointer select-none"
           ),
           "aria-expanded": g ? !Q : void 0,
-          style: w ? { top: V ? 28 : 0 } : void 0,
-          children: p ? p(B, L.map((he) => he.item)) : /* @__PURE__ */ i(ke, { children: [
+          style: N ? { top: V ? 28 : 0 } : void 0,
+          children: v ? v(B, L.map((he) => he.item)) : /* @__PURE__ */ i(ke, { children: [
             g && /* @__PURE__ */ e(
               $e,
               {
@@ -4497,7 +4497,7 @@ function as({
     ] }) })
   ] });
 }
-function ls({
+function cs({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -4539,13 +4539,13 @@ const nn = {
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function os({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+function is({ value: t, label: r, tone: n = "default", className: s, ...a }) {
   return /* @__PURE__ */ i("div", { className: c("rounded-xl bg-editor px-4 py-3.5", s), ...a, children: [
     /* @__PURE__ */ e("div", { className: c("text-2xl font-semibold", nn[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const cs = ({
+const sn = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -4555,22 +4555,22 @@ const cs = ({
   className: o,
   backLabel: f = "Back",
   backClassName: d,
-  onBack: v,
+  onBack: p,
   editable: h = !1,
-  onTitleChange: m
+  onTitleChange: u
 }) => {
-  const [b, p] = O(!1), [w, g] = O(r), x = ne(null);
+  const [b, v] = O(!1), [N, g] = O(r), x = ne(null);
   G(() => {
     g(r);
   }, [r]), G(() => {
     b && x.current && (x.current.focus(), x.current.select());
   }, [b]);
   const T = () => {
-    h && p(!0);
+    h && v(!0);
   }, C = () => {
-    p(!1), w.trim() !== "" && w !== r && m ? m(w.trim()) : g(r);
+    v(!1), N.trim() !== "" && N !== r && u ? u(N.trim()) : g(r);
   }, q = (D) => {
-    D.key === "Enter" ? x.current?.blur() : D.key === "Escape" && (g(r), p(!1));
+    D.key === "Enter" ? x.current?.blur() : D.key === "Escape" && (g(r), v(!1));
   };
   return /* @__PURE__ */ i(
     "div",
@@ -4587,16 +4587,16 @@ const cs = ({
       children: [
         /* @__PURE__ */ i("div", { className: "flex flex-row sm:items-start sm:justify-between items-center gap-4", children: [
           /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ i("div", { className: "flex items-start gap-4 text-text", children: [
-            v && // Ghost: a framed box around a back chevron makes the way out of a
+            p && // Ghost: a framed box around a back chevron makes the way out of a
             // page look like the page's primary control.
-            /* @__PURE__ */ e(le, { variant: "ghost", onClick: v, leftIcon: /* @__PURE__ */ e(Z, { icon: Ce, size: "md" }), iconOnly: !0 }),
+            /* @__PURE__ */ e(le, { variant: "ghost", onClick: p, leftIcon: /* @__PURE__ */ e(Z, { icon: Ce, size: "md" }), iconOnly: !0 }),
             /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
               b ? /* @__PURE__ */ e(
                 "input",
                 {
                   ref: x,
                   type: "text",
-                  value: w,
+                  value: N,
                   onChange: (D) => g(D.target.value),
                   onBlur: C,
                   onKeyDown: q,
@@ -4643,7 +4643,7 @@ const cs = ({
           ] }) }),
           a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: a.map(
             (D) => D.render ? /* @__PURE__ */ e(ce.Fragment, { children: D.render() }, D.id) : D.splitOptions && D.splitOptions.length > 0 ? /* @__PURE__ */ e(
-              Xe,
+              Ze,
               {
                 label: D.label,
                 onClick: D.onClick,
@@ -4672,7 +4672,68 @@ const cs = ({
       ]
     }
   );
-}, sn = /<[a-z][\s\S]*>/i, an = [
+}, an = {
+  none: "",
+  sm: "px-3 pb-3 pt-1",
+  md: "px-5 pb-5 pt-1.5"
+}, ds = ({
+  title: t,
+  subtitle: r,
+  meta: n,
+  actions: s,
+  onBack: a,
+  surface: l,
+  headerContent: o,
+  loading: f = !1,
+  loadingShape: d = "table",
+  empty: p,
+  padding: h = "md",
+  scroll: u = !0,
+  className: b,
+  contentClassName: v,
+  children: N
+}) => {
+  const g = f ? /* @__PURE__ */ e(Oe, { variant: "inline", shape: d }) : p ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12", children: p }) : N;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: c(
+        // `h-full` resolves against the shell's content card, which is the
+        // element that scrolls today. Taking the scroll over here is what pins
+        // the header; without `min-h-0` the body would grow past the card
+        // instead of scrolling inside it.
+        u ? "flex h-full min-h-0 flex-col" : "flex flex-col",
+        b
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          sn,
+          {
+            surface: l ?? u,
+            title: t,
+            subtitle: r,
+            meta: n,
+            actions: s,
+            onBack: a,
+            className: u ? "shrink-0" : void 0,
+            children: o
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: c(
+              u && "min-h-0 flex-1 overflow-y-auto",
+              an[h],
+              v
+            ),
+            children: g
+          }
+        )
+      ]
+    }
+  );
+}, ln = /<[a-z][\s\S]*>/i, on = [
   "[&_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",
@@ -4687,7 +4748,7 @@ const cs = ({
   "[&_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(" "), ln = {
+].join(" "), cn = {
   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 }),
@@ -4710,22 +4771,22 @@ const cs = ({
   th: (t) => /* @__PURE__ */ e("th", { className: "border border-border px-2 py-1 text-left font-semibold", ...t }),
   td: (t) => /* @__PURE__ */ e("td", { className: "border border-border px-2 py-1", ...t })
 };
-function is({ text: t, className: r, as: n }) {
+function us({ text: t, className: r, as: n }) {
   const s = t ?? "";
-  return (n ? n === "html" : sn.test(s)) ? /* @__PURE__ */ e(
+  return (n ? n === "html" : ln.test(s)) ? /* @__PURE__ */ e(
     "div",
     {
-      className: c("break-words", an, r),
+      className: c("break-words", on, r),
       dangerouslySetInnerHTML: { __html: At.sanitize(s, { ADD_ATTR: ["target", "rel"] }) }
     }
-  ) : /* @__PURE__ */ e("div", { className: c("break-words", r), children: /* @__PURE__ */ e(Lt, { remarkPlugins: [It], components: ln, children: s }) });
+  ) : /* @__PURE__ */ e("div", { className: c("break-words", r), children: /* @__PURE__ */ e(Lt, { remarkPlugins: [It], components: cn, children: s }) });
 }
-const ds = ({ label: t, meta: r, action: n, className: s }) => /* @__PURE__ */ i("div", { className: c("flex items-center gap-2 px-1 pb-2 pt-7 first:pt-0", s), children: [
+const ms = ({ label: t, meta: r, action: n, className: s }) => /* @__PURE__ */ i("div", { className: c("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 us({ label: t, trailing: r, align: n = "center", className: s }) {
+function fs({ 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: c("flex items-center py-2", s), children: a }) : /* @__PURE__ */ i("div", { className: c("flex items-center gap-3 py-2", s), children: [
     n === "center" && a,
@@ -4734,11 +4795,11 @@ function us({ label: t, trailing: r, align: n = "center", className: s }) {
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-const st = Ke(null), ms = st.Provider;
-function on() {
+const st = Ge(null), hs = st.Provider;
+function dn() {
   return ut(st);
 }
-function fs() {
+function xs() {
   const [t, r] = O(null), n = pe(
     () => ({
       setTrail: (s, a) => r((l) => a ? { ownerId: s, entry: a } : l && l.ownerId !== s ? l : null)
@@ -4747,13 +4808,13 @@ function fs() {
   );
   return { trail: t?.entry ?? null, api: n };
 }
-const cn = {
+const un = {
   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"
-}, hs = ({
+}, bs = ({
   children: t,
   actions: r = [],
   secondaryActions: n = [],
@@ -4763,19 +4824,19 @@ const cn = {
   loading: o = !1,
   loadingShape: f = "form",
   padding: d = "md",
-  className: v,
+  className: p,
   contentClassName: h
 }) => {
-  const m = on(), b = dt(), p = ne(s);
-  p.current = s;
-  const w = !!s;
+  const u = dn(), b = dt(), v = ne(s);
+  v.current = s;
+  const N = !!s;
   G(() => {
-    if (m && !(!w && !l))
-      return m.setTrail(b, {
+    if (u && !(!N && !l))
+      return u.setTrail(b, {
         title: l,
-        onBack: w ? () => p.current?.() : void 0
-      }), () => m.setTrail(b, null);
-  }, [m, b, l, w]);
+        onBack: N ? () => v.current?.() : void 0
+      }), () => u.setTrail(b, null);
+  }, [u, b, l, N]);
   const g = r.length > 0 || n.length > 0;
   return (
     /**
@@ -4784,13 +4845,13 @@ const cn = {
      * panel that has not been migrated yet. This way a short page still drops
      * its footer to the bottom, and a long one keeps it pinned while scrolling.
      */
-    /* @__PURE__ */ i("div", { className: c("flex min-h-full flex-col", v), children: [
-      !m && (w || l) && /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-2 px-5 pt-4", children: [
-        w && /* @__PURE__ */ e(
+    /* @__PURE__ */ i("div", { className: c("flex min-h-full flex-col", p), children: [
+      !u && (N || l) && /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-2 px-5 pt-4", children: [
+        N && /* @__PURE__ */ e(
           le,
           {
             variant: "ghost",
-            onClick: () => p.current?.(),
+            onClick: () => v.current?.(),
             "aria-label": a,
             leftIcon: /* @__PURE__ */ e(Z, { icon: Ce, size: "sm" }),
             iconOnly: !0
@@ -4798,7 +4859,7 @@ const cn = {
         ),
         l && /* @__PURE__ */ e("h2", { className: "min-w-0 truncate text-md font-semibold tracking-title text-text", children: l })
       ] }),
-      /* @__PURE__ */ e("div", { className: c("flex-1", cn[d], h), children: o ? /* @__PURE__ */ e(nt, { variant: "inline", shape: f }) : t }),
+      /* @__PURE__ */ e("div", { className: c("flex-1", un[d], h), children: o ? /* @__PURE__ */ e(Oe, { variant: "inline", shape: f }) : t }),
       g && /* @__PURE__ */ i("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(Me, { actions: n, defaultVariant: "ghost" }),
         r.length > 0 && /* @__PURE__ */ e(Me, { actions: r, className: "ml-auto" })
@@ -4806,7 +4867,7 @@ const cn = {
     ] })
   );
 };
-function xs({
+function gs({
   label: t,
   description: r,
   control: n,
@@ -4833,7 +4894,7 @@ function xs({
     }
   );
 }
-function bs({
+function ps({
   icon: t,
   title: r,
   description: n,
@@ -4853,7 +4914,7 @@ function bs({
     /* @__PURE__ */ e("div", { className: c("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function gs({ label: t, dotColor: r, onClick: n, className: s }) {
+function vs({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ i(
     "button",
     {
@@ -4871,22 +4932,22 @@ function gs({ label: t, dotColor: r, onClick: n, className: s }) {
     }
   );
 }
-function dn(t) {
-  const { id: r, header: n, accessor: s, label: a, tone: l, visible: o, width: f, sortable: d, align: v } = t;
+function mn(t) {
+  const { id: r, header: n, accessor: s, label: a, tone: l, visible: o, width: f, sortable: d, align: p } = t;
   return {
     id: r,
     header: n,
     accessor: (h) => a(s(h), h),
-    cell: (h, m) => {
-      const b = s(m);
-      return o && !o(b, m) ? null : /* @__PURE__ */ e(Rr, { variant: l ? l(b, m) : "default", size: "sm", children: a(b, m) });
+    cell: (h, u) => {
+      const b = s(u);
+      return o && !o(b, u) ? null : /* @__PURE__ */ e(Rr, { variant: l ? l(b, u) : "default", size: "sm", children: a(b, u) });
     },
     width: f,
     sortable: d,
-    align: v
+    align: p
   };
 }
-function ps(t) {
+function ys(t) {
   const {
     id: r,
     header: n,
@@ -4896,19 +4957,19 @@ function ps(t) {
     onTone: o = "success",
     offTone: f = "secondary",
     width: d,
-    sortable: v
+    sortable: p
   } = t;
-  return dn({
+  return mn({
     id: r,
     header: n,
     accessor: (h) => !!s(h),
     label: (h) => h ? a : l,
     tone: (h) => h ? o : f,
     width: d,
-    sortable: v
+    sortable: p
   });
 }
-function vs(t) {
+function Ns(t) {
   const {
     id: r,
     header: n,
@@ -4918,27 +4979,27 @@ function vs(t) {
     separator: o = ", ",
     width: f,
     searchable: d,
-    sortable: v
+    sortable: p
   } = t;
   return {
     id: r,
     header: n,
     accessor: (h) => {
-      const m = s(h), p = (m == null ? [] : Array.isArray(m) ? m : [m]).filter(Boolean).map((w) => a(w) ?? w);
-      return p.length ? p.join(o) : l;
+      const u = s(h), v = (u == null ? [] : Array.isArray(u) ? u : [u]).filter(Boolean).map((N) => a(N) ?? N);
+      return v.length ? v.join(o) : l;
     },
     width: f,
     searchable: d,
-    sortable: v
+    sortable: p
   };
 }
-function un(t, r) {
+function fn(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const ys = ({
+const ws = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -4955,16 +5016,16 @@ const ys = ({
     } catch {
       return String(h);
     }
-  }, l = (h) => h ? "Ja" : "Nee", o = (h, m) => {
-    if (!m) return String(h || "-");
-    const b = m.find((p) => p.value === h);
+  }, l = (h) => h ? "Ja" : "Nee", o = (h, u) => {
+    if (!u) return String(h || "-");
+    const b = u.find((v) => v.value === h);
     return b ? b.label : String(h || "-");
   }, f = xe(
     (h) => {
-      const m = un(r, h.name);
+      const u = fn(r, h.name);
       if (h.type === "array") {
-        const p = m;
-        return !p || p.length === 0 ? /* @__PURE__ */ e(
+        const v = u;
+        return !v || v.length === 0 ? /* @__PURE__ */ e(
           fe,
           {
             variant: "body",
@@ -4972,7 +5033,7 @@ const ys = ({
             className: "text-text-muted",
             children: "Geen items"
           }
-        ) : /* @__PURE__ */ e("div", { className: "space-y-3", children: p.map((w, g) => /* @__PURE__ */ i(
+        ) : /* @__PURE__ */ e("div", { className: "space-y-3", children: v.map((N, g) => /* @__PURE__ */ i(
           "div",
           {
             className: "p-4 border border-border rounded-xl space-y-3",
@@ -4992,7 +5053,7 @@ const ys = ({
                 }
               ) }),
               /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: h.arrayFields?.map((x) => {
-                const T = w?.[x.name];
+                const T = N?.[x.name];
                 let C = "-";
                 switch (x.type) {
                   case "text":
@@ -5024,7 +5085,7 @@ const ys = ({
                   default:
                     C = String(T || "-");
                 }
-                return x.format && (C = x.format(T, w)), /* @__PURE__ */ i("div", { className: "space-y-1", children: [
+                return x.format && (C = x.format(T, N)), /* @__PURE__ */ i("div", { className: "space-y-1", children: [
                   /* @__PURE__ */ e(
                     fe,
                     {
@@ -5051,16 +5112,16 @@ const ys = ({
         )) });
       }
       if (h.type === "custom" && h.customComponent)
-        return h.customComponent({ value: m });
+        return h.customComponent({ value: u });
       if (h.format) {
-        const p = h.format(m, r);
+        const v = h.format(u, r);
         return /* @__PURE__ */ e(
           fe,
           {
             variant: "body",
             size: "sm",
             className: "text-text",
-            children: p
+            children: v
           }
         );
       }
@@ -5072,23 +5133,23 @@ const ys = ({
         case "number":
         case "tel":
         case "url":
-          b = m ? String(m) : "-";
+          b = u ? String(u) : "-";
           break;
         case "textarea":
-          b = m ? /* @__PURE__ */ e("div", { className: "whitespace-pre-wrap", children: String(m || "-") }) : "-";
+          b = u ? /* @__PURE__ */ e("div", { className: "whitespace-pre-wrap", children: String(u || "-") }) : "-";
           break;
         case "select":
         case "radio":
-          b = o(m, h.options);
+          b = o(u, h.options);
           break;
         case "checkbox":
-          b = l(m);
+          b = l(u);
           break;
         case "date":
-          b = a(m);
+          b = a(u);
           break;
         default:
-          b = m ? String(m) : "-";
+          b = u ? String(u) : "-";
       }
       return /* @__PURE__ */ e(
         fe,
@@ -5105,8 +5166,8 @@ const ys = ({
     (h) => {
       if (h.conditional && !h.conditional(r))
         return null;
-      const m = h.items.filter((p) => !(p.hidden || p.conditional && !p.conditional(r)));
-      if (m.length === 0) return null;
+      const u = h.items.filter((v) => !(v.hidden || v.conditional && !v.conditional(r)));
+      if (u.length === 0) return null;
       const b = c(
         "space-y-4",
         {
@@ -5147,28 +5208,28 @@ const ys = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: b, children: m.map((p) => /* @__PURE__ */ i(
+            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: b, children: u.map((v) => /* @__PURE__ */ i(
               "div",
               {
                 className: "space-y-1",
                 style: {
-                  width: typeof p.width == "string" ? p.width : void 0,
-                  gridColumn: typeof p.width == "number" ? `span ${p.width} / span ${p.width}` : void 0
+                  width: typeof v.width == "string" ? v.width : void 0,
+                  gridColumn: typeof v.width == "number" ? `span ${v.width} / span ${v.width}` : void 0
                 },
                 children: [
-                  p.type !== "custom" && /* @__PURE__ */ e(
+                  v.type !== "custom" && /* @__PURE__ */ e(
                     fe,
                     {
                       variant: "label",
                       size: "sm",
                       className: "font-medium text-text-muted",
-                      children: p.label
+                      children: v.label
                     }
                   ),
-                  f(p)
+                  f(v)
                 ]
               },
-              p.name
+              v.name
             )) }) })
           ]
         },
@@ -5176,7 +5237,7 @@ const ys = ({
       );
     },
     [r, f]
-  ), v = c(
+  ), p = c(
     "space-y-6",
     {
       "max-w-md": n === "sm",
@@ -5186,8 +5247,8 @@ const ys = ({
     },
     s
   );
-  return /* @__PURE__ */ e("div", { className: v, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(d) }) });
-}, mn = () => /* @__PURE__ */ e(nt, { variant: "inline", shape: "menu" }), at = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
+  return /* @__PURE__ */ e("div", { className: p, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(d) }) });
+}, hn = () => /* @__PURE__ */ e(Oe, { variant: "inline", shape: "menu" }), at = ({ 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__ */ i("li", { children: [
@@ -5203,7 +5264,7 @@ const ys = ({
           ]
         }
       ),
-      /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: t.children?.map((d, v) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: t.children?.map((d, p) => /* @__PURE__ */ e(
         at,
         {
           item: d,
@@ -5211,7 +5272,7 @@ const ys = ({
           onClick: n,
           depth: s + 1
         },
-        v
+        p
       )) })
     ] });
   const o = t.action, f = o?.visibility !== "always";
@@ -5279,7 +5340,7 @@ const ys = ({
       ]
     }
   ) });
-}, Ns = ({
+}, ks = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
@@ -5287,7 +5348,7 @@ const ys = ({
   loading: a = !1
 }) => a ? /* @__PURE__ */ i("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
   s && /* @__PURE__ */ e("div", { className: "pb-4", children: s }),
-  /* @__PURE__ */ e(mn, {})
+  /* @__PURE__ */ e(hn, {})
 ] }) : /* @__PURE__ */ i("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(
@@ -5301,7 +5362,7 @@ const ys = ({
       o
     )
   ) })
-] }), fn = {
+] }), xn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -5310,13 +5371,13 @@ const ys = ({
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, hn = {
+}, bn = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, xn = {
+}, gn = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -5326,11 +5387,11 @@ const ys = ({
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, bn = {
+}, pn = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, ws = ({
+}, Cs = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -5341,18 +5402,18 @@ const ys = ({
   children: f,
   ...d
 }) => {
-  const v = `h${t}`, h = c(
+  const p = `h${t}`, h = c(
     "font-sans text-pretty",
-    fn[r || gn(t)],
-    hn[n],
-    xn[s],
-    bn[a],
+    xn[r || vn(t)],
+    bn[n],
+    gn[s],
+    pn[a],
     l && "truncate",
     o
   );
-  return /* @__PURE__ */ e(v, { className: h, ...d, children: f });
+  return /* @__PURE__ */ e(p, { className: h, ...d, children: f });
 };
-function gn(t) {
+function vn(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -5362,7 +5423,7 @@ function gn(t) {
     6: "md"
   }[t] || "md";
 }
-const ks = ({
+const Ss = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -5370,27 +5431,27 @@ const ks = ({
   initialCommandPath: a,
   initialActiveIndex: l
 }) => {
-  const [o, f] = O(""), [d, v] = O(a || []), [h, m] = O(l || 0), b = ne(null), p = ne(null), g = (d.length ? t.find((x) => x.id === d[0])?.subCommands || [] : t).filter(
+  const [o, f] = O(""), [d, p] = O(a || []), [h, u] = O(l || 0), b = ne(null), v = ne(null), g = (d.length ? t.find((x) => x.id === d[0])?.subCommands || [] : t).filter(
     (x) => x.label.toLowerCase().includes(o.toLowerCase())
   );
   return G(() => {
-    r || (f(""), v(a || []), m(l || 0));
+    r || (f(""), p(a || []), u(l || 0));
   }, [r]), G(() => {
     const x = (T) => {
       if (r) {
         if (T.key === "Escape")
           n();
         else if (T.key === "ArrowUp")
-          m(
+          u(
             (C) => C > 0 ? C - 1 : g.length - 1
           );
         else if (T.key === "ArrowDown")
-          m(
+          u(
             (C) => C < g.length - 1 ? C + 1 : 0
           );
         else if (T.key === "Enter") {
           const C = g[h];
-          C && (C.subCommands ? (v([...d, C.id]), m(0)) : C.action && (C.action(), n()));
+          C && (C.subCommands ? (p([...d, C.id]), u(0)) : C.action && (C.action(), n()));
         }
       }
     };
@@ -5402,7 +5463,7 @@ const ks = ({
     return r && document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
   }, [r, n]), G(() => {
     if (!r) return;
-    p.current?.querySelector(`[data-index="${h}"]`)?.scrollIntoView({ block: "nearest" });
+    v.current?.querySelector(`[data-index="${h}"]`)?.scrollIntoView({ block: "nearest" });
   }, [h, r]), r ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-modal flex items-center justify-center bg-scrim", children: /* @__PURE__ */ i(
     "div",
     {
@@ -5426,7 +5487,7 @@ const ks = ({
         /* @__PURE__ */ i(
           "div",
           {
-            ref: p,
+            ref: v,
             className: "mt-2 pt-2 text-sm border-t border-border max-h-dialog-list overflow-y-auto",
             children: [
               g.length === 0 && /* @__PURE__ */ e("div", { className: "text-text-muted text-center text-sm", children: s?.noCommandsFound || "No commands found" }),
@@ -5436,9 +5497,9 @@ const ks = ({
                   "data-index": T,
                   className: `flex items-center p-2 cursor-pointer rounded-md ${T === h ? "bg-accent-soft text-accent" : "text-text"}`,
                   onClick: () => {
-                    x.subCommands ? (v([...d, x.id]), m(0)) : x.action && (x.action(), n());
+                    x.subCommands ? (p([...d, x.id]), u(0)) : x.action && (x.action(), n());
                   },
-                  onMouseEnter: () => m(T),
+                  onMouseEnter: () => u(T),
                   children: [
                     x.icon && /* @__PURE__ */ e("span", { className: "mr-3", children: x.icon }),
                     /* @__PURE__ */ e("span", { className: "flex-grow", children: x.label }),
@@ -5467,7 +5528,7 @@ const ks = ({
       ]
     }
   ) }) : null;
-}, pn = {
+}, yn = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -5475,7 +5536,7 @@ const ks = ({
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, vn = {
+}, Nn = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -5483,7 +5544,7 @@ const ks = ({
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, yn = {
+}, wn = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -5499,26 +5560,26 @@ const ks = ({
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, Nn = {
+}, kn = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, wn = {
+}, Cn = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, kn = {
+}, Sn = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Cn = {
+}, En = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -5539,28 +5600,28 @@ const ks = ({
     borderColor: o,
     className: f,
     children: d,
-    ...v
+    ...p
   }, h) => /* @__PURE__ */ e(
     "div",
     {
       ref: h,
       className: c(
-        t && pn[t],
-        r && vn[r],
-        n && yn[n],
-        s && Nn[s],
-        a && wn[a],
-        l && kn[l],
-        o && Cn[o],
+        t && yn[t],
+        r && Nn[r],
+        n && wn[n],
+        s && kn[s],
+        a && Cn[a],
+        l && Sn[l],
+        o && En[o],
         f
       ),
-      ...v,
+      ...p,
       children: d
     }
   )
 );
 lt.displayName = "Box";
-const Cs = ({ children: t, title: r, ...n }) => /* @__PURE__ */ i(
+const Es = ({ children: t, title: r, ...n }) => /* @__PURE__ */ i(
   lt,
   {
     background: "module",
@@ -5575,7 +5636,7 @@ const Cs = ({ children: t, title: r, ...n }) => /* @__PURE__ */ i(
     ]
   }
 );
-function Ss({
+function zs({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -5584,22 +5645,22 @@ function Ss({
   componentProps: l,
   className: o
 }) {
-  const f = ne(null), [d, v] = O(!0), [h, m] = O(!1), [b, p] = O(null), w = ne(null);
+  const f = ne(null), [d, p] = O(!0), [h, u] = O(!1), [b, v] = O(null), N = ne(null);
   ne(null);
   const g = ne(r);
   return g.current = r, G(() => {
     let x = !0;
     return (async () => {
-      v(!0), m(!1), p(null);
+      p(!0), u(!1), v(null);
       try {
         const C = await g.current();
         if (!x) return;
         const q = C.component || C.default || C;
-        p(n === "react" ? () => q : () => C);
+        v(n === "react" ? () => q : () => C);
       } catch (C) {
-        console.error(`[FederatedResource] Load failed: ${t}`, C), x && m(!0);
+        console.error(`[FederatedResource] Load failed: ${t}`, C), x && u(!0);
       } finally {
-        x && v(!1);
+        x && p(!1);
       }
     })(), () => {
       x = !1;
@@ -5610,7 +5671,7 @@ function Ss({
     if (x) {
       if (n === "svelte") {
         const T = b.default || b, C = new T({ target: x, props: l || {} });
-        return w.current = C, () => C.$destroy();
+        return N.current = C, () => C.$destroy();
       }
       if (b.mount) {
         const T = b.mount({ container: x, props: l || {} });
@@ -5620,14 +5681,14 @@ function Ss({
       }
     }
   }, [b, n, d]), G(() => {
-    n === "svelte" && w.current && w.current.$set?.(l);
+    n === "svelte" && N.current && N.current.$set?.(l);
   }, [l, n]), /* @__PURE__ */ i("div", { ref: f, className: o, style: { display: "contents" }, children: [
     d && s,
     !d && h && a,
     n === "react" && !h && b && /* @__PURE__ */ e(b, { ...l })
   ] });
 }
-class Es extends mt {
+class Ms extends mt {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -5656,89 +5717,90 @@ class Es extends mt {
   }
 }
 export {
-  es as AssistantCard,
+  rs as AssistantCard,
   en as Avatar,
-  ts as AvatarStack,
+  ns as AvatarStack,
   Rr as Badge,
   lt as Box,
   le as Button,
-  Fn as ButtonGroup,
-  Cs as Card,
-  rs as ChannelBadge,
+  Rn as ButtonGroup,
+  Es as Card,
+  ss as ChannelBadge,
   ye as Checkbox,
-  ks as CommandPalette,
-  Kn as ConfirmDialog,
-  nt as ContentLoading,
+  Ss as CommandPalette,
+  Jn as ConfirmDialog,
+  Oe as ContentLoading,
   Pe as DatePicker,
   br as Dropdown,
-  Gn as EmptyState,
-  Es as ErrorBoundary,
-  Ss as FederatedResource,
+  Yn as EmptyState,
+  Ms as ErrorBoundary,
+  zs as FederatedResource,
   Gt as FilterChip,
   dr as FolderSelect,
-  Wn as Form,
+  Gn as Form,
   jr as FormSection,
-  ws as Heading,
+  Cs as Heading,
   Pt as IDENTITY_TONE_COUNT,
   Z as Icon,
-  ns as Image,
-  Jn as Kbd,
-  os as KpiCard,
-  Rn as Link,
-  as as List,
-  ss as ListBulkAction,
-  Pn as MeetingGrid,
-  ls as MessageBubble,
-  rt as Modal,
-  cs as PageHeader,
-  Hn as PageToolbar,
+  as as Image,
+  Xn as Kbd,
+  is as KpiCard,
+  Vn as Link,
+  os as List,
+  ls as ListBulkAction,
+  On as MeetingGrid,
+  cs as MessageBubble,
+  nt as Modal,
+  ds as Page,
+  sn as PageHeader,
+  qn as PageToolbar,
   Me as PageToolbarActions,
-  jn as ParticipantTile,
-  Ye as Popover,
-  Yn as ProgressBar,
-  is as RichText,
-  tt as SearchField,
+  Fn as ParticipantTile,
+  Xe as Popover,
+  Zn as ProgressBar,
+  us as RichText,
+  rt as SearchField,
   hr as SearchableTextField,
-  ds as SectionCaption,
-  us as SectionDivider,
+  ms as SectionCaption,
+  fs as SectionDivider,
   Qt as SegmentedToggle,
   ze as Select,
-  ms as SettingsFrameProvider,
-  hs as SettingsPage,
-  xs as SettingsRow,
-  bs as SettingsSection,
-  Ns as SidebarMenu,
-  gs as SourceChip,
-  Xn as Spinner,
-  Xe as SplitButton,
-  Zn as StatusDot,
-  Qn as StepIndicator,
+  hs as SettingsFrameProvider,
+  bs as SettingsPage,
+  gs as SettingsRow,
+  ps as SettingsSection,
+  ks as SidebarMenu,
+  vs as SourceChip,
+  Qn as Spinner,
+  Ze as SplitButton,
+  es as StatusDot,
+  ts as StepIndicator,
   Dr as StorageInput,
   xr as Switch,
-  Un as TabBar,
-  Ve as Table,
+  Kn as TabBar,
+  qe as Table,
   Cr as Tabs,
   fe as Text,
   je as TextArea,
   Ne as TextField,
-  On as VideoSurface,
-  ys as View,
-  qe as autofillProps,
-  dn as badgeColumn,
-  ps as booleanBadgeColumn,
-  In as catTone,
+  Bn as VideoSurface,
+  ws as View,
+  Ue as autofillProps,
+  mn as badgeColumn,
+  ys as booleanBadgeColumn,
+  jn as catTone,
   c as cn,
-  An as createSizes,
-  Dn as createVariants,
-  Vn as dateFilterHandler,
-  Ln as identityDotClass,
-  Je as identityPlateClass,
-  Ge as identityTone,
-  vs as labelsColumn,
-  Bn as resolveLucideIcon,
-  qn as selectFilterHandler,
+  In as createSizes,
+  Ln as createVariants,
+  Un as dateFilterHandler,
+  Pn as identityDotClass,
+  Ye as identityPlateClass,
+  Je as identityTone,
+  Ns as labelsColumn,
+  Hn as resolveLucideIcon,
+  Wn as selectFilterHandler,
   De as useAnchoredPosition,
-  on as useSettingsFrame,
-  fs as useSettingsFrameHost
+  dn as useSettingsFrame,
+  xs as useSettingsFrameHost
 };
 //# sourceMappingURL=index.js.map