@opencxh/ui-kit 3.120.2 → 3.120.3

package/dist/index.js

@@ -1,47 +1,47 @@
 import { clsx as Ue } from "clsx";
-import { jsxs as o, jsx as e, Fragment as he } from "react/jsx-runtime";
+import { jsxs as c, jsx as e, Fragment as he } from "react/jsx-runtime";
 import { VideoOff as qe, User as We, MicOff as Ke, Mic as _e, X as ye, ChevronDown as ge, ExternalLink as Ge, Calendar as Je, ChevronLeft as Ne, ChevronRight as we, ChevronDownIcon as Ye, Loader2 as Xe, Search as ke, Check as De, ChevronUp as Ze, ChevronsLeft as Qe, ChevronsRight as et, FileText as ze, HardDrive as Te, ArrowLeft as tt, FolderPlus as rt, Upload as nt, Folder as Ae, Trash2 as st, Plus as at, Sparkles as lt, ImageOff as ot, Pencil as ct, ArrowUpRight as it } from "lucide-react";
 import le, { useRef as se, useEffect as Q, forwardRef as ue, useState as U, useLayoutEffect as dt, useMemo as fe, useCallback as de, createContext as ut, Component as mt } from "react";
 function d(...t) {
   return Ue(t);
 }
-function Ur(t) {
+function qr(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function qr(t) {
+function Wr(t) {
   return (r) => t[r] || "";
 }
-function Wr({ tiles: t, pinned: r, className: n }) {
+function Kr({ tiles: t, pinned: r, className: n }) {
   if (r)
-    return /* @__PURE__ */ o("div", { className: d("flex flex-col md:flex-row gap-2 h-full min-h-0", n), children: [
+    return /* @__PURE__ */ c("div", { className: d("flex flex-col md:flex-row gap-2 h-full min-h-0", n), children: [
       /* @__PURE__ */ e("div", { className: "flex-1 min-h-0", children: r }),
-      t.length > 0 && /* @__PURE__ */ e("div", { className: "flex md:flex-col gap-2 md:w-48 overflow-auto", children: t.map((a, l) => /* @__PURE__ */ e("div", { className: "min-w-40 md:min-w-0", children: a }, l)) })
+      t.length > 0 && /* @__PURE__ */ e("div", { className: "flex md:flex-col gap-2 md:w-48 overflow-auto", children: t.map((a, o) => /* @__PURE__ */ e("div", { className: "min-w-40 md:min-w-0", children: a }, o)) })
     ] });
   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: d("grid gap-2 h-full", s, n), children: t.map((a, l) => /* @__PURE__ */ e("div", { children: a }, l)) });
+  return /* @__PURE__ */ e("div", { className: d("grid gap-2 h-full", s, n), children: t.map((a, o) => /* @__PURE__ */ e("div", { children: a }, o)) });
 }
-function Kr({
+function _r({
   name: t,
   avatarUrl: r,
   muted: n,
   speaking: s,
   hasVideo: a,
-  videoSlot: l,
-  className: c,
+  videoSlot: o,
+  className: l,
   fill: u
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: d(
         "relative rounded-lg overflow-hidden bg-video-surface flex items-center justify-center",
         u ? "h-full w-full" : "aspect-video",
         s && "ring-2 ring-speaking",
-        c
+        l
       ),
       children: [
-        a && l ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: l }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: r ? /* @__PURE__ */ e("img", { src: r, alt: t, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-video-surface-strong flex items-center justify-center", children: a ? /* @__PURE__ */ e(qe, { className: "w-8 h-8" }) : /* @__PURE__ */ e(We, { className: "w-8 h-8" }) }) }),
-        /* @__PURE__ */ o("div", { className: "absolute bottom-2 left-2 flex items-center gap-1.5 px-2 py-1 rounded bg-video-overlay text-white text-xs", children: [
+        a && o ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: o }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: r ? /* @__PURE__ */ e("img", { src: r, alt: t, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-video-surface-strong flex items-center justify-center", children: a ? /* @__PURE__ */ e(qe, { className: "w-8 h-8" }) : /* @__PURE__ */ e(We, { className: "w-8 h-8" }) }) }),
+        /* @__PURE__ */ c("div", { className: "absolute bottom-2 left-2 flex items-center gap-1.5 px-2 py-1 rounded bg-video-overlay text-white text-xs", children: [
           n ? /* @__PURE__ */ e(Ke, { className: "w-3 h-3" }) : /* @__PURE__ */ e(_e, { className: "w-3 h-3" }),
           /* @__PURE__ */ e("span", { className: "truncate max-w-35", children: t })
         ] })
@@ -49,13 +49,13 @@ function Kr({
     }
   );
 }
-function _r({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
+function Gr({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
   const a = se(null);
   return Q(() => {
     if (!r || !a.current) return;
-    const l = t(a.current);
+    const o = t(a.current);
     return () => {
-      typeof l == "function" && l(), a.current && (a.current.innerHTML = "");
+      typeof o == "function" && o(), a.current && (a.current.innerHTML = "");
     };
   }, [t, r]), /* @__PURE__ */ e(
     "div",
@@ -105,8 +105,8 @@ const ft = {
     fullWidth: n = !1,
     loading: s = !1,
     leftIcon: a,
-    rightIcon: l,
-    iconOnly: c = !1,
+    rightIcon: o,
+    iconOnly: l = !1,
     shape: u = "default",
     className: x,
     children: y,
@@ -114,7 +114,7 @@ const ft = {
     ...m
   }, h) => {
     const g = f || s;
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ c(
       "button",
       {
         ref: h,
@@ -127,7 +127,7 @@ const ft = {
           "disabled:cursor-not-allowed disabled:border-border-subtle",
           "disabled:text-text-disabled",
           ft[t],
-          c ? xt[r] : ht[r],
+          l ? xt[r] : ht[r],
           (n || r === "full") && "w-full",
           s && "cursor-wait",
           x
@@ -144,23 +144,23 @@ const ft = {
             }
           ),
           !s && a && /* @__PURE__ */ e("span", { className: "flex items-center justify-center shrink-0", children: a }),
-          !c && y,
-          !s && l && /* @__PURE__ */ e("span", { className: "flex items-center justify-center shrink-0", children: l }),
-          c && !s && !a && !l && y
+          !l && y,
+          !s && o && /* @__PURE__ */ e("span", { className: "flex items-center justify-center shrink-0", children: o }),
+          l && !s && !a && !o && y
         ]
       }
     );
   }
 );
 te.displayName = "Button";
-const Gr = ({
+const Jr = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
   attached: s = !0,
   className: a
 }) => {
-  const l = d(
+  const o = d(
     "inline-flex",
     {
       // Orientation
@@ -182,7 +182,7 @@ const Gr = ({
     },
     a
   );
-  return /* @__PURE__ */ e("div", { className: l, role: "group", children: t });
+  return /* @__PURE__ */ e("div", { className: o, role: "group", children: t });
 }, bt = {
   primary: "text-text",
   secondary: "text-text-muted",
@@ -199,8 +199,8 @@ const Gr = ({
   color: n = "current",
   clickable: s = !1,
   onClick: a,
-  className: l,
-  "aria-label": c,
+  className: o,
+  "aria-label": l,
   ...u
 }) => {
   const x = typeof r == "number" ? r : gt(r), y = d(
@@ -210,14 +210,14 @@ const Gr = ({
       "cursor-pointer rounded-sm transition-opacity duration-fast ease-out hover:opacity-80",
       "focus-visible:outline-none focus-visible:focus-ring"
     ],
-    l
+    o
   ), f = {
     size: x,
     strokeWidth: 2,
     className: y,
     onClick: s ? a : void 0,
-    "aria-label": c,
-    "aria-hidden": c ? void 0 : !0,
+    "aria-label": l,
+    "aria-hidden": l ? void 0 : !0,
     role: s ? "button" : void 0,
     tabIndex: s ? 0 : void 0,
     onKeyDown: s ? (m) => {
@@ -242,40 +242,40 @@ const pt = {
   warning: "border-warning-border bg-warning-soft text-warning-fg hover:bg-surface-hover",
   danger: "border-danger-border bg-danger-soft text-danger-fg hover:bg-surface-hover"
 };
-function Jr({
+function Yr({
   label: t,
   icon: r,
   tone: n = "default",
   shape: s = "pill",
   size: a = "md",
-  active: l = !1,
-  caret: c = !1,
+  active: o = !1,
+  caret: l = !1,
   onClear: u,
   clearLabel: x = "Filter wissen",
   onClick: y,
   title: f,
   className: m
 }) {
-  const h = l && !!u, g = s === "pill" ? "rounded-full" : "rounded-md", N = d(
+  const h = o && !!u, g = s === "pill" ? "rounded-full" : "rounded-md", N = d(
     // A button's default cursor is an arrow, so it has to be asked for.
     "inline-flex cursor-pointer select-none items-center text-sm font-semibold",
     a === "sm" ? "h-control-sm" : "h-control-md",
     "transition-colors duration-fast ease-out",
     g,
     // Picking a value outranks whatever the value happens to mean.
-    l ? "bg-accent text-accent-fg" : d("border", pt[n]),
+    o ? "bg-accent text-accent-fg" : d("border", pt[n]),
     m
-  ), v = /* @__PURE__ */ o(he, { children: [
+  ), v = /* @__PURE__ */ c(he, { children: [
     r,
     t,
-    c && /* @__PURE__ */ e(Y, { icon: ge, size: "xs" })
+    l && /* @__PURE__ */ e(Y, { icon: ge, size: "xs" })
   ] }), b = d(
     "inline-flex items-center gap-1.5 pl-3",
     g,
     h ? "pr-1.5" : "pr-3",
     "focus-visible:outline-none focus-visible:focus-ring"
   );
-  return h ? /* @__PURE__ */ o("span", { className: N, title: f, children: [
+  return h ? /* @__PURE__ */ c("span", { className: N, title: f, children: [
     /* @__PURE__ */ e("button", { type: "button", onClick: y, className: b, children: v }),
     /* @__PURE__ */ e(
       "button",
@@ -313,14 +313,14 @@ const vt = {
   warning: "bg-warning-soft",
   error: "bg-danger-soft",
   info: "bg-info-soft"
-}, Yr = ({
+}, Xr = ({
   variant: t = "default",
   size: r = "md",
   color: n = "primary",
   disabled: s = !1,
   external: a = !1,
-  className: l,
-  children: c,
+  className: o,
+  children: l,
   href: u,
   target: x,
   rel: y,
@@ -339,7 +339,7 @@ const vt = {
       Nt[n]
     ],
     s && "pointer-events-none cursor-not-allowed text-text-disabled opacity-50",
-    l
+    o
   ), g = {
     ...f,
     href: s ? void 0 : u,
@@ -347,37 +347,37 @@ const vt = {
     rel: m ? "noopener noreferrer" : y,
     "aria-disabled": s || void 0
   };
-  return /* @__PURE__ */ o("a", { className: h, ...g, children: [
-    c,
+  return /* @__PURE__ */ c("a", { className: h, ...g, children: [
+    l,
     m && /* @__PURE__ */ e(Ge, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
   ] });
 }, wt = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm"
 };
-function Xr({
+function Zr({
   options: t,
   value: r,
   onChange: n,
   size: s = "sm",
   className: a,
-  "aria-label": l
+  "aria-label": o
 }) {
   return /* @__PURE__ */ e(
     "div",
     {
       role: "tablist",
-      "aria-label": l,
+      "aria-label": o,
       className: d("inline-flex gap-0.5 rounded-md bg-surface-hover p-0.5", a),
-      children: t.map((c) => {
-        const u = c.value === r;
+      children: t.map((l) => {
+        const u = l.value === r;
         return /* @__PURE__ */ e(
           "button",
           {
             role: "tab",
             "aria-selected": u,
             type: "button",
-            onClick: () => n(c.value),
+            onClick: () => n(l.value),
             className: d(
               "inline-flex items-center justify-center rounded-sm",
               "transition-colors duration-fast ease-out",
@@ -385,28 +385,28 @@ function Xr({
               wt[s],
               u ? "bg-surface text-text font-semibold" : "text-text-muted hover:text-text"
             ),
-            children: c.label
+            children: l.label
           },
-          c.value
+          l.value
         );
       })
     }
   );
 }
 function Ce(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
-  const [l, c] = U({});
+  const [o, l] = U({});
   return dt(() => {
     if (!t) return;
     const u = () => {
       const x = r.current;
       if (!x) return;
       const y = x.getBoundingClientRect(), f = window.innerHeight - y.bottom, m = y.top, h = a.startsWith("top"), g = h ? m < 200 && f > m : f < 200 && m > f, N = h !== g, v = { position: "fixed" };
-      N ? (v.bottom = window.innerHeight - y.top + n, v.maxHeight = Math.max(120, m - n * 2)) : (v.top = y.bottom + n, v.maxHeight = Math.max(120, f - n * 2)), a.endsWith("end") ? v.right = window.innerWidth - y.right : v.left = y.left, s && (v.width = y.width), c(v);
+      N ? (v.bottom = window.innerHeight - y.top + n, v.maxHeight = Math.max(120, m - n * 2)) : (v.top = y.bottom + n, v.maxHeight = Math.max(120, f - n * 2)), a.endsWith("end") ? v.right = window.innerWidth - y.right : v.left = y.left, s && (v.width = y.width), l(v);
     };
     return u(), window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
       window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
     };
-  }, [t, r, n, s, a]), l;
+  }, [t, r, n, s, a]), o;
 }
 const kt = ({
   trigger: t,
@@ -414,8 +414,8 @@ const kt = ({
   placement: n = "bottom-start",
   className: s,
   rootClassName: a,
-  triggerClassName: l,
-  disabled: c = !1,
+  triggerClassName: o,
+  disabled: l = !1,
   triggerLabel: u
 }) => {
   const [x, y] = U(!1), f = se(null), m = se(null), h = Ce(x, m, { placement: n });
@@ -431,22 +431,22 @@ const kt = ({
     };
   }, [x]);
   const g = (v) => {
-    v.stopPropagation(), !c && y((b) => !b);
+    v.stopPropagation(), !l && y((b) => !b);
   }, N = () => y(!1);
-  return /* @__PURE__ */ o("div", { ref: f, className: d("relative inline-flex", a), children: [
+  return /* @__PURE__ */ c("div", { ref: f, className: d("relative inline-flex", a), children: [
     /* @__PURE__ */ e(
       "button",
       {
         ref: m,
         type: "button",
         onClick: g,
-        disabled: c,
+        disabled: l,
         "aria-label": u,
         "aria-expanded": x,
         className: d(
           "inline-flex items-center",
-          c && "cursor-not-allowed opacity-50",
-          l
+          l && "cursor-not-allowed opacity-50",
+          o
         ),
         children: t
       }
@@ -479,21 +479,21 @@ function Oe({
   variant: n = "primary",
   size: s = "md",
   icon: a,
-  options: l,
-  disabled: c = !1,
+  options: o,
+  disabled: l = !1,
   loading: u = !1,
   menuPlacement: x = "bottom-end",
   menuLabel: y = "More options"
 }) {
-  const f = c || u, m = l.length > 0;
-  return /* @__PURE__ */ o("div", { className: "inline-flex items-center gap-px", children: [
+  const f = l || u, m = o.length > 0;
+  return /* @__PURE__ */ c("div", { className: "inline-flex items-center gap-px", children: [
     /* @__PURE__ */ e(
       te,
       {
         variant: n,
         size: s,
         onClick: r,
-        disabled: c,
+        disabled: l,
         loading: u,
         leftIcon: a,
         className: d(m && "rounded-r-none"),
@@ -521,7 +521,7 @@ function Oe({
             children: /* @__PURE__ */ e(ge, { className: "size-icon-md" })
           }
         ),
-        children: (h) => /* @__PURE__ */ e(he, { children: l.map((g) => /* @__PURE__ */ o(
+        children: (h) => /* @__PURE__ */ e(he, { children: o.map((g) => /* @__PURE__ */ c(
           "button",
           {
             type: "button",
@@ -567,8 +567,8 @@ const zt = {
     error: n,
     size: s = "md",
     indeterminate: a = !1,
-    containerClassName: l,
-    labelClassName: c,
+    containerClassName: o,
+    labelClassName: l,
     className: u,
     id: x,
     ...y
@@ -581,8 +581,8 @@ const zt = {
     );
     return le.useEffect(() => {
       N.current && (N.current.indeterminate = a);
-    }, [a]), /* @__PURE__ */ o("div", { className: d("flex flex-col", l), children: [
-      /* @__PURE__ */ o("div", { className: d("flex items-center gap-3", Et[s]), children: [
+    }, [a]), /* @__PURE__ */ c("div", { className: d("flex flex-col", o), children: [
+      /* @__PURE__ */ c("div", { className: d("flex items-center gap-3", Et[s]), children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -604,7 +604,7 @@ const zt = {
             ...y
           }
         ),
-        t && /* @__PURE__ */ o("div", { className: "flex-1", children: [
+        t && /* @__PURE__ */ c("div", { className: "flex-1", children: [
           /* @__PURE__ */ e(
             "label",
             {
@@ -613,7 +613,7 @@ const zt = {
                 "cursor-pointer",
                 g ? "text-danger-fg" : "text-text",
                 Mt[s],
-                c
+                l
               ),
               children: t
             }
@@ -632,8 +632,8 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
   placeholder: n = "Select date",
   disabled: s = !1,
   required: a = !1,
-  size: l = "md",
-  className: c,
+  size: o = "md",
+  className: l,
   minDate: u,
   maxDate: x,
   format: y = "MM/dd/yyyy",
@@ -686,12 +686,12 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
     "focus-visible:outline-none focus-visible:focus-ring",
     "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
     {
-      "h-control-sm px-3 text-sm": l === "sm",
-      "h-control-md px-3 text-base": l === "md",
-      "h-control-lg px-3 text-base": l === "lg",
-      "h-control-md w-full px-3 text-base": l === "full"
+      "h-control-sm px-3 text-sm": o === "sm",
+      "h-control-md px-3 text-base": o === "md",
+      "h-control-lg px-3 text-base": o === "lg",
+      "h-control-md w-full px-3 text-base": o === "full"
     },
-    c
+    l
   ), ce = H(), k = [
     "January",
     "February",
@@ -706,8 +706,8 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
     "November",
     "December"
   ];
-  return /* @__PURE__ */ o("div", { ref: b, className: "relative", children: [
-    /* @__PURE__ */ o("div", { ref: L, className: "relative", children: [
+  return /* @__PURE__ */ c("div", { ref: b, className: "relative", children: [
+    /* @__PURE__ */ c("div", { ref: L, className: "relative", children: [
       /* @__PURE__ */ e(
         "input",
         {
@@ -733,8 +733,8 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
         }
       )
     ] }),
-    h && /* @__PURE__ */ o("div", { style: A, className: "fixed z-overlay overflow-auto rounded-lg border border-border bg-surface p-4 shadow-overlay min-w-panel", children: [
-      /* @__PURE__ */ o("div", { className: "flex items-center justify-between mb-4", children: [
+    h && /* @__PURE__ */ c("div", { style: A, className: "fixed z-overlay overflow-auto rounded-lg border border-border bg-surface p-4 shadow-overlay min-w-panel", children: [
+      /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-4", children: [
         /* @__PURE__ */ e(
           "button",
           {
@@ -743,7 +743,7 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
             children: /* @__PURE__ */ e(Dt, {})
           }
         ),
-        /* @__PURE__ */ o("h3", { className: "text-sm font-medium text-text", children: [
+        /* @__PURE__ */ c("h3", { className: "text-sm font-medium text-text", children: [
           k[N.getMonth()],
           " ",
           N.getFullYear()
@@ -779,7 +779,7 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
           S
         );
       }) }),
-      f && /* @__PURE__ */ o("div", { className: "mt-3 flex items-center gap-2 border-t border-border pt-3", children: [
+      f && /* @__PURE__ */ c("div", { className: "mt-3 flex items-center gap-2 border-t border-border pt-3", children: [
         /* @__PURE__ */ e("label", { htmlFor: "datepicker-time", className: "text-sm text-text-muted", children: "Tijd" }),
         /* @__PURE__ */ e(
           "input",
@@ -792,7 +792,7 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
           }
         )
       ] }),
-      /* @__PURE__ */ o("div", { className: "flex justify-between items-center mt-4 pt-3 border-t border-border", children: [
+      /* @__PURE__ */ c("div", { className: "flex justify-between items-center mt-4 pt-3 border-t border-border", children: [
         /* @__PURE__ */ e(
           "button",
           {
@@ -824,8 +824,8 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    disabled: l = !1,
-    options: c,
+    disabled: o = !1,
+    options: l,
     placeholder: u,
     containerClassName: x,
     labelClassName: y,
@@ -839,7 +839,7 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
     onCreateOption: L,
     ...A
   }, X) => {
-    const $ = m || `select-${Math.random().toString(36).substr(2, 9)}`, Z = !!n, [H, P] = le.useState(!1), [F, re] = le.useState(""), V = le.useRef(null), _ = le.useRef(null), ce = Ce(H, _, { matchWidth: !0 }), [k, i] = le.useState(c);
+    const $ = m || `select-${Math.random().toString(36).substr(2, 9)}`, Z = !!n, [H, P] = le.useState(!1), [F, re] = le.useState(""), V = le.useRef(null), _ = le.useRef(null), ce = Ce(H, _, { matchWidth: !0 }), [k, i] = le.useState(l);
     le.useImperativeHandle(X, () => V.current), le.useEffect(() => {
       const M = (D) => {
         V.current && !V.current.contains(D.target) && P(!1);
@@ -863,12 +863,12 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
     );
     le.useEffect(() => {
       i((M) => {
-        const D = [...c];
+        const D = [...l];
         return M.forEach((E) => {
           !S(D, E.value) && !S(D, E.label) && D.push(E);
         }), w(D, N);
       });
-    }, [c, N, w, S]);
+    }, [l, N, w, S]);
     const T = (M) => {
       if (g) {
         const D = Array.isArray(N) ? N : [], E = D.includes(M) ? D.filter((q) => q !== M) : [...D, M];
@@ -892,7 +892,7 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
       }
       i((q) => [...q, E]), T(E.value), re(""), g || P(!1);
     }, B = () => g ? ee.length > 0 ? ee.map((M) => M.label).join(", ") : u || "Select options" : C?.label || u || "Select an option";
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ c(
       "div",
       {
         ref: V,
@@ -916,14 +916,14 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
               children: t
             }
           ),
-          /* @__PURE__ */ o("div", { className: "relative", children: [
-            /* @__PURE__ */ o(
+          /* @__PURE__ */ c("div", { className: "relative", children: [
+            /* @__PURE__ */ c(
               "button",
               {
                 ref: _,
                 type: "button",
                 id: $,
-                disabled: l,
+                disabled: o,
                 onClick: () => P(!H),
                 className: d(
                   "flex w-full items-center justify-between gap-2 rounded-md border transition-colors duration-fast text-left",
@@ -949,7 +949,7 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
                 ]
               }
             ),
-            H && /* @__PURE__ */ o("div", { style: ce, className: "fixed z-overlay flex flex-col overflow-hidden rounded-lg border border-border bg-surface shadow-overlay", children: [
+            H && /* @__PURE__ */ c("div", { style: ce, className: "fixed z-overlay flex flex-col overflow-hidden rounded-lg border border-border bg-surface shadow-overlay", children: [
               h && /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
                 "input",
                 {
@@ -966,7 +966,7 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
                   )
                 }
               ) }),
-              ne && /* @__PURE__ */ o(
+              ne && /* @__PURE__ */ c(
                 "div",
                 {
                   className: d(
@@ -981,7 +981,7 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
                   ]
                 }
               ),
-              /* @__PURE__ */ o("ul", { className: "min-h-0 flex-1 overflow-auto py-1", children: [
+              /* @__PURE__ */ c("ul", { className: "min-h-0 flex-1 overflow-auto py-1", children: [
                 u && !g && /* @__PURE__ */ e(
                   "li",
                   {
@@ -1004,7 +1004,7 @@ const $t = () => /* @__PURE__ */ e(Y, { icon: Je, size: "md", color: "current" }
                         M.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface-hover",
                         D && "bg-accent-soft text-accent font-semibold"
                       ),
-                      children: /* @__PURE__ */ o("div", { className: "flex items-center", children: [
+                      children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
                         g && /* @__PURE__ */ e(
                           "input",
                           {
@@ -1051,8 +1051,8 @@ const Lt = {
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: l,
-    endIcon: c,
+    startIcon: o,
+    endIcon: l,
     loading: u = !1,
     containerClassName: x,
     labelClassName: y,
@@ -1061,7 +1061,7 @@ const Lt = {
     ...h
   }, g) => {
     const N = le.useId(), v = m || `textfield-${N}`, b = !!n, L = n || r ? `${v}-description` : void 0;
-    return /* @__PURE__ */ o("div", { className: d("flex flex-col", a && "w-full", x), children: [
+    return /* @__PURE__ */ c("div", { className: d("flex flex-col", a && "w-full", x), children: [
       t && /* @__PURE__ */ e(
         "label",
         {
@@ -1074,8 +1074,8 @@ const Lt = {
           children: t
         }
       ),
-      /* @__PURE__ */ o("div", { className: "relative", children: [
-        l && /* @__PURE__ */ e("span", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-text-muted", children: l }),
+      /* @__PURE__ */ c("div", { className: "relative", children: [
+        o && /* @__PURE__ */ e("span", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-text-muted", children: o }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -1090,21 +1090,21 @@ const Lt = {
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
               Lt[s],
-              l && "pl-9",
-              (c || u) && "pr-9",
+              o && "pl-9",
+              (l || u) && "pr-9",
               b ? "border-danger-border bg-danger-soft" : "border-border hover:border-border-strong",
               f
             ),
             ...h
           }
         ),
-        (c || u) && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-3 text-text-muted", children: u ? /* @__PURE__ */ e(
+        (l || u) && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-3 text-text-muted", children: u ? /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": !0,
             className: "size-icon-md animate-spin rounded-full border-2 border-border border-t-transparent"
           }
-        ) : c })
+        ) : l })
       ] }),
       (n || r) && /* @__PURE__ */ e(
         "p",
@@ -1124,8 +1124,8 @@ function It({
   onListFolders: n,
   disabled: s,
   size: a = "md",
-  placeholder: l,
-  templatePlaceholder: c,
+  placeholder: o,
+  templatePlaceholder: l,
   showTemplate: u = !0
 }) {
   const [x, y] = U([]);
@@ -1139,7 +1139,7 @@ function It({
     };
   }, []);
   const f = t ?? {};
-  return /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
+  return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ e(
       ve,
       {
@@ -1147,7 +1147,7 @@ function It({
         fullWidth: !0,
         value: f.folderId ?? "",
         options: x.map((m) => ({ value: m.id, label: m.name })),
-        placeholder: l ?? "Select a folder",
+        placeholder: o ?? "Select a folder",
         onChange: (m) => r?.({ ...f, folderId: m })
       }
     ),
@@ -1157,7 +1157,7 @@ function It({
         size: a,
         disabled: s ?? !1,
         value: f.pathTemplate ?? "",
-        placeholder: c ?? "Sub-path e.g. {yyyy}/{mm}/{dd} (optional)",
+        placeholder: l ?? "Sub-path e.g. {yyyy}/{mm}/{dd} (optional)",
         onChange: (m) => r?.({ ...f, pathTemplate: m.target.value })
       }
     )
@@ -1180,8 +1180,8 @@ const me = (...t) => t.filter(Boolean).join(" "), jt = (t) => /* @__PURE__ */ e(
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: l = /* @__PURE__ */ e(jt, {}),
-    loading: c = !1,
+    startIcon: o = /* @__PURE__ */ e(jt, {}),
+    loading: l = !1,
     containerClassName: u,
     labelClassName: x,
     className: y,
@@ -1237,8 +1237,8 @@ const me = (...t) => t.filter(Boolean).join(" "), jt = (t) => /* @__PURE__ */ e(
       re(B.label), _(!1), S(!1), g && g(B.value);
     }, ee = () => {
       (m.length > 0 || h) && (_(!0), S(!1));
-    }, ae = c || ce, ne = V && (w.length > 0 || ae), K = fe(() => X || P, [X]);
-    return /* @__PURE__ */ o(
+    }, ae = l || ce, ne = V && (w.length > 0 || ae), K = fe(() => X || P, [X]);
+    return /* @__PURE__ */ c(
       "div",
       {
         className: me(
@@ -1261,8 +1261,8 @@ const me = (...t) => t.filter(Boolean).join(" "), jt = (t) => /* @__PURE__ */ e(
               children: t
             }
           ),
-          /* @__PURE__ */ o("div", { className: "relative", children: [
-            l && /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: me("text-text-muted", Ee[s]), children: l }) }),
+          /* @__PURE__ */ c("div", { className: "relative", children: [
+            o && /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: me("text-text-muted", Ee[s]), children: o }) }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -1279,7 +1279,7 @@ const me = (...t) => t.filter(Boolean).join(" "), jt = (t) => /* @__PURE__ */ e(
                   // Size styles
                   Ot[s],
                   // Icon padding
-                  l ? "pl-10" : "",
+                  o ? "pl-10" : "",
                   "pr-10",
                   // Altijd padding rechts voor de dropdown/loading icon
                   // State styles
@@ -1289,7 +1289,7 @@ const me = (...t) => t.filter(Boolean).join(" "), jt = (t) => /* @__PURE__ */ e(
                 ...A
               }
             ),
-            /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: ae || c ? (
+            /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: ae || l ? (
               // Loading Spinner
               /* @__PURE__ */ e(
                 Xe,
@@ -1330,7 +1330,7 @@ const me = (...t) => t.filter(Boolean).join(" "), jt = (t) => /* @__PURE__ */ e(
                   children: B.label
                 },
                 B.value
-              )) : /* @__PURE__ */ e("li", { className: "px-4 py-2 text-text-muted", children: ae || c ? "Zoeken op afstand..." : "Geen resultaten gevonden." })
+              )) : /* @__PURE__ */ e("li", { className: "px-4 py-2 text-text-muted", children: ae || l ? "Zoeken op afstand..." : "Geen resultaten gevonden." })
             }
           ),
           (n || r) && /* @__PURE__ */ e(
@@ -1343,7 +1343,7 @@ const me = (...t) => t.filter(Boolean).join(" "), jt = (t) => /* @__PURE__ */ e(
               children: n || r
             }
           ),
-          h && /* @__PURE__ */ o("p", { className: "mt-2 text-xs text-success-fg", children: [
+          h && /* @__PURE__ */ c("p", { className: "mt-2 text-xs text-success-fg", children: [
             "Huidige zoekterm (niet-gedebounced): ",
             String(F)
           ] })
@@ -1354,7 +1354,7 @@ const me = (...t) => t.filter(Boolean).join(" "), jt = (t) => /* @__PURE__ */ e(
 );
 Ft.displayName = "SearchableTextField";
 const Bt = ue(
-  ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...l }, c) => {
+  ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...o }, l) => {
     const u = /* @__PURE__ */ e(
       "span",
       {
@@ -1377,7 +1377,7 @@ const Bt = ue(
         )
       }
     );
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ c(
       "label",
       {
         className: d(
@@ -1389,14 +1389,14 @@ const Bt = ue(
           /* @__PURE__ */ e(
             "input",
             {
-              ref: c,
+              ref: l,
               type: "checkbox",
               role: "switch",
               checked: t,
               disabled: s,
               onChange: (x) => r(x.target.checked),
               className: "peer sr-only",
-              ...l
+              ...o
             }
           ),
           /* @__PURE__ */ e("span", { className: "inline-flex rounded-full peer-focus-visible:focus-ring", children: u }),
@@ -1414,22 +1414,22 @@ function Rt({
   tableColumns: s = 6,
   tableRows: a = 8
 }) {
-  const l = ({ children: c }) => t === "inline" ? /* @__PURE__ */ e(he, { children: c }) : /* @__PURE__ */ e("main", { className: "flex-1 bg-surface p-6", children: c });
-  return r ? /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("div", { className: "w-full max-w-6xl mx-auto animate-pulse", children: r }) }) : /* @__PURE__ */ e(l, { children: /* @__PURE__ */ o("div", { className: "w-full mx-auto space-y-6 animate-pulse", children: [
-    !n && /* @__PURE__ */ o(he, { children: [
+  const o = ({ children: l }) => t === "inline" ? /* @__PURE__ */ e(he, { children: l }) : /* @__PURE__ */ e("main", { className: "flex-1 bg-surface p-6", children: l });
+  return r ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e("div", { className: "w-full max-w-6xl mx-auto animate-pulse", children: r }) }) : /* @__PURE__ */ e(o, { children: /* @__PURE__ */ c("div", { className: "w-full mx-auto space-y-6 animate-pulse", children: [
+    !n && /* @__PURE__ */ c(he, { children: [
       /* @__PURE__ */ e("div", { className: "h-6 w-1/4 rounded-sm bg-surface-hover" }),
-      /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ c("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e("div", { className: "h-4 w-3/4 rounded-sm bg-surface-hover" }),
         /* @__PURE__ */ e("div", { className: "h-4 w-1/2 rounded-sm bg-surface-hover" })
       ] })
     ] }),
-    n && /* @__PURE__ */ o("div", { className: "rounded-lg overflow-hidden", children: [
+    n && /* @__PURE__ */ c("div", { className: "rounded-lg overflow-hidden", children: [
       /* @__PURE__ */ e(
         "div",
         {
           className: "grid gap-2 bg-surface-hover p-3",
           style: { gridTemplateColumns: `repeat(${s}, minmax(0, 1fr))` },
-          children: Array.from({ length: s }).map((c, u) => /* @__PURE__ */ e(
+          children: Array.from({ length: s }).map((l, u) => /* @__PURE__ */ e(
             "div",
             {
               className: "h-4 w-2/3 rounded-sm bg-border-strong"
@@ -1438,7 +1438,7 @@ function Rt({
           ))
         }
       ),
-      Array.from({ length: a }).map((c, u) => /* @__PURE__ */ e(
+      Array.from({ length: a }).map((l, u) => /* @__PURE__ */ e(
         "div",
         {
           className: "grid gap-2 border-t border-border-subtle p-3",
@@ -1462,8 +1462,8 @@ const Vt = ({
   value: n,
   onSelect: s,
   placement: a = "bottom-start",
-  disabled: l = !1,
-  className: c,
+  disabled: o = !1,
+  className: l,
   showCheck: u = !0,
   header: x
 }) => {
@@ -1512,7 +1512,7 @@ const Vt = ({
     $.current && clearTimeout($.current);
   }, []);
   const P = (i) => {
-    i.stopPropagation(), !l && (f(!y), h(null), $.current && (clearTimeout($.current), $.current = null));
+    i.stopPropagation(), !o && (f(!y), h(null), $.current && (clearTimeout($.current), $.current = null));
   }, F = (i, S, w) => {
     i.stopPropagation(), !S.disabled && !S.divider && (!S.children || S.children.length === 0) && (s?.(S.value, w), f(!1), h(null));
   }, re = (i) => {
@@ -1530,13 +1530,13 @@ const Vt = ({
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
     "max-h-60 overflow-auto"
   );
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
     {
       ref: v,
       className: d(
         "relative flex flex-row items-center justify-center rounded-lg hover:bg-surface-hover",
-        c
+        l
       ),
       children: [
         /* @__PURE__ */ e(
@@ -1544,16 +1544,16 @@ const Vt = ({
           {
             ref: b,
             onClick: P,
-            disabled: l,
+            disabled: o,
             "aria-haspopup": "menu",
             "aria-expanded": y,
             className: d("inline-flex items-center justify-center", {
-              "opacity-50 cursor-not-allowed": l
+              "opacity-50 cursor-not-allowed": o
             }),
             children: t
           }
         ),
-        y && /* @__PURE__ */ e("div", { ref: A, className: ce, style: X, onKeyDown: H, children: /* @__PURE__ */ o("div", { className: "p-2", role: "menu", children: [
+        y && /* @__PURE__ */ e("div", { ref: A, className: ce, style: X, onKeyDown: H, children: /* @__PURE__ */ c("div", { className: "p-2", role: "menu", children: [
           x && (typeof x == "string" ? /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted uppercase tracking-label px-3 py-2", children: x }) : x),
           r.map((i, S) => {
             if (i.divider)
@@ -1565,8 +1565,8 @@ const Vt = ({
                 `divider-${S}`
               );
             const w = i.children && i.children.length > 0, T = m === i.value;
-            return /* @__PURE__ */ o("div", { className: "relative group", children: [
-              /* @__PURE__ */ o(
+            return /* @__PURE__ */ c("div", { className: "relative group", children: [
+              /* @__PURE__ */ c(
                 "button",
                 {
                   "data-option-value": i.value,
@@ -1584,14 +1584,14 @@ const Vt = ({
                     }
                   ),
                   children: [
-                    /* @__PURE__ */ o("div", { className: "flex items-center space-x-2 min-w-0", children: [
+                    /* @__PURE__ */ c("div", { className: "flex items-center space-x-2 min-w-0", children: [
                       i.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: i.icon }),
-                      /* @__PURE__ */ o("div", { className: "flex flex-col items-start min-w-0", children: [
+                      /* @__PURE__ */ c("div", { className: "flex flex-col items-start min-w-0", children: [
                         /* @__PURE__ */ e("span", { className: "font-base truncate", children: i.label }),
                         i.description && /* @__PURE__ */ e("span", { className: "text-xs text-text-muted", children: i.description })
                       ] })
                     ] }),
-                    /* @__PURE__ */ o("div", { className: "flex items-center space-x-2", children: [
+                    /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
                       u && n === i.value && /* @__PURE__ */ e(De, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 }),
                       w && /* @__PURE__ */ e("span", { className: "text-text-muted text-xs", children: "▶" })
                     ] })
@@ -1627,7 +1627,7 @@ const Vt = ({
                     const ae = typeof n == "object" && n[i.value] && n[i.value].includes(
                       C.value
                     ) || n === C.value;
-                    return /* @__PURE__ */ o(
+                    return /* @__PURE__ */ c(
                       "button",
                       {
                         onClick: (ne) => _(
@@ -1643,9 +1643,9 @@ const Vt = ({
                           }
                         ),
                         children: [
-                          /* @__PURE__ */ o("div", { className: "flex items-center space-x-2 min-w-0", children: [
+                          /* @__PURE__ */ c("div", { className: "flex items-center space-x-2 min-w-0", children: [
                             C.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: C.icon }),
-                            /* @__PURE__ */ o("div", { className: "flex flex-col items-start min-w-0", children: [
+                            /* @__PURE__ */ c("div", { className: "flex flex-col items-start min-w-0", children: [
                               /* @__PURE__ */ e("span", { className: "font-base truncate", children: C.label }),
                               C.description && /* @__PURE__ */ e("span", { className: "text-xs text-text-muted", children: C.description })
                             ] })
@@ -1666,7 +1666,7 @@ const Vt = ({
               const T = w.children ? w.children.filter((C) => !C.divider).length : 0;
               return S + 1 + T;
             }, 0);
-            return i > 1 && /* @__PURE__ */ e("div", { className: "border-t border-border mt-2 pt-2", children: /* @__PURE__ */ o("div", { className: "text-xs text-text-muted px-3 py-1", children: [
+            return i > 1 && /* @__PURE__ */ e("div", { className: "border-t border-border mt-2 pt-2", children: /* @__PURE__ */ c("div", { className: "text-xs text-text-muted px-3 py-1", children: [
               i,
               " options available"
             ] }) });
@@ -1688,15 +1688,15 @@ const Vt = ({
       placeholder: t.placeholder || `Select ${t.label.toLowerCase()}`,
       className: "min-w-40 border border-border bg-surface text-text hover:bg-surface-hover"
     }
-  ) }) : /* @__PURE__ */ e("div", { className: "flex items-center space-x-1 max-w-60", children: /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ o("details", { className: "group", children: [
-    /* @__PURE__ */ o("summary", { className: "flex h-control-md cursor-pointer items-center gap-2 rounded-full border border-border bg-surface px-3 text-sm font-semibold text-text hover:bg-surface-hover", children: [
+  ) }) : /* @__PURE__ */ e("div", { className: "flex items-center space-x-1 max-w-60", children: /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ c("details", { className: "group", children: [
+    /* @__PURE__ */ c("summary", { className: "flex h-control-md cursor-pointer items-center gap-2 rounded-full border border-border bg-surface px-3 text-sm font-semibold text-text hover:bg-surface-hover", children: [
       /* @__PURE__ */ e("span", { children: t.label }),
       /* @__PURE__ */ e("span", { className: "text-text", children: t.multiSelect && Array.isArray(t.value) ? t.value?.map(
         (s) => t.options?.find((a) => a.value === s)?.label
       ).join(", ") : t.options?.find((s) => s.value === t.value)?.label }),
       /* @__PURE__ */ e("span", { className: "text-text-muted text-sm group-open:rotate-180 transition-transform", children: /* @__PURE__ */ e(Be, {}) })
     ] }),
-    /* @__PURE__ */ o("div", { className: "absolute z-10 left-0 mt-1 bg-surface border border-border rounded-lg shadow-overlay p-2 w-48", children: [
+    /* @__PURE__ */ c("div", { className: "absolute z-10 left-0 mt-1 bg-surface border border-border rounded-lg shadow-overlay p-2 w-48", children: [
       t.options?.map((s) => /* @__PURE__ */ e(
         "button",
         {
@@ -1728,8 +1728,8 @@ const Vt = ({
   loading: n = !1,
   searchable: s = !1,
   searchPlaceholder: a = "Search...",
-  filters: l = [],
-  paginated: c = !1,
+  filters: o = [],
+  paginated: l = !1,
   pageSizeOptions: u = [10, 25, 50, 100],
   defaultPageSize: x = 10,
   actions: y = [],
@@ -1763,7 +1763,7 @@ const Vt = ({
         return String(oe || "").toLowerCase().includes(G);
       }));
     }
-    return l.forEach((O) => {
+    return o.forEach((O) => {
       O.value && O.value !== "all" && (p = p.filter((G) => {
         const J = r.find((oe) => oe.id === O.id);
         if (!J) return !0;
@@ -1771,7 +1771,7 @@ const Vt = ({
         return String(j || "") === O.value;
       }));
     }), p;
-  }, [t, H, r, s, l]), i = fe(() => {
+  }, [t, H, r, s, o]), i = fe(() => {
     if (!F.column || !F.direction) return k;
     const p = r.find((O) => O.id === F.column);
     return p ? [...k].sort((O, G) => {
@@ -1780,10 +1780,10 @@ const Vt = ({
       return J < j ? oe = -1 : J > j && (oe = 1), F.direction === "desc" ? -oe : oe;
     }) : k;
   }, [k, F, r]), S = fe(() => {
-    if (!c) return i;
+    if (!l) return i;
     const p = V.page * V.pageSize, O = p + V.pageSize;
     return i.slice(p, O);
-  }, [i, V, c]), w = de(
+  }, [i, V, l]), w = de(
     (p) => {
       r.find((G) => G.id === p)?.sortable && re((G) => G.column !== p ? { column: p, direction: "asc" } : G.direction === "asc" ? { column: p, direction: "desc" } : { column: null, direction: null });
     },
@@ -1811,7 +1811,7 @@ const Vt = ({
     _((p) => ({ ...p, page: 0 }));
   }, [H, F]), Q(() => {
     _((p) => ({ ...p, page: 0 }));
-  }, [l.map((p) => p.value).join(",")]);
+  }, [o.map((p) => p.value).join(",")]);
   const ne = i.length, K = Math.ceil(ne / V.pageSize), B = V.page * V.pageSize + 1, M = Math.min(B + V.pageSize - 1, ne), D = S.length > 0 && S.every((p) => {
     const O = N(p, 0);
     return h.some(
@@ -1831,9 +1831,9 @@ const Vt = ({
     "hover:bg-surface-sunk": b,
     "cursor-pointer": f
   });
-  return /* @__PURE__ */ o("div", { className: "space-y-4", children: [
-    (s || l.length > 0) && /* @__PURE__ */ e("div", { className: "px-4 pt-4 pb-2", children: /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-4 items-start", children: [
-      l.map((p) => /* @__PURE__ */ e(Jt, { ...p }, p.id)),
+  return /* @__PURE__ */ c("div", { className: "space-y-4", children: [
+    (s || o.length > 0) && /* @__PURE__ */ e("div", { className: "px-4 pt-4 pb-2", children: /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-4 items-start", children: [
+      o.map((p) => /* @__PURE__ */ e(Jt, { ...p }, p.id)),
       /* @__PURE__ */ e("div", { className: "w-full sm:w-auto sm:ml-auto min-w-menu", children: /* @__PURE__ */ e(
         xe,
         {
@@ -1845,7 +1845,7 @@ const Vt = ({
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ o("div", { className: "relative w-full overflow-x-auto min-h-100", children: [
+    /* @__PURE__ */ c("div", { className: "relative w-full overflow-x-auto min-h-100", children: [
       n && /* @__PURE__ */ e("div", { className: "flex items-center justify-center z-10", children: /* @__PURE__ */ e(
         Rt,
         {
@@ -1854,8 +1854,8 @@ const Vt = ({
           tableColumns: r.length
         }
       ) }),
-      /* @__PURE__ */ o("table", { ref: ce, className: d(q, "min-w-full"), children: [
-        /* @__PURE__ */ e("thead", { className: W, children: /* @__PURE__ */ o("tr", { children: [
+      /* @__PURE__ */ c("table", { ref: ce, className: d(q, "min-w-full"), children: [
+        /* @__PURE__ */ e("thead", { className: W, children: /* @__PURE__ */ c("tr", { children: [
           m && /* @__PURE__ */ e("th", { className: d(z, "w-12"), children: /* @__PURE__ */ e(
             "input",
             {
@@ -1886,9 +1886,9 @@ const Vt = ({
               ),
               style: { width: p.width },
               onClick: () => p.sortable && w(p.id),
-              children: /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+              children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
                 p.headerCell ? p.headerCell() : p.header,
-                p.sortable && /* @__PURE__ */ o(
+                p.sortable && /* @__PURE__ */ c(
                   "div",
                   {
                     className: d(
@@ -1931,7 +1931,7 @@ const Vt = ({
           const G = N(p, O), J = h.some(
             (j, oe) => N(j, oe) === G
           );
-          return /* @__PURE__ */ o(
+          return /* @__PURE__ */ c(
             "tr",
             {
               className: d(
@@ -1974,7 +1974,7 @@ const Vt = ({
                 y.length > 0 && /* @__PURE__ */ e("td", { className: z, children: /* @__PURE__ */ e(
                   Vt,
                   {
-                    trigger: /* @__PURE__ */ o("div", { className: "inline-flex items-center gap-1 px-2 py-1 text-sm text-text-muted hover:text-text", children: [
+                    trigger: /* @__PURE__ */ c("div", { className: "inline-flex items-center gap-1 px-2 py-1 text-sm text-text-muted hover:text-text", children: [
                       /* @__PURE__ */ e("span", { children: "Options" }),
                       /* @__PURE__ */ e(Be, {})
                     ] }),
@@ -2000,9 +2000,9 @@ const Vt = ({
         }) })
       ] })
     ] }),
-    c && ne > 0 && /* @__PURE__ */ o("div", { className: "flex items-center justify-between px-6", children: [
-      /* @__PURE__ */ o("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ o("span", { className: "text-sm text-text-muted", children: [
+    l && ne > 0 && /* @__PURE__ */ c("div", { className: "flex items-center justify-between px-6", children: [
+      /* @__PURE__ */ c("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ c("span", { className: "text-sm text-text-muted", children: [
           "Showing ",
           B,
           " to ",
@@ -2011,7 +2011,7 @@ const Vt = ({
           ne,
           " results"
         ] }),
-        /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: "Rows per page:" }),
           /* @__PURE__ */ e(
             "select",
@@ -2024,7 +2024,7 @@ const Vt = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ e(
           te,
           {
@@ -2047,7 +2047,7 @@ const Vt = ({
             children: /* @__PURE__ */ e(Wt, {})
           }
         ),
-        /* @__PURE__ */ o("span", { className: "px-3 py-1 text-sm text-text-muted", children: [
+        /* @__PURE__ */ c("span", { className: "px-3 py-1 text-sm text-text-muted", children: [
           "Page ",
           V.page + 1,
           " of ",
@@ -2078,14 +2078,14 @@ const Vt = ({
       ] })
     ] })
   ] });
-}, Yt = ut(null), Zr = ({
+}, Yt = ut(null), Qr = ({
   items: t,
   activeTab: r,
   onTabChange: n,
   className: s
 }) => {
-  const [a, l] = U(t[0]?.id || ""), c = r || a, u = (x) => {
-    n ? n(x) : l(x);
+  const [a, o] = U(t[0]?.id || ""), l = r || a, u = (x) => {
+    n ? n(x) : o(x);
   };
   return /* @__PURE__ */ e("div", { className: d("border-b border-border", s), children: /* @__PURE__ */ e("nav", { className: "-mb-px flex space-x-8", children: t.map((x) => /* @__PURE__ */ e(
     "button",
@@ -2095,16 +2095,16 @@ const Vt = ({
       className: d(
         "border-b-2 py-2 px-1 text-sm font-medium transition-colors duration-fast",
         {
-          "border-accent-border text-text": c === x.id,
-          "border-transparent text-text-muted hover:text-text": c !== x.id && !x.disabled,
+          "border-accent-border text-text": l === x.id,
+          "border-transparent text-text-muted hover:text-text": l !== x.id && !x.disabled,
           "border-transparent text-disabled cursor-not-allowed": x.disabled
         }
       ),
-      children: /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
+      children: /* @__PURE__ */ c("span", { className: "flex items-center gap-2", children: [
         x.label,
         x.badge && /* @__PURE__ */ e("span", { className: d(
           "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium",
-          c === x.id ? "bg-accent-soft text-accent" : "bg-surface-hover text-text-muted"
+          l === x.id ? "bg-accent-soft text-accent" : "bg-surface-hover text-text-muted"
         ), children: x.badge })
       ] })
     },
@@ -2116,8 +2116,8 @@ const Vt = ({
   activeTab: n,
   onTabChange: s,
   variant: a = "default",
-  size: l = "md",
-  className: c
+  size: o = "md",
+  className: l
 }) => {
   const [u, x] = U(
     r || n || t[0]?.id || ""
@@ -2134,12 +2134,12 @@ const Vt = ({
       "space-x-1": a === "pills",
       "space-x-8": a === "default" || a === "underline"
     },
-    c
+    l
   ), N = (v, b) => {
     const L = "transition-colors duration-fast font-medium", A = {
-      "text-xs px-2 py-1": l === "sm",
-      "text-sm px-3 py-2": l === "md",
-      "text-base px-4 py-3": l === "lg"
+      "text-xs px-2 py-1": o === "sm",
+      "text-sm px-3 py-2": o === "md",
+      "text-base px-4 py-3": o === "lg"
     }, X = {
       // Default variant
       "border-b-2 -mb-px": a === "default",
@@ -2160,7 +2160,7 @@ const Vt = ({
     } : {};
     return d(L, A, X, $, Z, H);
   };
-  return /* @__PURE__ */ e(Yt.Provider, { value: m, children: /* @__PURE__ */ o("div", { children: [
+  return /* @__PURE__ */ e(Yt.Provider, { value: m, children: /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ e("div", { className: g, role: "tablist", children: t.map((v) => /* @__PURE__ */ e(
       "button",
       {
@@ -2171,7 +2171,7 @@ const Vt = ({
         disabled: v.disabled,
         onClick: () => !v.disabled && f(v.id),
         className: N(v, y === v.id),
-        children: /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
+        children: /* @__PURE__ */ c("span", { className: "flex items-center gap-2", children: [
           v.label,
           v.badge && /* @__PURE__ */ e("span", { className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-surface-hover text-text-muted", children: v.badge })
         ] })
@@ -2202,8 +2202,8 @@ function Re({
   title: n,
   size: s = "md",
   closeOnBackdropClick: a = !0,
-  closeOnEscape: l = !0,
-  className: c,
+  closeOnEscape: o = !0,
+  className: l,
   backdropClassName: u,
   children: x,
   footer: y,
@@ -2211,12 +2211,12 @@ function Re({
 }) {
   const m = se(null), h = se(null);
   Q(() => {
-    if (!t || !l) return;
+    if (!t || !o) return;
     const N = (v) => {
       v.key === "Escape" && r();
     };
     return document.addEventListener("keydown", N), () => document.removeEventListener("keydown", N);
-  }, [t, l, r]), Q(() => (t ? (h.current = document.activeElement, m.current && m.current.focus(), document.body.style.overflow = "hidden") : (h.current && h.current.focus(), document.body.style.overflow = ""), () => {
+  }, [t, o, r]), Q(() => (t ? (h.current = document.activeElement, m.current && m.current.focus(), document.body.style.overflow = "hidden") : (h.current && h.current.focus(), document.body.style.overflow = ""), () => {
     document.body.style.overflow = "";
   }), [t]);
   const g = (N) => {
@@ -2232,7 +2232,7 @@ function Re({
         u
       ),
       onClick: g,
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ c(
         "div",
         {
           ref: m,
@@ -2241,14 +2241,14 @@ function Re({
             // 'animate-scale-in',
             "focus:outline-none",
             Zt[s],
-            c
+            l
           ),
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": n ? "modal-title" : void 0,
           tabIndex: -1,
           children: [
-            (n || f) && /* @__PURE__ */ o("div", { className: "flex items-center justify-between p-6 pb-0", children: [
+            (n || f) && /* @__PURE__ */ c("div", { className: "flex items-center justify-between p-6 pb-0", children: [
               n && /* @__PURE__ */ e(
                 "span",
                 {
@@ -2313,8 +2313,8 @@ const Qt = {
   weight: n = "normal",
   color: s = "current",
   align: a = "left",
-  truncate: l = !1,
-  italic: c = !1,
+  truncate: o = !1,
+  italic: l = !1,
   underline: u = !1,
   lineHeight: x = "normal",
   as: y,
@@ -2336,9 +2336,9 @@ const Qt = {
     rr[a],
     // Line height only overrides the body variant
     t === "body" && nr[x],
-    c && "italic",
+    l && "italic",
     u && "underline",
-    l && "truncate",
+    o && "truncate",
     f
   );
   return /* @__PURE__ */ e(g, { className: L, ...h, children: m });
@@ -2357,8 +2357,8 @@ const ar = ({
   label: n,
   placeholder: s = "Select or upload a file",
   error: a,
-  disabled: l,
-  accept: c,
+  disabled: o,
+  accept: l,
   onListFiles: u,
   onListMounts: x,
   onUploadFile: y,
@@ -2508,7 +2508,7 @@ const ar = ({
       id: "name",
       header: "Name",
       accessor: "name",
-      cell: (z, I) => /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+      cell: (z, I) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
           Y,
           {
@@ -2553,7 +2553,7 @@ const ar = ({
       id: "name",
       header: "Mount Name",
       accessor: "name",
-      cell: (z) => /* @__PURE__ */ o("div", { className: "flex items-center gap-2 font-medium", children: [
+      cell: (z) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2 font-medium", children: [
         /* @__PURE__ */ e(Y, { icon: Te, size: "sm", color: "primary" }),
         /* @__PURE__ */ e("span", { children: z })
       ] })
@@ -2566,22 +2566,22 @@ const ar = ({
       cell: (z, I) => /* @__PURE__ */ e(te, { size: "sm", variant: "outline", onClick: () => L(I), children: "Open" })
     }
   ];
-  return /* @__PURE__ */ o("div", { className: "space-y-1", children: [
+  return /* @__PURE__ */ c("div", { className: "space-y-1", children: [
     n && /* @__PURE__ */ e(ie, { variant: "label", size: "sm", weight: "medium", children: n }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ c(
       "div",
       {
-        onClick: () => !l && g(!0),
+        onClick: () => !o && g(!0),
         className: d(
           "flex items-center gap-3 px-3 py-2 border rounded-lg cursor-pointer transition-colors",
           "hover:border-border-strong bg-surface",
           a ? "border-danger-border" : "border-border",
-          l && "opacity-50 cursor-not-allowed bg-surface-sunk"
+          o && "opacity-50 cursor-not-allowed bg-surface-sunk"
         ),
         children: [
           /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(Y, { icon: V ? ze : Te, color: V ? "primary" : "secondary" }) }),
           /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: V ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: V.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
-          V && !l && /* @__PURE__ */ e(
+          V && !o && /* @__PURE__ */ e(
             "button",
             {
               onClick: B,
@@ -2610,8 +2610,8 @@ const ar = ({
               {
                 id: "remote",
                 label: "Platform Storage",
-                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: b ? /* @__PURE__ */ o(he, { children: [
-                  /* @__PURE__ */ o("div", { className: "flex flex-wrap items-center gap-2", children: [
+                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: b ? /* @__PURE__ */ c(he, { children: [
+                  /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
                     /* @__PURE__ */ e(
                       te,
                       {
@@ -2636,7 +2636,7 @@ const ar = ({
                         size: "sm"
                       }
                     ) }),
-                    /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
                       /* @__PURE__ */ e(
                         te,
                         {
@@ -2665,12 +2665,12 @@ const ar = ({
                           className: "hidden",
                           ref: w,
                           onChange: ae,
-                          accept: c
+                          accept: l
                         }
                       )
                     ] })
                   ] }),
-                  ce && /* @__PURE__ */ o("div", { className: "flex items-center gap-2 p-3 bg-surface-sunk rounded-lg border border-border", children: [
+                  ce && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 p-3 bg-surface-sunk rounded-lg border border-border", children: [
                     /* @__PURE__ */ e(Y, { icon: Ae, size: "sm", color: "warning" }),
                     /* @__PURE__ */ e(
                       xe,
@@ -2709,15 +2709,15 @@ const ar = ({
               {
                 id: "local",
                 label: "Local File",
-                content: /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ o("div", { className: "flex flex-col items-center justify-center py-12 border-2 border-dashed border-border rounded-xl bg-surface-sunk/50", children: [
+                content: /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center py-12 border-2 border-dashed border-border rounded-xl bg-surface-sunk/50", children: [
                   /* @__PURE__ */ e("div", { className: "p-4 bg-accent-soft rounded-full mb-4", children: /* @__PURE__ */ e(Y, { icon: ze, size: "xl", color: "primary" }) }),
                   /* @__PURE__ */ e(ie, { variant: "label", size: "lg", weight: "semibold", children: "Select a file from your computer" }),
-                  /* @__PURE__ */ o(ie, { variant: "body", size: "sm", className: "text-text-muted mt-1 mb-6 text-center max-w-xs", children: [
+                  /* @__PURE__ */ c(ie, { variant: "body", size: "sm", className: "text-text-muted mt-1 mb-6 text-center max-w-xs", children: [
                     "This file will be used directly in the form and will ",
                     /* @__PURE__ */ e("strong", { children: "not" }),
                     " be uploaded to platform storage."
                   ] }),
-                  /* @__PURE__ */ o("label", { className: "cursor-pointer", children: [
+                  /* @__PURE__ */ c("label", { className: "cursor-pointer", children: [
                     /* @__PURE__ */ e(te, { variant: "primary", size: "lg", loading: H, className: "pointer-events-none", children: "Browse Local File" }),
                     /* @__PURE__ */ e(
                       "input",
@@ -2725,7 +2725,7 @@ const ar = ({
                         type: "file",
                         className: "hidden",
                         onChange: ee,
-                        accept: c,
+                        accept: l,
                         disabled: H
                       }
                     )
@@ -2750,8 +2750,8 @@ const ar = ({
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    loading: l = !1,
-    containerClassName: c,
+    loading: o = !1,
+    containerClassName: l,
     labelClassName: u,
     className: x,
     id: y,
@@ -2759,7 +2759,7 @@ const ar = ({
     ...m
   }, h) => {
     const g = le.useId(), N = y || `textarea-${g}`, v = !!n, b = n || r ? `${N}-description` : void 0;
-    return /* @__PURE__ */ o("div", { className: d("flex flex-col", a && "w-full", c), children: [
+    return /* @__PURE__ */ c("div", { className: d("flex flex-col", a && "w-full", l), children: [
       t && /* @__PURE__ */ e(
         "label",
         {
@@ -2772,7 +2772,7 @@ const ar = ({
           children: t
         }
       ),
-      /* @__PURE__ */ o("div", { className: "relative", children: [
+      /* @__PURE__ */ c("div", { className: "relative", children: [
         /* @__PURE__ */ e(
           "textarea",
           {
@@ -2794,7 +2794,7 @@ const ar = ({
             ...m
           }
         ),
-        l && /* @__PURE__ */ e(
+        o && /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": !0,
@@ -2822,31 +2822,31 @@ function Ie(t, r) {
 }
 function or(t, r, n) {
   const s = r.split("."), a = Array.isArray(t) ? [...t] : { ...t };
-  let l = a;
-  for (let c = 0; c < s.length - 1; c++) {
-    const u = s[c], x = l[u];
-    l[u] = x && typeof x == "object" ? Array.isArray(x) ? [...x] : { ...x } : {}, l = l[u];
+  let o = a;
+  for (let l = 0; l < s.length - 1; l++) {
+    const u = s[l], x = o[u];
+    o[u] = x && typeof x == "object" ? Array.isArray(x) ? [...x] : { ...x } : {}, o = o[u];
   }
-  return l[s[s.length - 1]] = n, a;
+  return o[s[s.length - 1]] = n, a;
 }
 function cr(t, r) {
   const n = r.split("."), s = Array.isArray(t) ? [...t] : { ...t };
   let a = s;
-  for (let l = 0; l < n.length - 1; l++) {
-    const c = n[l];
-    if (!a[c] || typeof a[c] != "object") return s;
-    a[c] = Array.isArray(a[c]) ? [...a[c]] : { ...a[c] }, a = a[c];
+  for (let o = 0; o < n.length - 1; o++) {
+    const l = n[o];
+    if (!a[l] || typeof a[l] != "object") return s;
+    a[l] = Array.isArray(a[l]) ? [...a[l]] : { ...a[l] }, a = a[l];
   }
   return delete a[n[n.length - 1]], s;
 }
-const Qr = ({
+const en = ({
   groups: t,
   data: r,
   onSubmit: n,
   onCancel: s,
   onChange: a,
-  transform: l,
-  validate: c,
+  transform: o,
+  validate: l,
   submitButton: u = { label: "Submit", variant: "primary" },
   cancelButton: x = { label: "Cancel", variant: "outline" },
   showButtons: y = !0,
@@ -2923,16 +2923,16 @@ const Qr = ({
         );
         C && (i[T.name] = C);
       }
-      if (c) {
-        const T = c(b);
+      if (l) {
+        const T = l(b);
         T && Object.assign(i, T);
       }
       if (X(i), Object.keys(i).some((T) => i[T]))
         return;
-      const w = l ? l(b) : b;
+      const w = o ? o(b) : b;
       await n?.(b, w);
     },
-    [b, t, H, c, l, n, h]
+    [b, t, H, l, o, n, h]
   ), re = de(
     (k) => {
       const i = Ie(b, k.name), S = $[k.name] ? A[k.name] : void 0, w = k.disabled || h, T = {
@@ -2999,7 +2999,7 @@ const Qr = ({
             }
           );
         case "radio":
-          return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: k.options?.map((C) => /* @__PURE__ */ o(
+          return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: k.options?.map((C) => /* @__PURE__ */ c(
             "label",
             {
               className: "flex cursor-pointer items-center gap-2 text-base text-text",
@@ -3108,16 +3108,16 @@ const Qr = ({
               [M]: D
             }, P(k.name, E);
           };
-          return /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
-            C.map((B, M) => /* @__PURE__ */ o("div", { className: "flex items-start gap-2", children: [
+          return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
+            C.map((B, M) => /* @__PURE__ */ c("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((D) => {
                 const E = ee?.[M]?.[D.name];
-                return /* @__PURE__ */ o(
+                return /* @__PURE__ */ c(
                   "div",
                   {
                     className: "flex flex-col gap-1",
                     children: [
-                      M === 0 && /* @__PURE__ */ o("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
+                      M === 0 && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
                         D.label,
                         D.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                       ] }),
@@ -3204,7 +3204,7 @@ const Qr = ({
                               }
                             );
                           case "radio":
-                            return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: D.options?.map((R) => /* @__PURE__ */ o(
+                            return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: D.options?.map((R) => /* @__PURE__ */ c(
                               "label",
                               {
                                 className: "flex cursor-pointer items-center gap-2 text-base text-text",
@@ -3259,7 +3259,7 @@ const Qr = ({
                             });
                           // Add other field types here as needed
                           default:
-                            return /* @__PURE__ */ o("p", { children: [
+                            return /* @__PURE__ */ c("p", { children: [
                               "Unsupported field type in array:",
                               " ",
                               D.type
@@ -3287,7 +3287,7 @@ const Qr = ({
                 }
               )
             ] }, M)),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ c(
               te,
               {
                 type: "button",
@@ -3325,16 +3325,16 @@ const Qr = ({
         },
         k.className
       );
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ c(
         "div",
         {
           className: "flex flex-col gap-4 px-5 py-4 not-first:border-t not-first:border-border-subtle sm:flex-row sm:gap-5",
           children: [
-            /* @__PURE__ */ o("div", { className: "w-full shrink-0 sm:w-form-label", children: [
+            /* @__PURE__ */ c("div", { className: "w-full shrink-0 sm:w-form-label", children: [
               /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-text", children: k.title }),
               k.description && /* @__PURE__ */ e("p", { className: "mt-1 text-xs leading-4 text-text-subtle", children: k.description })
             ] }),
-            /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e("div", { className: S, children: i.map((w) => ($[w.name] && A[w.name], /* @__PURE__ */ o(
+            /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e("div", { className: S, children: i.map((w) => ($[w.name] && A[w.name], /* @__PURE__ */ c(
               "div",
               {
                 className: d(
@@ -3346,7 +3346,7 @@ const Qr = ({
                   gridColumn: typeof w.width == "number" ? `span ${w.width} / span ${w.width}` : void 0
                 },
                 children: [
-                  w.type !== "custom" && w.type !== "checkbox" && /* @__PURE__ */ o("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
+                  w.type !== "custom" && w.type !== "checkbox" && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
                     w.label,
                     w.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                   ] }),
@@ -3371,10 +3371,10 @@ const Qr = ({
     },
     g
   ), ce = m === "full" ? "md" : m;
-  return /* @__PURE__ */ o("form", { ref: N, onSubmit: F, className: _, children: [
+  return /* @__PURE__ */ c("form", { ref: N, onSubmit: F, className: _, children: [
     !y && /* @__PURE__ */ e("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": !0 }),
     /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(V) }),
-    /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle bg-surface-sunk px-5 py-3", children: y && /* @__PURE__ */ o(he, { children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle bg-surface-sunk px-5 py-3", children: y && /* @__PURE__ */ c(he, { children: [
       /* @__PURE__ */ e("div", { className: "ml-auto" }),
       s && /* @__PURE__ */ e(
         te,
@@ -3403,14 +3403,14 @@ const Qr = ({
     ] }) })
   ] });
 };
-function en({
+function tn({
   open: t,
   title: r,
   description: n,
   confirmLabel: s = "Bevestigen",
   cancelLabel: a = "Annuleren",
-  tone: l = "default",
-  loading: c = !1,
+  tone: o = "default",
+  loading: l = !1,
   onConfirm: u,
   onCancel: x
 }) {
@@ -3421,14 +3421,14 @@ function en({
       onClose: x,
       title: r,
       size: "sm",
-      footer: /* @__PURE__ */ o("div", { className: "flex w-full items-center justify-end gap-2", children: [
-        /* @__PURE__ */ e(te, { variant: "ghost", onClick: x, disabled: c, children: a }),
+      footer: /* @__PURE__ */ c("div", { className: "flex w-full items-center justify-end gap-2", children: [
+        /* @__PURE__ */ e(te, { variant: "ghost", onClick: x, disabled: l, children: a }),
         /* @__PURE__ */ e(
           te,
           {
-            variant: l === "danger" ? "destructive" : "primary",
+            variant: o === "danger" ? "destructive" : "primary",
             onClick: u,
-            loading: c,
+            loading: l,
             children: s
           }
         )
@@ -3461,18 +3461,18 @@ const ir = {
   info: "bg-info",
   note: "bg-note"
 };
-function tn({
+function rn({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
   icon: s,
   dismissible: a = !1,
-  onDismiss: l,
-  className: c,
+  onDismiss: o,
+  className: l,
   children: u,
   ...x
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "span",
     {
       className: d(
@@ -3482,7 +3482,7 @@ function tn({
         ir[t],
         // Size styles
         dr[r],
-        c
+        l
       ),
       ...x,
       children: [
@@ -3497,10 +3497,10 @@ function tn({
         ),
         s && /* @__PURE__ */ e("span", { className: d("flex-shrink-0", u && "mr-1"), children: s }),
         u,
-        a && l && /* @__PURE__ */ e(
+        a && o && /* @__PURE__ */ e(
           "button",
           {
-            onClick: l,
+            onClick: o,
             className: "ml-1.5 flex-shrink-0 hover:opacity-70 transition-opacity",
             "aria-label": "Remove badge",
             children: /* @__PURE__ */ e(Y, { icon: ye, size: "xs", color: "current" })
@@ -3514,23 +3514,23 @@ const mr = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function rn({
+function nn({
   icon: t,
   tone: r = "neutral",
   title: n,
   description: s,
   actions: a,
-  card: l = !1,
-  className: c,
+  card: o = !1,
+  className: l,
   ...u
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: d(
         "flex flex-col items-center gap-2.5 text-center",
-        l && "rounded-lg border border-border bg-surface px-11 py-9 shadow-overlay",
-        c
+        o && "rounded-lg border border-border bg-surface px-11 py-9 shadow-overlay",
+        l
       ),
       ...u,
       children: [
@@ -3542,7 +3542,7 @@ function rn({
     }
   );
 }
-function nn({ children: t, className: r, ...n }) {
+function sn({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3562,13 +3562,13 @@ const fr = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function sn({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
-  const l = Math.max(0, Math.min(100, t));
+function an({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
+  const o = Math.max(0, Math.min(100, t));
   return /* @__PURE__ */ e(
     "div",
     {
       role: "progressbar",
-      "aria-valuenow": Math.round(l),
+      "aria-valuenow": Math.round(o),
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       className: d("w-full overflow-hidden rounded-full bg-surface-hover", fr[n], s),
@@ -3577,7 +3577,7 @@ function sn({ value: t, variant: r = "accent", size: n = "md", className: s, ...
         "div",
         {
           className: d("h-full rounded-full transition-[width] duration-300 ease-out", hr[r]),
-          style: { width: `${l}%` }
+          style: { width: `${o}%` }
         }
       )
     }
@@ -3601,15 +3601,15 @@ const xr = {
   lg: "text-base",
   xl: "text-lg"
 };
-function an({
+function ln({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
   showLabel: s = !1,
   className: a,
-  ...l
+  ...o
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: d(
@@ -3617,9 +3617,9 @@ function an({
         s ? "flex-col space-y-2" : "",
         a
       ),
-      ...l,
+      ...o,
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ c(
           "svg",
           {
             className: d(
@@ -3683,7 +3683,7 @@ const pr = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function ln({
+function on({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3706,35 +3706,35 @@ function ln({
     }
   );
 }
-function on({
+function cn({
   steps: t,
   current: r,
   variant: n = "numbered",
   label: s,
   className: a
 }) {
-  const l = t.indexOf(r), c = { role: s ? "group" : void 0, "aria-label": s, "aria-hidden": s ? void 0 : !0 };
-  return n === "dots" ? /* @__PURE__ */ e("div", { ...c, className: d("flex items-center gap-1.5", a), children: t.map((u, x) => /* @__PURE__ */ e(
+  const o = t.indexOf(r), l = { role: s ? "group" : void 0, "aria-label": s, "aria-hidden": s ? void 0 : !0 };
+  return n === "dots" ? /* @__PURE__ */ e("div", { ...l, className: d("flex items-center gap-1.5", a), children: t.map((u, x) => /* @__PURE__ */ e(
     "span",
     {
       className: d(
         "h-step-bar rounded-full transition-all duration-fast ease-out",
-        x === l ? "w-5 bg-accent" : "w-3.5",
-        x < l && "bg-border-strong",
-        x > l && "bg-border"
+        x === o ? "w-5 bg-accent" : "w-3.5",
+        x < o && "bg-border-strong",
+        x > o && "bg-border"
       )
     },
     u
-  )) }) : /* @__PURE__ */ e("div", { ...c, className: d("flex items-center gap-2", a), children: t.map((u, x) => /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+  )) }) : /* @__PURE__ */ e("div", { ...l, className: d("flex items-center gap-2", a), children: t.map((u, x) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ e(
       "span",
       {
-        "aria-current": x === l ? "step" : void 0,
+        "aria-current": x === o ? "step" : void 0,
         className: d(
           "flex size-tile-sm items-center justify-center rounded-full text-xs font-medium",
-          x === l && "bg-accent text-accent-fg",
-          x < l && "bg-accent-soft text-accent",
-          x > l && "bg-surface-hover text-text-muted"
+          x === o && "bg-accent text-accent-fg",
+          x < o && "bg-accent-soft text-accent",
+          x > o && "bg-surface-hover text-text-muted"
         ),
         children: x + 1
       }
@@ -3742,8 +3742,8 @@ function on({
     x < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, u)) });
 }
-function cn({ title: t, icon: r = /* @__PURE__ */ e(lt, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
-  return /* @__PURE__ */ o(
+function dn({ title: t, icon: r = /* @__PURE__ */ e(lt, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...o }) {
+  return /* @__PURE__ */ c(
     "div",
     {
       className: d(
@@ -3751,9 +3751,9 @@ function cn({ title: t, icon: r = /* @__PURE__ */ e(lt, { className: "size-icon-
         "border-assistant-border bg-assistant-soft",
         a
       ),
-      ...l,
+      ...o,
       children: [
-        /* @__PURE__ */ o("div", { className: "flex items-center gap-2 text-assistant", children: [
+        /* @__PURE__ */ c("div", { className: "flex items-center gap-2 text-assistant", children: [
           /* @__PURE__ */ e("span", { "aria-hidden": !0, children: r }),
           /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: t }),
           n && /* @__PURE__ */ e("span", { className: "ml-auto", children: n })
@@ -3775,41 +3775,41 @@ function yr(t) {
   return r.length >= 2 ? (r[0][0] + r[1][0]).toUpperCase() : r.length === 1 ? r[0].slice(0, 2).toUpperCase() : "?";
 }
 const Nr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
-  const [l, c] = le.useState(!1), u = d(
+  const [o, l] = le.useState(!1), u = d(
     "inline-flex items-center justify-center rounded-full overflow-hidden shrink-0 font-semibold select-none bg-surface-hover text-text",
     vr[n],
     s
   );
-  return r && !l ? /* @__PURE__ */ e(
+  return r && !o ? /* @__PURE__ */ e(
     "img",
     {
       src: r,
       alt: t ?? "",
       title: a ?? t,
       className: d(u, "object-cover"),
-      onError: () => c(!0)
+      onError: () => l(!0)
     }
   ) : /* @__PURE__ */ e("span", { className: u, title: a ?? t, "aria-label": t, children: yr(t) });
-}, je = "ring-surface", wr = "ring-surface-accent", dn = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
+}, je = "ring-surface", wr = "ring-surface-accent", un = ({ 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__ */ o("span", { className: d("inline-flex items-center", s), children: [
-    a.map((c, u) => /* @__PURE__ */ e(
+  const a = t.slice(0, r), o = t.length - a.length;
+  return /* @__PURE__ */ c("span", { className: d("inline-flex items-center", s), children: [
+    a.map((l, u) => /* @__PURE__ */ e(
       Nr,
       {
-        name: c.name,
-        src: c.src,
+        name: l.name,
+        src: l.src,
         size: n,
-        title: c.name ? c.seen === !1 ? `${c.name} — nog niet gelezen` : c.name : void 0,
+        title: l.name ? l.seen === !1 ? `${l.name} — nog niet gelezen` : l.name : void 0,
         className: d(
           u > 0 && "-ml-2",
-          c.owner ? wr : je,
-          c.seen === !1 && "opacity-40"
+          l.owner ? wr : je,
+          l.seen === !1 && "opacity-40"
         )
       },
-      c.id ?? `${c.name}-${u}`
+      l.id ?? `${l.name}-${u}`
     )),
-    l > 0 && /* @__PURE__ */ o(
+    o > 0 && /* @__PURE__ */ c(
       "span",
       {
         className: d(
@@ -3819,7 +3819,7 @@ const Nr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
         ),
         children: [
           "+",
-          l
+          o
         ]
       }
     )
@@ -3835,8 +3835,8 @@ const Nr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
   md: "size-avatar-sm rounded-md text-xs",
   lg: "size-avatar-lg rounded-md text-base"
 };
-function un({ channel: t, children: r, size: n = "md", className: s, title: a }) {
-  const l = Pe[t in Pe ? t : "note"];
+function mn({ channel: t, children: r, size: n = "md", className: s, title: a }) {
+  const o = Pe[t in Pe ? t : "note"];
   return /* @__PURE__ */ e(
     "span",
     {
@@ -3844,22 +3844,22 @@ function un({ channel: t, children: r, size: n = "md", className: s, title: a })
       className: d(
         "inline-flex shrink-0 items-center justify-center font-bold",
         kr[n],
-        l.fg,
-        l.bg,
+        o.fg,
+        o.bg,
         s
       ),
       children: r
     }
   );
 }
-const mn = ({
+const fn = ({
   src: t,
   alt: r,
   size: n = "md",
   aspectRatio: s = "auto",
   radius: a = "md",
-  showLoading: l = !0,
-  showError: c = !0,
+  showLoading: o = !0,
+  showError: l = !0,
   fallback: u,
   loadingContent: x,
   errorContent: y,
@@ -3913,11 +3913,11 @@ const mn = ({
   ), F = d(
     "absolute inset-0 flex items-center justify-center",
     "text-text-muted"
-  ), re = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), V = /* @__PURE__ */ o("div", { className: "text-center", children: [
+  ), re = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), V = /* @__PURE__ */ c("div", { className: "text-center", children: [
     /* @__PURE__ */ e(Y, { icon: ot, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
-  return /* @__PURE__ */ o("div", { className: H, children: [
+  return /* @__PURE__ */ c("div", { className: H, children: [
     /* @__PURE__ */ e(
       "img",
       {
@@ -3929,18 +3929,18 @@ const mn = ({
         onError: Z
       }
     ),
-    N && l && /* @__PURE__ */ e("div", { className: F, children: x || re }),
-    b && c && /* @__PURE__ */ e("div", { className: F, children: y || V })
+    N && o && /* @__PURE__ */ e("div", { className: F, children: x || re }),
+    b && l && /* @__PURE__ */ e("div", { className: F, children: y || V })
   ] });
 };
-function fn({
+function hn({
   items: t,
   getRowKey: r,
   variant: n = "divided",
   leading: s,
   renderItem: a,
-  trailing: l,
-  onSelect: c,
+  trailing: o,
+  onSelect: l,
   onActiveIndexChange: u,
   isActive: x,
   unread: y,
@@ -3987,7 +3987,7 @@ function fn({
     _
   );
   if (re)
-    return /* @__PURE__ */ e("div", { className: ne, children: Array.from({ length: V }).map((E, q) => /* @__PURE__ */ o(
+    return /* @__PURE__ */ e("div", { className: ne, children: Array.from({ length: V }).map((E, q) => /* @__PURE__ */ c(
       "div",
       {
         className: d(
@@ -4007,26 +4007,26 @@ function fn({
     return /* @__PURE__ */ e("div", { className: ne, children: F });
   const K = t.length > 0 && A.length === t.length, B = A.length > 0 && !K, M = (E, q, R) => {
     const W = x?.(E, q) ?? !1, z = y?.(E, q) ?? !1, I = f?.(E, q) ?? !1, p = L && C(E);
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ c(
       "li",
       {
-        ...c ? {
+        ...l ? {
           role: "button",
           tabIndex: 0,
           "data-list-row": "",
           "aria-current": W || void 0,
-          onClick: () => c(E, q),
+          onClick: () => l(E, q),
           onFocus: () => u?.(q),
           onKeyDown: (O) => {
-            O.key !== "Enter" && O.key !== " " || (O.preventDefault(), c(E, q));
+            O.key !== "Enter" && O.key !== " " || (O.preventDefault(), l(E, q));
           }
         } : {},
         className: d(
           "flex items-center gap-3 px-4 py-2 text-base",
           "transition-colors duration-fast ease-out",
           n === "divided" && !R && "border-t border-border-subtle",
-          c && "cursor-pointer focus-visible:outline-none focus-visible:focus-ring",
-          W || p ? "bg-accent-soft text-text" : c && "hover:bg-surface-hover",
+          l && "cursor-pointer focus-visible:outline-none focus-visible:focus-ring",
+          W || p ? "bg-accent-soft text-text" : l && "hover:bg-surface-hover",
           z && "font-bold",
           I && "opacity-55"
         ),
@@ -4048,7 +4048,7 @@ function fn({
           ),
           s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s(E, q) }),
           /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: a ? a(E, q) : String(E) }),
-          l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(E, q) })
+          o && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: o(E, q) })
         ]
       },
       T(E, q)
@@ -4081,7 +4081,7 @@ function fn({
           ),
           "aria-expanded": v ? !p : void 0,
           style: N ? { top: H ? 28 : 0 } : void 0,
-          children: g ? g(W, I.map((j) => j.item)) : /* @__PURE__ */ o(he, { children: [
+          children: g ? g(W, I.map((j) => j.item)) : /* @__PURE__ */ c(he, { children: [
             v && /* @__PURE__ */ e(
               we,
               {
@@ -4106,8 +4106,8 @@ function fn({
       ];
     });
   })();
-  return /* @__PURE__ */ o("div", { ref: S, className: ne, onKeyDown: c ? w : void 0, children: [
-    L && A.length > 0 && /* @__PURE__ */ o("div", { className: "flex items-center gap-3 border-b border-border-subtle bg-surface-sunk px-4 py-2", children: [
+  return /* @__PURE__ */ c("div", { ref: S, className: ne, onKeyDown: l ? w : void 0, children: [
+    L && A.length > 0 && /* @__PURE__ */ c("div", { className: "flex items-center gap-3 border-b border-border-subtle bg-surface-sunk px-4 py-2", children: [
       /* @__PURE__ */ e(
         be,
         {
@@ -4117,7 +4117,7 @@ function fn({
           "aria-label": "Alles selecteren"
         }
       ),
-      /* @__PURE__ */ o("span", { className: "text-xs text-text-subtle", children: [
+      /* @__PURE__ */ c("span", { className: "text-xs text-text-subtle", children: [
         A.length,
         " geselecteerd"
       ] }),
@@ -4137,7 +4137,7 @@ function fn({
     /* @__PURE__ */ e("ul", { "aria-label": ce, className: "flex flex-col", children: D })
   ] });
 }
-function hn({
+function xn({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -4173,20 +4173,20 @@ const Cr = {
   urgent: "border-danger-border",
   success: "border-border"
 };
-function xn({ value: t, label: r, tone: n = "default", className: s, ...a }) {
-  return /* @__PURE__ */ o("div", { className: d("rounded-xl border bg-surface px-4 py-3.5", Sr[n], s), ...a, children: [
+function bn({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+  return /* @__PURE__ */ c("div", { className: d("rounded-xl border bg-surface px-4 py-3.5", Sr[n], s), ...a, children: [
     /* @__PURE__ */ e("div", { className: d("text-2xl font-semibold", Cr[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const bn = ({
+const gn = ({
   surface: t = !1,
   title: r,
   subtitle: n,
   meta: s,
   actions: a = [],
-  children: l,
-  className: c,
+  children: o,
+  className: l,
   backLabel: u = "Back",
   backClassName: x,
   onBack: y,
@@ -4206,20 +4206,20 @@ const bn = ({
   }, X = ($) => {
     $.key === "Enter" ? b.current?.blur() : $.key === "Escape" && (v(r), g(!1));
   };
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: d(
         "p-5 pb-3",
         // App-bar treatment: own background, full-bleed, closed with a rule.
         t && "bg-surface border-b border-border",
-        c
+        l
       ),
       children: [
-        /* @__PURE__ */ o("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__ */ o("div", { className: "flex items-start gap-4 text-text", children: [
+        /* @__PURE__ */ c("div", { className: "flex flex-row sm:items-start sm:justify-between items-center gap-4", children: [
+          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ c("div", { className: "flex items-start gap-4 text-text", children: [
             y && /* @__PURE__ */ e(te, { variant: "secondary", onClick: y, leftIcon: /* @__PURE__ */ e(Y, { icon: Ne, size: "sm" }), iconOnly: !0 }),
-            /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: [
               h ? /* @__PURE__ */ e(
                 "input",
                 {
@@ -4231,7 +4231,7 @@ const bn = ({
                   onKeyDown: X,
                   className: "text-1xl font-semibold bg-transparent border-b-1 border-border rounded-lg outline-none focus:border-none px-1 -mx-1 min-w-0 w-full"
                 }
-              ) : /* @__PURE__ */ o("div", { className: "group flex items-baseline gap-2.5 min-w-0", children: [
+              ) : /* @__PURE__ */ c("div", { className: "group flex items-baseline gap-2.5 min-w-0", children: [
                 /* @__PURE__ */ e(
                   "h2",
                   {
@@ -4284,20 +4284,26 @@ const bn = ({
             )
           ) })
         ] }),
-        l && /* @__PURE__ */ e("div", { className: "mt-4", children: l })
+        o && /* @__PURE__ */ e("div", { className: "mt-4", children: o })
       ]
     }
   );
-}, gn = ({
+}, zr = {
+  none: "px-0",
+  sm: "px-2",
+  md: "px-4",
+  lg: "px-6"
+}, pn = ({
   actions: t = [],
   onBack: r,
   backLabel: n = "Back",
   className: s,
-  children: a
-}) => /* @__PURE__ */ o("div", { className: d("flex items-center gap-2 mb-3", s), children: [
+  padding: a = "md",
+  children: o
+}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2 mb-3", zr[a], s), children: [
   r && /* @__PURE__ */ e(te, { variant: "secondary", onClick: r, leftIcon: /* @__PURE__ */ e(Y, { icon: Ne, size: "sm" }), iconOnly: !0 }),
-  a && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: a }),
-  t.length > 0 && /* @__PURE__ */ e("div", { className: d("flex flex-wrap gap-2", !a && "ml-auto"), children: t.map(
+  o && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: o }),
+  t.length > 0 && /* @__PURE__ */ e("div", { className: d("flex flex-wrap gap-2", !o && "ml-auto"), children: t.map(
     (l) => l.splitOptions && l.splitOptions.length > 0 ? /* @__PURE__ */ e(
       Oe,
       {
@@ -4314,8 +4320,8 @@ const bn = ({
       {
         variant: l.variant ?? "secondary",
         size: "sm",
-        onClick: (c) => {
-          c.stopPropagation(), c.target.blur(), l.onClick();
+        onClick: (u) => {
+          u.stopPropagation(), u.target.blur(), l.onClick();
         },
         disabled: l.disabled,
         leftIcon: l.icon,
@@ -4325,34 +4331,34 @@ const bn = ({
     )
   ) })
 ] });
-function pn({ label: t, trailing: r, align: n = "center", className: s }) {
+function vn({ 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: d("flex items-center py-2", s), children: a }) : /* @__PURE__ */ o("div", { className: d("flex items-center gap-3 py-2", s), children: [
+  return !t && !r ? /* @__PURE__ */ e("div", { className: d("flex items-center py-2", s), children: a }) : /* @__PURE__ */ c("div", { className: d("flex items-center gap-3 py-2", s), children: [
     n === "center" && a,
     /* @__PURE__ */ e("span", { className: "shrink-0 text-xs font-medium text-text-muted", children: t }),
     a,
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-function vn({
+function yn({
   label: t,
   description: r,
   control: n,
   bordered: s = !1,
   disabled: a = !1,
-  className: l
+  className: o
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: d(
         "flex items-center justify-between gap-4 py-2",
         s && "rounded-lg border border-border px-3",
         a && "opacity-50",
-        l
+        o
       ),
       children: [
-        /* @__PURE__ */ o("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ c("div", { className: "min-w-0", children: [
           /* @__PURE__ */ e("div", { className: "text-sm text-text", children: t }),
           r && /* @__PURE__ */ e("div", { className: "text-xs text-text-muted", children: r })
         ] }),
@@ -4361,18 +4367,18 @@ function vn({
     }
   );
 }
-function yn({
+function Nn({
   icon: t,
   title: r,
   description: n,
   actions: s,
   children: a,
-  className: l
+  className: o
 }) {
-  return /* @__PURE__ */ o("section", { className: d("flex flex-col gap-2", l), children: [
-    /* @__PURE__ */ o("div", { className: "flex items-start gap-2", children: [
+  return /* @__PURE__ */ c("section", { className: d("flex flex-col gap-2", o), children: [
+    /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
       t && /* @__PURE__ */ e(Y, { icon: t, size: "md", color: "secondary", className: "mt-0.5" }),
-      /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-text", children: r }),
         n && /* @__PURE__ */ e("p", { className: "text-xs text-text-muted", children: n })
       ] }),
@@ -4381,8 +4387,8 @@ function yn({
     /* @__PURE__ */ e("div", { className: d("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function Nn({ label: t, dotColor: r, onClick: n, className: s }) {
-  return /* @__PURE__ */ o(
+function wn({ label: t, dotColor: r, onClick: n, className: s }) {
+  return /* @__PURE__ */ c(
     "button",
     {
       type: "button",
@@ -4399,13 +4405,13 @@ function Nn({ label: t, dotColor: r, onClick: n, className: s }) {
     }
   );
 }
-function zr(t, r) {
+function Er(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const wn = ({
+const kn = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -4422,13 +4428,13 @@ const wn = ({
     } catch {
       return String(f);
     }
-  }, l = (f) => f ? "Ja" : "Nee", c = (f, m) => {
+  }, o = (f) => f ? "Ja" : "Nee", l = (f, m) => {
     if (!m) return String(f || "-");
     const h = m.find((g) => g.value === f);
     return h ? h.label : String(f || "-");
   }, u = de(
     (f) => {
-      const m = zr(r, f.name);
+      const m = Er(r, f.name);
       if (f.type === "array") {
         const g = m;
         return !g || g.length === 0 ? /* @__PURE__ */ e(
@@ -4439,12 +4445,12 @@ const wn = ({
             className: "text-text-muted",
             children: "Geen items"
           }
-        ) : /* @__PURE__ */ e("div", { className: "space-y-3", children: g.map((N, v) => /* @__PURE__ */ o(
+        ) : /* @__PURE__ */ e("div", { className: "space-y-3", children: g.map((N, v) => /* @__PURE__ */ c(
           "div",
           {
             className: "p-4 border border-border rounded-xl space-y-3",
             children: [
-              /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ o(
+              /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ c(
                 ie,
                 {
                   variant: "label",
@@ -4472,13 +4478,13 @@ const wn = ({
                     break;
                   case "select":
                   case "radio":
-                    A = c(
+                    A = l(
                       L,
                       b.options
                     );
                     break;
                   case "checkbox":
-                    A = l(L);
+                    A = o(L);
                     break;
                   case "date":
                     A = a(L);
@@ -4491,7 +4497,7 @@ const wn = ({
                   default:
                     A = String(L || "-");
                 }
-                return b.format && (A = b.format(L, N)), /* @__PURE__ */ o("div", { className: "space-y-1", children: [
+                return b.format && (A = b.format(L, N)), /* @__PURE__ */ c("div", { className: "space-y-1", children: [
                   /* @__PURE__ */ e(
                     ie,
                     {
@@ -4546,10 +4552,10 @@ const wn = ({
           break;
         case "select":
         case "radio":
-          h = c(m, f.options);
+          h = l(m, f.options);
           break;
         case "checkbox":
-          h = l(m);
+          h = o(m);
           break;
         case "date":
           h = a(m);
@@ -4588,12 +4594,12 @@ const wn = ({
         },
         f.className
       );
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ c(
         "div",
         {
           className: "grid grid-cols-1 md:grid-cols-3 gap-8 p-6 border border-border rounded-xl",
           children: [
-            /* @__PURE__ */ o("div", { className: "md:col-span-1", children: [
+            /* @__PURE__ */ c("div", { className: "md:col-span-1", children: [
               /* @__PURE__ */ e(
                 ie,
                 {
@@ -4614,7 +4620,7 @@ const wn = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: h, children: m.map((g) => /* @__PURE__ */ o(
+            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: h, children: m.map((g) => /* @__PURE__ */ c(
               "div",
               {
                 className: "space-y-1",
@@ -4655,9 +4661,9 @@ const wn = ({
   );
   return /* @__PURE__ */ e("div", { className: y, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(x) }) });
 }, Ve = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
-  const a = !!(t.children && t.children.length > 0), l = r ? r(t.path) : !1;
-  return a ? /* @__PURE__ */ o("li", { children: [
-    /* @__PURE__ */ o(
+  const a = !!(t.children && t.children.length > 0), o = r ? r(t.path) : !1;
+  return a ? /* @__PURE__ */ c("li", { children: [
+    /* @__PURE__ */ c(
       "div",
       {
         className: d(
@@ -4669,30 +4675,30 @@ const wn = ({
         ]
       }
     ),
-    /* @__PURE__ */ e("ul", { className: "flex flex-col gap-0.5", children: t.children?.map((c, u) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("ul", { className: "flex flex-col gap-0.5", children: t.children?.map((l, u) => /* @__PURE__ */ e(
       Ve,
       {
-        item: c,
+        item: l,
         isSelectedHandler: r,
         onClick: n,
         depth: s + 1
       },
       u
     )) })
-  ] }) : /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
+  ] }) : /* @__PURE__ */ e("li", { children: /* @__PURE__ */ c(
     "div",
     {
       role: "button",
       tabIndex: 0,
       onClick: () => t.path && n?.(t.path),
-      onKeyDown: (c) => {
-        (c.key === "Enter" || c.key === " ") && (c.preventDefault(), t.path && n?.(t.path));
+      onKeyDown: (l) => {
+        (l.key === "Enter" || l.key === " ") && (l.preventDefault(), t.path && n?.(t.path));
       },
       className: d(
         "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-base no-underline",
         "transition-colors duration-fast ease-out",
         "focus-visible:outline-none focus-visible:focus-ring",
-        l ? "bg-accent-soft font-semibold text-accent" : "text-text-muted hover:bg-surface-hover hover:text-text"
+        o ? "bg-accent-soft font-semibold text-accent" : "text-text-muted hover:bg-surface-hover hover:text-text"
       ),
       children: [
         t.icon && /* @__PURE__ */ e("span", { className: "flex w-5 shrink-0 items-center justify-center", children: t.icon }),
@@ -4702,7 +4708,7 @@ const wn = ({
           {
             className: d(
               "shrink-0 text-xs tabular-nums",
-              l ? "rounded-full bg-accent px-2 font-semibold text-accent-fg" : "text-text-subtle"
+              o ? "rounded-full bg-accent px-2 font-semibold text-accent-fg" : "text-text-subtle"
             ),
             children: t.count
           }
@@ -4710,17 +4716,17 @@ const wn = ({
       ]
     }
   ) });
-}, kn = ({
+}, Cn = ({
   title: t,
   actionIcons: r,
   items: n,
   isSelectedHandler: s,
   onClick: a,
-  preMenuItemsComponent: l
-}) => /* @__PURE__ */ o("nav", { className: "flex h-full shrink-0 flex-col p-3 pt-4", children: [
-  /* @__PURE__ */ o("div", { className: "flex items-center gap-2 px-2 pb-3", children: [
+  preMenuItemsComponent: o
+}) => /* @__PURE__ */ c("nav", { className: "flex h-full shrink-0 flex-col p-3 pt-4", children: [
+  /* @__PURE__ */ c("div", { className: "flex items-center gap-2 px-2 pb-3", children: [
     /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-lg font-semibold text-text", children: t }),
-    r && r.length > 0 && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-1", children: r.map((c, u) => /* @__PURE__ */ e(
+    r && r.length > 0 && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-1", children: r.map((l, u) => /* @__PURE__ */ e(
       "span",
       {
         className: d(
@@ -4728,24 +4734,24 @@ const wn = ({
           "transition-colors duration-fast ease-out hover:bg-surface-hover hover:text-text-strong",
           "focus-visible:outline-none focus-visible:focus-ring"
         ),
-        children: c
+        children: l
       },
       u
     )) })
   ] }),
-  l && /* @__PURE__ */ e("div", { className: "px-1 pb-3", children: l }),
+  o && /* @__PURE__ */ e("div", { className: "px-1 pb-3", children: o }),
   /* @__PURE__ */ e("ul", { className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto", children: n.map(
-    (c, u) => !c.path && !c.label && !c.children ? /* @__PURE__ */ e("li", { "aria-hidden": !0, className: "h-4" }, u) : /* @__PURE__ */ e(
+    (l, u) => !l.path && !l.label && !l.children ? /* @__PURE__ */ e("li", { "aria-hidden": !0, className: "h-4" }, u) : /* @__PURE__ */ e(
       Ve,
       {
-        item: c,
+        item: l,
         isSelectedHandler: s,
         onClick: a
       },
       u
     )
   ) })
-] }), Er = {
+] }), Mr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -4754,13 +4760,13 @@ const wn = ({
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, Mr = {
+}, $r = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, $r = {
+}, Dr = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -4770,33 +4776,33 @@ const wn = ({
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, Dr = {
+}, Tr = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, Cn = ({
+}, Sn = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
   color: s = "current",
   align: a = "left",
-  truncate: l = !1,
-  className: c,
+  truncate: o = !1,
+  className: l,
   children: u,
   ...x
 }) => {
   const y = `h${t}`, f = d(
     "font-sans text-pretty",
-    Er[r || Tr(t)],
-    Mr[n],
-    $r[s],
-    Dr[a],
-    l && "truncate",
-    c
+    Mr[r || Ar(t)],
+    $r[n],
+    Dr[s],
+    Tr[a],
+    o && "truncate",
+    l
   );
   return /* @__PURE__ */ e(y, { className: f, ...x, children: u });
 };
-function Tr(t) {
+function Ar(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -4806,19 +4812,19 @@ function Tr(t) {
     6: "md"
   }[t] || "md";
 }
-const Sn = ({
+const zn = ({
   commands: t,
   isOpen: r,
   onClose: n,
   labels: s,
   initialCommandPath: a,
-  initialActiveIndex: l
+  initialActiveIndex: o
 }) => {
-  const [c, u] = U(""), [x, y] = U(a || []), [f, m] = U(l || 0), h = se(null), g = se(null), v = (x.length ? t.find((b) => b.id === x[0])?.subCommands || [] : t).filter(
-    (b) => b.label.toLowerCase().includes(c.toLowerCase())
+  const [l, u] = U(""), [x, y] = U(a || []), [f, m] = U(o || 0), h = se(null), g = se(null), v = (x.length ? t.find((b) => b.id === x[0])?.subCommands || [] : t).filter(
+    (b) => b.label.toLowerCase().includes(l.toLowerCase())
   );
   return Q(() => {
-    r || (u(""), y(a || []), m(l || 0));
+    r || (u(""), y(a || []), m(o || 0));
   }, [r]), Q(() => {
     const b = (L) => {
       if (r) {
@@ -4847,13 +4853,13 @@ const Sn = ({
   }, [r, n]), Q(() => {
     if (!r) return;
     g.current?.querySelector(`[data-index="${f}"]`)?.scrollIntoView({ block: "nearest" });
-  }, [f, r]), r ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-modal flex items-center justify-center bg-scrim", children: /* @__PURE__ */ o(
+  }, [f, r]), r ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-modal flex items-center justify-center bg-scrim", children: /* @__PURE__ */ c(
     "div",
     {
       className: "flex flex-col w-full max-w-lg max-h-dialog p-2 mx-auto rounded-lg border border-border shadow-modal bg-surface",
       ref: h,
       children: [
-        /* @__PURE__ */ o("div", { className: "flex items-center gap-2 px-3 flex-shrink-0", children: [
+        /* @__PURE__ */ c("div", { className: "flex items-center gap-2 px-3 flex-shrink-0", children: [
           /* @__PURE__ */ e(ke, { className: "w-4 h-4 text-text-muted shrink-0" }),
           /* @__PURE__ */ e(
             "input",
@@ -4861,20 +4867,20 @@ const Sn = ({
               type: "text",
               autoFocus: !0,
               placeholder: s?.searchPlaceholder || "Search commands...",
-              value: c,
+              value: l,
               onChange: (b) => u(b.target.value),
               className: "w-full border-0 bg-transparent py-2 text-text focus:outline-none"
             }
           )
         ] }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ c(
           "div",
           {
             ref: g,
             className: "mt-2 pt-2 text-sm border-t border-border max-h-dialog-list overflow-y-auto",
             children: [
               v.length === 0 && /* @__PURE__ */ e("div", { className: "text-text-muted text-center text-sm", children: s?.noCommandsFound || "No commands found" }),
-              v.map((b, L) => /* @__PURE__ */ o(
+              v.map((b, L) => /* @__PURE__ */ c(
                 "div",
                 {
                   "data-index": L,
@@ -4894,16 +4900,16 @@ const Sn = ({
             ]
           }
         ),
-        /* @__PURE__ */ o("div", { className: "flex items-center gap-4 px-3 pt-2 mt-2 text-xs text-text-muted border-t border-border", children: [
-          /* @__PURE__ */ o("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ c("div", { className: "flex items-center gap-4 px-3 pt-2 mt-2 text-xs text-text-muted border-t border-border", children: [
+          /* @__PURE__ */ c("span", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ e("kbd", { className: "inline-flex items-center justify-center min-w-5 px-1 py-0.5 rounded border border-border bg-surface-sunk text-xs font-medium not-italic", children: "↑↓" }),
             s?.navigate || "to navigate"
           ] }),
-          /* @__PURE__ */ o("span", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ c("span", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ e("kbd", { className: "inline-flex items-center justify-center min-w-5 px-1 py-0.5 rounded border border-border bg-surface-sunk text-xs font-medium not-italic", children: "↵" }),
             s?.select || "to select"
           ] }),
-          /* @__PURE__ */ o("span", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ c("span", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ e("kbd", { className: "inline-flex items-center justify-center min-w-5 px-1 py-0.5 rounded border border-border bg-surface-sunk text-xs font-medium not-italic", children: "Esc" }),
             s?.close || "to close"
           ] })
@@ -4911,7 +4917,7 @@ const Sn = ({
       ]
     }
   ) }) : null;
-}, Ar = {
+}, Lr = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -4919,7 +4925,7 @@ const Sn = ({
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, Lr = {
+}, Ir = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -4927,7 +4933,7 @@ const Sn = ({
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, Ir = {
+}, jr = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -4943,26 +4949,26 @@ const Sn = ({
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, jr = {
+}, Pr = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Pr = {
+}, Or = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, Or = {
+}, Fr = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Fr = {
+}, Br = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -4979,8 +4985,8 @@ const Sn = ({
     background: n,
     radius: s,
     shadow: a,
-    border: l,
-    borderColor: c,
+    border: o,
+    borderColor: l,
     className: u,
     children: x,
     ...y
@@ -4989,13 +4995,13 @@ const Sn = ({
     {
       ref: f,
       className: d(
-        t && Ar[t],
-        r && Lr[r],
-        n && Ir[n],
-        s && jr[s],
-        a && Pr[a],
-        l && Or[l],
-        c && Fr[c],
+        t && Lr[t],
+        r && Ir[r],
+        n && jr[n],
+        s && Pr[s],
+        a && Or[a],
+        o && Fr[o],
+        l && Br[l],
         u
       ),
       ...y,
@@ -5004,7 +5010,7 @@ const Sn = ({
   )
 );
 He.displayName = "Box";
-const zn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ o(
+const En = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
   He,
   {
     background: "module",
@@ -5019,15 +5025,15 @@ const zn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ o(
     ]
   }
 );
-function En({
+function Mn({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
   fallback: s,
   componentProps: a,
-  className: l
+  className: o
 }) {
-  const c = se(null), [u, x] = U(!0), [y, f] = U(null), m = se(null);
+  const l = se(null), [u, x] = U(!0), [y, f] = U(null), m = se(null);
   return se(null), Q(() => {
     let h = !0;
     return (async () => {
@@ -5047,7 +5053,7 @@ function En({
     };
   }, [t, r]), Q(() => {
     if (u || !y || n === "react") return;
-    const h = c.current;
+    const h = l.current;
     if (h) {
       if (n === "svelte") {
         const g = y.default || y, N = new g({ target: h, props: a || {} });
@@ -5062,12 +5068,12 @@ function En({
     }
   }, [y, n, u]), Q(() => {
     n === "svelte" && m.current && m.current.$set?.(a);
-  }, [a, n]), /* @__PURE__ */ o("div", { ref: c, className: l, style: { display: "contents" }, children: [
+  }, [a, n]), /* @__PURE__ */ c("div", { ref: l, className: o, style: { display: "contents" }, children: [
     u && s,
     n === "react" && y && /* @__PURE__ */ e(y, { ...a })
   ] });
 }
-class Mn extends mt {
+class $n extends mt {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -5081,7 +5087,7 @@ class Mn extends mt {
     console.error(`[ErrorBoundary] Error in ${this.props.name || "Component"}:`, r, n);
   }
   render() {
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ o("div", { className: "p-4 m-4 border border-danger-border bg-danger-soft rounded-lg", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ c("div", { className: "p-4 m-4 border border-danger-border bg-danger-soft rounded-lg", children: [
       /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-danger-fg", children: "Something went wrong" }),
       /* @__PURE__ */ e("p", { className: "text-sm text-danger-fg mt-1", children: this.props.name ? `Error in ${this.props.name}` : "The component failed to render." }),
       /* @__PURE__ */ e(
@@ -5096,66 +5102,66 @@ class Mn extends mt {
   }
 }
 export {
-  cn as AssistantCard,
+  dn as AssistantCard,
   Nr as Avatar,
-  dn as AvatarStack,
-  tn as Badge,
+  un as AvatarStack,
+  rn as Badge,
   He as Box,
   te as Button,
-  Gr as ButtonGroup,
-  zn as Card,
-  un as ChannelBadge,
+  Jr as ButtonGroup,
+  En as Card,
+  mn as ChannelBadge,
   be as Checkbox,
-  Sn as CommandPalette,
-  en as ConfirmDialog,
+  zn as CommandPalette,
+  tn as ConfirmDialog,
   Rt as ContentLoading,
   Me as DatePicker,
   Vt as Dropdown,
-  rn as EmptyState,
-  Mn as ErrorBoundary,
-  En as FederatedResource,
-  Jr as FilterChip,
+  nn as EmptyState,
+  $n as ErrorBoundary,
+  Mn as FederatedResource,
+  Yr as FilterChip,
   It as FolderSelect,
-  Qr as Form,
-  Cn as Heading,
+  en as Form,
+  Sn as Heading,
   Y as Icon,
-  mn as Image,
-  nn as Kbd,
-  xn as KpiCard,
-  Yr as Link,
-  fn as List,
-  Wr as MeetingGrid,
-  hn as MessageBubble,
+  fn as Image,
+  sn as Kbd,
+  bn as KpiCard,
+  Xr as Link,
+  hn as List,
+  Kr as MeetingGrid,
+  xn as MessageBubble,
   Re as Modal,
-  bn as PageHeader,
-  gn as PageToolbar,
-  Kr as ParticipantTile,
+  gn as PageHeader,
+  pn as PageToolbar,
+  _r as ParticipantTile,
   kt as Popover,
-  sn as ProgressBar,
+  an as ProgressBar,
   Ft as SearchableTextField,
-  pn as SectionDivider,
-  Xr as SegmentedToggle,
+  vn as SectionDivider,
+  Zr as SegmentedToggle,
   ve as Select,
-  vn as SettingsRow,
-  yn as SettingsSection,
-  kn as SidebarMenu,
-  Nn as SourceChip,
-  an as Spinner,
+  yn as SettingsRow,
+  Nn as SettingsSection,
+  Cn as SidebarMenu,
+  wn as SourceChip,
+  ln as Spinner,
   Oe as SplitButton,
-  ln as StatusDot,
-  on as StepIndicator,
+  on as StatusDot,
+  cn as StepIndicator,
   ar as StorageInput,
   Bt as Switch,
-  Zr as TabBar,
+  Qr as TabBar,
   Le as Table,
   Xt as Tabs,
   ie as Text,
   $e as TextArea,
   xe as TextField,
-  _r as VideoSurface,
-  wn as View,
+  Gr as VideoSurface,
+  kn as View,
   d as cn,
-  qr as createSizes,
-  Ur as createVariants
+  Wr as createSizes,
+  qr as createVariants
 };
 //# sourceMappingURL=index.js.map