@opencxh/ui-kit 3.137.5 → 3.137.8

package/dist/index.js

@@ -1,6 +1,6 @@
 import { clsx as et } from "clsx";
-import { jsxs as i, jsx as e, Fragment as ve } from "react/jsx-runtime";
-import { VideoOff as tt, User as rt, MicOff as nt, Mic as st, X as we, ChevronDown as Se, ExternalLink as at, Calendar as lt, ChevronLeft as Ee, ChevronRight as ze, ChevronDownIcon as ot, Loader2 as ct, Search as Me, Check as Ie, ChevronUp as it, Ellipsis as dt, FileText as Te, HardDrive as Pe, ArrowLeft as ut, FolderPlus as mt, Upload as ft, Folder as je, Trash2 as ht, Plus as xt, Sparkles as bt, ImageOff as gt, Pencil as pt, ArrowUpRight as vt } from "lucide-react";
+import { jsxs as c, jsx as e, Fragment as ve } from "react/jsx-runtime";
+import { VideoOff as tt, User as rt, MicOff as nt, Mic as st, X as we, ChevronDown as Se, ExternalLink as at, Calendar as lt, ChevronLeft as Ee, ChevronRight as ze, ChevronDownIcon as ot, Loader2 as ct, Search as Me, Check as Pe, ChevronUp as it, Ellipsis as dt, FileText as Te, HardDrive as Ie, ArrowLeft as ut, FolderPlus as mt, Upload as ft, Folder as je, Trash2 as ht, Plus as xt, Sparkles as bt, ImageOff as gt, Pencil as pt, ArrowUpRight as vt } from "lucide-react";
 import oe, { useRef as se, useEffect as X, forwardRef as xe, useState as O, useLayoutEffect as yt, useMemo as pe, useCallback as he, createContext as Nt, Component as wt } from "react";
 import kt from "dompurify";
 import Ct from "react-markdown";
@@ -8,28 +8,28 @@ import St from "remark-gfm";
 function d(...t) {
   return et(t);
 }
-function dn(t) {
+function un(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function un(t) {
+function mn(t) {
   return (r) => t[r] || "";
 }
 const Oe = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
-function mn(t) {
+function fn(t) {
   let r = 0;
   for (let n = 0; n < t.length; n++) r = r * 31 + t.charCodeAt(n) >>> 0;
   return Oe[r % Oe.length];
 }
-function fn({ tiles: t, pinned: r, className: n }) {
+function hn({ tiles: t, pinned: r, className: n }) {
   if (r)
-    return /* @__PURE__ */ i("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)) })
     ] });
   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)) });
 }
-function hn({
+function xn({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -39,7 +39,7 @@ function hn({
   className: o,
   fill: m
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: d(
@@ -50,7 +50,7 @@ function hn({
       ),
       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(tt, { className: "w-8 h-8" }) : /* @__PURE__ */ e(rt, { className: "w-8 h-8" }) }) }),
-        /* @__PURE__ */ i("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: [
+        /* @__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(nt, { className: "w-3 h-3" }) : /* @__PURE__ */ e(st, { className: "w-3 h-3" }),
           /* @__PURE__ */ e("span", { className: "truncate max-w-35", children: t })
         ] })
@@ -58,7 +58,7 @@ function hn({
     }
   );
 }
-function xn({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
+function bn({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
   const a = se(null);
   return X(() => {
     if (!r || !a.current) return;
@@ -123,7 +123,7 @@ const Et = {
     ...h
   }, b) => {
     const v = x || s;
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ c(
       "button",
       {
         ref: b,
@@ -165,7 +165,7 @@ const Et = {
   }
 );
 ae.displayName = "Button";
-const bn = ({
+const gn = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
@@ -288,7 +288,7 @@ const Ve = ({
   const v = (g) => {
     g.stopPropagation(), !o && y((f) => !f);
   }, k = () => y(!1);
-  return /* @__PURE__ */ i("div", { ref: x, className: d("relative inline-flex", a), children: [
+  return /* @__PURE__ */ c("div", { ref: x, className: d("relative inline-flex", a), children: [
     /* @__PURE__ */ e(
       "button",
       {
@@ -358,7 +358,7 @@ function Lt({
   title: b,
   className: v
 }) {
-  const k = l && !!y, g = s === "pill" ? "rounded-full" : "rounded-md", f = _t({ active: l, tone: n, shape: s, size: a, className: v }), $ = /* @__PURE__ */ i(ve, { children: [
+  const k = l && !!y, g = s === "pill" ? "rounded-full" : "rounded-md", f = _t({ active: l, tone: n, shape: s, size: a, className: v }), $ = /* @__PURE__ */ c(ve, { children: [
     r,
     t,
     o && /* @__PURE__ */ e(Q, { icon: Se, size: "xs" })
@@ -372,7 +372,7 @@ function Lt({
       children: /* @__PURE__ */ e(Q, { icon: we, size: "xs" })
     }
   );
-  return m ? /* @__PURE__ */ i("span", { className: f, title: b, children: [
+  return m ? /* @__PURE__ */ c("span", { className: f, title: b, children: [
     /* @__PURE__ */ e(
       Ve,
       {
@@ -384,18 +384,18 @@ function Lt({
       }
     ),
     q
-  ] }) : k ? /* @__PURE__ */ i("span", { className: f, title: b, children: [
+  ] }) : k ? /* @__PURE__ */ c("span", { className: f, title: b, children: [
     /* @__PURE__ */ e("button", { type: "button", onClick: h, className: C, children: $ }),
     q
   ] }) : /* @__PURE__ */ e("button", { type: "button", title: b, onClick: h, className: d(f, C), children: $ });
 }
-const It = {
+const Pt = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, Pt = {
+}, It = {
   primary: "text-text hover:text-info-fg hover:underline",
   info: "text-info-fg hover:underline",
   secondary: "text-text-muted hover:text-text",
@@ -413,7 +413,7 @@ const It = {
   warning: "bg-warning-soft",
   error: "bg-danger-soft",
   info: "bg-info-soft"
-}, gn = ({
+}, pn = ({
   variant: t = "default",
   size: r = "md",
   color: n = "primary",
@@ -430,8 +430,8 @@ const It = {
     "inline-flex items-center gap-1 underline-offset-2",
     "transition-colors duration-fast ease-out",
     "focus-visible:outline-none focus-visible:focus-ring",
-    It[r],
-    !s && Pt[n],
+    Pt[r],
+    !s && It[n],
     t === "subtle" && "no-underline opacity-70 hover:opacity-100",
     t === "underline" && "underline decoration-1 hover:decoration-2",
     t === "button" && [
@@ -447,7 +447,7 @@ const It = {
     rel: h ? "noopener noreferrer" : y,
     "aria-disabled": s || void 0
   };
-  return /* @__PURE__ */ i("a", { className: b, ...v, children: [
+  return /* @__PURE__ */ c("a", { className: b, ...v, children: [
     o,
     h && /* @__PURE__ */ e(at, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
   ] });
@@ -522,64 +522,70 @@ function qe({
   menuLabel: y = "More options"
 }) {
   const x = o || m, h = l.length > 0;
-  return /* @__PURE__ */ i("div", { className: d("inline-flex items-center", n === "primary" && "gap-0.5"), children: [
-    /* @__PURE__ */ e(
-      ae,
-      {
-        variant: n,
-        size: s,
-        onClick: r,
-        disabled: o,
-        loading: m,
-        leftIcon: a,
-        className: d(h && "rounded-r-none"),
-        children: t
-      }
-    ),
-    h && /* @__PURE__ */ e(
-      Ve,
-      {
-        placement: u,
-        disabled: x,
-        triggerLabel: y,
-        className: "min-w-menu py-1",
-        trigger: /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: d(
-              "inline-flex items-center justify-center rounded-md rounded-l-none",
-              "transition-colors duration-fast ease-out",
-              Bt[n],
-              Rt[s],
-              x && "cursor-not-allowed opacity-50"
-            ),
-            children: /* @__PURE__ */ e(Se, { className: "size-icon-md" })
-          }
-        ),
-        children: (b) => /* @__PURE__ */ e(ve, { children: l.map((v) => /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              v.onClick(), b();
+  return (
+    // De scheiding tussen beide helften is een kier in de vulling, niet een
+    // lijn: bij een ink-gevulde knop leest 2px als een spleet. 1px is genoeg
+    // om te zien dat het twee doelen zijn. De omrande varianten hebben hun
+    // eigen randen al en houden de helften tegen elkaar.
+    /* @__PURE__ */ c("div", { className: d("inline-flex items-center", n === "primary" && "gap-px"), children: [
+      /* @__PURE__ */ e(
+        ae,
+        {
+          variant: n,
+          size: s,
+          onClick: r,
+          disabled: o,
+          loading: m,
+          leftIcon: a,
+          className: d(h && "rounded-r-none"),
+          children: t
+        }
+      ),
+      h && /* @__PURE__ */ e(
+        Ve,
+        {
+          placement: u,
+          disabled: x,
+          triggerLabel: y,
+          className: "min-w-menu py-1",
+          trigger: /* @__PURE__ */ e(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: d(
+                "inline-flex items-center justify-center rounded-md rounded-l-none",
+                "transition-colors duration-fast ease-out",
+                Bt[n],
+                Rt[s],
+                x && "cursor-not-allowed opacity-50"
+              ),
+              children: /* @__PURE__ */ e(Se, { className: "size-icon-md" })
+            }
+          ),
+          children: (b) => /* @__PURE__ */ e(ve, { children: l.map((v) => /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                v.onClick(), b();
+              },
+              className: d(
+                "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
+                "transition-colors duration-fast ease-out",
+                "focus-visible:outline-none focus-visible:focus-ring",
+                v.variant === "destructive" ? "text-danger-fg hover:bg-danger-soft" : "text-text hover:bg-surface-hover"
+              ),
+              children: [
+                v.icon && /* @__PURE__ */ e("span", { className: "shrink-0", children: v.icon }),
+                v.label
+              ]
             },
-            className: d(
-              "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
-              "transition-colors duration-fast ease-out",
-              "focus-visible:outline-none focus-visible:focus-ring",
-              v.variant === "destructive" ? "text-danger-fg hover:bg-danger-soft" : "text-text hover:bg-surface-hover"
-            ),
-            children: [
-              v.icon && /* @__PURE__ */ e("span", { className: "shrink-0", children: v.icon }),
-              v.label
-            ]
-          },
-          v.id
-        )) })
-      }
-    )
-  ] });
+            v.id
+          )) })
+        }
+      )
+    ] })
+  );
 }
 const Ht = {
   sm: "size-checkbox-sm",
@@ -617,8 +623,8 @@ const Ht = {
     );
     return oe.useEffect(() => {
       k.current && (k.current.indeterminate = a);
-    }, [a]), /* @__PURE__ */ i("div", { className: d("flex flex-col", l), children: [
-      /* @__PURE__ */ i("div", { className: d("flex items-center gap-3", Vt[s]), children: [
+    }, [a]), /* @__PURE__ */ c("div", { className: d("flex flex-col", l), children: [
+      /* @__PURE__ */ c("div", { className: d("flex items-center gap-3", Vt[s]), children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -642,7 +648,7 @@ const Ht = {
             ...y
           }
         ),
-        t && /* @__PURE__ */ i("div", { className: "flex-1", children: [
+        t && /* @__PURE__ */ c("div", { className: "flex-1", children: [
           /* @__PURE__ */ e(
             "label",
             {
@@ -679,37 +685,37 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
 }, h) => {
   const [b, v] = O(!1), [k, g] = O(() => t || /* @__PURE__ */ new Date()), f = se(null), $ = se(null), C = $e(b, $);
   X(() => {
-    const c = (S) => {
+    const i = (S) => {
       f.current && !f.current.contains(S.target) && v(!1);
     };
-    return b && document.addEventListener("mousedown", c), () => {
-      document.removeEventListener("mousedown", c);
+    return b && document.addEventListener("mousedown", i), () => {
+      document.removeEventListener("mousedown", i);
     };
   }, [b]);
-  const q = (c) => {
-    if (!c) return "";
-    const S = c.getDate().toString().padStart(2, "0"), p = (c.getMonth() + 1).toString().padStart(2, "0"), _ = c.getFullYear(), N = y === "dd/MM/yyyy" ? `${S}/${p}/${_}` : y === "yyyy-MM-dd" ? `${_}-${p}-${S}` : `${p}/${S}/${_}`;
-    return x ? `${N} ${T(c)}` : N;
-  }, T = (c) => `${c.getHours().toString().padStart(2, "0")}:${c.getMinutes().toString().padStart(2, "0")}`, G = (c) => {
-    const [S, p] = c.split(":").map(Number);
+  const q = (i) => {
+    if (!i) return "";
+    const S = i.getDate().toString().padStart(2, "0"), p = (i.getMonth() + 1).toString().padStart(2, "0"), _ = i.getFullYear(), N = y === "dd/MM/yyyy" ? `${S}/${p}/${_}` : y === "yyyy-MM-dd" ? `${_}-${p}-${S}` : `${p}/${S}/${_}`;
+    return x ? `${N} ${T(i)}` : N;
+  }, T = (i) => `${i.getHours().toString().padStart(2, "0")}:${i.getMinutes().toString().padStart(2, "0")}`, G = (i) => {
+    const [S, p] = i.split(":").map(Number);
     if (Number.isNaN(S) || Number.isNaN(p)) return;
     const _ = t ? new Date(t) : /* @__PURE__ */ new Date();
     _.setHours(S, p, 0, 0), r?.(_);
   }, V = () => {
-    const c = k.getFullYear(), S = k.getMonth(), p = new Date(c, S, 1), _ = new Date(p);
+    const i = k.getFullYear(), S = k.getMonth(), p = new Date(i, S, 1), _ = new Date(p);
     _.setDate(_.getDate() - p.getDay());
     const N = [], U = new Date(_);
     for (let re = 0; re < 42; re++)
       N.push(new Date(U)), U.setDate(U.getDate() + 1);
     return N;
-  }, I = (c) => {
-    if (c.getMonth() === k.getMonth() && !(m && c < m) && !(u && c > u)) {
+  }, P = (i) => {
+    if (i.getMonth() === k.getMonth() && !(m && i < m) && !(u && i > u)) {
       if (x) {
-        const p = new Date(c);
+        const p = new Date(i);
         p.setHours(t?.getHours() ?? 0, t?.getMinutes() ?? 0, 0, 0), r?.(p);
         return;
       }
-      r?.(c), v(!1);
+      r?.(i), v(!1);
     }
   }, H = () => {
     g(new Date(k.getFullYear(), k.getMonth() - 1, 1));
@@ -744,8 +750,8 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
     "November",
     "December"
   ];
-  return /* @__PURE__ */ i("div", { ref: f, className: "relative", children: [
-    /* @__PURE__ */ i("div", { ref: $, className: "relative", children: [
+  return /* @__PURE__ */ c("div", { ref: f, className: "relative", children: [
+    /* @__PURE__ */ c("div", { ref: $, className: "relative", children: [
       /* @__PURE__ */ e(
         "input",
         {
@@ -771,8 +777,8 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
         }
       )
     ] }),
-    b && /* @__PURE__ */ i("div", { style: C, className: "fixed z-overlay overflow-auto rounded-lg border border-border bg-surface p-4 shadow-overlay min-w-panel", children: [
-      /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-4", children: [
+    b && /* @__PURE__ */ c("div", { style: C, 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",
           {
@@ -781,7 +787,7 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
             children: /* @__PURE__ */ e(Wt, {})
           }
         ),
-        /* @__PURE__ */ i("h3", { className: "text-sm font-medium text-text", children: [
+        /* @__PURE__ */ c("h3", { className: "text-sm font-medium text-text", children: [
           w[k.getMonth()],
           " ",
           k.getFullYear()
@@ -795,13 +801,13 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((c) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted text-center py-1", children: c }, c)) }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: ce.map((c, S) => {
-        const p = c.getMonth() === k.getMonth(), _ = t && c.toDateString() === t.toDateString(), N = c.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), U = !p || m && c < m || u && c > u;
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((i) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted text-center py-1", children: i }, i)) }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: ce.map((i, S) => {
+        const p = i.getMonth() === k.getMonth(), _ = t && i.toDateString() === t.toDateString(), N = i.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), U = !p || m && i < m || u && i > u;
         return /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => !U && I(c),
+            onClick: () => !U && P(i),
             disabled: U,
             className: d(
               "w-8 h-8 text-sm rounded transition-colors duration-fast",
@@ -812,12 +818,12 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
                 "text-text-muted cursor-not-allowed": U
               }
             ),
-            children: c.getDate()
+            children: i.getDate()
           },
           S
         );
       }) }),
-      x && /* @__PURE__ */ i("div", { className: "mt-3 flex items-center gap-2 border-t border-border pt-3", children: [
+      x && /* @__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",
@@ -825,12 +831,12 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
             id: "datepicker-time",
             type: "time",
             value: t ? T(t) : "",
-            onChange: (c) => G(c.target.value),
+            onChange: (i) => G(i.target.value),
             className: "h-control-sm rounded-md border border-border bg-surface-input px-2 text-sm text-text focus-visible:outline-none focus-visible:focus-ring"
           }
         )
       ] }),
-      /* @__PURE__ */ i("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",
           {
@@ -877,10 +883,10 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
     onCreateOption: $,
     ...C
   }, q) => {
-    const T = h || `select-${Math.random().toString(36).substr(2, 9)}`, G = !!n, [V, I] = oe.useState(!1), [H, te] = oe.useState(""), J = oe.useRef(null), K = oe.useRef(null), ce = $e(V, K, { matchWidth: !0 }), [w, c] = oe.useState(o);
+    const T = h || `select-${Math.random().toString(36).substr(2, 9)}`, G = !!n, [V, P] = oe.useState(!1), [H, te] = oe.useState(""), J = oe.useRef(null), K = oe.useRef(null), ce = $e(V, K, { matchWidth: !0 }), [w, i] = oe.useState(o);
     oe.useImperativeHandle(q, () => J.current), oe.useEffect(() => {
       const D = (A) => {
-        J.current && !J.current.contains(A.target) && I(!1);
+        J.current && !J.current.contains(A.target) && P(!1);
       };
       return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
     }, []);
@@ -900,7 +906,7 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
       [S]
     );
     oe.useEffect(() => {
-      c((D) => {
+      i((D) => {
         const A = [...o];
         return D.forEach((z) => {
           !S(A, z.value) && !S(A, z.label) && A.push(z);
@@ -912,7 +918,7 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
         const A = Array.isArray(k) ? k : [], z = A.includes(D) ? A.filter((F) => F !== D) : [...A, D];
         g?.(z);
       } else
-        g?.(D), I(!1), te("");
+        g?.(D), P(!1), te("");
     }, N = v ? null : w.find((D) => D.value === k), U = v ? w.filter(
       (D) => Array.isArray(k) && k.includes(D.value)
     ) : [], re = b && H ? w.filter(
@@ -925,12 +931,12 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
         label: A
       };
       if (S(w, z.value) || S(w, z.label)) {
-        _(z.value), te(""), v || I(!1);
+        _(z.value), te(""), v || P(!1);
         return;
       }
-      c((F) => [...F, z]), _(z.value), te(""), v || I(!1);
-    }, P = () => v ? U.length > 0 ? U.map((D) => D.label).join(", ") : m || "Select options" : N?.label || m || "Select an option";
-    return /* @__PURE__ */ i(
+      i((F) => [...F, z]), _(z.value), te(""), v || P(!1);
+    }, I = () => v ? U.length > 0 ? U.map((D) => D.label).join(", ") : m || "Select options" : N?.label || m || "Select an option";
+    return /* @__PURE__ */ c(
       "div",
       {
         ref: J,
@@ -945,7 +951,7 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
             "label",
             {
               htmlFor: T,
-              onClick: () => I(!V),
+              onClick: () => P(!V),
               className: d(
                 "block text-xs font-semibold uppercase tracking-label mb-1.5",
                 G ? "text-danger-fg" : "text-text-muted",
@@ -954,15 +960,15 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
               children: t
             }
           ),
-          /* @__PURE__ */ i("div", { className: "relative", children: [
-            /* @__PURE__ */ i(
+          /* @__PURE__ */ c("div", { className: "relative", children: [
+            /* @__PURE__ */ c(
               "button",
               {
                 ref: K,
                 type: "button",
                 id: T,
                 disabled: l,
-                onClick: () => I(!V),
+                onClick: () => P(!V),
                 className: d(
                   "flex w-full items-center justify-between gap-2 rounded-tile border transition-colors duration-fast text-left",
                   "focus-visible:outline-none focus-visible:focus-ring",
@@ -973,7 +979,7 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
                   x
                 ),
                 children: [
-                  /* @__PURE__ */ e("span", { className: "truncate flex-1 min-w-0", children: P() }),
+                  /* @__PURE__ */ e("span", { className: "truncate flex-1 min-w-0", children: I() }),
                   /* @__PURE__ */ e(
                     ot,
                     {
@@ -987,7 +993,7 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
                 ]
               }
             ),
-            V && /* @__PURE__ */ i("div", { style: ce, className: "fixed z-overlay flex flex-col overflow-hidden rounded-lg border border-border bg-surface shadow-overlay", children: [
+            V && /* @__PURE__ */ c("div", { style: ce, className: "fixed z-overlay flex flex-col overflow-hidden rounded-lg border border-border bg-surface shadow-overlay", children: [
               b && /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
                 "input",
                 {
@@ -1004,7 +1010,7 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
                   )
                 }
               ) }),
-              ee && /* @__PURE__ */ i(
+              ee && /* @__PURE__ */ c(
                 "div",
                 {
                   className: d(
@@ -1019,13 +1025,13 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
                   ]
                 }
               ),
-              /* @__PURE__ */ i("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: [
                 m && !v && /* @__PURE__ */ e(
                   "li",
                   {
                     className: "cursor-pointer px-3 py-1.5 text-sm text-text-muted hover:bg-surface-hover",
                     onClick: () => {
-                      g?.(""), I(!1);
+                      g?.(""), P(!1);
                     },
                     children: m
                   }
@@ -1042,7 +1048,7 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
                         D.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface-hover",
                         A && "bg-accent-soft text-accent font-semibold"
                       ),
-                      children: /* @__PURE__ */ i("div", { className: "flex items-center", children: [
+                      children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
                         v && /* @__PURE__ */ e(
                           "input",
                           {
@@ -1099,7 +1105,7 @@ const Jt = {
     ...b
   }, v) => {
     const k = oe.useId(), g = h || `textfield-${k}`, f = !!n, $ = n || r ? `${g}-description` : void 0;
-    return /* @__PURE__ */ i("div", { className: d("flex flex-col", a && "w-full", u), children: [
+    return /* @__PURE__ */ c("div", { className: d("flex flex-col", a && "w-full", u), children: [
       t && /* @__PURE__ */ e(
         "label",
         {
@@ -1112,7 +1118,7 @@ const Jt = {
           children: t
         }
       ),
-      /* @__PURE__ */ i("div", { className: "relative", children: [
+      /* @__PURE__ */ c("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__ */ e(
           "input",
@@ -1173,7 +1179,7 @@ function Yt({
     };
   }, []);
   const x = t ?? {};
-  return /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
+  return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ e(
       Ce,
       {
@@ -1229,23 +1235,23 @@ const ge = (...t) => t.filter(Boolean).join(" "), Xt = (t) => /* @__PURE__ */ e(
     onChange: $,
     ...C
   }, q) => {
-    const T = x || `searchfield-${Math.random().toString(36).substr(2, 9)}`, G = !!n, V = se(null), I = se(null), [H, te] = O(f || ""), [J, K] = O(!1), [ce, w] = O(!1), [c, S] = O(!1);
+    const T = x || `searchfield-${Math.random().toString(36).substr(2, 9)}`, G = !!n, V = se(null), P = se(null), [H, te] = O(f || ""), [J, K] = O(!1), [ce, w] = O(!1), [i, S] = O(!1);
     X(() => {
       f !== void 0 && te(f);
     }, [f]);
     const p = pe(() => {
-      if (g && !c || !H) return h;
-      const P = String(H).toLowerCase();
+      if (g && !i || !H) return h;
+      const I = String(H).toLowerCase();
       return h.filter(
-        (D) => String(D.label).toLowerCase().includes(P)
+        (D) => String(D.label).toLowerCase().includes(I)
       );
-    }, [H, h, g, c]);
+    }, [H, h, g, i]);
     X(() => {
       if (!b || !H) {
         w(!1);
         return;
       }
-      const P = setTimeout(async () => {
+      const I = setTimeout(async () => {
         w(!0);
         try {
           await b(String(H));
@@ -1256,23 +1262,23 @@ const ge = (...t) => t.filter(Boolean).join(" "), Xt = (t) => /* @__PURE__ */ e(
         }
       }, k);
       return () => {
-        clearTimeout(P), w(!1);
+        clearTimeout(I), w(!1);
       };
     }, [H, k, b]), X(() => {
-      const P = (D) => {
+      const I = (D) => {
         V.current && !V.current.contains(D.target) && K(!1);
       };
-      return document.addEventListener("mousedown", P), () => document.removeEventListener("mousedown", P);
+      return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
     }, []);
-    const _ = (P) => {
-      const D = P.target.value;
-      te(D), K(!0), S(!0), $ && $(P);
-    }, N = (P) => {
-      te(P.label), K(!1), S(!1), v && v(P.value);
+    const _ = (I) => {
+      const D = I.target.value;
+      te(D), K(!0), S(!0), $ && $(I);
+    }, N = (I) => {
+      te(I.label), K(!1), S(!1), v && v(I.value);
     }, U = () => {
       (h.length > 0 || b) && (K(!0), S(!1));
-    }, re = o || ce, ee = J && (p.length > 0 || re), Y = pe(() => q || I, [q]);
-    return /* @__PURE__ */ i(
+    }, re = o || ce, ee = J && (p.length > 0 || re), Y = pe(() => q || P, [q]);
+    return /* @__PURE__ */ c(
       "div",
       {
         className: ge(
@@ -1295,7 +1301,7 @@ const ge = (...t) => t.filter(Boolean).join(" "), Xt = (t) => /* @__PURE__ */ e(
               children: t
             }
           ),
-          /* @__PURE__ */ i("div", { className: "relative", children: [
+          /* @__PURE__ */ c("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: ge("text-text-muted", _e[s]), children: l }) }),
             /* @__PURE__ */ e(
               "input",
@@ -1343,7 +1349,7 @@ const ge = (...t) => t.filter(Boolean).join(" "), Xt = (t) => /* @__PURE__ */ e(
                     J ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
-                    K((P) => (P || S(!1), !P));
+                    K((I) => (I || S(!1), !I));
                   }
                 }
               )
@@ -1354,16 +1360,16 @@ const ge = (...t) => t.filter(Boolean).join(" "), Xt = (t) => /* @__PURE__ */ e(
             {
               className: "absolute z-10 mt-1 w-full bg-surface border border-border rounded-lg shadow-lg max-h-60 overflow-auto top-full",
               role: "listbox",
-              children: p.length > 0 ? p.map((P) => /* @__PURE__ */ e(
+              children: p.length > 0 ? p.map((I) => /* @__PURE__ */ e(
                 "li",
                 {
                   className: "px-4 py-2 cursor-pointer text-text hover:bg-accent-soft hover:text-accent transition-colors",
-                  onClick: () => N(P),
+                  onClick: () => N(I),
                   role: "option",
-                  "aria-selected": H === P.label,
-                  children: P.label
+                  "aria-selected": H === I.label,
+                  children: I.label
                 },
-                P.value
+                I.value
               )) : /* @__PURE__ */ e("li", { className: "px-4 py-2 text-text-muted", children: re || o ? "Zoeken op afstand..." : "Geen resultaten gevonden." })
             }
           ),
@@ -1377,7 +1383,7 @@ const ge = (...t) => t.filter(Boolean).join(" "), Xt = (t) => /* @__PURE__ */ e(
               children: n || r
             }
           ),
-          b && /* @__PURE__ */ i("p", { className: "mt-2 text-xs text-success-fg", children: [
+          b && /* @__PURE__ */ c("p", { className: "mt-2 text-xs text-success-fg", children: [
             "Huidige zoekterm (niet-gedebounced): ",
             String(H)
           ] })
@@ -1398,7 +1404,7 @@ const Ge = xe(
     className: o,
     disabled: m,
     ...u
-  }, y) => /* @__PURE__ */ i(
+  }, y) => /* @__PURE__ */ c(
     "div",
     {
       className: d(
@@ -1476,7 +1482,7 @@ const tr = xe(
         )
       }
     );
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ c(
       "label",
       {
         className: d(
@@ -1514,15 +1520,15 @@ function rr({
   tableRows: a = 8
 }) {
   const l = ({ children: o }) => t === "inline" ? /* @__PURE__ */ e(ve, { children: o }) : /* @__PURE__ */ e("main", { className: "flex-1 bg-surface p-6", children: o });
-  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__ */ i("div", { className: "w-full mx-auto space-y-6 animate-pulse", children: [
-    !n && /* @__PURE__ */ i(ve, { children: [
+  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__ */ c("div", { className: "w-full mx-auto space-y-6 animate-pulse", children: [
+    !n && /* @__PURE__ */ c(ve, { children: [
       /* @__PURE__ */ e("div", { className: "h-6 w-1/4 rounded-sm bg-surface-hover" }),
-      /* @__PURE__ */ i("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__ */ i("div", { className: "rounded-lg overflow-hidden", children: [
+    n && /* @__PURE__ */ c("div", { className: "rounded-lg overflow-hidden", children: [
       /* @__PURE__ */ e(
         "div",
         {
@@ -1572,35 +1578,35 @@ const nr = ({
   X(() => {
     y && G()[0]?.focus();
   }, [y]);
-  const V = (c) => {
-    if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(c.key)) return;
+  const V = (i) => {
+    if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key)) return;
     const p = G();
     if (p.length === 0) return;
-    c.preventDefault();
-    const _ = p.indexOf(document.activeElement), N = c.key === "Home" ? 0 : c.key === "End" ? p.length - 1 : c.key === "ArrowDown" ? (_ + 1) % p.length : (_ - 1 + p.length) % p.length;
+    i.preventDefault();
+    const _ = p.indexOf(document.activeElement), N = i.key === "Home" ? 0 : i.key === "End" ? p.length - 1 : i.key === "ArrowDown" ? (_ + 1) % p.length : (_ - 1 + p.length) % p.length;
     p[N]?.focus();
   };
   X(() => {
-    const c = (S) => {
+    const i = (S) => {
       g.current && (!g.current.contains(S.target) || $.current && !$.current.contains(S.target)) && (x(!1), b(null), T.current && (clearTimeout(T.current), T.current = null));
     };
-    return y && document.addEventListener("mousedown", c), () => {
-      document.removeEventListener("mousedown", c);
+    return y && document.addEventListener("mousedown", i), () => {
+      document.removeEventListener("mousedown", i);
     };
   }, [y]), X(() => {
-    const c = (S) => {
+    const i = (S) => {
       S.key === "Escape" && (x(!1), b(null), f.current?.focus(), T.current && (clearTimeout(T.current), T.current = null));
     };
-    return y && document.addEventListener("keydown", c), () => {
-      document.removeEventListener("keydown", c);
+    return y && document.addEventListener("keydown", i), () => {
+      document.removeEventListener("keydown", i);
     };
   }, [y]), X(() => {
     if (h && g.current) {
-      const c = g.current.querySelector(
+      const i = g.current.querySelector(
         `[data-option-value="${h}"]`
       );
-      if (c) {
-        const S = c.getBoundingClientRect();
+      if (i) {
+        const S = i.getBoundingClientRect();
         k({
           top: S.top,
           left: S.right + 8
@@ -1610,18 +1616,18 @@ const nr = ({
   }, [h]), X(() => () => {
     T.current && clearTimeout(T.current);
   }, []);
-  const I = (c) => {
-    c.stopPropagation(), !l && (x(!y), b(null), T.current && (clearTimeout(T.current), T.current = null));
-  }, H = (c, S, p) => {
-    c.stopPropagation(), !S.disabled && !S.divider && (!S.children || S.children.length === 0) && (s?.(S.value, p), x(!1), b(null));
-  }, te = (c) => {
-    T.current && (clearTimeout(T.current), T.current = null), c.children && c.children.length > 0 ? b(c.value) : b(null);
-  }, J = (c) => {
-    c.children && c.children.length > 0 ? T.current = setTimeout(() => {
+  const P = (i) => {
+    i.stopPropagation(), !l && (x(!y), b(null), T.current && (clearTimeout(T.current), T.current = null));
+  }, H = (i, S, p) => {
+    i.stopPropagation(), !S.disabled && !S.divider && (!S.children || S.children.length === 0) && (s?.(S.value, p), x(!1), b(null));
+  }, te = (i) => {
+    T.current && (clearTimeout(T.current), T.current = null), i.children && i.children.length > 0 ? b(i.value) : b(null);
+  }, J = (i) => {
+    i.children && i.children.length > 0 ? T.current = setTimeout(() => {
       b(null);
     }, 150) : b(null);
-  }, K = (c, S, p) => {
-    c.stopPropagation(), !S.disabled && !S.divider && (s?.(S.value, p), x(!1), b(null));
+  }, K = (i, S, p) => {
+    i.stopPropagation(), !S.disabled && !S.divider && (s?.(S.value, p), x(!1), b(null));
   }, ce = d(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
     "max-h-60 overflow-auto"
@@ -1629,7 +1635,7 @@ const nr = ({
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
     "max-h-60 overflow-auto"
   );
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "div",
     {
       ref: g,
@@ -1642,7 +1648,7 @@ const nr = ({
           "button",
           {
             ref: f,
-            onClick: I,
+            onClick: P,
             disabled: l,
             "aria-haspopup": "menu",
             "aria-expanded": y,
@@ -1652,10 +1658,10 @@ const nr = ({
             children: t
           }
         ),
-        y && /* @__PURE__ */ e("div", { ref: C, className: ce, style: q, onKeyDown: V, children: /* @__PURE__ */ i("div", { className: "p-2", role: "menu", children: [
+        y && /* @__PURE__ */ e("div", { ref: C, className: ce, style: q, onKeyDown: V, children: /* @__PURE__ */ c("div", { className: "p-2", role: "menu", children: [
           u && (typeof u == "string" ? /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted uppercase tracking-label px-3 py-2", children: u }) : u),
-          r.map((c, S) => {
-            if (c.divider)
+          r.map((i, S) => {
+            if (i.divider)
               return /* @__PURE__ */ e(
                 "div",
                 {
@@ -1663,35 +1669,35 @@ const nr = ({
                 },
                 `divider-${S}`
               );
-            const p = c.children && c.children.length > 0, _ = h === c.value;
-            return /* @__PURE__ */ i("div", { className: "relative group", children: [
-              /* @__PURE__ */ i(
+            const p = i.children && i.children.length > 0, _ = h === i.value;
+            return /* @__PURE__ */ c("div", { className: "relative group", children: [
+              /* @__PURE__ */ c(
                 "button",
                 {
-                  "data-option-value": c.value,
+                  "data-option-value": i.value,
                   role: "menuitem",
                   "aria-haspopup": p ? "menu" : void 0,
-                  onClick: (N) => H(N, c),
-                  onMouseEnter: () => te(c),
-                  onMouseLeave: () => J(c),
-                  disabled: c.disabled,
+                  onClick: (N) => H(N, i),
+                  onMouseEnter: () => te(i),
+                  onMouseLeave: () => J(i),
+                  disabled: i.disabled,
                   className: d(
                     "flex w-full items-center justify-between rounded-md px-3 py-1.5 text-sm text-text transition-colors duration-fast ease-out hover:bg-surface-hover focus-visible:outline-none focus-visible:focus-ring",
                     {
-                      "opacity-50 cursor-not-allowed": c.disabled,
+                      "opacity-50 cursor-not-allowed": i.disabled,
                       "bg-surface-hover": _ && p
                     }
                   ),
                   children: [
-                    /* @__PURE__ */ i("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__ */ i("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 })
+                    /* @__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__ */ 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__ */ i("div", { className: "flex items-center space-x-2", children: [
-                      m && n === c.value && /* @__PURE__ */ e(Ie, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 }),
+                    /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
+                      m && n === i.value && /* @__PURE__ */ e(Pe, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 }),
                       p && /* @__PURE__ */ e("span", { className: "text-text-muted text-xs", children: "▶" })
                     ] })
                   ]
@@ -1707,14 +1713,14 @@ const nr = ({
                     left: `${v.left}px`
                   },
                   onMouseEnter: () => {
-                    T.current && (clearTimeout(T.current), T.current = null), b(c.value);
+                    T.current && (clearTimeout(T.current), T.current = null), b(i.value);
                   },
                   onMouseLeave: () => {
                     T.current = setTimeout(() => {
                       b(null);
                     }, 150);
                   },
-                  children: /* @__PURE__ */ e("div", { className: "p-2", children: c.children.map((N, U) => {
+                  children: /* @__PURE__ */ e("div", { className: "p-2", children: i.children.map((N, U) => {
                     if (N.divider)
                       return /* @__PURE__ */ e(
                         "div",
@@ -1723,16 +1729,16 @@ const nr = ({
                         },
                         `divider-${U}`
                       );
-                    const re = typeof n == "object" && n[c.value] && n[c.value].includes(
+                    const re = typeof n == "object" && n[i.value] && n[i.value].includes(
                       N.value
                     ) || n === N.value;
-                    return /* @__PURE__ */ i(
+                    return /* @__PURE__ */ c(
                       "button",
                       {
                         onClick: (ee) => K(
                           ee,
                           N,
-                          c.value
+                          i.value
                         ),
                         disabled: N.disabled,
                         className: d(
@@ -1742,14 +1748,14 @@ const nr = ({
                           }
                         ),
                         children: [
-                          /* @__PURE__ */ i("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: [
                             N.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: N.icon }),
-                            /* @__PURE__ */ i("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: N.label }),
                               N.description && /* @__PURE__ */ e("span", { className: "text-xs text-text-muted", children: N.description })
                             ] })
                           ] }),
-                          m && re && /* @__PURE__ */ e(Ie, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 })
+                          m && re && /* @__PURE__ */ e(Pe, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 })
                         ]
                       },
                       N.value
@@ -1757,16 +1763,16 @@ const nr = ({
                   }) })
                 }
               )
-            ] }, c.value);
+            ] }, i.value);
           }),
           (() => {
-            const c = r.reduce((S, p) => {
+            const i = r.reduce((S, p) => {
               if (p.divider) return S;
               const _ = p.children ? p.children.filter((N) => !N.divider).length : 0;
               return S + 1 + _;
             }, 0);
-            return c > 1 && /* @__PURE__ */ e("div", { className: "border-t border-border mt-2 pt-2", children: /* @__PURE__ */ i("div", { className: "text-xs text-text-muted px-3 py-1", children: [
-              c,
+            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"
             ] }) });
           })()
@@ -1808,14 +1814,14 @@ const nr = ({
   sm: "p-2",
   md: "px-5 py-4",
   lg: "p-6"
-}, pn = ({
+}, vn = ({
   actions: t = [],
   onBack: r,
   backLabel: n = "Back",
   className: s,
   padding: a = "md",
   children: l
-}) => /* @__PURE__ */ i("div", { className: d("flex items-center gap-2", sr[a], s), children: [
+}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2", sr[a], s), children: [
   r && /* @__PURE__ */ e(
     ae,
     {
@@ -1828,7 +1834,7 @@ const nr = ({
   ),
   l && /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l }),
   /* @__PURE__ */ e(Je, { actions: t, className: d(!l && "ml-auto") })
-] }), vn = (t) => (r) => t(r instanceof Date ? r : null), yn = (t) => (r) => t(typeof r == "string" ? r : ""), ar = {
+] }), yn = (t) => (r) => t(r instanceof Date ? r : null), Nn = (t) => (r) => t(typeof r == "string" ? r : ""), ar = {
   none: "px-0",
   sm: "px-2",
   md: "px-3.5",
@@ -1855,7 +1861,7 @@ const cr = (t) => {
         value: t.value,
         onChange: (m) => t.onChange(m),
         placeholder: t.placeholder || t.label,
-        className: d("min-w-40", o && "border-info text-info-fg")
+        className: d("min-w-40", o && "bg-info-soft text-info-fg")
       }
     );
   }
@@ -1921,10 +1927,10 @@ const cr = (t) => {
   hoverable: T = !0,
   padding: G = "md",
   className: V,
-  rowClassName: I,
+  rowClassName: P,
   headerBackground: H = !0
 }) => {
-  const [te, J] = O(""), K = l !== void 0, ce = K ? l : te, w = o ?? J, [c, S] = O({
+  const [te, J] = O(""), K = l !== void 0, ce = K ? l : te, w = o ?? J, [i, S] = O({
     column: null,
     direction: null
   }), [p, _] = O({
@@ -1950,14 +1956,14 @@ const cr = (t) => {
       }));
     }), E;
   }, [t, ce, K, r, s, m]), re = pe(() => {
-    if (!c.column || !c.direction) return U;
-    const E = r.find((W) => W.id === c.column);
+    if (!i.column || !i.direction) return U;
+    const E = r.find((W) => W.id === i.column);
     return E ? [...U].sort((W, le) => {
       const ie = typeof E.accessor == "function" ? E.accessor(W) : W[E.accessor], R = typeof E.accessor == "function" ? E.accessor(le) : le[E.accessor];
       let ue = 0;
-      return ie < R ? ue = -1 : ie > R && (ue = 1), c.direction === "desc" ? -ue : ue;
+      return ie < R ? ue = -1 : ie > R && (ue = 1), i.direction === "desc" ? -ue : ue;
     }) : U;
-  }, [U, c, r]), ee = pe(() => {
+  }, [U, i, r]), ee = pe(() => {
     if (!y) return re;
     const E = p.page * p.pageSize, W = E + p.pageSize;
     return re.slice(E, W);
@@ -1966,7 +1972,7 @@ const cr = (t) => {
       r.find((le) => le.id === E)?.sortable && S((le) => le.column !== E ? { column: E, direction: "asc" } : le.direction === "asc" ? { column: E, direction: "desc" } : { column: null, direction: null });
     },
     [r]
-  ), P = he((E) => {
+  ), I = he((E) => {
     _((W) => ({ ...W, page: E }));
   }, []), D = he(
     (E, W) => {
@@ -1985,7 +1991,7 @@ const cr = (t) => {
   );
   X(() => {
     _((E) => ({ ...E, page: 0 }));
-  }, [ce, c]), X(() => {
+  }, [ce, i]), X(() => {
     _((E) => ({ ...E, page: 0 }));
   }, [m.map((E) => E.value).join(",")]);
   const z = re.length, F = Math.ceil(z / p.pageSize), j = p.page * p.pageSize + 1, B = Math.min(j + p.pageSize - 1, z), M = ee.length > 0 && ee.every((E) => {
@@ -1999,8 +2005,8 @@ const cr = (t) => {
       (le, ie) => f(le, ie) === W
     );
   }), Z = ar[G], ne = H ? "bg-surface-sunk" : "bg-surface", de = d("text-text", Z), be = s || m.length > 0 || u.length > 0, fe = y && z > 0, De = fe || C !== void 0;
-  return /* @__PURE__ */ i("div", { className: d("flex min-w-0 flex-col", V), children: [
-    be && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
+  return /* @__PURE__ */ c("div", { className: d("flex min-w-0 flex-col", V), children: [
+    be && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
       s && /* @__PURE__ */ e(
         Ge,
         {
@@ -2013,7 +2019,7 @@ const cr = (t) => {
       m.map((E) => /* @__PURE__ */ e(cr, { ...E }, E.id)),
       u.length > 0 && /* @__PURE__ */ e(Je, { actions: u, className: "ml-auto" })
     ] }),
-    /* @__PURE__ */ i("div", { className: "relative w-full overflow-x-auto rounded-lg ring-1 ring-border", children: [
+    /* @__PURE__ */ c("div", { className: "relative w-full overflow-x-auto rounded-lg ring-1 ring-border", children: [
       n && /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(
         rr,
         {
@@ -2022,8 +2028,8 @@ const cr = (t) => {
           tableColumns: r.length
         }
       ) }),
-      /* @__PURE__ */ i("table", { ref: N, className: "min-w-full border-collapse text-base text-text", children: [
-        /* @__PURE__ */ e("thead", { className: d(ne, "h-control-lg"), children: /* @__PURE__ */ i("tr", { children: [
+      /* @__PURE__ */ c("table", { ref: N, className: "min-w-full border-collapse text-base text-text", children: [
+        /* @__PURE__ */ e("thead", { className: d(ne, "h-control-lg"), children: /* @__PURE__ */ c("tr", { children: [
           v && /* @__PURE__ */ e("th", { className: d(de, "w-10"), children: /* @__PURE__ */ e(
             ye,
             {
@@ -2052,16 +2058,16 @@ const cr = (t) => {
               ),
               style: { width: E.width },
               onClick: () => E.sortable && Y(E.id),
-              children: /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5", children: [
+              children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1.5", children: [
                 E.headerCell ? E.headerCell() : E.header,
                 E.sortable && /* @__PURE__ */ e(
                   Q,
                   {
-                    icon: c.column === E.id && c.direction === "desc" ? Se : it,
+                    icon: i.column === E.id && i.direction === "desc" ? Se : it,
                     size: "xs",
                     className: d(
                       "transition-opacity duration-fast ease-out",
-                      c.column === E.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
+                      i.column === E.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
                     )
                   }
                 )
@@ -2085,7 +2091,7 @@ const cr = (t) => {
           const le = f(E, W), ie = k.some(
             (R, ue) => f(R, ue) === le
           );
-          return /* @__PURE__ */ i(
+          return /* @__PURE__ */ c(
             "tr",
             {
               className: d(
@@ -2096,7 +2102,7 @@ const cr = (t) => {
                 T && "transition-colors duration-fast ease-out hover:bg-surface-hover",
                 b && "cursor-pointer",
                 ie && "bg-accent-soft",
-                I?.(E, W)
+                P?.(E, W)
               ),
               onClick: (R) => {
                 R.stopPropagation(), b?.(E, W);
@@ -2158,9 +2164,9 @@ const cr = (t) => {
         }) })
       ] })
     ] }),
-    De && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-3 px-1 pt-3 text-xs text-text-muted", children: [
+    De && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-3 px-1 pt-3 text-xs text-text-muted", children: [
       /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: C ?? `Showing ${j}–${B} of ${z}` }),
-      fe && /* @__PURE__ */ i("div", { className: "flex items-center gap-0.5", children: [
+      fe && /* @__PURE__ */ c("div", { className: "flex items-center gap-0.5", children: [
         /* @__PURE__ */ e(
           ae,
           {
@@ -2168,7 +2174,7 @@ const cr = (t) => {
             variant: "ghost",
             iconOnly: !0,
             "aria-label": "Previous page",
-            onClick: () => P(p.page - 1),
+            onClick: () => I(p.page - 1),
             disabled: p.page === 0,
             children: /* @__PURE__ */ e(Q, { icon: Ee, size: "md", color: "current" })
           }
@@ -2179,7 +2185,7 @@ const cr = (t) => {
             {
               type: "button",
               "aria-current": E === p.page ? "page" : void 0,
-              onClick: () => P(E),
+              onClick: () => I(E),
               className: d(
                 "h-control-xs min-w-6 cursor-pointer rounded-sm px-1.5 tabular-nums",
                 "transition-colors duration-fast ease-out",
@@ -2198,7 +2204,7 @@ const cr = (t) => {
             variant: "ghost",
             iconOnly: !0,
             "aria-label": "Next page",
-            onClick: () => P(p.page + 1),
+            onClick: () => I(p.page + 1),
             disabled: p.page >= F - 1,
             children: /* @__PURE__ */ e(Q, { icon: ze, size: "md", color: "current" })
           }
@@ -2206,7 +2212,7 @@ const cr = (t) => {
       ] })
     ] })
   ] });
-}, ir = Nt(null), Nn = ({
+}, ir = Nt(null), wn = ({
   items: t,
   activeTab: r,
   onTabChange: n,
@@ -2228,7 +2234,7 @@ const cr = (t) => {
           "border-transparent text-disabled cursor-not-allowed": u.disabled
         }
       ),
-      children: /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
+      children: /* @__PURE__ */ c("span", { className: "flex items-center gap-2", children: [
         u.label,
         u.badge && /* @__PURE__ */ e("span", { className: d(
           "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium",
@@ -2288,7 +2294,7 @@ const cr = (t) => {
     } : {};
     return d($, C, q, T, G, V);
   };
-  return /* @__PURE__ */ e(ir.Provider, { value: h, children: /* @__PURE__ */ i("div", { children: [
+  return /* @__PURE__ */ e(ir.Provider, { value: h, children: /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ e("div", { className: v, role: "tablist", children: t.map((g) => /* @__PURE__ */ e(
       "button",
       {
@@ -2299,7 +2305,7 @@ const cr = (t) => {
         disabled: g.disabled,
         onClick: () => !g.disabled && x(g.id),
         className: k(g, y === g.id),
-        children: /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
+        children: /* @__PURE__ */ c("span", { className: "flex items-center gap-2", children: [
           g.label,
           g.badge && /* @__PURE__ */ e("span", { className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-surface-hover text-text-muted", children: g.badge })
         ] })
@@ -2360,7 +2366,7 @@ function Ye({
         m
       ),
       onClick: v,
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ c(
         "div",
         {
           ref: h,
@@ -2376,7 +2382,7 @@ function Ye({
           "aria-labelledby": n ? "modal-title" : void 0,
           tabIndex: -1,
           children: [
-            (n || x) && /* @__PURE__ */ i("div", { className: "flex items-center justify-between p-6 pb-0", children: [
+            (n || x) && /* @__PURE__ */ c("div", { className: "flex items-center justify-between p-6 pb-0", children: [
               n && /* @__PURE__ */ e(
                 "span",
                 {
@@ -2493,40 +2499,40 @@ const pr = ({
   onDownloadFile: x,
   onRegisterFile: h
 }) => {
-  const [b, v] = O(!1), [k, g] = O([]), [f, $] = O(null), [C, q] = O("/"), [T, G] = O([]), [V, I] = O(!1), [H, te] = O(""), [J, K] = O(
+  const [b, v] = O(!1), [k, g] = O([]), [f, $] = O(null), [C, q] = O("/"), [T, G] = O([]), [V, P] = O(!1), [H, te] = O(""), [J, K] = O(
     typeof t == "object" ? t : null
-  ), [ce, w] = O(!1), [c, S] = O(""), p = se(null);
+  ), [ce, w] = O(!1), [i, S] = O(""), p = se(null);
   X(() => {
     b && _();
   }, [b]), X(() => {
     b && f && N();
   }, [b, f, C, H]);
   const _ = async () => {
-    I(!0);
+    P(!0);
     try {
       const M = await u?.();
       M?.data && g(M.data);
     } catch (M) {
       console.error("Failed to load mounts", M);
     } finally {
-      I(!1);
+      P(!1);
     }
   }, N = async () => {
     if (f) {
-      I(!0);
+      P(!0);
       try {
         const M = await m?.({ mountId: f.id, name: H, path: C });
         M?.data && G(M.data);
       } catch (M) {
         console.error("Failed to load files", M);
       } finally {
-        I(!1);
+        P(!1);
       }
     }
   }, U = async (M) => {
     const L = M.target.files?.[0];
     if (L) {
-      I(!0);
+      P(!0);
       try {
         const Z = await L.arrayBuffer(), ne = new Uint8Array(Z), de = {
           id: `local-${Date.now()}`,
@@ -2543,13 +2549,13 @@ const pr = ({
       } catch (Z) {
         console.error("Local file selection failed", Z);
       } finally {
-        I(!1);
+        P(!1);
       }
     }
   }, re = async (M) => {
     const L = M.target.files?.[0];
     if (!(!L || !f)) {
-      I(!0);
+      P(!0);
       try {
         const Z = await L.arrayBuffer(), ne = await y?.({
           file: new Uint8Array(Z),
@@ -2565,16 +2571,16 @@ const pr = ({
       } catch (Z) {
         console.error("Upload failed", Z);
       } finally {
-        I(!1);
+        P(!1);
       }
     }
   }, ee = async () => {
-    if (!(!c || !f)) {
-      I(!0);
+    if (!(!i || !f)) {
+      P(!0);
       try {
-        const M = `${C}${c}/`;
+        const M = `${C}${i}/`;
         h && (await h({
-          name: c,
+          name: i,
           type: "folder",
           path: C,
           mimeType: "application/x-directory",
@@ -2586,20 +2592,20 @@ const pr = ({
       } catch (M) {
         console.error("Failed to create folder", M);
       } finally {
-        I(!1);
+        P(!1);
       }
     }
   }, Y = async (M) => {
-    I(!0);
+    P(!0);
     try {
       const L = await x?.(M.id);
       K(M), r(M, L), v(!1);
     } catch (L) {
       console.error("Failed to download file", L);
     } finally {
-      I(!1);
+      P(!1);
     }
-  }, P = (M) => {
+  }, I = (M) => {
     M.stopPropagation(), K(null), r(null);
   }, D = pe(() => {
     const M = /* @__PURE__ */ new Set(), L = [];
@@ -2636,7 +2642,7 @@ const pr = ({
       id: "name",
       header: "Name",
       accessor: "name",
-      cell: (M, L) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+      cell: (M, L) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
           Q,
           {
@@ -2680,8 +2686,8 @@ const pr = ({
       id: "name",
       header: "Mount Name",
       accessor: "name",
-      cell: (M) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2 font-medium", children: [
-        /* @__PURE__ */ e(Q, { icon: Pe, size: "sm", color: "primary" }),
+      cell: (M) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2 font-medium", children: [
+        /* @__PURE__ */ e(Q, { icon: Ie, size: "sm", color: "primary" }),
         /* @__PURE__ */ e("span", { children: M })
       ] })
     },
@@ -2693,9 +2699,9 @@ const pr = ({
       cell: (M, L) => /* @__PURE__ */ e(ae, { variant: "outline", onClick: () => $(L), children: "Open" })
     }
   ];
-  return /* @__PURE__ */ i("div", { className: "space-y-1", children: [
+  return /* @__PURE__ */ c("div", { className: "space-y-1", children: [
     n && /* @__PURE__ */ e(me, { variant: "label", size: "sm", weight: "medium", children: n }),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ c(
       "div",
       {
         onClick: () => !l && v(!0),
@@ -2706,12 +2712,12 @@ const pr = ({
           l && "opacity-50 cursor-not-allowed bg-surface-sunk"
         ),
         children: [
-          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(Q, { icon: J ? Te : Pe, color: J ? "primary" : "secondary" }) }),
+          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(Q, { icon: J ? Te : Ie, color: J ? "primary" : "secondary" }) }),
           /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: J ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: J.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
           J && !l && /* @__PURE__ */ e(
             "button",
             {
-              onClick: P,
+              onClick: I,
               className: "p-1 hover:bg-surface-hover rounded",
               children: /* @__PURE__ */ e(Q, { icon: we, size: "xs" })
             }
@@ -2737,8 +2743,8 @@ const pr = ({
               {
                 id: "remote",
                 label: "Platform Storage",
-                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: f ? /* @__PURE__ */ i(ve, { children: [
-                  /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
+                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: f ? /* @__PURE__ */ c(ve, { children: [
+                  /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
                     /* @__PURE__ */ e(
                       ae,
                       {
@@ -2761,7 +2767,7 @@ const pr = ({
                         fullWidth: !0
                       }
                     ) }),
-                    /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
                       /* @__PURE__ */ e(
                         ae,
                         {
@@ -2793,13 +2799,13 @@ const pr = ({
                       )
                     ] })
                   ] }),
-                  ce && /* @__PURE__ */ i("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(Q, { icon: je, size: "sm", color: "warning" }),
                     /* @__PURE__ */ e(
                       Ne,
                       {
                         placeholder: "Folder name",
-                        value: c,
+                        value: i,
                         onChange: (M) => S(M.target.value),
                         autoFocus: !0
                       }
@@ -2831,15 +2837,15 @@ const pr = ({
               {
                 id: "local",
                 label: "Local File",
-                content: /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ i("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(Q, { icon: Te, size: "xl", color: "primary" }) }),
                   /* @__PURE__ */ e(me, { variant: "label", size: "lg", weight: "semibold", children: "Select a file from your computer" }),
-                  /* @__PURE__ */ i(me, { variant: "body", size: "sm", className: "text-text-muted mt-1 mb-6 text-center max-w-xs", children: [
+                  /* @__PURE__ */ c(me, { 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__ */ i("label", { className: "cursor-pointer", children: [
+                  /* @__PURE__ */ c("label", { className: "cursor-pointer", children: [
                     /* @__PURE__ */ e(ae, { variant: "primary", size: "lg", loading: V, className: "pointer-events-none", children: "Browse Local File" }),
                     /* @__PURE__ */ e(
                       "input",
@@ -2881,7 +2887,7 @@ const pr = ({
     ...h
   }, b) => {
     const v = oe.useId(), k = y || `textarea-${v}`, g = !!n, f = n || r ? `${k}-description` : void 0;
-    return /* @__PURE__ */ i("div", { className: d("flex flex-col", a && "w-full", o), children: [
+    return /* @__PURE__ */ c("div", { className: d("flex flex-col", a && "w-full", o), children: [
       t && /* @__PURE__ */ e(
         "label",
         {
@@ -2894,7 +2900,7 @@ const pr = ({
           children: t
         }
       ),
-      /* @__PURE__ */ i("div", { className: "relative", children: [
+      /* @__PURE__ */ c("div", { className: "relative", children: [
         /* @__PURE__ */ e(
           "textarea",
           {
@@ -2964,15 +2970,15 @@ function wr({
   className: n,
   children: s
 }) {
-  return /* @__PURE__ */ i("div", { className: d("flex flex-col gap-4 py-6 sm:flex-row sm:gap-8", n), children: [
-    /* @__PURE__ */ i("div", { className: "w-full shrink-0 sm:w-form-label", children: [
+  return /* @__PURE__ */ c("div", { className: d("flex flex-col gap-4 py-6 sm:flex-row sm:gap-8", n), children: [
+    /* @__PURE__ */ c("div", { className: "w-full shrink-0 sm:w-form-label", children: [
       t && /* @__PURE__ */ e("span", { className: "text-base font-semibold text-text", children: t }),
       r && /* @__PURE__ */ e("p", { className: "mt-1 text-sm leading-relaxed text-pretty text-text-subtle", children: r })
     ] }),
     /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: s })
   ] });
 }
-const wn = ({
+const kn = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -2995,27 +3001,27 @@ const wn = ({
     r && $({ ...r });
   }, [r]);
   const V = he(
-    (w, c, S) => {
+    (w, i, S) => {
       const p = t.flatMap((_) => _.items).find((_) => _.name === w);
       if (!p) return null;
-      if (p.required && (c == null || c === ""))
+      if (p.required && (i == null || i === ""))
         return `${p.label} is required`;
       if (p.type === "array") {
-        if (p.required && (!c || c.length === 0))
+        if (p.required && (!i || i.length === 0))
           return `${p.label} cannot be empty.`;
-        if (c && !Array.isArray(c))
+        if (i && !Array.isArray(i))
           return `${p.label} must be an array.`;
-        if (Array.isArray(c) && p.arrayFields) {
+        if (Array.isArray(i) && p.arrayFields) {
           const _ = [];
           let N = !1;
-          if (c.forEach((U, re) => {
+          if (i.forEach((U, re) => {
             const ee = {};
             for (const Y of p.arrayFields) {
-              const P = U?.[Y.name];
-              if (Y.required && (P == null || P === ""))
+              const I = U?.[Y.name];
+              if (Y.required && (I == null || I === ""))
                 ee[Y.name] = `${Y.label} is required`, N = !0;
               else if (Y.validator) {
-                const D = Y.validator(P, U);
+                const D = Y.validator(I, U);
                 D && (ee[Y.name] = D, N = !0);
               }
             }
@@ -3024,18 +3030,18 @@ const wn = ({
             return JSON.stringify(_);
         }
       }
-      return p.validator ? p.validator(c, S) : null;
+      return p.validator ? p.validator(i, S) : null;
     },
     [t]
-  ), I = he(
-    (w, c) => {
+  ), P = he(
+    (w, i) => {
       let S = yr(
         f,
         w,
-        c
+        i
       );
-      t.flatMap((N) => N.items).find((N) => N.name === w)?.removeIfEmpty && (c == null || c === "") && (S = Nr(S, w)), $(S), G((N) => ({ ...N, [w]: !0 }));
-      const _ = V(w, c, S);
+      t.flatMap((N) => N.items).find((N) => N.name === w)?.removeIfEmpty && (i == null || i === "") && (S = Nr(S, w)), $(S), G((N) => ({ ...N, [w]: !0 }));
+      const _ = V(w, i, S);
       q((N) => ({
         ...N,
         [w]: _ || ""
@@ -3045,7 +3051,7 @@ const wn = ({
   ), H = he(
     async (w) => {
       if (w.preventDefault(), b) return;
-      const c = {}, S = t.flatMap((_) => _.items);
+      const i = {}, S = t.flatMap((_) => _.items);
       for (const _ of S) {
         if (_.hidden || _.conditional && !_.conditional(f))
           continue;
@@ -3054,13 +3060,13 @@ const wn = ({
           Be(f, _.name),
           f
         );
-        N && (c[_.name] = N);
+        N && (i[_.name] = N);
       }
       if (o) {
         const _ = o(f);
-        _ && Object.assign(c, _);
+        _ && Object.assign(i, _);
       }
-      if (q(c), Object.keys(c).some((_) => c[_]))
+      if (q(i), Object.keys(i).some((_) => i[_]))
         return;
       const p = l ? l(f) : f;
       await n?.(f, p);
@@ -3068,8 +3074,8 @@ const wn = ({
     [f, t, V, o, l, n, b]
   ), te = he(
     (w) => {
-      const c = Be(f, w.name), S = T[w.name] ? C[w.name] : void 0, p = w.disabled || b, _ = {
-        value: c || "",
+      const i = Be(f, w.name), S = T[w.name] ? C[w.name] : void 0, p = w.disabled || b, _ = {
+        value: i || "",
         disabled: p,
         required: w.required,
         placeholder: w.placeholder,
@@ -3086,7 +3092,7 @@ const wn = ({
             Ne,
             {
               ..._,
-              onChange: (N) => I(w.name, N.target.value),
+              onChange: (N) => P(w.name, N.target.value),
               type: w.textType || w.type,
               autoComplete: w.autocomplete,
               error: S,
@@ -3098,7 +3104,7 @@ const wn = ({
             Le,
             {
               ..._,
-              onChange: (N) => I(w.name, N.target.value),
+              onChange: (N) => P(w.name, N.target.value),
               rows: 4,
               error: S,
               size: h
@@ -3109,7 +3115,7 @@ const wn = ({
             Ce,
             {
               ..._,
-              onChange: (N) => I(w.name, N),
+              onChange: (N) => P(w.name, N),
               options: (w.options || []).map((N) => ({
                 ...N,
                 value: String(N.value)
@@ -3129,8 +3135,8 @@ const wn = ({
             Ft,
             {
               "aria-label": w.label,
-              value: c == null ? "" : String(c),
-              onChange: (N) => I(w.name, N),
+              value: i == null ? "" : String(i),
+              onChange: (N) => P(w.name, N),
               options: (w.options || []).map((N) => ({
                 value: String(N.value),
                 label: N.label
@@ -3145,13 +3151,13 @@ const wn = ({
             {
               ..._,
               label: w.label,
-              checked: !!c,
-              onChange: (N) => I(w.name, N.target.checked),
+              checked: !!i,
+              onChange: (N) => P(w.name, N.target.checked),
               size: h
             }
           );
         case "radio":
-          return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: w.options?.map((N) => /* @__PURE__ */ i(
+          return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: w.options?.map((N) => /* @__PURE__ */ c(
             "label",
             {
               className: "flex cursor-pointer items-center gap-3 text-base text-text",
@@ -3162,8 +3168,8 @@ const wn = ({
                     type: "radio",
                     name: w.name,
                     value: N.value,
-                    checked: c === N.value,
-                    onChange: () => I(w.name, N.value),
+                    checked: i === N.value,
+                    onChange: () => P(w.name, N.value),
                     disabled: p || N.disabled,
                     className: "size-checkbox shrink-0 rounded-xs border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
                   }
@@ -3178,8 +3184,8 @@ const wn = ({
             Ae,
             {
               ..._,
-              value: c ? new Date(c) : null,
-              onChange: (N) => I(w.name, N),
+              value: i ? new Date(i) : null,
+              onChange: (N) => P(w.name, N),
               size: h
             }
           );
@@ -3188,8 +3194,8 @@ const wn = ({
             pr,
             {
               ..._,
-              value: c,
-              onChange: (N) => I(w.name, N),
+              value: i,
+              onChange: (N) => P(w.name, N),
               error: S,
               onListFiles: (N) => g?.http.invoke({
                 method: "POST",
@@ -3220,8 +3226,8 @@ const wn = ({
           return /* @__PURE__ */ e(
             Yt,
             {
-              value: c || {},
-              onChange: (N) => I(w.name, N),
+              value: i || {},
+              onChange: (N) => P(w.name, N),
               onListFolders: () => g?.http.invoke({
                 method: "GET",
                 action: "storage.mount"
@@ -3233,13 +3239,13 @@ const wn = ({
           );
         case "custom":
           return w.customComponent?.({
-            value: c,
-            onChange: (N) => I(w.name, N),
+            value: i,
+            onChange: (N) => P(w.name, N),
             error: S,
             disabled: p
           });
         case "array": {
-          const N = c || [];
+          const N = i || [];
           let U = [];
           if (typeof S == "string" && S.startsWith("["))
             try {
@@ -3247,35 +3253,35 @@ const wn = ({
             } catch {
             }
           const re = () => {
-            I(w.name, [...N, {}]);
-          }, ee = (P) => {
-            I(
+            P(w.name, [...N, {}]);
+          }, ee = (I) => {
+            P(
               w.name,
-              N.filter((D, A) => A !== P)
+              N.filter((D, A) => A !== I)
             );
-          }, Y = (P, D, A) => {
+          }, Y = (I, D, A) => {
             const z = [...N];
-            z[P] = {
-              ...z[P],
+            z[I] = {
+              ...z[I],
               [D]: A
-            }, I(w.name, z);
+            }, P(w.name, z);
           };
-          return /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
-            N.map((P, D) => /* @__PURE__ */ i("div", { className: "flex items-start gap-2", children: [
+          return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
+            N.map((I, D) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
               /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: w.arrayFields?.map((A) => {
                 const z = U?.[D]?.[A.name];
-                return /* @__PURE__ */ i(
+                return /* @__PURE__ */ c(
                   "div",
                   {
                     className: "flex flex-col gap-1",
                     children: [
-                      D === 0 && /* @__PURE__ */ i("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
+                      D === 0 && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
                         A.label,
                         A.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                       ] }),
                       (() => {
                         const F = {
-                          value: P?.[A.name] || "",
+                          value: I?.[A.name] || "",
                           disabled: p,
                           required: A.required,
                           placeholder: A.placeholder,
@@ -3346,7 +3352,7 @@ const wn = ({
                               ye,
                               {
                                 ...F,
-                                checked: !!P?.[A.name],
+                                checked: !!I?.[A.name],
                                 onChange: (j) => Y(
                                   D,
                                   A.name,
@@ -3356,7 +3362,7 @@ const wn = ({
                               }
                             );
                           case "radio":
-                            return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: A.options?.map((j) => /* @__PURE__ */ i(
+                            return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: A.options?.map((j) => /* @__PURE__ */ c(
                               "label",
                               {
                                 className: "flex cursor-pointer items-center gap-2 text-base text-text",
@@ -3367,7 +3373,7 @@ const wn = ({
                                       type: "radio",
                                       name: `${w.name}.${D}.${A.name}`,
                                       value: j.value,
-                                      checked: P?.[A.name] === j.value,
+                                      checked: I?.[A.name] === j.value,
                                       onChange: () => Y(
                                         D,
                                         A.name,
@@ -3383,7 +3389,7 @@ const wn = ({
                               j.value
                             )) });
                           case "date": {
-                            const j = P?.[A.name];
+                            const j = I?.[A.name];
                             return /* @__PURE__ */ e(
                               Ae,
                               {
@@ -3400,7 +3406,7 @@ const wn = ({
                           }
                           case "custom":
                             return A.customComponent?.({
-                              value: P?.[A.name],
+                              value: I?.[A.name],
                               onChange: (j) => Y(
                                 D,
                                 A.name,
@@ -3411,7 +3417,7 @@ const wn = ({
                             });
                           // Add other field types here as needed
                           default:
-                            return /* @__PURE__ */ i("p", { children: [
+                            return /* @__PURE__ */ c("p", { children: [
                               "Unsupported field type in array:",
                               " ",
                               A.type
@@ -3439,7 +3445,7 @@ const wn = ({
                 }
               )
             ] }, D)),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ c(
               ae,
               {
                 type: "button",
@@ -3459,13 +3465,13 @@ const wn = ({
           return null;
       }
     },
-    [f, T, C, b, h, I]
+    [f, T, C, b, h, P]
   ), J = he(
     (w) => {
       if (w.conditional && !w.conditional(f))
         return null;
-      const c = w.items.filter((p) => !(p.hidden || p.conditional && !p.conditional(f)));
-      if (c.length === 0) return null;
+      const i = w.items.filter((p) => !(p.hidden || p.conditional && !p.conditional(f)));
+      if (i.length === 0) return null;
       const S = d(
         w.layout === "flex" ? "flex flex-wrap gap-3.5" : "grid gap-3.5",
         w.layout !== "flex" && {
@@ -3486,9 +3492,9 @@ const wn = ({
             title: w.title,
             description: w.description,
             className: "not-last:border-b not-last:border-border-subtle",
-            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: S, children: c.map((p) => {
+            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: S, children: i.map((p) => {
               const _ = T[p.name] ? C[p.name] : void 0;
-              return /* @__PURE__ */ i(
+              return /* @__PURE__ */ c(
                 "div",
                 {
                   className: d(
@@ -3500,7 +3506,7 @@ const wn = ({
                     gridColumn: typeof p.width == "number" ? `span ${p.width} / span ${p.width}` : void 0
                   },
                   children: [
-                    p.type !== "custom" && p.type !== "checkbox" && /* @__PURE__ */ i("label", { className: "block text-sm font-medium text-text-muted", children: [
+                    p.type !== "custom" && p.type !== "checkbox" && /* @__PURE__ */ c("label", { className: "block text-sm font-medium text-text-muted", children: [
                       p.label,
                       p.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                     ] }),
@@ -3526,10 +3532,10 @@ const wn = ({
     },
     v
   ), ce = h === "full" ? "md" : h;
-  return /* @__PURE__ */ i("form", { ref: k, onSubmit: H, className: K, children: [
+  return /* @__PURE__ */ c("form", { ref: k, onSubmit: H, className: K, children: [
     !y && /* @__PURE__ */ e("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": !0 }),
     /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(J) }),
-    y && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: /* @__PURE__ */ i(ve, { children: [
+    y && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: /* @__PURE__ */ c(ve, { children: [
       /* @__PURE__ */ e("div", { className: "ml-auto" }),
       s && /* @__PURE__ */ e(
         ae,
@@ -3558,7 +3564,7 @@ const wn = ({
     ] }) })
   ] });
 };
-function kn({
+function Cn({
   open: t,
   title: r,
   description: n,
@@ -3576,7 +3582,7 @@ function kn({
       onClose: u,
       title: r,
       size: "sm",
-      footer: /* @__PURE__ */ i("div", { className: "flex w-full items-center justify-end gap-2", children: [
+      footer: /* @__PURE__ */ c("div", { className: "flex w-full items-center justify-end gap-2", children: [
         /* @__PURE__ */ e(ae, { variant: "ghost", onClick: u, disabled: o, children: a }),
         /* @__PURE__ */ e(
           ae,
@@ -3616,7 +3622,7 @@ const kr = {
   info: "bg-info",
   note: "bg-note"
 };
-function Cn({
+function Sn({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3627,7 +3633,7 @@ function Cn({
   children: m,
   ...u
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "span",
     {
       className: d(
@@ -3669,7 +3675,7 @@ const Er = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function Sn({
+function En({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3679,7 +3685,7 @@ function Sn({
   className: o,
   ...m
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: d(
@@ -3697,7 +3703,7 @@ function Sn({
     }
   );
 }
-function En({ children: t, className: r, ...n }) {
+function zn({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3717,7 +3723,7 @@ const zr = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function zn({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
+function Mn({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
   const l = Math.max(0, Math.min(100, t));
   return /* @__PURE__ */ e(
     "div",
@@ -3756,7 +3762,7 @@ const $r = {
   lg: "text-base",
   xl: "text-lg"
 };
-function Mn({
+function $n({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3764,7 +3770,7 @@ function Mn({
   className: a,
   ...l
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: d(
@@ -3774,7 +3780,7 @@ function Mn({
       ),
       ...l,
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ c(
           "svg",
           {
             className: d(
@@ -3838,7 +3844,7 @@ const _r = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function $n({
+function Dn({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3861,7 +3867,7 @@ function $n({
     }
   );
 }
-function Dn({
+function Tn({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -3880,7 +3886,7 @@ function Dn({
       )
     },
     m
-  )) }) : /* @__PURE__ */ e("div", { ...o, className: d("flex items-center gap-2", a), children: t.map((m, u) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+  )) }) : /* @__PURE__ */ e("div", { ...o, className: d("flex items-center gap-2", a), children: t.map((m, u) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ e(
       "span",
       {
@@ -3897,8 +3903,8 @@ function Dn({
     u < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, m)) });
 }
-function Tn({ title: t, icon: r = /* @__PURE__ */ e(bt, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
-  return /* @__PURE__ */ i(
+function _n({ title: t, icon: r = /* @__PURE__ */ e(bt, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
+  return /* @__PURE__ */ c(
     "div",
     {
       className: d(
@@ -3908,7 +3914,7 @@ function Tn({ title: t, icon: r = /* @__PURE__ */ e(bt, { className: "size-icon-
       ),
       ...l,
       children: [
-        /* @__PURE__ */ i("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 })
@@ -3929,12 +3935,12 @@ const Ar = {
   md: "w-7 h-7 text-base",
   lg: "w-9 h-9 text-sm"
 };
-function Ir(t) {
+function Pr(t) {
   if (!t) return "?";
   const r = t.trim().split(/[^\p{L}\p{N}]+/u).filter(Boolean);
   return r.length >= 2 ? (r[0][0] + r[1][0]).toUpperCase() : r.length === 1 ? r[0].slice(0, 2).toUpperCase() : "?";
 }
-const Pr = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a, title: l }) => {
+const Ir = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a, title: l }) => {
   const [o, m] = oe.useState(!1), u = d(
     // Its own token and not `surface-hover`: at 0.972 the plate was within a few
     // percent of every surface it sits on, so the monogram floated instead of
@@ -3953,13 +3959,13 @@ const Pr = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
       className: d(u, "object-cover"),
       onError: () => m(!0)
     }
-  ) : /* @__PURE__ */ e("span", { className: u, title: l ?? t, "aria-label": t, children: Ir(t) });
-}, Re = "ring-surface", jr = "ring-surface-accent", _n = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
+  ) : /* @__PURE__ */ e("span", { className: u, title: l ?? t, "aria-label": t, children: Pr(t) });
+}, Re = "ring-surface", jr = "ring-surface-accent", An = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
   if (t.length === 0) return null;
   const a = t.slice(0, r), l = t.length - a.length;
-  return /* @__PURE__ */ i("span", { className: d("inline-flex items-center", s), children: [
+  return /* @__PURE__ */ c("span", { className: d("inline-flex items-center", s), children: [
     a.map((o, m) => /* @__PURE__ */ e(
-      Pr,
+      Ir,
       {
         name: o.name,
         src: o.src,
@@ -3973,7 +3979,7 @@ const Pr = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
       },
       o.id ?? `${o.name}-${m}`
     )),
-    l > 0 && /* @__PURE__ */ i(
+    l > 0 && /* @__PURE__ */ c(
       "span",
       {
         className: d(
@@ -4001,7 +4007,7 @@ const Pr = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
   md: "size-avatar-sm rounded-md text-xs",
   lg: "size-avatar-lg rounded-md text-base"
 };
-function An({ channel: t, children: r, size: n = "md", className: s, title: a }) {
+function Ln({ channel: t, children: r, size: n = "md", className: s, title: a }) {
   const l = He[t in He ? t : "note"];
   return /* @__PURE__ */ e(
     "span",
@@ -4018,7 +4024,7 @@ function An({ channel: t, children: r, size: n = "md", className: s, title: a })
     }
   );
 }
-const Ln = ({
+const Pn = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -4070,7 +4076,7 @@ const Ln = ({
       "rounded-full": a === "full"
     },
     x
-  ), I = d(
+  ), P = d(
     "w-full h-full object-cover transition-opacity duration-fast",
     {
       "opacity-0": k || f,
@@ -4079,18 +4085,18 @@ const Ln = ({
   ), H = d(
     "absolute inset-0 flex items-center justify-center",
     "text-text-muted"
-  ), te = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), J = /* @__PURE__ */ i("div", { className: "text-center", children: [
+  ), te = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), J = /* @__PURE__ */ c("div", { className: "text-center", children: [
     /* @__PURE__ */ e(Q, { icon: gt, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
-  return /* @__PURE__ */ i("div", { className: V, children: [
+  return /* @__PURE__ */ c("div", { className: V, children: [
     /* @__PURE__ */ e(
       "img",
       {
         ...v,
         src: C,
         alt: r,
-        className: I,
+        className: P,
         onLoad: T,
         onError: G
       }
@@ -4104,7 +4110,7 @@ function In({
   onClick: r,
   children: n
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "button",
     {
       type: "button",
@@ -4122,7 +4128,7 @@ function In({
     }
   );
 }
-function Pn({
+function jn({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -4146,14 +4152,14 @@ function Pn({
   bulkActions: T,
   header: G,
   stickyHeader: V = !1,
-  bordered: I = !1,
+  bordered: P = !1,
   emptyContent: H,
   loading: te = !1,
   loadingRows: J = 4,
   className: K,
   "aria-label": ce
 }) {
-  const [w, c] = oe.useState(
+  const [w, i] = oe.useState(
     () => Object.fromEntries(
       (b ?? []).filter((z) => z.defaultCollapsed).map((z) => [z.id, !0])
     )
@@ -4172,11 +4178,18 @@ function Pn({
     );
   }, re = (z) => q?.(z ? [...t] : []), ee = d(
     "flex flex-col",
-    I && "overflow-hidden rounded-lg border border-border-subtle",
+    // With a selection open the list has a dock at its foot. Sticky can only
+    // park at the bottom of its own box, so on a list shorter than the window
+    // the dock hung right under the last row instead of at the bottom of the
+    // screen. Growing the box to the height of its parent puts it where it
+    // belongs — and only while a selection exists, so an ordinary short list
+    // keeps its natural height.
+    $ && C.length > 0 && "min-h-full",
+    P && "overflow-hidden rounded-lg border border-border-subtle",
     K
   );
   if (te)
-    return /* @__PURE__ */ e("div", { className: ee, children: Array.from({ length: J }).map((z, F) => /* @__PURE__ */ i(
+    return /* @__PURE__ */ e("div", { className: ee, children: Array.from({ length: J }).map((z, F) => /* @__PURE__ */ c(
       "div",
       {
         className: d(
@@ -4194,9 +4207,9 @@ function Pn({
     )) });
   if (t.length === 0 && H)
     return /* @__PURE__ */ e("div", { className: ee, children: H });
-  const Y = t.length > 0 && C.length === t.length, P = C.length > 0 && !Y, D = (z, F, j) => {
+  const Y = t.length > 0 && C.length === t.length, I = C.length > 0 && !Y, D = (z, F, j) => {
     const B = u?.(z, F) ?? !1, M = y?.(z, F) ?? !1, L = x?.(z, F) ?? !1, Z = $ && N(z);
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ c(
       "li",
       {
         ...o ? {
@@ -4264,7 +4277,7 @@ function Pn({
       const L = z.get(B.id) ?? [], Z = g && w[B.id], ne = B.title ?? B.id, de = B.count ?? L.length, be = /* @__PURE__ */ e(
         "li",
         {
-          onClick: g ? () => c((fe) => ({ ...fe, [B.id]: !fe[B.id] })) : void 0,
+          onClick: g ? () => i((fe) => ({ ...fe, [B.id]: !fe[B.id] })) : void 0,
           className: d(
             // A caption over its rows, not a band across the table: same
             // surface as the rows, no rules, and the count as a quiet pill.
@@ -4277,7 +4290,7 @@ function Pn({
           ),
           "aria-expanded": g ? !Z : void 0,
           style: k ? { top: V ? 28 : 0 } : void 0,
-          children: v ? v(B, L.map((fe) => fe.item)) : /* @__PURE__ */ i(ve, { children: [
+          children: v ? v(B, L.map((fe) => fe.item)) : /* @__PURE__ */ c(ve, { children: [
             g && /* @__PURE__ */ e(
               ze,
               {
@@ -4311,8 +4324,8 @@ function Pn({
       ];
     });
   })();
-  return /* @__PURE__ */ i("div", { ref: S, className: ee, onKeyDown: o ? p : void 0, children: [
-    G && /* @__PURE__ */ i(
+  return /* @__PURE__ */ c("div", { ref: S, className: ee, onKeyDown: o ? p : void 0, children: [
+    G && /* @__PURE__ */ c(
       "div",
       {
         className: d(
@@ -4327,7 +4340,7 @@ function Pn({
             ye,
             {
               checked: Y,
-              indeterminate: P,
+              indeterminate: I,
               onChange: (z) => re(z.target.checked),
               "aria-label": "Alles selecteren"
             }
@@ -4337,8 +4350,8 @@ function Pn({
       }
     ),
     /* @__PURE__ */ e("ul", { "aria-label": ce, className: "flex flex-col", children: A }),
-    $ && C.length > 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none sticky bottom-0 z-10 flex justify-center px-5 pb-4", children: /* @__PURE__ */ i("div", { className: "pointer-events-auto flex items-center gap-1.5 rounded-lg bg-accent py-1.5 pl-3.5 pr-1.5 text-accent-fg shadow-overlay", children: [
-      /* @__PURE__ */ i("span", { className: "text-sm font-medium", children: [
+    $ && C.length > 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none sticky bottom-0 z-10 flex justify-center px-5 pb-4", children: /* @__PURE__ */ c("div", { className: "pointer-events-auto flex items-center gap-1.5 rounded-lg bg-accent py-1.5 pl-3.5 pr-1.5 text-accent-fg shadow-overlay", children: [
+      /* @__PURE__ */ c("span", { className: "text-sm font-medium", children: [
         C.length,
         " geselecteerd"
       ] }),
@@ -4358,7 +4371,7 @@ function Pn({
     ] }) })
   ] });
 }
-function jn({
+function On({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -4400,13 +4413,13 @@ const Fr = {
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function On({ value: t, label: r, tone: n = "default", className: s, ...a }) {
-  return /* @__PURE__ */ i("div", { className: d("rounded-xl bg-editor px-4 py-3.5", s), ...a, children: [
+function Fn({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+  return /* @__PURE__ */ c("div", { className: d("rounded-xl bg-editor px-4 py-3.5", s), ...a, children: [
     /* @__PURE__ */ e("div", { className: d("text-2xl font-semibold", Fr[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const Fn = ({
+const Bn = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -4433,7 +4446,7 @@ const Fn = ({
   }, q = (T) => {
     T.key === "Enter" ? f.current?.blur() : T.key === "Escape" && (g(r), v(!1));
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: d(
@@ -4446,10 +4459,12 @@ const Fn = ({
         o
       ),
       children: [
-        /* @__PURE__ */ i("div", { className: "flex flex-row sm:items-start sm:justify-between items-center gap-4", children: [
-          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ i("div", { className: "flex items-start gap-4 text-text", children: [
-            y && /* @__PURE__ */ e(ae, { variant: "outline", onClick: y, leftIcon: /* @__PURE__ */ e(Q, { icon: Ee, size: "sm" }), iconOnly: !0 }),
-            /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", 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 && // Ghost: a framed box around a back chevron makes the way out of a
+            // page look like the page's primary control.
+            /* @__PURE__ */ e(ae, { variant: "ghost", onClick: y, leftIcon: /* @__PURE__ */ e(Q, { icon: Ee, size: "md" }), iconOnly: !0 }),
+            /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: [
               b ? /* @__PURE__ */ e(
                 "input",
                 {
@@ -4461,7 +4476,7 @@ const Fn = ({
                   onKeyDown: q,
                   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__ */ i("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",
                   {
@@ -4569,7 +4584,7 @@ const Fn = ({
   th: (t) => /* @__PURE__ */ e("th", { className: "border border-border px-2 py-1 text-left font-semibold", ...t }),
   td: (t) => /* @__PURE__ */ e("td", { className: "border border-border px-2 py-1", ...t })
 };
-function Bn({ text: t, className: r, as: n }) {
+function Rn({ text: t, className: r, as: n }) {
   const s = t ?? "";
   return (n ? n === "html" : Br.test(s)) ? /* @__PURE__ */ e(
     "div",
@@ -4579,21 +4594,21 @@ function Bn({ text: t, className: r, as: n }) {
     }
   ) : /* @__PURE__ */ e("div", { className: d("break-words", r), children: /* @__PURE__ */ e(Ct, { remarkPlugins: [St], components: Hr, children: s }) });
 }
-const Rn = ({ label: t, meta: r, action: n, className: s }) => /* @__PURE__ */ i("div", { className: d("flex items-center gap-2 px-1 pb-2 pt-7 first:pt-0", s), children: [
+const Hn = ({ label: t, meta: r, action: n, className: s }) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2 px-1 pb-2 pt-7 first:pt-0", s), children: [
   /* @__PURE__ */ e("span", { className: "shrink-0 text-2xs font-semibold uppercase tracking-label text-text-subtle", children: t }),
   r && /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-right text-xs tabular-nums text-text-subtle", children: r }),
   n && /* @__PURE__ */ e("span", { className: "ml-auto shrink-0", children: n })
 ] });
-function Hn({ 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__ */ i("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 qn({
   label: t,
   description: r,
   control: n,
@@ -4601,7 +4616,7 @@ function Vn({
   disabled: a = !1,
   className: l
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: d(
@@ -4611,7 +4626,7 @@ function Vn({
         l
       ),
       children: [
-        /* @__PURE__ */ i("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 })
         ] }),
@@ -4620,7 +4635,7 @@ function Vn({
     }
   );
 }
-function qn({
+function Un({
   icon: t,
   title: r,
   description: n,
@@ -4628,10 +4643,10 @@ function qn({
   children: a,
   className: l
 }) {
-  return /* @__PURE__ */ i("section", { className: d("flex flex-col gap-2", l), children: [
-    /* @__PURE__ */ i("div", { className: "flex items-start gap-2", children: [
+  return /* @__PURE__ */ c("section", { className: d("flex flex-col gap-2", l), children: [
+    /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
       t && /* @__PURE__ */ e(Q, { icon: t, size: "md", color: "secondary", className: "mt-0.5" }),
-      /* @__PURE__ */ i("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 })
       ] }),
@@ -4640,8 +4655,8 @@ function qn({
     /* @__PURE__ */ e("div", { className: d("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function Un({ label: t, dotColor: r, onClick: n, className: s }) {
-  return /* @__PURE__ */ i(
+function Wn({ label: t, dotColor: r, onClick: n, className: s }) {
+  return /* @__PURE__ */ c(
     "button",
     {
       type: "button",
@@ -4664,7 +4679,7 @@ function Vr(t, r) {
     t
   );
 }
-const Wn = ({
+const Kn = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -4698,12 +4713,12 @@ const Wn = ({
             className: "text-text-muted",
             children: "Geen items"
           }
-        ) : /* @__PURE__ */ e("div", { className: "space-y-3", children: v.map((k, g) => /* @__PURE__ */ i(
+        ) : /* @__PURE__ */ e("div", { className: "space-y-3", children: v.map((k, g) => /* @__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__ */ i(
+              /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ c(
                 me,
                 {
                   variant: "label",
@@ -4750,7 +4765,7 @@ const Wn = ({
                   default:
                     C = String($ || "-");
                 }
-                return f.format && (C = f.format($, k)), /* @__PURE__ */ i("div", { className: "space-y-1", children: [
+                return f.format && (C = f.format($, k)), /* @__PURE__ */ c("div", { className: "space-y-1", children: [
                   /* @__PURE__ */ e(
                     me,
                     {
@@ -4847,12 +4862,12 @@ const Wn = ({
         },
         x.className
       );
-      return /* @__PURE__ */ i(
+      return /* @__PURE__ */ c(
         "div",
         {
           className: "grid grid-cols-1 md:grid-cols-3 gap-8 p-6 border border-border rounded-xl",
           children: [
-            /* @__PURE__ */ i("div", { className: "md:col-span-1", children: [
+            /* @__PURE__ */ c("div", { className: "md:col-span-1", children: [
               /* @__PURE__ */ e(
                 me,
                 {
@@ -4873,7 +4888,7 @@ const Wn = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: b, children: h.map((v) => /* @__PURE__ */ i(
+            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: b, children: h.map((v) => /* @__PURE__ */ c(
               "div",
               {
                 className: "space-y-1",
@@ -4913,11 +4928,23 @@ const Wn = ({
     s
   );
   return /* @__PURE__ */ e("div", { className: y, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(u) }) });
-}, Xe = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
+}, qr = () => /* @__PURE__ */ c("div", { className: "flex flex-col gap-px", "aria-hidden": !0, children: [
+  /* @__PURE__ */ e("div", { className: "px-2.5 pb-2 pt-5", children: /* @__PURE__ */ e("span", { className: "block h-2 w-16 rounded-xs bg-page-hover" }) }),
+  [0, 1, 2, 3].map((t) => /* @__PURE__ */ c("div", { className: "flex h-row-md items-center gap-2.5 px-2.5", children: [
+    /* @__PURE__ */ e("span", { className: "size-4 shrink-0 rounded-xs bg-page-hover" }),
+    /* @__PURE__ */ e(
+      "span",
+      {
+        className: "h-2 rounded-xs bg-page-hover",
+        style: { width: `${[62, 44, 74, 52][t]}%` }
+      }
+    )
+  ] }, t))
+] }), Xe = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
   const a = !!(t.children && t.children.length > 0), l = r ? r(t.path) : !1;
   if (a)
-    return /* @__PURE__ */ i("li", { children: [
-      /* @__PURE__ */ i(
+    return /* @__PURE__ */ c("li", { children: [
+      /* @__PURE__ */ c(
         "div",
         {
           className: d(
@@ -4941,7 +4968,7 @@ const Wn = ({
       )) })
     ] });
   const o = t.action, m = o?.visibility !== "always";
-  return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ c(
     "div",
     {
       role: "button",
@@ -4957,7 +4984,7 @@ const Wn = ({
         "group/item flex h-row-md cursor-pointer items-center gap-2.5 rounded-md px-2.5 text-base no-underline",
         "transition-colors duration-fast ease-out",
         "focus-visible:outline-none focus-visible:focus-ring",
-        l ? "bg-surface font-medium text-text shadow-sm" : "text-text-muted hover:bg-page-hover hover:text-text"
+        l ? "bg-surface-hover font-medium text-text shadow-sm" : "text-text-muted hover:bg-page-hover hover:text-text"
       ),
       children: [
         t.icon && /* @__PURE__ */ e(
@@ -5005,25 +5032,29 @@ const Wn = ({
       ]
     }
   ) });
-}, Kn = ({
+}, Gn = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
-  preMenuItemsComponent: s
-}) => /* @__PURE__ */ i("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
+  preMenuItemsComponent: s,
+  loading: a = !1
+}) => a ? /* @__PURE__ */ c("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
+  s && /* @__PURE__ */ e("div", { className: "pb-4", children: s }),
+  /* @__PURE__ */ e(qr, {})
+] }) : /* @__PURE__ */ c("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
   s && /* @__PURE__ */ e("div", { className: "pb-4", children: s }),
   /* @__PURE__ */ e("ul", { className: "flex min-h-0 flex-1 flex-col gap-px overflow-y-auto", children: t.map(
-    (a, l) => !a.path && !a.label && !a.children ? /* @__PURE__ */ e("li", { "aria-hidden": !0, className: "h-4" }, l) : /* @__PURE__ */ e(
+    (l, o) => !l.path && !l.label && !l.children ? /* @__PURE__ */ e("li", { "aria-hidden": !0, className: "h-4" }, o) : /* @__PURE__ */ e(
       Xe,
       {
-        item: a,
+        item: l,
         isSelectedHandler: r,
         onClick: n
       },
-      l
+      o
     )
   ) })
-] }), qr = {
+] }), Ur = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -5032,13 +5063,13 @@ const Wn = ({
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, Ur = {
+}, Wr = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, Wr = {
+}, Kr = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -5048,11 +5079,11 @@ const Wn = ({
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, Kr = {
+}, Gr = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, Gn = ({
+}, Jn = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -5065,16 +5096,16 @@ const Wn = ({
 }) => {
   const y = `h${t}`, x = d(
     "font-sans text-pretty",
-    qr[r || Gr(t)],
-    Ur[n],
-    Wr[s],
-    Kr[a],
+    Ur[r || Jr(t)],
+    Wr[n],
+    Kr[s],
+    Gr[a],
     l && "truncate",
     o
   );
   return /* @__PURE__ */ e(y, { className: x, ...u, children: m });
 };
-function Gr(t) {
+function Jr(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -5084,7 +5115,7 @@ function Gr(t) {
     6: "md"
   }[t] || "md";
 }
-const Jn = ({
+const Yn = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -5125,13 +5156,13 @@ const Jn = ({
   }, [r, n]), X(() => {
     if (!r) return;
     v.current?.querySelector(`[data-index="${x}"]`)?.scrollIntoView({ block: "nearest" });
-  }, [x, r]), r ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-modal flex items-center justify-center bg-scrim", children: /* @__PURE__ */ i(
+  }, [x, 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: b,
       children: [
-        /* @__PURE__ */ i("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(Me, { className: "w-4 h-4 text-text-muted shrink-0" }),
           /* @__PURE__ */ e(
             "input",
@@ -5145,14 +5176,14 @@ const Jn = ({
             }
           )
         ] }),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ c(
           "div",
           {
             ref: v,
             className: "mt-2 pt-2 text-sm border-t border-border max-h-dialog-list overflow-y-auto",
             children: [
               g.length === 0 && /* @__PURE__ */ e("div", { className: "text-text-muted text-center text-sm", children: s?.noCommandsFound || "No commands found" }),
-              g.map((f, $) => /* @__PURE__ */ i(
+              g.map((f, $) => /* @__PURE__ */ c(
                 "div",
                 {
                   "data-index": $,
@@ -5172,16 +5203,16 @@ const Jn = ({
             ]
           }
         ),
-        /* @__PURE__ */ i("div", { className: "flex items-center gap-4 px-3 pt-2 mt-2 text-xs text-text-muted border-t border-border", children: [
-          /* @__PURE__ */ i("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__ */ i("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__ */ i("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"
           ] })
@@ -5189,7 +5220,7 @@ const Jn = ({
       ]
     }
   ) }) : null;
-}, Jr = {
+}, Yr = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -5197,7 +5228,7 @@ const Jn = ({
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, Yr = {
+}, Xr = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -5205,7 +5236,7 @@ const Jn = ({
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, Xr = {
+}, Zr = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -5221,26 +5252,26 @@ const Jn = ({
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, Zr = {
+}, Qr = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Qr = {
+}, en = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, en = {
+}, tn = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, tn = {
+}, rn = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -5267,13 +5298,13 @@ const Jn = ({
     {
       ref: x,
       className: d(
-        t && Jr[t],
-        r && Yr[r],
-        n && Xr[n],
-        s && Zr[s],
-        a && Qr[a],
-        l && en[l],
-        o && tn[o],
+        t && Yr[t],
+        r && Xr[r],
+        n && Zr[n],
+        s && Qr[s],
+        a && en[a],
+        l && tn[l],
+        o && rn[o],
         m
       ),
       ...y,
@@ -5282,7 +5313,7 @@ const Jn = ({
   )
 );
 Ze.displayName = "Box";
-const Yn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ i(
+const Xn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
   Ze,
   {
     background: "module",
@@ -5297,7 +5328,7 @@ const Yn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ i(
     ]
   }
 );
-function Xn({
+function Zn({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -5343,13 +5374,13 @@ function Xn({
     }
   }, [b, n, u]), X(() => {
     n === "svelte" && k.current && k.current.$set?.(l);
-  }, [l, n]), /* @__PURE__ */ i("div", { ref: m, className: o, style: { display: "contents" }, children: [
+  }, [l, n]), /* @__PURE__ */ c("div", { ref: m, className: o, style: { display: "contents" }, children: [
     u && s,
     !u && x && a,
     n === "react" && !x && b && /* @__PURE__ */ e(b, { ...l })
   ] });
 }
-class Zn extends wt {
+class Qn extends wt {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -5363,7 +5394,7 @@ class Zn extends wt {
     console.error(`[ErrorBoundary] Error in ${this.props.name || "Component"}:`, r, n);
   }
   render() {
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ i("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(
@@ -5378,75 +5409,75 @@ class Zn extends wt {
   }
 }
 export {
-  Tn as AssistantCard,
-  Pr as Avatar,
-  _n as AvatarStack,
-  Cn as Badge,
+  _n as AssistantCard,
+  Ir as Avatar,
+  An as AvatarStack,
+  Sn as Badge,
   Ze as Box,
   ae as Button,
-  bn as ButtonGroup,
-  Yn as Card,
-  An as ChannelBadge,
+  gn as ButtonGroup,
+  Xn as Card,
+  Ln as ChannelBadge,
   ye as Checkbox,
-  Jn as CommandPalette,
-  kn as ConfirmDialog,
+  Yn as CommandPalette,
+  Cn as ConfirmDialog,
   rr as ContentLoading,
   Ae as DatePicker,
   nr as Dropdown,
-  Sn as EmptyState,
-  Zn as ErrorBoundary,
-  Xn as FederatedResource,
+  En as EmptyState,
+  Qn as ErrorBoundary,
+  Zn as FederatedResource,
   Lt as FilterChip,
   Yt as FolderSelect,
-  wn as Form,
+  kn as Form,
   wr as FormSection,
-  Gn as Heading,
+  Jn as Heading,
   Q as Icon,
-  Ln as Image,
-  En as Kbd,
-  On as KpiCard,
-  gn as Link,
-  Pn as List,
+  Pn as Image,
+  zn as Kbd,
+  Fn as KpiCard,
+  pn as Link,
+  jn as List,
   In as ListBulkAction,
-  fn as MeetingGrid,
-  jn as MessageBubble,
+  hn as MeetingGrid,
+  On as MessageBubble,
   Ye as Modal,
-  Fn as PageHeader,
-  pn as PageToolbar,
+  Bn as PageHeader,
+  vn as PageToolbar,
   Je as PageToolbarActions,
-  hn as ParticipantTile,
+  xn as ParticipantTile,
   Ve as Popover,
-  zn as ProgressBar,
-  Bn as RichText,
+  Mn as ProgressBar,
+  Rn as RichText,
   Ge as SearchField,
   er as SearchableTextField,
-  Rn as SectionCaption,
-  Hn as SectionDivider,
+  Hn as SectionCaption,
+  Vn as SectionDivider,
   Ft as SegmentedToggle,
   Ce as Select,
-  Vn as SettingsRow,
-  qn as SettingsSection,
-  Kn as SidebarMenu,
-  Un as SourceChip,
-  Mn as Spinner,
+  qn as SettingsRow,
+  Un as SettingsSection,
+  Gn as SidebarMenu,
+  Wn as SourceChip,
+  $n as Spinner,
   qe as SplitButton,
-  $n as StatusDot,
-  Dn as StepIndicator,
+  Dn as StatusDot,
+  Tn as StepIndicator,
   pr as StorageInput,
   tr as Switch,
-  Nn as TabBar,
+  wn as TabBar,
   Fe as Table,
   dr as Tabs,
   me as Text,
   Le as TextArea,
   Ne as TextField,
-  xn as VideoSurface,
-  Wn as View,
-  mn as catTone,
+  bn as VideoSurface,
+  Kn as View,
+  fn as catTone,
   d as cn,
-  un as createSizes,
-  dn as createVariants,
-  vn as dateFilterHandler,
-  yn as selectFilterHandler
+  mn as createSizes,
+  un as createVariants,
+  yn as dateFilterHandler,
+  Nn as selectFilterHandler
 };
 //# sourceMappingURL=index.js.map