@opencxh/ui-kit 3.125.0 → 3.132.0

package/dist/index.js

@@ -1,17 +1,20 @@
-import { clsx as Ke } from "clsx";
+import { clsx as We } from "clsx";
 import { jsxs as c, jsx as e, Fragment as xe } from "react/jsx-runtime";
-import { VideoOff as _e, User as Ge, MicOff as Je, Mic as Ye, X as we, ChevronDown as ge, ExternalLink as Xe, Calendar as Ze, ChevronLeft as ke, ChevronRight as Ce, ChevronDownIcon as Qe, Loader2 as et, Search as Se, Check as Te, ChevronUp as tt, ChevronsLeft as rt, ChevronsRight as nt, FileText as Ee, HardDrive as Ae, ArrowLeft as st, FolderPlus as at, Upload as lt, Folder as Le, Trash2 as ot, Plus as ct, Sparkles as it, ImageOff as dt, Pencil as ut, ArrowUpRight as mt } from "lucide-react";
-import oe, { useRef as se, useEffect as Q, forwardRef as me, useState as R, useLayoutEffect as ft, useMemo as he, useCallback as ue, createContext as ht, Component as xt } from "react";
+import { VideoOff as Ke, User as Ge, MicOff as Je, Mic as Ye, X as we, ChevronDown as ge, ExternalLink as Xe, Calendar as Ze, ChevronLeft as ke, ChevronRight as Ce, ChevronDownIcon as Qe, Loader2 as et, Search as Se, Check as Te, ChevronUp as tt, ChevronsLeft as rt, ChevronsRight as nt, FileText as Ee, HardDrive as _e, ArrowLeft as st, FolderPlus as at, Upload as lt, Folder as Ae, Trash2 as ot, Plus as ct, Sparkles as it, ImageOff as dt, Pencil as ut, ArrowUpRight as mt } from "lucide-react";
+import oe, { useRef as se, useEffect as Q, forwardRef as me, useState as F, useLayoutEffect as ft, useMemo as he, useCallback as ue, createContext as ht, Component as xt } from "react";
+import bt from "dompurify";
+import pt from "react-markdown";
+import gt from "remark-gfm";
 function d(...t) {
-  return Ke(t);
+  return We(t);
 }
-function Kr(t) {
+function tn(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function _r(t) {
+function rn(t) {
   return (r) => t[r] || "";
 }
-function Gr({ tiles: t, pinned: r, className: n }) {
+function nn({ tiles: t, pinned: r, className: n }) {
   if (r)
     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 }),
@@ -20,7 +23,7 @@ function Gr({ tiles: t, pinned: r, className: n }) {
   const s = t.length <= 1 ? "grid-cols-1" : t.length <= 4 ? "grid-cols-2" : t.length <= 9 ? "grid-cols-3" : "grid-cols-4";
   return /* @__PURE__ */ e("div", { className: d("grid gap-2 h-full", s, n), children: t.map((a, o) => /* @__PURE__ */ e("div", { children: a }, o)) });
 }
-function Jr({
+function sn({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -40,7 +43,7 @@ function Jr({
         l
       ),
       children: [
-        a && o ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: o }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: r ? /* @__PURE__ */ e("img", { src: r, alt: t, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-video-surface-strong flex items-center justify-center", children: a ? /* @__PURE__ */ e(_e, { className: "w-8 h-8" }) : /* @__PURE__ */ e(Ge, { className: "w-8 h-8" }) }) }),
+        a && o ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: o }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: r ? /* @__PURE__ */ e("img", { src: r, alt: t, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-video-surface-strong flex items-center justify-center", children: a ? /* @__PURE__ */ e(Ke, { className: "w-8 h-8" }) : /* @__PURE__ */ e(Ge, { className: "w-8 h-8" }) }) }),
         /* @__PURE__ */ c("div", { className: "absolute bottom-2 left-2 flex items-center gap-1.5 px-2 py-1 rounded bg-video-overlay text-white text-xs", children: [
           n ? /* @__PURE__ */ e(Je, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Ye, { className: "w-3 h-3" }),
           /* @__PURE__ */ e("span", { className: "truncate max-w-35", children: t })
@@ -49,7 +52,7 @@ function Jr({
     }
   );
 }
-function Yr({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
+function an({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
   const a = se(null);
   return Q(() => {
     if (!r || !a.current) return;
@@ -69,7 +72,7 @@ function Yr({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
     }
   );
 }
-const bt = {
+const vt = {
   primary: "bg-accent text-accent-fg hover:bg-accent-hover disabled:bg-surface-hover",
   secondary: "bg-gray-100 text-text hover:bg-surface-hover disabled:bg-surface-hover",
   // No resting fill, so no disabled fill either — a greyed-out plate where
@@ -82,7 +85,7 @@ const bt = {
   success: "bg-success text-text-inverse hover:opacity-90 disabled:bg-surface-hover",
   warning: "bg-warning text-text-inverse hover:opacity-90 disabled:bg-surface-hover",
   "danger-solid": "bg-danger text-text-inverse hover:opacity-90 disabled:bg-surface-hover"
-}, pt = {
+}, yt = {
   xs: "h-control-xs px-2 text-xs",
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-4 text-sm",
@@ -90,7 +93,7 @@ const bt = {
   xl: "h-control-xl px-6 text-base",
   "2xl": "h-control-2xl px-6 text-base",
   full: "h-control-md px-4 text-sm"
-}, gt = {
+}, Nt = {
   xs: "h-control-xs w-6",
   sm: "h-control-sm w-7",
   md: "h-control-md w-8",
@@ -126,8 +129,8 @@ const bt = {
           "focus-visible:outline-none focus-visible:focus-ring",
           "disabled:cursor-not-allowed disabled:border-border-subtle",
           "disabled:text-text-disabled",
-          bt[t],
-          l ? gt[r] : pt[r],
+          vt[t],
+          l ? Nt[r] : yt[r],
           (n || r === "full") && "w-full",
           s && "cursor-wait",
           m
@@ -153,7 +156,7 @@ const bt = {
   }
 );
 ne.displayName = "Button";
-const Xr = ({
+const ln = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
@@ -183,7 +186,7 @@ const Xr = ({
     a
   );
   return /* @__PURE__ */ e("div", { className: o, role: "group", children: t });
-}, vt = {
+}, wt = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -203,9 +206,9 @@ const Xr = ({
   "aria-label": l,
   ...u
 }) => {
-  const m = typeof r == "number" ? r : yt(r), y = d(
+  const m = typeof r == "number" ? r : kt(r), y = d(
     "inline-block shrink-0",
-    vt[n],
+    wt[n],
     s && [
       "cursor-pointer rounded-sm transition-opacity duration-fast ease-out hover:opacity-80",
       "focus-visible:outline-none focus-visible:focus-ring"
@@ -227,7 +230,7 @@ const Xr = ({
   };
   return /* @__PURE__ */ e(t, { ...h });
 };
-function yt(t) {
+function kt(t) {
   return {
     xs: 12,
     sm: 14,
@@ -236,14 +239,14 @@ function yt(t) {
     xl: 24
   }[t];
 }
-const Nt = {
+const Ct = {
   none: "border-none hover:bg-surface-hover hover:text-text",
   default: "border-border text-text-muted hover:bg-surface-hover hover:text-text",
   muted: "border-border text-text-subtle hover:bg-surface-hover hover:text-text",
   warning: "border-warning-border bg-warning-soft text-warning-fg hover:bg-surface-hover",
   danger: "border-danger-border bg-danger-soft text-danger-fg hover:bg-surface-hover"
 };
-function Zr({
+function on({
   label: t,
   icon: r,
   tone: n = "default",
@@ -264,7 +267,7 @@ function Zr({
     "transition-colors duration-fast ease-out",
     p,
     // Picking a value outranks whatever the value happens to mean.
-    o ? "bg-accent text-accent-fg" : d("border", Nt[n]),
+    o ? "bg-accent text-accent-fg" : d("border", Ct[n]),
     f
   ), g = /* @__PURE__ */ c(xe, { children: [
     r,
@@ -290,13 +293,13 @@ function Zr({
     )
   ] }) : /* @__PURE__ */ e("button", { type: "button", title: h, onClick: y, className: d(w, b), children: g });
 }
-const wt = {
+const St = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, kt = {
+}, zt = {
   primary: "text-text hover:text-info-fg hover:underline",
   info: "text-info-fg hover:underline",
   secondary: "text-text-muted hover:text-text",
@@ -305,7 +308,7 @@ const wt = {
   success: "text-success-fg hover:underline",
   warning: "text-warning-fg hover:underline",
   error: "text-danger-fg hover:underline"
-}, Ct = {
+}, Et = {
   primary: "bg-accent-soft",
   accent: "bg-accent-soft",
   secondary: "bg-surface-hover",
@@ -314,7 +317,7 @@ const wt = {
   warning: "bg-warning-soft",
   error: "bg-danger-soft",
   info: "bg-info-soft"
-}, Qr = ({
+}, cn = ({
   variant: t = "default",
   size: r = "md",
   color: n = "primary",
@@ -331,13 +334,13 @@ const wt = {
     "inline-flex items-center gap-1 underline-offset-2",
     "transition-colors duration-fast ease-out",
     "focus-visible:outline-none focus-visible:focus-ring",
-    wt[r],
-    !s && kt[n],
+    St[r],
+    !s && zt[n],
     t === "subtle" && "no-underline opacity-70 hover:opacity-100",
     t === "underline" && "underline decoration-1 hover:decoration-2",
     t === "button" && [
       "h-control-md rounded-md px-3 font-semibold no-underline hover:no-underline",
-      Ct[n]
+      Et[n]
     ],
     s && "pointer-events-none cursor-not-allowed text-text-disabled opacity-50",
     o
@@ -352,11 +355,11 @@ const wt = {
     l,
     f && /* @__PURE__ */ e(Xe, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
   ] });
-}, St = {
+}, Mt = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm"
 };
-function en({
+function dn({
   options: t,
   value: r,
   onChange: n,
@@ -383,7 +386,7 @@ function en({
               "inline-flex items-center justify-center rounded-sm",
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
-              St[s],
+              Mt[s],
               u ? "bg-surface text-text font-semibold" : "text-text-muted hover:text-text"
             ),
             children: l.label
@@ -395,7 +398,7 @@ function en({
   );
 }
 function ze(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
-  const [o, l] = R({});
+  const [o, l] = F({});
   return ft(() => {
     if (!t) return;
     const u = () => {
@@ -409,7 +412,7 @@ function ze(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start
     };
   }, [t, r, n, s, a]), o;
 }
-const zt = ({
+const $t = ({
   trigger: t,
   children: r,
   placement: n = "bottom-start",
@@ -419,13 +422,13 @@ const zt = ({
   disabled: l = !1,
   triggerLabel: u
 }) => {
-  const [m, y] = R(!1), h = se(null), f = se(null), x = ze(m, f, { placement: n });
+  const [m, y] = F(!1), h = se(null), f = se(null), x = ze(m, f, { placement: n });
   Q(() => {
     if (!m) return;
-    const g = (L) => {
-      h.current && !h.current.contains(L.target) && y(!1);
-    }, b = (L) => {
-      L.key === "Escape" && y(!1);
+    const g = (A) => {
+      h.current && !h.current.contains(A.target) && y(!1);
+    }, b = (A) => {
+      A.key === "Escape" && y(!1);
     };
     return document.addEventListener("mousedown", g), document.addEventListener("keydown", b), () => {
       document.removeEventListener("mousedown", g), document.removeEventListener("keydown", b);
@@ -466,15 +469,15 @@ const zt = ({
       }
     )
   ] });
-}, Et = {
+}, Dt = {
   primary: "bg-accent text-accent-fg hover:bg-accent-hover",
   secondary: "border border-border bg-surface text-text hover:bg-surface-hover",
   outline: "border border-accent-border text-accent hover:bg-accent-soft"
-}, Mt = {
+}, Tt = {
   sm: "h-control-sm w-7",
   md: "h-control-md w-8"
 };
-function Re({
+function Fe({
   label: t,
   onClick: r,
   variant: n = "primary",
@@ -502,7 +505,7 @@ function Re({
       }
     ),
     f && /* @__PURE__ */ e(
-      zt,
+      $t,
       {
         placement: m,
         disabled: h,
@@ -515,8 +518,8 @@ function Re({
             className: d(
               "inline-flex items-center justify-center rounded-md rounded-l-none",
               "transition-colors duration-fast ease-out",
-              Et[n],
-              Mt[s],
+              Dt[n],
+              Tt[s],
               h && "cursor-not-allowed opacity-50"
             ),
             children: /* @__PURE__ */ e(ge, { className: "size-icon-md" })
@@ -546,17 +549,17 @@ function Re({
     )
   ] });
 }
-const $t = {
+const _t = {
   sm: "size-checkbox-sm",
   md: "size-checkbox",
   lg: "size-checkbox-lg",
   full: "size-checkbox"
-}, Dt = {
+}, At = {
   sm: "min-h-control-sm",
   md: "min-h-control-md",
   lg: "min-h-control-lg",
   full: "min-h-control-md"
-}, Tt = {
+}, Lt = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
@@ -583,7 +586,7 @@ const $t = {
     return oe.useEffect(() => {
       w.current && (w.current.indeterminate = a);
     }, [a]), /* @__PURE__ */ c("div", { className: d("flex flex-col", o), children: [
-      /* @__PURE__ */ c("div", { className: d("flex items-center gap-3", Dt[s]), children: [
+      /* @__PURE__ */ c("div", { className: d("flex items-center gap-3", At[s]), children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -598,7 +601,7 @@ const $t = {
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover",
-              $t[s],
+              _t[s],
               p ? "border-danger-border" : "border-border-strong",
               u
             ),
@@ -613,7 +616,7 @@ const $t = {
               className: d(
                 "cursor-pointer",
                 p ? "text-danger-fg" : "text-text",
-                Tt[s],
+                Lt[s],
                 l
               ),
               children: t
@@ -627,7 +630,7 @@ const $t = {
   }
 );
 pe.displayName = "Checkbox";
-const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }), Lt = () => /* @__PURE__ */ e(Y, { icon: ke, size: "md", color: "current" }), It = () => /* @__PURE__ */ e(Y, { icon: Ce, size: "md", color: "current" }), $e = me(({
+const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }), jt = () => /* @__PURE__ */ e(Y, { icon: ke, size: "md", color: "current" }), Pt = () => /* @__PURE__ */ e(Y, { icon: Ce, size: "md", color: "current" }), $e = me(({
   value: t,
   onChange: r,
   placeholder: n = "Select date",
@@ -640,7 +643,7 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
   format: y = "MM/dd/yyyy",
   withTime: h = !1
 }, f) => {
-  const [x, p] = R(!1), [w, g] = R(() => t || /* @__PURE__ */ new Date()), b = se(null), L = se(null), T = ze(x, L);
+  const [x, p] = F(!1), [w, g] = F(() => t || /* @__PURE__ */ new Date()), b = se(null), A = se(null), _ = ze(x, A);
   Q(() => {
     const i = (S) => {
       b.current && !b.current.contains(S.target) && p(!1);
@@ -649,23 +652,23 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
       document.removeEventListener("mousedown", i);
     };
   }, [x]);
-  const _ = (i) => {
+  const K = (i) => {
     if (!i) return "";
-    const S = i.getDate().toString().padStart(2, "0"), N = (i.getMonth() + 1).toString().padStart(2, "0"), A = i.getFullYear(), k = y === "dd/MM/yyyy" ? `${S}/${N}/${A}` : y === "yyyy-MM-dd" ? `${A}-${N}-${S}` : `${N}/${S}/${A}`;
+    const S = i.getDate().toString().padStart(2, "0"), N = (i.getMonth() + 1).toString().padStart(2, "0"), T = i.getFullYear(), k = y === "dd/MM/yyyy" ? `${S}/${N}/${T}` : y === "yyyy-MM-dd" ? `${T}-${N}-${S}` : `${N}/${S}/${T}`;
     return h ? `${k} ${$(i)}` : k;
   }, $ = (i) => `${i.getHours().toString().padStart(2, "0")}:${i.getMinutes().toString().padStart(2, "0")}`, X = (i) => {
     const [S, N] = i.split(":").map(Number);
     if (Number.isNaN(S) || Number.isNaN(N)) return;
-    const A = t ? new Date(t) : /* @__PURE__ */ new Date();
-    A.setHours(S, N, 0, 0), r?.(A);
-  }, W = () => {
-    const i = w.getFullYear(), S = w.getMonth(), N = new Date(i, S, 1), A = new Date(N);
-    A.setDate(A.getDate() - N.getDay());
-    const k = [], ee = new Date(A);
+    const T = t ? new Date(t) : /* @__PURE__ */ new Date();
+    T.setHours(S, N, 0, 0), r?.(T);
+  }, U = () => {
+    const i = w.getFullYear(), S = w.getMonth(), N = new Date(i, S, 1), T = new Date(N);
+    T.setDate(T.getDate() - N.getDay());
+    const k = [], ee = new Date(T);
     for (let ae = 0; ae < 42; ae++)
       k.push(new Date(ee)), ee.setDate(ee.getDate() + 1);
     return k;
-  }, j = (i) => {
+  }, I = (i) => {
     if (i.getMonth() === w.getMonth() && !(u && i < u) && !(m && i > m)) {
       if (h) {
         const N = new Date(i);
@@ -676,11 +679,11 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
     }
   }, q = () => {
     g(new Date(w.getFullYear(), w.getMonth() - 1, 1));
-  }, K = () => {
+  }, W = () => {
     g(new Date(w.getFullYear(), w.getMonth() + 1, 1));
   }, re = () => {
     r?.(null), p(!1);
-  }, O = d(
+  }, P = d(
     "w-full border border-border rounded-md transition-colors duration-fast",
     "bg-surface text-text",
     "placeholder:text-text-muted",
@@ -693,7 +696,7 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
       "h-control-md w-full px-3 text-base": o === "full"
     },
     l
-  ), ce = W(), C = [
+  ), ce = U(), C = [
     "January",
     "February",
     "March",
@@ -708,19 +711,19 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
     "December"
   ];
   return /* @__PURE__ */ c("div", { ref: b, className: "relative", children: [
-    /* @__PURE__ */ c("div", { ref: L, className: "relative", children: [
+    /* @__PURE__ */ c("div", { ref: A, className: "relative", children: [
       /* @__PURE__ */ e(
         "input",
         {
           ref: f,
           type: "text",
-          value: _(t ?? null),
+          value: K(t ?? null),
           placeholder: n,
           disabled: s,
           required: a,
           readOnly: !0,
           onClick: () => !s && p(!x),
-          className: d(O, "pr-10 cursor-pointer")
+          className: d(P, "pr-10 cursor-pointer")
         }
       ),
       /* @__PURE__ */ e(
@@ -730,18 +733,18 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
           onClick: () => !s && p(!x),
           disabled: s,
           className: "absolute inset-y-0 right-0 flex items-center pr-3 text-text-muted hover:text-text-muted",
-          children: /* @__PURE__ */ e(At, {})
+          children: /* @__PURE__ */ e(It, {})
         }
       )
     ] }),
-    x && /* @__PURE__ */ c("div", { style: T, className: "fixed z-overlay overflow-auto rounded-lg border border-border bg-surface p-4 shadow-overlay min-w-panel", children: [
+    x && /* @__PURE__ */ c("div", { style: _, 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",
           {
             onClick: q,
             className: "p-1 hover:bg-surface-hover rounded",
-            children: /* @__PURE__ */ e(Lt, {})
+            children: /* @__PURE__ */ e(jt, {})
           }
         ),
         /* @__PURE__ */ c("h3", { className: "text-sm font-medium text-text", children: [
@@ -752,26 +755,26 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: K,
+            onClick: W,
             className: "p-1 hover:bg-surface-hover rounded",
-            children: /* @__PURE__ */ e(It, {})
+            children: /* @__PURE__ */ e(Pt, {})
           }
         )
       ] }),
       /* @__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 N = i.getMonth() === w.getMonth(), A = t && i.toDateString() === t.toDateString(), k = i.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), ee = !N || u && i < u || m && i > m;
+        const N = i.getMonth() === w.getMonth(), T = t && i.toDateString() === t.toDateString(), k = i.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), ee = !N || u && i < u || m && i > m;
         return /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => !ee && j(i),
+            onClick: () => !ee && I(i),
             disabled: ee,
             className: d(
               "w-8 h-8 text-sm rounded transition-colors duration-fast",
               {
-                "text-text hover:bg-surface-hover": N && !A && !ee,
-                "bg-accent text-accent-fg": A,
-                "bg-surface-hover text-text": k && !A,
+                "text-text hover:bg-surface-hover": N && !T && !ee,
+                "bg-accent text-accent-fg": T,
+                "bg-surface-hover text-text": k && !T,
                 "text-text-muted cursor-not-allowed": ee
               }
             ),
@@ -813,7 +816,7 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
       ] })
     ] })
   ] });
-}), jt = {
+}), Ot = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm",
   lg: "h-control-lg px-3 text-base",
@@ -837,13 +840,13 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
     value: w,
     onChange: g,
     allowCreate: b,
-    onCreateOption: L,
-    ...T
-  }, _) => {
-    const $ = f || `select-${Math.random().toString(36).substr(2, 9)}`, X = !!n, [W, j] = oe.useState(!1), [q, K] = oe.useState(""), re = oe.useRef(null), O = oe.useRef(null), ce = ze(W, O, { matchWidth: !0 }), [C, i] = oe.useState(l);
-    oe.useImperativeHandle(_, () => re.current), oe.useEffect(() => {
+    onCreateOption: A,
+    ..._
+  }, K) => {
+    const $ = f || `select-${Math.random().toString(36).substr(2, 9)}`, X = !!n, [U, I] = oe.useState(!1), [q, W] = oe.useState(""), re = oe.useRef(null), P = oe.useRef(null), ce = ze(U, P, { matchWidth: !0 }), [C, i] = oe.useState(l);
+    oe.useImperativeHandle(K, () => re.current), oe.useEffect(() => {
       const E = (D) => {
-        re.current && !re.current.contains(D.target) && j(!1);
+        re.current && !re.current.contains(D.target) && I(!1);
       };
       return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
     }, []);
@@ -854,11 +857,11 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
       []
     ), N = oe.useCallback(
       (E, D) => {
-        const z = [...E], V = (B) => {
-          const H = (B ?? "").trim();
-          H && (S(z, H) || z.push({ value: H, label: H }));
+        const z = [...E], R = (B) => {
+          const V = (B ?? "").trim();
+          V && (S(z, V) || z.push({ value: V, label: V }));
         };
-        return Array.isArray(D) ? D.forEach(V) : V(D), z;
+        return Array.isArray(D) ? D.forEach(R) : R(D), z;
       },
       [S]
     );
@@ -870,12 +873,12 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
         }), N(D, w);
       });
     }, [l, w, N, S]);
-    const A = (E) => {
+    const T = (E) => {
       if (p) {
-        const D = Array.isArray(w) ? w : [], z = D.includes(E) ? D.filter((V) => V !== E) : [...D, E];
+        const D = Array.isArray(w) ? w : [], z = D.includes(E) ? D.filter((R) => R !== E) : [...D, E];
         g?.(z);
       } else
-        g?.(E), j(!1), K("");
+        g?.(E), I(!1), W("");
     }, k = p ? null : C.find((E) => E.value === w), ee = p ? C.filter(
       (E) => Array.isArray(w) && w.includes(E.value)
     ) : [], ae = x && q ? C.filter(
@@ -883,16 +886,16 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
     ) : C, le = !!b && !!x && !!q.trim() && !S(C, q), G = (E) => {
       const D = E.trim();
       if (!D) return;
-      const z = L?.(D) ?? {
+      const z = A?.(D) ?? {
         value: D,
         label: D
       };
       if (S(C, z.value) || S(C, z.label)) {
-        A(z.value), K(""), p || j(!1);
+        T(z.value), W(""), p || I(!1);
         return;
       }
-      i((V) => [...V, z]), A(z.value), K(""), p || j(!1);
-    }, P = () => p ? ee.length > 0 ? ee.map((E) => E.label).join(", ") : u || "Select options" : k?.label || u || "Select an option";
+      i((R) => [...R, z]), T(z.value), W(""), p || I(!1);
+    }, j = () => p ? ee.length > 0 ? ee.map((E) => E.label).join(", ") : u || "Select options" : k?.label || u || "Select an option";
     return /* @__PURE__ */ c(
       "div",
       {
@@ -902,13 +905,13 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
           a && "w-full",
           m
         ),
-        ...T,
+        ..._,
         children: [
           t && /* @__PURE__ */ e(
             "label",
             {
               htmlFor: $,
-              onClick: () => j(!W),
+              onClick: () => I(!U),
               className: d(
                 "block text-xs font-semibold uppercase tracking-label mb-1.5",
                 X ? "text-danger-fg" : "text-text-muted",
@@ -921,43 +924,43 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
             /* @__PURE__ */ c(
               "button",
               {
-                ref: O,
+                ref: P,
                 type: "button",
                 id: $,
                 disabled: o,
-                onClick: () => j(!W),
+                onClick: () => I(!U),
                 className: d(
                   "flex w-full items-center justify-between gap-2 rounded-md border transition-colors duration-fast text-left",
                   "focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   "bg-surface",
-                  jt[s],
+                  Ot[s],
                   X ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border text-text",
                   h
                 ),
                 children: [
-                  /* @__PURE__ */ e("span", { className: "truncate flex-1 min-w-0", children: P() }),
+                  /* @__PURE__ */ e("span", { className: "truncate flex-1 min-w-0", children: j() }),
                   /* @__PURE__ */ e(
                     Qe,
                     {
                       size: 16,
                       className: d(
                         "shrink-0 opacity-60 transition-transform duration-fast",
-                        W && "rotate-180"
+                        U && "rotate-180"
                       )
                     }
                   )
                 ]
               }
             ),
-            W && /* @__PURE__ */ c("div", { style: ce, className: "fixed z-overlay flex flex-col overflow-hidden rounded-lg border border-border bg-surface shadow-overlay", children: [
+            U && /* @__PURE__ */ c("div", { style: ce, className: "fixed z-overlay flex flex-col overflow-hidden rounded-lg border border-border bg-surface shadow-overlay", children: [
               x && /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
                 "input",
                 {
                   type: "text",
                   placeholder: "Search...",
                   value: q,
-                  onChange: (E) => K(E.target.value),
+                  onChange: (E) => W(E.target.value),
                   onKeyDown: (E) => {
                     E.key === "Enter" && le && (E.preventDefault(), G(q));
                   },
@@ -988,7 +991,7 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
                   {
                     className: "cursor-pointer px-3 py-1.5 text-sm text-text-muted hover:bg-surface-hover",
                     onClick: () => {
-                      g?.(""), j(!1);
+                      g?.(""), I(!1);
                     },
                     children: u
                   }
@@ -998,7 +1001,7 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
                   return /* @__PURE__ */ e(
                     "li",
                     {
-                      onClick: () => !E.disabled && A(E.value),
+                      onClick: () => !E.disabled && T(E.value),
                       className: d(
                         "cursor-pointer px-3 py-1.5 text-sm",
                         "text-text",
@@ -1040,12 +1043,12 @@ const At = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
   }
 );
 Ne.displayName = "Select";
-const Pt = {
+const Bt = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
   full: "h-control-md px-3 text-base"
-}, Ve = "mb-1.5 block text-xs font-semibold uppercase tracking-label", be = me(
+}, Re = "mb-1.5 block text-xs font-semibold uppercase tracking-label", be = me(
   ({
     label: t,
     helperText: r,
@@ -1061,14 +1064,14 @@ const Pt = {
     id: f,
     ...x
   }, p) => {
-    const w = oe.useId(), g = f || `textfield-${w}`, b = !!n, L = n || r ? `${g}-description` : void 0;
+    const w = oe.useId(), g = f || `textfield-${w}`, b = !!n, A = n || r ? `${g}-description` : void 0;
     return /* @__PURE__ */ c("div", { className: d("flex flex-col", a && "w-full", m), children: [
       t && /* @__PURE__ */ e(
         "label",
         {
           htmlFor: g,
           className: d(
-            Ve,
+            Re,
             b ? "text-danger-fg" : "text-text-subtle",
             y
           ),
@@ -1083,14 +1086,14 @@ const Pt = {
             ref: p,
             id: g,
             "aria-invalid": b || void 0,
-            "aria-describedby": L,
+            "aria-describedby": A,
             className: d(
               "block w-full rounded-md border bg-surface-input text-text",
               "transition-colors duration-fast ease-out",
               "placeholder:text-text-subtle",
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
-              Pt[s],
+              Bt[s],
               o && "pl-9",
               (l || u) && "pr-9",
               b ? "border-danger-border bg-danger-soft" : "border-border hover:border-border-strong",
@@ -1110,7 +1113,7 @@ const Pt = {
       (n || r) && /* @__PURE__ */ e(
         "p",
         {
-          id: L,
+          id: A,
           className: d("mt-1 text-xs", b ? "text-danger-fg" : "text-text-subtle"),
           children: n || r
         }
@@ -1119,7 +1122,7 @@ const Pt = {
   }
 );
 be.displayName = "TextField";
-function Ot({
+function Ft({
   value: t,
   onChange: r,
   onListFolders: n,
@@ -1129,7 +1132,7 @@ function Ot({
   templatePlaceholder: l,
   showTemplate: u = !0
 }) {
-  const [m, y] = R([]);
+  const [m, y] = F([]);
   Q(() => {
     let f = !0;
     return Promise.resolve(n?.()).then((x) => {
@@ -1164,7 +1167,7 @@ function Ot({
     )
   ] });
 }
-const fe = (...t) => t.filter(Boolean).join(" "), Ft = (t) => /* @__PURE__ */ e(Se, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Bt = (t) => /* @__PURE__ */ e(ge, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Rt = {
+const fe = (...t) => t.filter(Boolean).join(" "), Rt = (t) => /* @__PURE__ */ e(Se, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Vt = (t) => /* @__PURE__ */ e(ge, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Ht = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
@@ -1174,14 +1177,14 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ft = (t) => /* @__PURE__ */ e(
   md: "h-5 w-5",
   lg: "h-6 w-6",
   full: "h-6 w-6"
-}, Vt = me(
+}, qt = me(
   ({
     label: t,
     helperText: r,
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: o = /* @__PURE__ */ e(Ft, {}),
+    startIcon: o = /* @__PURE__ */ e(Rt, {}),
     loading: l = !1,
     containerClassName: u,
     labelClassName: m,
@@ -1193,18 +1196,18 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ft = (t) => /* @__PURE__ */ e(
     debounceTime: w = 500,
     showAllOnOpen: g = !1,
     value: b,
-    onChange: L,
-    ...T
-  }, _) => {
-    const $ = h || `searchfield-${Math.random().toString(36).substr(2, 9)}`, X = !!n, W = se(null), j = se(null), [q, K] = R(b || ""), [re, O] = R(!1), [ce, C] = R(!1), [i, S] = R(!1);
+    onChange: A,
+    ..._
+  }, K) => {
+    const $ = h || `searchfield-${Math.random().toString(36).substr(2, 9)}`, X = !!n, U = se(null), I = se(null), [q, W] = F(b || ""), [re, P] = F(!1), [ce, C] = F(!1), [i, S] = F(!1);
     Q(() => {
-      b !== void 0 && K(b);
+      b !== void 0 && W(b);
     }, [b]);
     const N = he(() => {
       if (g && !i || !q) return f;
-      const P = String(q).toLowerCase();
+      const j = String(q).toLowerCase();
       return f.filter(
-        (E) => String(E.label).toLowerCase().includes(P)
+        (E) => String(E.label).toLowerCase().includes(j)
       );
     }, [q, f, g, i]);
     Q(() => {
@@ -1212,7 +1215,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ft = (t) => /* @__PURE__ */ e(
         C(!1);
         return;
       }
-      const P = setTimeout(async () => {
+      const j = setTimeout(async () => {
         C(!0);
         try {
           await x(String(q));
@@ -1223,22 +1226,22 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ft = (t) => /* @__PURE__ */ e(
         }
       }, w);
       return () => {
-        clearTimeout(P), C(!1);
+        clearTimeout(j), C(!1);
       };
     }, [q, w, x]), Q(() => {
-      const P = (E) => {
-        W.current && !W.current.contains(E.target) && O(!1);
+      const j = (E) => {
+        U.current && !U.current.contains(E.target) && P(!1);
       };
-      return document.addEventListener("mousedown", P), () => document.removeEventListener("mousedown", P);
+      return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
     }, []);
-    const A = (P) => {
-      const E = P.target.value;
-      K(E), O(!0), S(!0), L && L(P);
-    }, k = (P) => {
-      K(P.label), O(!1), S(!1), p && p(P.value);
+    const T = (j) => {
+      const E = j.target.value;
+      W(E), P(!0), S(!0), A && A(j);
+    }, k = (j) => {
+      W(j.label), P(!1), S(!1), p && p(j.value);
     }, ee = () => {
-      (f.length > 0 || x) && (O(!0), S(!1));
-    }, ae = l || ce, le = re && (N.length > 0 || ae), G = he(() => _ || j, [_]);
+      (f.length > 0 || x) && (P(!0), S(!1));
+    }, ae = l || ce, le = re && (N.length > 0 || ae), G = he(() => K || I, [K]);
     return /* @__PURE__ */ c(
       "div",
       {
@@ -1248,7 +1251,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ft = (t) => /* @__PURE__ */ e(
           u || "",
           "relative"
         ),
-        ref: W,
+        ref: U,
         children: [
           t && /* @__PURE__ */ e(
             "label",
@@ -1270,7 +1273,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ft = (t) => /* @__PURE__ */ e(
                 ref: G,
                 id: $,
                 value: q,
-                onChange: A,
+                onChange: T,
                 onFocus: ee,
                 className: fe(
                   // Base styles
@@ -1278,7 +1281,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ft = (t) => /* @__PURE__ */ e(
                   "placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   // Size styles
-                  Rt[s],
+                  Ht[s],
                   // Icon padding
                   o ? "pl-10" : "",
                   "pr-10",
@@ -1287,7 +1290,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ft = (t) => /* @__PURE__ */ e(
                   X ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border text-text",
                   y || ""
                 ),
-                ...T
+                ..._
               }
             ),
             /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: ae || l ? (
@@ -1302,7 +1305,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ft = (t) => /* @__PURE__ */ e(
             ) : (
               // Dropdown Chevron
               /* @__PURE__ */ e(
-                Bt,
+                Vt,
                 {
                   className: fe(
                     "text-text-muted cursor-pointer transition-transform",
@@ -1310,7 +1313,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ft = (t) => /* @__PURE__ */ e(
                     re ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
-                    O((P) => (P || S(!1), !P));
+                    P((j) => (j || S(!1), !j));
                   }
                 }
               )
@@ -1321,16 +1324,16 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ft = (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: N.length > 0 ? N.map((P) => /* @__PURE__ */ e(
+              children: N.length > 0 ? N.map((j) => /* @__PURE__ */ e(
                 "li",
                 {
                   className: "px-4 py-2 cursor-pointer text-text hover:bg-accent-soft hover:text-accent transition-colors",
-                  onClick: () => k(P),
+                  onClick: () => k(j),
                   role: "option",
-                  "aria-selected": q === P.label,
-                  children: P.label
+                  "aria-selected": q === j.label,
+                  children: j.label
                 },
-                P.value
+                j.value
               )) : /* @__PURE__ */ e("li", { className: "px-4 py-2 text-text-muted", children: ae || l ? "Zoeken op afstand..." : "Geen resultaten gevonden." })
             }
           ),
@@ -1353,8 +1356,8 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ft = (t) => /* @__PURE__ */ e(
     );
   }
 );
-Vt.displayName = "SearchableTextField";
-const Ht = me(
+qt.displayName = "SearchableTextField";
+const Ut = me(
   ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...o }, l) => {
     const u = /* @__PURE__ */ e(
       "span",
@@ -1407,8 +1410,8 @@ const Ht = me(
     );
   }
 );
-Ht.displayName = "Switch";
-function Ut({
+Ut.displayName = "Switch";
+function Wt({
   variant: t = "page",
   children: r,
   showTableSkeleton: n = !1,
@@ -1457,7 +1460,7 @@ function Ut({
     ] })
   ] }) });
 }
-const qt = ({
+const Kt = ({
   trigger: t,
   options: r,
   value: n,
@@ -1468,23 +1471,23 @@ const qt = ({
   showCheck: u = !0,
   header: m
 }) => {
-  const [y, h] = R(!1), [f, x] = R(null), [p, w] = R({ top: 0, left: 0 }), g = se(null), b = se(null), L = se(null), T = se(null), _ = ze(y, b, { placement: a }), $ = se(null), X = () => Array.from(
-    T.current?.querySelectorAll("button[data-option-value]:not(:disabled)") ?? []
+  const [y, h] = F(!1), [f, x] = F(null), [p, w] = F({ top: 0, left: 0 }), g = se(null), b = se(null), A = se(null), _ = se(null), K = ze(y, b, { placement: a }), $ = se(null), X = () => Array.from(
+    _.current?.querySelectorAll("button[data-option-value]:not(:disabled)") ?? []
   );
   Q(() => {
     y && X()[0]?.focus();
   }, [y]);
-  const W = (i) => {
+  const U = (i) => {
     if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key)) return;
     const N = X();
     if (N.length === 0) return;
     i.preventDefault();
-    const A = N.indexOf(document.activeElement), k = i.key === "Home" ? 0 : i.key === "End" ? N.length - 1 : i.key === "ArrowDown" ? (A + 1) % N.length : (A - 1 + N.length) % N.length;
+    const T = N.indexOf(document.activeElement), k = i.key === "Home" ? 0 : i.key === "End" ? N.length - 1 : i.key === "ArrowDown" ? (T + 1) % N.length : (T - 1 + N.length) % N.length;
     N[k]?.focus();
   };
   Q(() => {
     const i = (S) => {
-      g.current && (!g.current.contains(S.target) || L.current && !L.current.contains(S.target)) && (h(!1), x(null), $.current && (clearTimeout($.current), $.current = null));
+      g.current && (!g.current.contains(S.target) || A.current && !A.current.contains(S.target)) && (h(!1), x(null), $.current && (clearTimeout($.current), $.current = null));
     };
     return y && document.addEventListener("mousedown", i), () => {
       document.removeEventListener("mousedown", i);
@@ -1512,17 +1515,17 @@ const qt = ({
   }, [f]), Q(() => () => {
     $.current && clearTimeout($.current);
   }, []);
-  const j = (i) => {
+  const I = (i) => {
     i.stopPropagation(), !o && (h(!y), x(null), $.current && (clearTimeout($.current), $.current = null));
   }, q = (i, S, N) => {
     i.stopPropagation(), !S.disabled && !S.divider && (!S.children || S.children.length === 0) && (s?.(S.value, N), h(!1), x(null));
-  }, K = (i) => {
+  }, W = (i) => {
     $.current && (clearTimeout($.current), $.current = null), i.children && i.children.length > 0 ? x(i.value) : x(null);
   }, re = (i) => {
     i.children && i.children.length > 0 ? $.current = setTimeout(() => {
       x(null);
     }, 150) : x(null);
-  }, O = (i, S, N) => {
+  }, P = (i, S, N) => {
     i.stopPropagation(), !S.disabled && !S.divider && (s?.(S.value, N), h(!1), x(null));
   }, ce = d(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
@@ -1544,7 +1547,7 @@ const qt = ({
           "button",
           {
             ref: b,
-            onClick: j,
+            onClick: I,
             disabled: o,
             "aria-haspopup": "menu",
             "aria-expanded": y,
@@ -1554,7 +1557,7 @@ const qt = ({
             children: t
           }
         ),
-        y && /* @__PURE__ */ e("div", { ref: T, className: ce, style: _, onKeyDown: W, children: /* @__PURE__ */ c("div", { className: "p-2", role: "menu", children: [
+        y && /* @__PURE__ */ e("div", { ref: _, className: ce, style: K, onKeyDown: U, children: /* @__PURE__ */ c("div", { className: "p-2", role: "menu", children: [
           m && (typeof m == "string" ? /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted uppercase tracking-label px-3 py-2", children: m }) : m),
           r.map((i, S) => {
             if (i.divider)
@@ -1565,7 +1568,7 @@ const qt = ({
                 },
                 `divider-${S}`
               );
-            const N = i.children && i.children.length > 0, A = f === i.value;
+            const N = i.children && i.children.length > 0, T = f === i.value;
             return /* @__PURE__ */ c("div", { className: "relative group", children: [
               /* @__PURE__ */ c(
                 "button",
@@ -1574,14 +1577,14 @@ const qt = ({
                   role: "menuitem",
                   "aria-haspopup": N ? "menu" : void 0,
                   onClick: (k) => q(k, i),
-                  onMouseEnter: () => K(i),
+                  onMouseEnter: () => W(i),
                   onMouseLeave: () => re(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": i.disabled,
-                      "bg-surface-hover": A && N
+                      "bg-surface-hover": T && N
                     }
                   ),
                   children: [
@@ -1599,10 +1602,10 @@ const qt = ({
                   ]
                 }
               ),
-              N && A && /* @__PURE__ */ e(
+              N && T && /* @__PURE__ */ e(
                 "div",
                 {
-                  ref: L,
+                  ref: A,
                   className: C,
                   style: {
                     top: `${p.top}px`,
@@ -1631,7 +1634,7 @@ const qt = ({
                     return /* @__PURE__ */ c(
                       "button",
                       {
-                        onClick: (le) => O(
+                        onClick: (le) => P(
                           le,
                           k,
                           i.value
@@ -1664,8 +1667,8 @@ const qt = ({
           (() => {
             const i = r.reduce((S, N) => {
               if (N.divider) return S;
-              const A = N.children ? N.children.filter((k) => !k.divider).length : 0;
-              return S + 1 + A;
+              const T = N.children ? N.children.filter((k) => !k.divider).length : 0;
+              return S + 1 + T;
             }, 0);
             return i > 1 && /* @__PURE__ */ e("div", { className: "border-t border-border mt-2 pt-2", children: /* @__PURE__ */ c("div", { className: "text-xs text-text-muted px-3 py-1", children: [
               i,
@@ -1676,17 +1679,17 @@ const qt = ({
       ]
     }
   );
-}, Ie = {
+}, Le = {
   none: "pl-0",
   sm: "pl-2",
   md: "pl-4",
   lg: "pl-6"
-}, je = {
+}, Ie = {
   none: "pr-0",
   sm: "pr-2",
   md: "pr-4",
   lg: "pr-6"
-}, Wt = () => /* @__PURE__ */ e(Y, { icon: Se, size: "md", color: "current" }), Kt = ({ active: t }) => /* @__PURE__ */ e(Y, { icon: tt, size: "sm", className: t ? "text-text" : "text-text-subtle" }), _t = ({ active: t }) => /* @__PURE__ */ e(Y, { icon: ge, size: "sm", className: t ? "text-text" : "text-text-subtle" }), Gt = () => /* @__PURE__ */ e(Y, { icon: ke, size: "md", color: "current" }), Jt = () => /* @__PURE__ */ e(Y, { icon: Ce, size: "md", color: "current" }), Yt = () => /* @__PURE__ */ e(Y, { icon: rt, size: "md", color: "current" }), Xt = () => /* @__PURE__ */ e(Y, { icon: nt, size: "md", color: "current" }), He = () => /* @__PURE__ */ e(Y, { icon: ge, size: "md", color: "current" }), Zt = (t) => {
+}, Gt = () => /* @__PURE__ */ e(Y, { icon: Se, size: "md", color: "current" }), Jt = ({ active: t }) => /* @__PURE__ */ e(Y, { icon: tt, size: "sm", className: t ? "text-text" : "text-text-subtle" }), Yt = ({ active: t }) => /* @__PURE__ */ e(Y, { icon: ge, size: "sm", className: t ? "text-text" : "text-text-subtle" }), Xt = () => /* @__PURE__ */ e(Y, { icon: ke, size: "md", color: "current" }), Zt = () => /* @__PURE__ */ e(Y, { icon: Ce, size: "md", color: "current" }), Qt = () => /* @__PURE__ */ e(Y, { icon: rt, size: "md", color: "current" }), er = () => /* @__PURE__ */ e(Y, { icon: nt, size: "md", color: "current" }), Ve = () => /* @__PURE__ */ e(Y, { icon: ge, size: "md", color: "current" }), tr = (t) => {
   const r = (s) => t.multiSelect && Array.isArray(t.value) ? t.value?.includes(s) : t.value === s, n = (s) => {
     t.multiSelect && Array.isArray(t.value) ? t.onChange(t.value.filter((a) => a !== s)) : t.onChange(s);
   };
@@ -1705,7 +1708,7 @@ const qt = ({
       /* @__PURE__ */ e("span", { className: "text-text", children: t.multiSelect && Array.isArray(t.value) ? t.value?.map(
         (s) => t.options?.find((a) => a.value === s)?.label
       ).join(", ") : t.options?.find((s) => s.value === t.value)?.label }),
-      /* @__PURE__ */ e("span", { className: "text-text-muted text-sm group-open:rotate-180 transition-transform", children: /* @__PURE__ */ e(He, {}) })
+      /* @__PURE__ */ e("span", { className: "text-text-muted text-sm group-open:rotate-180 transition-transform", children: /* @__PURE__ */ e(Ve, {}) })
     ] }),
     /* @__PURE__ */ c("div", { className: "absolute z-10 left-0 mt-1 bg-surface border border-border rounded-lg shadow-overlay p-2 w-48", children: [
       t.options?.map((s) => /* @__PURE__ */ e(
@@ -1733,7 +1736,7 @@ const qt = ({
       )
     ] })
   ] }) }) });
-}, Pe = ({
+}, je = ({
   data: t,
   columns: r,
   loading: n = !1,
@@ -1748,68 +1751,68 @@ const qt = ({
   selectable: f = !1,
   selectedRows: x = [],
   onSelectionChange: p,
-  getRowKey: w = (j, q) => q,
+  getRowKey: w = (I, q) => q,
   emptyContent: g,
   hoverable: b = !0,
-  bordered: L = !1,
-  striped: T = !1,
-  padding: _ = "md",
+  bordered: A = !1,
+  striped: _ = !1,
+  padding: K = "md",
   className: $,
   rowClassName: X,
-  headerBackground: W = !0
+  headerBackground: U = !0
 }) => {
-  const [j, q] = R(""), [K, re] = R({
+  const [I, q] = F(""), [W, re] = F({
     column: null,
     direction: null
-  }), [O, ce] = R({
+  }), [P, ce] = F({
     page: 0,
     pageSize: m
   }), C = se(null), i = he(() => {
     let v = t;
-    if (s && j.trim()) {
-      const U = r.filter(
+    if (s && I.trim()) {
+      const H = r.filter(
         (J) => J.searchable !== !1
-      ), Z = j.toLowerCase();
-      v = v.filter((J) => U.some((F) => {
-        const ie = typeof F.accessor == "function" ? F.accessor(J) : J[F.accessor];
+      ), Z = I.toLowerCase();
+      v = v.filter((J) => H.some((O) => {
+        const ie = typeof O.accessor == "function" ? O.accessor(J) : J[O.accessor];
         return String(ie || "").toLowerCase().includes(Z);
       }));
     }
-    return o.forEach((U) => {
-      U.value && U.value !== "all" && (v = v.filter((Z) => {
-        const J = r.find((ie) => ie.id === U.id);
+    return o.forEach((H) => {
+      H.value && H.value !== "all" && (v = v.filter((Z) => {
+        const J = r.find((ie) => ie.id === H.id);
         if (!J) return !0;
-        const F = typeof J.accessor == "function" ? J.accessor(Z) : Z[J.accessor];
-        return String(F || "") === U.value;
+        const O = typeof J.accessor == "function" ? J.accessor(Z) : Z[J.accessor];
+        return String(O || "") === H.value;
       }));
     }), v;
-  }, [t, j, r, s, o]), S = he(() => {
-    if (!K.column || !K.direction) return i;
-    const v = r.find((U) => U.id === K.column);
-    return v ? [...i].sort((U, Z) => {
-      const J = typeof v.accessor == "function" ? v.accessor(U) : U[v.accessor], F = typeof v.accessor == "function" ? v.accessor(Z) : Z[v.accessor];
+  }, [t, I, r, s, o]), S = he(() => {
+    if (!W.column || !W.direction) return i;
+    const v = r.find((H) => H.id === W.column);
+    return v ? [...i].sort((H, Z) => {
+      const J = typeof v.accessor == "function" ? v.accessor(H) : H[v.accessor], O = typeof v.accessor == "function" ? v.accessor(Z) : Z[v.accessor];
       let ie = 0;
-      return J < F ? ie = -1 : J > F && (ie = 1), K.direction === "desc" ? -ie : ie;
+      return J < O ? ie = -1 : J > O && (ie = 1), W.direction === "desc" ? -ie : ie;
     }) : i;
-  }, [i, K, r]), N = he(() => {
+  }, [i, W, r]), N = he(() => {
     if (!l) return S;
-    const v = O.page * O.pageSize, U = v + O.pageSize;
-    return S.slice(v, U);
-  }, [S, O, l]), A = ue(
+    const v = P.page * P.pageSize, H = v + P.pageSize;
+    return S.slice(v, H);
+  }, [S, P, l]), T = ue(
     (v) => {
       r.find((Z) => Z.id === v)?.sortable && re((Z) => Z.column !== v ? { column: v, direction: "asc" } : Z.direction === "asc" ? { column: v, direction: "desc" } : { column: null, direction: null });
     },
     [r]
   ), k = ue((v) => {
-    ce((U) => ({ ...U, page: v }));
+    ce((H) => ({ ...H, page: v }));
   }, []), ee = ue((v) => {
     ce({ page: 0, pageSize: v });
   }, []), ae = ue(
-    (v, U) => {
+    (v, H) => {
       if (!p) return;
       const Z = w(v, 0);
-      x.map((J, F) => w(J, F)), p(U ? [...x, v] : x.filter(
-        (J, F) => w(x[F], F) !== Z
+      x.map((J, O) => w(J, O)), p(H ? [...x, v] : x.filter(
+        (J, O) => w(x[O], O) !== Z
       ));
     },
     [x, p, w]
@@ -1821,23 +1824,23 @@ const qt = ({
   );
   Q(() => {
     ce((v) => ({ ...v, page: 0 }));
-  }, [j, K]), Q(() => {
+  }, [I, W]), Q(() => {
     ce((v) => ({ ...v, page: 0 }));
   }, [o.map((v) => v.value).join(",")]);
-  const G = S.length, P = Math.ceil(G / O.pageSize), E = O.page * O.pageSize + 1, D = Math.min(E + O.pageSize - 1, G), z = N.length > 0 && N.every((v) => {
-    const U = w(v, 0);
+  const G = S.length, j = Math.ceil(G / P.pageSize), E = P.page * P.pageSize + 1, D = Math.min(E + P.pageSize - 1, G), z = N.length > 0 && N.every((v) => {
+    const H = w(v, 0);
     return x.some(
-      (Z, J) => w(Z, J) === U
+      (Z, J) => w(Z, J) === H
     );
-  }), V = N.some((v) => {
-    const U = w(v, 0);
+  }), R = N.some((v) => {
+    const H = w(v, 0);
     return x.some(
-      (Z, J) => w(Z, J) === U
+      (Z, J) => w(Z, J) === H
     );
   }), B = d(
     "w-full text-sm leading-5 text-text border-collapse",
     $
-  ), H = W ? "bg-surface-sunk border-border border-t" : "bg-surface", M = d(H, "h-control-lg"), I = d(
+  ), V = U ? "bg-surface-sunk border-border border-t" : "bg-surface", M = d(V, "h-control-lg"), L = d(
     "text-text border-b border-border p-2"
   ), te = d("h-row-lg", {
     "hover:bg-surface-sunk": b,
@@ -1845,21 +1848,21 @@ const qt = ({
   });
   return /* @__PURE__ */ c("div", { className: "space-y-4", children: [
     (s || o.length > 0) && /* @__PURE__ */ e("div", { className: "px-4 pt-4 pb-2", children: /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-4 items-start", children: [
-      o.map((v) => /* @__PURE__ */ e(Zt, { ...v }, v.id)),
+      o.map((v) => /* @__PURE__ */ e(tr, { ...v }, v.id)),
       /* @__PURE__ */ e("div", { className: "w-full sm:w-auto sm:ml-auto min-w-menu", children: /* @__PURE__ */ e(
         be,
         {
           placeholder: a,
-          value: j,
+          value: I,
           onChange: (v) => q(v.target.value),
-          startIcon: /* @__PURE__ */ e(Wt, {}),
+          startIcon: /* @__PURE__ */ e(Gt, {}),
           className: "max-w-sm"
         }
       ) })
     ] }) }),
     /* @__PURE__ */ c("div", { className: "relative w-full overflow-x-auto min-h-100", children: [
       n && /* @__PURE__ */ e("div", { className: "flex items-center justify-center z-10", children: /* @__PURE__ */ e(
-        Ut,
+        Wt,
         {
           showTableSkeleton: !0,
           tableRows: 10,
@@ -1868,23 +1871,23 @@ const qt = ({
       ) }),
       /* @__PURE__ */ c("table", { ref: C, className: d(B, "min-w-full"), children: [
         /* @__PURE__ */ e("thead", { className: M, children: /* @__PURE__ */ c("tr", { children: [
-          f && /* @__PURE__ */ e("th", { className: d(I, "w-12"), children: /* @__PURE__ */ e(
+          f && /* @__PURE__ */ e("th", { className: d(L, "w-12"), children: /* @__PURE__ */ e(
             "input",
             {
               type: "checkbox",
               checked: z,
               ref: (v) => {
-                v && (v.indeterminate = V && !z);
+                v && (v.indeterminate = R && !z);
               },
               onChange: (v) => le(v.target.checked),
               className: "rounded border-border [&:not(:checked)]:bg-surface-input text-accent"
             }
           ) }),
-          !n && r.map((v, U) => /* @__PURE__ */ e(
+          !n && r.map((v, H) => /* @__PURE__ */ e(
             "th",
             {
               className: d(
-                I,
+                L,
                 "font-semibold text-xs text-text-muted uppercase tracking-label",
                 "group",
                 {
@@ -1892,14 +1895,14 @@ const qt = ({
                   "text-center": v.align === "center",
                   "text-right": v.align === "right",
                   "cursor-pointer select-none": v.sortable,
-                  [`sticky left-0 ${H}`]: v.sticky === "left",
-                  [`sticky right-0 ${H}`]: v.sticky === "right"
+                  [`sticky left-0 ${V}`]: v.sticky === "left",
+                  [`sticky right-0 ${V}`]: v.sticky === "right"
                 },
-                U === 0 && Ie[_],
-                U === r.length - 1 && je[_]
+                H === 0 && Le[K],
+                H === r.length - 1 && Ie[K]
               ),
               style: { width: v.width },
-              onClick: () => v.sortable && A(v.id),
+              onClick: () => v.sortable && T(v.id),
               children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
                 v.headerCell ? v.headerCell() : v.header,
                 v.sortable && /* @__PURE__ */ c(
@@ -1907,19 +1910,19 @@ const qt = ({
                   {
                     className: d(
                       "flex flex-col opacity-0 group-hover:opacity-100 transition-opacity",
-                      K.column === v.id && "opacity-100"
+                      W.column === v.id && "opacity-100"
                     ),
                     children: [
                       /* @__PURE__ */ e(
-                        Kt,
+                        Jt,
                         {
-                          active: K.column === v.id && K.direction === "asc"
+                          active: W.column === v.id && W.direction === "asc"
                         }
                       ),
                       /* @__PURE__ */ e(
-                        _t,
+                        Yt,
                         {
-                          active: K.column === v.id && K.direction === "desc"
+                          active: W.column === v.id && W.direction === "desc"
                         }
                       )
                     ]
@@ -1929,21 +1932,21 @@ const qt = ({
             },
             v.id
           )),
-          y.length > 0 && /* @__PURE__ */ e("th", { className: d(I, "w-20"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
+          y.length > 0 && /* @__PURE__ */ e("th", { className: d(L, "w-20"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
         ] }) }),
         /* @__PURE__ */ e("tbody", { children: N.length === 0 || n ? !n && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
           "td",
           {
             colSpan: r.length + (f ? 1 : 0) + (y.length > 0 ? 1 : 0),
             className: d(
-              I,
+              L,
               "text-center py-8 text-text-muted"
             ),
             children: g || "No data available"
           }
-        ) }) : N.map((v, U) => {
-          const Z = w(v, U), J = x.some(
-            (F, ie) => w(F, ie) === Z
+        ) }) : N.map((v, H) => {
+          const Z = w(v, H), J = x.some(
+            (O, ie) => w(O, ie) === Z
           );
           return /* @__PURE__ */ c(
             "tr",
@@ -1951,63 +1954,63 @@ const qt = ({
               className: d(
                 te,
                 { "bg-accent-soft": J },
-                X?.(v, U)
+                X?.(v, H)
               ),
-              onClick: (F) => {
-                F.stopPropagation(), h?.(v, U);
+              onClick: (O) => {
+                O.stopPropagation(), h?.(v, H);
               },
               children: [
-                f && /* @__PURE__ */ e("td", { className: I, children: /* @__PURE__ */ e(
+                f && /* @__PURE__ */ e("td", { className: L, children: /* @__PURE__ */ e(
                   "input",
                   {
                     type: "checkbox",
                     checked: J,
-                    onChange: (F) => {
-                      F.stopPropagation(), ae(v, F.target.checked);
+                    onChange: (O) => {
+                      O.stopPropagation(), ae(v, O.target.checked);
                     },
                     className: "rounded border-border [&:not(:checked)]:bg-surface-input text-accent"
                   }
                 ) }),
-                r.map((F, ie) => {
-                  const ve = typeof F.accessor == "function" ? F.accessor(v) : v[F.accessor];
+                r.map((O, ie) => {
+                  const ve = typeof O.accessor == "function" ? O.accessor(v) : v[O.accessor];
                   return /* @__PURE__ */ e(
                     "td",
                     {
                       className: d(
-                        I,
+                        L,
                         {
-                          "text-left": F.align === "left" || !F.align,
-                          "text-center": F.align === "center",
-                          "text-right": F.align === "right",
-                          "sticky left-0 bg-surface": F.sticky === "left",
-                          "sticky right-0 bg-surface": F.sticky === "right"
+                          "text-left": O.align === "left" || !O.align,
+                          "text-center": O.align === "center",
+                          "text-right": O.align === "right",
+                          "sticky left-0 bg-surface": O.sticky === "left",
+                          "sticky right-0 bg-surface": O.sticky === "right"
                         },
-                        ie === 0 && Ie[_],
-                        ie === r.length - 1 && je[_]
+                        ie === 0 && Le[K],
+                        ie === r.length - 1 && Ie[K]
                       ),
-                      children: F.cell ? F.cell(ve, v, ie) : String(ve || "")
+                      children: O.cell ? O.cell(ve, v, ie) : String(ve || "")
                     },
-                    F.id
+                    O.id
                   );
                 }),
-                y.length > 0 && /* @__PURE__ */ e("td", { className: I, children: /* @__PURE__ */ e(
-                  qt,
+                y.length > 0 && /* @__PURE__ */ e("td", { className: L, children: /* @__PURE__ */ e(
+                  Kt,
                   {
                     trigger: /* @__PURE__ */ c("div", { className: "inline-flex items-center gap-1 px-2 py-1 text-sm text-text-muted hover:text-text", children: [
                       /* @__PURE__ */ e("span", { children: "Options" }),
-                      /* @__PURE__ */ e(He, {})
+                      /* @__PURE__ */ e(Ve, {})
                     ] }),
-                    options: y.map((F) => ({
-                      value: F.id,
-                      label: F.label,
-                      icon: F.icon,
-                      disabled: F.disabled?.(v)
+                    options: y.map((O) => ({
+                      value: O.id,
+                      label: O.label,
+                      icon: O.icon,
+                      disabled: O.disabled?.(v)
                     })),
-                    onSelect: (F) => {
+                    onSelect: (O) => {
                       const ie = y.find(
-                        (ve) => ve.id === F
+                        (ve) => ve.id === O
                       );
-                      ie && ie.onClick(v, U);
+                      ie && ie.onClick(v, H);
                     },
                     placement: "bottom-end"
                   }
@@ -2035,7 +2038,7 @@ const qt = ({
           /* @__PURE__ */ e(
             "select",
             {
-              value: O.pageSize,
+              value: P.pageSize,
               onChange: (v) => ee(Number(v.target.value)),
               className: "h-control-sm w-16 rounded-md border border-border bg-surface-input px-2 text-sm text-text",
               children: u.map((v) => /* @__PURE__ */ e("option", { value: v, children: v }, v))
@@ -2050,9 +2053,9 @@ const qt = ({
             size: "sm",
             variant: "ghost",
             onClick: () => k(0),
-            disabled: O.page === 0,
+            disabled: P.page === 0,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(Yt, {})
+            children: /* @__PURE__ */ e(Qt, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -2060,27 +2063,27 @@ const qt = ({
           {
             size: "sm",
             variant: "ghost",
-            onClick: () => k(O.page - 1),
-            disabled: O.page === 0,
+            onClick: () => k(P.page - 1),
+            disabled: P.page === 0,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(Gt, {})
+            children: /* @__PURE__ */ e(Xt, {})
           }
         ),
         /* @__PURE__ */ c("span", { className: "px-3 py-1 text-sm text-text-muted", children: [
           "Page ",
-          O.page + 1,
+          P.page + 1,
           " of ",
-          P
+          j
         ] }),
         /* @__PURE__ */ e(
           ne,
           {
             size: "sm",
             variant: "ghost",
-            onClick: () => k(O.page + 1),
-            disabled: O.page >= P - 1,
+            onClick: () => k(P.page + 1),
+            disabled: P.page >= j - 1,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(Jt, {})
+            children: /* @__PURE__ */ e(Zt, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -2088,22 +2091,22 @@ const qt = ({
           {
             size: "sm",
             variant: "ghost",
-            onClick: () => k(P - 1),
-            disabled: O.page >= P - 1,
+            onClick: () => k(j - 1),
+            disabled: P.page >= j - 1,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(Xt, {})
+            children: /* @__PURE__ */ e(er, {})
           }
         )
       ] })
     ] })
   ] });
-}, Qt = ht(null), tn = ({
+}, rr = ht(null), un = ({
   items: t,
   activeTab: r,
   onTabChange: n,
   className: s
 }) => {
-  const [a, o] = R(t[0]?.id || ""), l = r || a, u = (m) => {
+  const [a, o] = F(t[0]?.id || ""), l = r || a, u = (m) => {
     n ? n(m) : o(m);
   };
   return /* @__PURE__ */ e("div", { className: d("border-b border-border", s), children: /* @__PURE__ */ e("nav", { className: "-mb-px flex space-x-8", children: t.map((m) => /* @__PURE__ */ e(
@@ -2129,7 +2132,7 @@ const qt = ({
     },
     m.id
   )) }) });
-}, er = ({
+}, nr = ({
   items: t,
   defaultTab: r,
   activeTab: n,
@@ -2138,7 +2141,7 @@ const qt = ({
   size: o = "md",
   className: l
 }) => {
-  const [u, m] = R(
+  const [u, m] = F(
     r || n || t[0]?.id || ""
   ), y = n || u, h = (g) => {
     s ? s(g) : m(g);
@@ -2155,11 +2158,11 @@ const qt = ({
     },
     l
   ), w = (g, b) => {
-    const L = "transition-colors duration-fast font-medium", T = {
+    const A = "transition-colors duration-fast font-medium", _ = {
       "text-xs px-2 py-1": o === "sm",
       "text-sm px-3 py-2": o === "md",
       "text-base px-4 py-3": o === "lg"
-    }, _ = {
+    }, K = {
       // Default variant
       "border-b-2 -mb-px": a === "default",
       // Pills variant
@@ -2172,14 +2175,14 @@ const qt = ({
     }, X = b ? {
       "border-accent-border text-text": a === "default" || a === "underline",
       "bg-surface text-text shadow-none": a === "pills"
-    } : {}, W = !b && !g.disabled ? {
+    } : {}, U = !b && !g.disabled ? {
       "border-transparent text-text-muted hover:text-text": a === "default",
       "text-text-muted hover:text-text": a === "pills",
       "border-transparent text-text-muted hover:text-text hover:border-border": a === "underline"
     } : {};
-    return d(L, T, _, $, X, W);
+    return d(A, _, K, $, X, U);
   };
-  return /* @__PURE__ */ e(Qt.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
+  return /* @__PURE__ */ e(rr.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ e("div", { className: p, role: "tablist", children: t.map((g) => /* @__PURE__ */ e(
       "button",
       {
@@ -2208,14 +2211,14 @@ const qt = ({
       }
     )
   ] }) });
-}, tr = {
+}, sr = {
   sm: "max-w-md",
   md: "max-w-lg",
   lg: "max-w-2xl",
   xl: "max-w-4xl",
   full: "max-w-full mx-4"
 };
-function Ue({
+function He({
   open: t,
   onClose: r,
   title: n,
@@ -2259,7 +2262,7 @@ function Ue({
             "relative w-full bg-surface rounded-lg shadow-modal",
             // 'animate-scale-in',
             "focus:outline-none",
-            tr[s],
+            sr[s],
             l
           ),
           role: "dialog",
@@ -2294,19 +2297,19 @@ function Ue({
     }
   ) : null;
 }
-const rr = {
+const ar = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, nr = {
+}, lr = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, sr = {
+}, or = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -2317,12 +2320,12 @@ const rr = {
   neutral: "text-text",
   current: "text-current",
   muted: "text-text-subtle"
-}, ar = {
+}, cr = {
   left: "text-left",
   center: "text-center",
   right: "text-right",
   justify: "text-justify"
-}, lr = {
+}, ir = {
   tight: "leading-tight",
   normal: "leading-normal",
   relaxed: "leading-relaxed"
@@ -2341,28 +2344,28 @@ const rr = {
   children: f,
   ...x
 }) => {
-  const p = y || or(t), w = t === "caption", g = t === "label", b = t === "code", L = d(
+  const p = y || dr(t), w = t === "caption", g = t === "label", b = t === "code", A = d(
     "font-sans",
     // Variant — caption and label pin their own size/weight
     w && "text-xs text-text-subtle",
     g && "text-xs font-semibold uppercase tracking-label text-text-subtle",
     b && "font-mono text-sm rounded-sm bg-surface-hover px-1 py-0.5",
     // Size — only where the variant does not pin it
-    !w && !g && !b && rr[r],
+    !w && !g && !b && ar[r],
     // Weight — label owns its weight
-    !g && nr[n],
-    sr[s],
-    ar[a],
+    !g && lr[n],
+    or[s],
+    cr[a],
     // Line height only overrides the body variant
-    t === "body" && lr[m],
+    t === "body" && ir[m],
     l && "italic",
     u && "underline",
     o && "truncate",
     h
   );
-  return /* @__PURE__ */ e(p, { className: L, ...x, children: f });
+  return /* @__PURE__ */ e(p, { className: A, ...x, children: f });
 };
-function or(t) {
+function dr(t) {
   return {
     body: "p",
     caption: "span",
@@ -2370,7 +2373,7 @@ function or(t) {
     code: "code"
   }[t] || "p";
 }
-const cr = ({
+const ur = ({
   value: t,
   onChange: r,
   label: n,
@@ -2384,90 +2387,90 @@ const cr = ({
   onDownloadFile: h,
   onRegisterFile: f
 }) => {
-  const [x, p] = R(!1), [w, g] = R([]), [b, L] = R(null), [T, _] = R("/"), [$, X] = R([]), [W, j] = R(!1), [q, K] = R(""), [re, O] = R(
+  const [x, p] = F(!1), [w, g] = F([]), [b, A] = F(null), [_, K] = F("/"), [$, X] = F([]), [U, I] = F(!1), [q, W] = F(""), [re, P] = F(
     typeof t == "object" ? t : null
-  ), [ce, C] = R(!1), [i, S] = R(""), N = se(null);
+  ), [ce, C] = F(!1), [i, S] = F(""), N = se(null);
   Q(() => {
-    x && A();
+    x && T();
   }, [x]), Q(() => {
     x && b && k();
-  }, [x, b, T, q]);
-  const A = async () => {
-    j(!0);
+  }, [x, b, _, q]);
+  const T = async () => {
+    I(!0);
     try {
       const M = await m?.();
       M?.data && g(M.data);
     } catch (M) {
       console.error("Failed to load mounts", M);
     } finally {
-      j(!1);
+      I(!1);
     }
   }, k = async () => {
     if (b) {
-      j(!0);
+      I(!0);
       try {
-        const M = await u?.({ mountId: b.id, name: q, path: T });
+        const M = await u?.({ mountId: b.id, name: q, path: _ });
         M?.data && X(M.data);
       } catch (M) {
         console.error("Failed to load files", M);
       } finally {
-        j(!1);
+        I(!1);
       }
     }
   }, ee = async (M) => {
-    const I = M.target.files?.[0];
-    if (I) {
-      j(!0);
+    const L = M.target.files?.[0];
+    if (L) {
+      I(!0);
       try {
-        const te = await I.arrayBuffer(), v = new Uint8Array(te), U = {
+        const te = await L.arrayBuffer(), v = new Uint8Array(te), H = {
           id: `local-${Date.now()}`,
-          name: I.name,
+          name: L.name,
           type: "file",
           path: "/",
-          mimeType: I.type || "application/octet-stream",
-          size: I.size,
+          mimeType: L.type || "application/octet-stream",
+          size: L.size,
           mountId: "local",
-          providerKey: I.name,
+          providerKey: L.name,
           ownerId: "me"
         };
-        O(U), r(U, v), p(!1);
+        P(H), r(H, v), p(!1);
       } catch (te) {
         console.error("Local file selection failed", te);
       } finally {
-        j(!1);
+        I(!1);
       }
     }
   }, ae = async (M) => {
-    const I = M.target.files?.[0];
-    if (!(!I || !b)) {
-      j(!0);
+    const L = M.target.files?.[0];
+    if (!(!L || !b)) {
+      I(!0);
       try {
-        const te = await I.arrayBuffer(), v = await y?.({
+        const te = await L.arrayBuffer(), v = await y?.({
           file: new Uint8Array(te),
-          filename: I.name,
-          mimeType: I.type || "application/octet-stream",
+          filename: L.name,
+          mimeType: L.type || "application/octet-stream",
           mountId: b.id,
-          path: T
+          path: _
         });
         if (v?.data) {
-          const U = v.data;
-          O(U), r(U, new Uint8Array(te)), p(!1);
+          const H = v.data;
+          P(H), r(H, new Uint8Array(te)), p(!1);
         }
       } catch (te) {
         console.error("Upload failed", te);
       } finally {
-        j(!1);
+        I(!1);
       }
     }
   }, le = async () => {
     if (!(!i || !b)) {
-      j(!0);
+      I(!0);
       try {
-        const M = `${T}${i}/`;
+        const M = `${_}${i}/`;
         f && (await f({
           name: i,
           type: "folder",
-          path: T,
+          path: _,
           mimeType: "application/x-directory",
           size: 0,
           mountId: b.id,
@@ -2477,48 +2480,48 @@ const cr = ({
       } catch (M) {
         console.error("Failed to create folder", M);
       } finally {
-        j(!1);
+        I(!1);
       }
     }
   }, G = async (M) => {
-    j(!0);
+    I(!0);
     try {
-      const I = await h?.(M.id);
-      O(M), r(M, I), p(!1);
-    } catch (I) {
-      console.error("Failed to download file", I);
+      const L = await h?.(M.id);
+      P(M), r(M, L), p(!1);
+    } catch (L) {
+      console.error("Failed to download file", L);
     } finally {
-      j(!1);
+      I(!1);
     }
-  }, P = (M) => {
-    M.stopPropagation(), O(null), r(null);
+  }, j = (M) => {
+    M.stopPropagation(), P(null), r(null);
   }, E = he(() => {
-    const M = /* @__PURE__ */ new Set(), I = [];
+    const M = /* @__PURE__ */ new Set(), L = [];
     return $.forEach((te) => {
       if (te.type === "folder") {
-        te.path === T && M.add(te.name);
+        te.path === _ && M.add(te.name);
         return;
       }
-      const v = te.providerKey || te.name, Z = (T ? v.substring(T.length) : v).split("/").filter((J) => J !== "");
-      Z.length > 1 ? M.add(Z[0]) : Z.length === 1 && I.push(te);
+      const v = te.providerKey || te.name, Z = (_ ? v.substring(_.length) : v).split("/").filter((J) => J !== "");
+      Z.length > 1 ? M.add(Z[0]) : Z.length === 1 && L.push(te);
     }), {
       folders: Array.from(M).sort(),
-      files: I.sort((te, v) => te.name.localeCompare(v.name))
+      files: L.sort((te, v) => te.name.localeCompare(v.name))
     };
-  }, [$, T]), D = (M) => {
-    _((I) => `${I}${M}/`);
+  }, [$, _]), D = (M) => {
+    K((L) => `${L}${M}/`);
   }, z = () => {
-    const M = T.split("/").filter((I) => I !== "");
-    M.pop(), M.length === 0 ? _("/") : _(`${M.join("/")}/`);
-  }, V = he(() => {
-    const M = E.folders.map((I) => ({
-      id: `folder-${I}`,
-      name: I,
+    const M = _.split("/").filter((L) => L !== "");
+    M.pop(), M.length === 0 ? K("/") : K(`${M.join("/")}/`);
+  }, R = he(() => {
+    const M = E.folders.map((L) => ({
+      id: `folder-${L}`,
+      name: L,
       type: "folder"
     }));
-    return E.files.forEach((I) => {
+    return E.files.forEach((L) => {
       M.push({
-        ...I,
+        ...L,
         type: "file"
       });
     }), M;
@@ -2527,16 +2530,16 @@ const cr = ({
       id: "name",
       header: "Name",
       accessor: "name",
-      cell: (M, I) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      cell: (M, L) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
           Y,
           {
-            icon: I.type === "folder" ? Le : Ee,
+            icon: L.type === "folder" ? Ae : Ee,
             size: "sm",
-            color: I.type === "folder" ? "warning" : "secondary"
+            color: L.type === "folder" ? "warning" : "secondary"
           }
         ),
-        /* @__PURE__ */ e("span", { className: d(I.type === "folder" && "font-medium"), children: M })
+        /* @__PURE__ */ e("span", { className: d(L.type === "folder" && "font-medium"), children: M })
       ] })
     },
     {
@@ -2554,26 +2557,26 @@ const cr = ({
       header: "",
       accessor: "id",
       align: "right",
-      cell: (M, I) => /* @__PURE__ */ e(
+      cell: (M, L) => /* @__PURE__ */ e(
         ne,
         {
           size: "sm",
           variant: "outline",
           onClick: (te) => {
-            te.stopPropagation(), I.type === "folder" ? D(I.name) : G(I);
+            te.stopPropagation(), L.type === "folder" ? D(L.name) : G(L);
           },
-          loading: W && I.type === "file" && re?.id === I.id,
-          children: I.type === "folder" ? "Open" : "Select"
+          loading: U && L.type === "file" && re?.id === L.id,
+          children: L.type === "folder" ? "Open" : "Select"
         }
       )
     }
-  ], H = [
+  ], V = [
     {
       id: "name",
       header: "Mount Name",
       accessor: "name",
       cell: (M) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2 font-medium", children: [
-        /* @__PURE__ */ e(Y, { icon: Ae, size: "sm", color: "primary" }),
+        /* @__PURE__ */ e(Y, { icon: _e, size: "sm", color: "primary" }),
         /* @__PURE__ */ e("span", { children: M })
       ] })
     },
@@ -2582,7 +2585,7 @@ const cr = ({
       header: "",
       accessor: "id",
       align: "right",
-      cell: (M, I) => /* @__PURE__ */ e(ne, { size: "sm", variant: "outline", onClick: () => L(I), children: "Open" })
+      cell: (M, L) => /* @__PURE__ */ e(ne, { size: "sm", variant: "outline", onClick: () => A(L), children: "Open" })
     }
   ];
   return /* @__PURE__ */ c("div", { className: "space-y-1", children: [
@@ -2598,12 +2601,12 @@ const cr = ({
           o && "opacity-50 cursor-not-allowed bg-surface-sunk"
         ),
         children: [
-          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(Y, { icon: re ? Ee : Ae, color: re ? "primary" : "secondary" }) }),
+          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(Y, { icon: re ? Ee : _e, color: re ? "primary" : "secondary" }) }),
           /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: re ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: re.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
           re && !o && /* @__PURE__ */ e(
             "button",
             {
-              onClick: P,
+              onClick: j,
               className: "p-1 hover:bg-surface-hover rounded",
               children: /* @__PURE__ */ e(Y, { icon: we, size: "xs" })
             }
@@ -2613,16 +2616,16 @@ const cr = ({
     ),
     a && /* @__PURE__ */ e(de, { variant: "body", size: "xs", className: "text-danger-fg", children: a }),
     /* @__PURE__ */ e(
-      Ue,
+      He,
       {
         open: x,
         onClose: () => {
-          p(!1), L(null), _("/"), C(!1);
+          p(!1), A(null), K("/"), C(!1);
         },
         title: b ? `Explorer: ${b.name}` : "Select Storage Mount",
         size: "lg",
         children: /* @__PURE__ */ e(
-          er,
+          nr,
           {
             variant: "pills",
             items: [
@@ -2637,19 +2640,19 @@ const cr = ({
                         variant: "ghost",
                         size: "sm",
                         onClick: () => {
-                          T && T !== "/" ? z() : L(null);
+                          _ && _ !== "/" ? z() : A(null);
                         },
                         leftIcon: /* @__PURE__ */ e(Y, { icon: st, size: "xs" }),
-                        children: T ? "Back" : "Back to Mounts"
+                        children: _ ? "Back" : "Back to Mounts"
                       }
                     ),
-                    /* @__PURE__ */ e("div", { className: "flex items-center gap-1 text-xs text-text-muted overflow-hidden bg-surface-hover px-2 py-1 rounded", children: /* @__PURE__ */ e("span", { className: "truncate", children: T }) }),
+                    /* @__PURE__ */ e("div", { className: "flex items-center gap-1 text-xs text-text-muted overflow-hidden bg-surface-hover px-2 py-1 rounded", children: /* @__PURE__ */ e("span", { className: "truncate", children: _ }) }),
                     /* @__PURE__ */ e("div", { className: "flex-grow min-w-40", children: /* @__PURE__ */ e(
                       be,
                       {
                         placeholder: "Search...",
                         value: q,
-                        onChange: (M) => K(M.target.value),
+                        onChange: (M) => W(M.target.value),
                         startIcon: /* @__PURE__ */ e(Se, { size: 14 }),
                         fullWidth: !0,
                         size: "sm"
@@ -2673,7 +2676,7 @@ const cr = ({
                           size: "sm",
                           onClick: () => N.current?.click(),
                           leftIcon: /* @__PURE__ */ e(Y, { icon: lt, size: "xs" }),
-                          loading: W,
+                          loading: U,
                           children: "Upload"
                         }
                       ),
@@ -2690,7 +2693,7 @@ const cr = ({
                     ] })
                   ] }),
                   ce && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 p-3 bg-surface-sunk rounded-lg border border-border", children: [
-                    /* @__PURE__ */ e(Y, { icon: Le, size: "sm", color: "warning" }),
+                    /* @__PURE__ */ e(Y, { icon: Ae, size: "sm", color: "warning" }),
                     /* @__PURE__ */ e(
                       be,
                       {
@@ -2701,27 +2704,27 @@ const cr = ({
                         autoFocus: !0
                       }
                     ),
-                    /* @__PURE__ */ e(ne, { size: "sm", onClick: le, loading: W, children: "Create" }),
+                    /* @__PURE__ */ e(ne, { size: "sm", onClick: le, loading: U, children: "Create" }),
                     /* @__PURE__ */ e(ne, { size: "sm", variant: "ghost", onClick: () => C(!1), children: "Cancel" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
-                    Pe,
+                    je,
                     {
-                      data: V,
+                      data: R,
                       columns: B,
-                      loading: W,
+                      loading: U,
                       emptyContent: "This folder is empty",
                       onRowClick: (M) => M.type === "folder" ? D(M.name) : G(M)
                     }
                   ) })
                 ] }) : /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
-                  Pe,
+                  je,
                   {
                     data: w,
-                    columns: H,
-                    loading: W,
+                    columns: V,
+                    loading: U,
                     emptyContent: "No storage mounts configured",
-                    onRowClick: (M) => L(M)
+                    onRowClick: (M) => A(M)
                   }
                 ) }) })
               },
@@ -2737,7 +2740,7 @@ const cr = ({
                     " be uploaded to platform storage."
                   ] }),
                   /* @__PURE__ */ c("label", { className: "cursor-pointer", children: [
-                    /* @__PURE__ */ e(ne, { variant: "primary", size: "lg", loading: W, className: "pointer-events-none", children: "Browse Local File" }),
+                    /* @__PURE__ */ e(ne, { variant: "primary", size: "lg", loading: U, className: "pointer-events-none", children: "Browse Local File" }),
                     /* @__PURE__ */ e(
                       "input",
                       {
@@ -2745,7 +2748,7 @@ const cr = ({
                         className: "hidden",
                         onChange: ee,
                         accept: l,
-                        disabled: W
+                        disabled: U
                       }
                     )
                   ] })
@@ -2757,7 +2760,7 @@ const cr = ({
       }
     )
   ] });
-}, ir = {
+}, mr = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-3 py-2 text-base",
   lg: "px-3 py-2 text-md",
@@ -2784,7 +2787,7 @@ const cr = ({
         {
           htmlFor: w,
           className: d(
-            Ve,
+            Re,
             g ? "text-danger-fg" : "text-text-subtle",
             u
           ),
@@ -2806,7 +2809,7 @@ const cr = ({
               "placeholder:text-text-subtle",
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
-              ir[s],
+              mr[s],
               g ? "border-danger-border bg-danger-soft" : "border-border hover:border-border-strong",
               m
             ),
@@ -2833,13 +2836,13 @@ const cr = ({
   }
 );
 De.displayName = "TextArea";
-function Oe(t, r) {
+function Pe(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-function dr(t, r, n) {
+function fr(t, r, n) {
   const s = r.split("."), a = Array.isArray(t) ? [...t] : { ...t };
   let o = a;
   for (let l = 0; l < s.length - 1; l++) {
@@ -2848,7 +2851,7 @@ function dr(t, r, n) {
   }
   return o[s[s.length - 1]] = n, a;
 }
-function ur(t, r) {
+function hr(t, r) {
   const n = r.split("."), s = Array.isArray(t) ? [...t] : { ...t };
   let a = s;
   for (let o = 0; o < n.length - 1; o++) {
@@ -2858,7 +2861,7 @@ function ur(t, r) {
   }
   return delete a[n[n.length - 1]], s;
 }
-const rn = ({
+const mn = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -2876,13 +2879,13 @@ const rn = ({
   ref: w,
   sdk: g
 }) => {
-  const [b, L] = R(r || {}), [T, _] = R({}), [$, X] = R({});
+  const [b, A] = F(r || {}), [_, K] = F({}), [$, X] = F({});
   Q(() => {
-    r && L({ ...r });
+    r && A({ ...r });
   }, [r]);
-  const W = ue(
+  const U = ue(
     (C, i, S) => {
-      const N = t.flatMap((A) => A.items).find((A) => A.name === C);
+      const N = t.flatMap((T) => T.items).find((T) => T.name === C);
       if (!N) return null;
       if (N.required && (i == null || i === ""))
         return `${N.label} is required`;
@@ -2892,69 +2895,69 @@ const rn = ({
         if (i && !Array.isArray(i))
           return `${N.label} must be an array.`;
         if (Array.isArray(i) && N.arrayFields) {
-          const A = [];
+          const T = [];
           let k = !1;
           if (i.forEach((ee, ae) => {
             const le = {};
             for (const G of N.arrayFields) {
-              const P = ee?.[G.name];
-              if (G.required && (P == null || P === ""))
+              const j = ee?.[G.name];
+              if (G.required && (j == null || j === ""))
                 le[G.name] = `${G.label} is required`, k = !0;
               else if (G.validator) {
-                const E = G.validator(P, ee);
+                const E = G.validator(j, ee);
                 E && (le[G.name] = E, k = !0);
               }
             }
-            A[ae] = le;
+            T[ae] = le;
           }), k)
-            return JSON.stringify(A);
+            return JSON.stringify(T);
         }
       }
       return N.validator ? N.validator(i, S) : null;
     },
     [t]
-  ), j = ue(
+  ), I = ue(
     (C, i) => {
-      let S = dr(
+      let S = fr(
         b,
         C,
         i
       );
-      t.flatMap((k) => k.items).find((k) => k.name === C)?.removeIfEmpty && (i == null || i === "") && (S = ur(S, C)), L(S), X((k) => ({ ...k, [C]: !0 }));
-      const A = W(C, i, S);
-      _((k) => ({
+      t.flatMap((k) => k.items).find((k) => k.name === C)?.removeIfEmpty && (i == null || i === "") && (S = hr(S, C)), A(S), X((k) => ({ ...k, [C]: !0 }));
+      const T = U(C, i, S);
+      K((k) => ({
         ...k,
-        [C]: A || ""
+        [C]: T || ""
       })), a?.(S, C);
     },
-    [b, t, W, a]
+    [b, t, U, a]
   ), q = ue(
     async (C) => {
       if (C.preventDefault(), x) return;
-      const i = {}, S = t.flatMap((A) => A.items);
-      for (const A of S) {
-        if (A.hidden || A.conditional && !A.conditional(b))
+      const i = {}, S = t.flatMap((T) => T.items);
+      for (const T of S) {
+        if (T.hidden || T.conditional && !T.conditional(b))
           continue;
-        const k = W(
-          A.name,
-          Oe(b, A.name),
+        const k = U(
+          T.name,
+          Pe(b, T.name),
           b
         );
-        k && (i[A.name] = k);
+        k && (i[T.name] = k);
       }
       if (l) {
-        const A = l(b);
-        A && Object.assign(i, A);
+        const T = l(b);
+        T && Object.assign(i, T);
       }
-      if (_(i), Object.keys(i).some((A) => i[A]))
+      if (K(i), Object.keys(i).some((T) => i[T]))
         return;
       const N = o ? o(b) : b;
       await n?.(b, N);
     },
-    [b, t, W, l, o, n, x]
-  ), K = ue(
+    [b, t, U, l, o, n, x]
+  ), W = ue(
     (C) => {
-      const i = Oe(b, C.name), S = $[C.name] ? T[C.name] : void 0, N = C.disabled || x, A = {
+      const i = Pe(b, C.name), S = $[C.name] ? _[C.name] : void 0, N = C.disabled || x, T = {
         value: i || "",
         disabled: N,
         required: C.required,
@@ -2971,8 +2974,8 @@ const rn = ({
           return /* @__PURE__ */ e(
             be,
             {
-              ...A,
-              onChange: (k) => j(C.name, k.target.value),
+              ...T,
+              onChange: (k) => I(C.name, k.target.value),
               type: C.textType || C.type,
               autoComplete: C.autocomplete,
               error: S,
@@ -2983,8 +2986,8 @@ const rn = ({
           return /* @__PURE__ */ e(
             De,
             {
-              ...A,
-              onChange: (k) => j(C.name, k.target.value),
+              ...T,
+              onChange: (k) => I(C.name, k.target.value),
               rows: 4,
               error: S,
               size: f
@@ -2994,8 +2997,8 @@ const rn = ({
           return /* @__PURE__ */ e(
             Ne,
             {
-              ...A,
-              onChange: (k) => j(C.name, k),
+              ...T,
+              onChange: (k) => I(C.name, k),
               options: (C.options || []).map((k) => ({
                 ...k,
                 value: String(k.value)
@@ -3011,10 +3014,10 @@ const rn = ({
           return /* @__PURE__ */ e(
             pe,
             {
-              ...A,
+              ...T,
               label: C.label,
               checked: !!i,
-              onChange: (k) => j(C.name, k.target.checked),
+              onChange: (k) => I(C.name, k.target.checked),
               size: f
             }
           );
@@ -3031,7 +3034,7 @@ const rn = ({
                     name: C.name,
                     value: k.value,
                     checked: i === k.value,
-                    onChange: () => j(C.name, k.value),
+                    onChange: () => I(C.name, k.value),
                     disabled: N || k.disabled,
                     className: "size-checkbox shrink-0 border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
                   }
@@ -3045,19 +3048,19 @@ const rn = ({
           return /* @__PURE__ */ e(
             $e,
             {
-              ...A,
+              ...T,
               value: i ? new Date(i) : null,
-              onChange: (k) => j(C.name, k),
+              onChange: (k) => I(C.name, k),
               size: f
             }
           );
         case "file":
           return /* @__PURE__ */ e(
-            cr,
+            ur,
             {
-              ...A,
+              ...T,
               value: i,
-              onChange: (k) => j(C.name, k),
+              onChange: (k) => I(C.name, k),
               error: S,
               onListFiles: (k) => g?.http.invoke({
                 method: "POST",
@@ -3086,10 +3089,10 @@ const rn = ({
           );
         case "folder":
           return /* @__PURE__ */ e(
-            Ot,
+            Ft,
             {
               value: i || {},
-              onChange: (k) => j(C.name, k),
+              onChange: (k) => I(C.name, k),
               onListFolders: () => g?.http.invoke({
                 method: "GET",
                 action: "storage.mount"
@@ -3102,7 +3105,7 @@ const rn = ({
         case "custom":
           return C.customComponent?.({
             value: i,
-            onChange: (k) => j(C.name, k),
+            onChange: (k) => I(C.name, k),
             error: S,
             disabled: N
           });
@@ -3115,21 +3118,21 @@ const rn = ({
             } catch {
             }
           const ae = () => {
-            j(C.name, [...k, {}]);
-          }, le = (P) => {
-            j(
+            I(C.name, [...k, {}]);
+          }, le = (j) => {
+            I(
               C.name,
-              k.filter((E, D) => D !== P)
+              k.filter((E, D) => D !== j)
             );
-          }, G = (P, E, D) => {
+          }, G = (j, E, D) => {
             const z = [...k];
-            z[P] = {
-              ...z[P],
+            z[j] = {
+              ...z[j],
               [E]: D
-            }, j(C.name, z);
+            }, I(C.name, z);
           };
           return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
-            k.map((P, E) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
+            k.map((j, E) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
               /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: C.arrayFields?.map((D) => {
                 const z = ee?.[E]?.[D.name];
                 return /* @__PURE__ */ c(
@@ -3142,8 +3145,8 @@ const rn = ({
                         D.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                       ] }),
                       (() => {
-                        const V = {
-                          value: P?.[D.name] || "",
+                        const R = {
+                          value: j?.[D.name] || "",
                           disabled: N,
                           required: D.required,
                           placeholder: D.placeholder,
@@ -3159,7 +3162,7 @@ const rn = ({
                             return /* @__PURE__ */ e(
                               be,
                               {
-                                ...V,
+                                ...R,
                                 onChange: (B) => G(
                                   E,
                                   D.name,
@@ -3175,7 +3178,7 @@ const rn = ({
                             return /* @__PURE__ */ e(
                               De,
                               {
-                                ...V,
+                                ...R,
                                 onChange: (B) => G(
                                   E,
                                   D.name,
@@ -3190,7 +3193,7 @@ const rn = ({
                             return /* @__PURE__ */ e(
                               Ne,
                               {
-                                ...V,
+                                ...R,
                                 onChange: (B) => G(
                                   E,
                                   D.name,
@@ -3213,8 +3216,8 @@ const rn = ({
                             return /* @__PURE__ */ e(
                               pe,
                               {
-                                ...V,
-                                checked: !!P?.[D.name],
+                                ...R,
+                                checked: !!j?.[D.name],
                                 onChange: (B) => G(
                                   E,
                                   D.name,
@@ -3235,7 +3238,7 @@ const rn = ({
                                       type: "radio",
                                       name: `${C.name}.${E}.${D.name}`,
                                       value: B.value,
-                                      checked: P?.[D.name] === B.value,
+                                      checked: j?.[D.name] === B.value,
                                       onChange: () => G(
                                         E,
                                         D.name,
@@ -3251,16 +3254,16 @@ const rn = ({
                               B.value
                             )) });
                           case "date": {
-                            const B = P?.[D.name];
+                            const B = j?.[D.name];
                             return /* @__PURE__ */ e(
                               $e,
                               {
-                                ...V,
+                                ...R,
                                 value: B ? new Date(B) : null,
-                                onChange: (H) => G(
+                                onChange: (V) => G(
                                   E,
                                   D.name,
-                                  H
+                                  V
                                 ),
                                 size: f
                               }
@@ -3268,7 +3271,7 @@ const rn = ({
                           }
                           case "custom":
                             return D.customComponent?.({
-                              value: P?.[D.name],
+                              value: j?.[D.name],
                               onChange: (B) => G(
                                 E,
                                 D.name,
@@ -3328,7 +3331,7 @@ const rn = ({
           return null;
       }
     },
-    [b, $, T, x, f, j]
+    [b, $, _, x, f, I]
   ), re = ue(
     (C) => {
       if (C.conditional && !C.conditional(b))
@@ -3354,34 +3357,38 @@ const rn = ({
               /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-text", children: C.title }),
               C.description && /* @__PURE__ */ e("p", { className: "mt-1 text-xs leading-4 text-text-subtle", children: C.description })
             ] }),
-            /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e("div", { className: S, children: i.map((N) => ($[N.name] && T[N.name], /* @__PURE__ */ c(
-              "div",
-              {
-                className: d(
-                  "flex min-w-0 flex-col gap-1.5",
-                  N.type === "checkbox" && "justify-center"
-                ),
-                style: {
-                  width: typeof N.width == "string" ? N.width : void 0,
-                  gridColumn: typeof N.width == "number" ? `span ${N.width} / span ${N.width}` : void 0
+            /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e("div", { className: S, children: i.map((N) => {
+              const T = $[N.name] ? _[N.name] : void 0;
+              return /* @__PURE__ */ c(
+                "div",
+                {
+                  className: d(
+                    "flex min-w-0 flex-col gap-1.5",
+                    N.type === "checkbox" && "justify-center"
+                  ),
+                  style: {
+                    width: typeof N.width == "string" ? N.width : void 0,
+                    gridColumn: typeof N.width == "number" ? `span ${N.width} / span ${N.width}` : void 0
+                  },
+                  children: [
+                    N.type !== "custom" && N.type !== "checkbox" && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
+                      N.label,
+                      N.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
+                    ] }),
+                    W(N),
+                    N.help && !T && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-text-subtle", children: N.help })
+                  ]
                 },
-                children: [
-                  N.type !== "custom" && N.type !== "checkbox" && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
-                    N.label,
-                    N.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
-                  ] }),
-                  K(N)
-                ]
-              },
-              N.name
-            ))) }) })
+                N.name
+              );
+            }) }) })
           ]
         },
         C.id
       );
     },
-    [b, $, T, K]
-  ), O = d(
+    [b, $, _, W]
+  ), P = d(
     "overflow-hidden rounded-lg border border-border bg-surface",
     {
       "max-w-md": f === "sm",
@@ -3391,7 +3398,7 @@ const rn = ({
     },
     p
   ), ce = f === "full" ? "md" : f;
-  return /* @__PURE__ */ c("form", { ref: w, onSubmit: q, className: O, children: [
+  return /* @__PURE__ */ c("form", { ref: w, onSubmit: q, className: P, children: [
     !y && /* @__PURE__ */ e("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": !0 }),
     /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(re) }),
     /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle bg-surface-sunk px-5 py-3", children: y && /* @__PURE__ */ c(xe, { children: [
@@ -3423,7 +3430,7 @@ const rn = ({
     ] }) })
   ] });
 };
-function nn({
+function fn({
   open: t,
   title: r,
   description: n,
@@ -3435,7 +3442,7 @@ function nn({
   onCancel: m
 }) {
   return /* @__PURE__ */ e(
-    Ue,
+    He,
     {
       open: t,
       onClose: m,
@@ -3457,7 +3464,7 @@ function nn({
     }
   );
 }
-const mr = {
+const xr = {
   default: "bg-surface-hover text-text",
   primary: "bg-accent-soft text-accent",
   secondary: "bg-surface-hover text-text-muted",
@@ -3467,11 +3474,11 @@ const mr = {
   info: "bg-info-soft text-info-fg",
   // Internal-note amber. Never for customer-visible content.
   note: "bg-note-soft text-note"
-}, fr = {
+}, br = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
-}, hr = {
+}, pr = {
   default: "bg-surface-hover",
   primary: "bg-accent",
   secondary: "bg-surface-hover",
@@ -3481,7 +3488,7 @@ const mr = {
   info: "bg-info",
   note: "bg-note"
 };
-function sn({
+function hn({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3499,9 +3506,9 @@ function sn({
         // Base styles
         "inline-flex items-center font-medium rounded-full",
         // Variant styles
-        mr[t],
+        xr[t],
         // Size styles
-        fr[r],
+        br[r],
         l
       ),
       ...m,
@@ -3511,7 +3518,7 @@ function sn({
           {
             className: d(
               "w-2 h-2 rounded-full mr-1.5",
-              hr[t]
+              pr[t]
             )
           }
         ),
@@ -3530,11 +3537,11 @@ function sn({
     }
   );
 }
-const xr = {
+const gr = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function an({
+function xn({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3554,7 +3561,7 @@ function an({
       ),
       ...u,
       children: [
-        t != null && /* @__PURE__ */ e("span", { className: d("flex size-disc items-center justify-center rounded-full text-2xl", xr[r]), children: t }),
+        t != null && /* @__PURE__ */ e("span", { className: d("flex size-disc items-center justify-center rounded-full text-2xl", gr[r]), children: t }),
         /* @__PURE__ */ e("div", { className: "text-lg font-semibold text-text", children: n }),
         s && /* @__PURE__ */ e("div", { className: "max-w-sm text-sm leading-relaxed text-text-muted", children: s }),
         a && /* @__PURE__ */ e("div", { className: "flex gap-2 pt-1.5", children: a })
@@ -3562,7 +3569,7 @@ function an({
     }
   );
 }
-function ln({ children: t, className: r, ...n }) {
+function bn({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3575,14 +3582,14 @@ function ln({ children: t, className: r, ...n }) {
     }
   );
 }
-const br = {
+const vr = {
   sm: "h-1",
   md: "h-1.5"
-}, pr = {
+}, yr = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function on({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
+function pn({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
   const o = Math.max(0, Math.min(100, t));
   return /* @__PURE__ */ e(
     "div",
@@ -3591,37 +3598,37 @@ function on({ value: t, variant: r = "accent", size: n = "md", className: s, ...
       "aria-valuenow": Math.round(o),
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      className: d("w-full overflow-hidden rounded-full bg-surface-hover", br[n], s),
+      className: d("w-full overflow-hidden rounded-full bg-surface-hover", vr[n], s),
       ...a,
       children: /* @__PURE__ */ e(
         "div",
         {
-          className: d("h-full rounded-full transition-[width] duration-300 ease-out", pr[r]),
+          className: d("h-full rounded-full transition-[width] duration-300 ease-out", yr[r]),
           style: { width: `${o}%` }
         }
       )
     }
   );
 }
-const gr = {
+const Nr = {
   xs: "h-3 w-3",
   sm: "h-4 w-4",
   md: "h-6 w-6",
   lg: "h-8 w-8",
   xl: "h-12 w-12"
-}, vr = {
+}, wr = {
   primary: "text-accent",
   secondary: "text-text-muted",
   white: "text-white",
   current: "text-current"
-}, yr = {
+}, kr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-lg"
 };
-function cn({
+function gn({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3644,8 +3651,8 @@ function cn({
           {
             className: d(
               "animate-spin",
-              gr[t],
-              vr[r]
+              Nr[t],
+              wr[r]
             ),
             fill: "none",
             viewBox: "0 0 24 24",
@@ -3679,7 +3686,7 @@ function cn({
           {
             className: d(
               "text-text-muted",
-              yr[t]
+              kr[t]
             ),
             children: n
           }
@@ -3689,7 +3696,7 @@ function cn({
     }
   );
 }
-const Nr = {
+const Cr = {
   neutral: "bg-text-disabled",
   accent: "bg-accent",
   success: "bg-success",
@@ -3703,7 +3710,7 @@ const Nr = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function dn({
+function vn({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3719,14 +3726,14 @@ function dn({
       className: d(
         "inline-block size-dot shrink-0",
         r === "round" ? "rounded-full" : "rounded-sm",
-        Nr[t],
+        Cr[t],
         n && "animate-pulse",
         a
       )
     }
   );
 }
-function un({
+function yn({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -3762,7 +3769,7 @@ function un({
     m < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, u)) });
 }
-function mn({ title: t, icon: r = /* @__PURE__ */ e(it, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...o }) {
+function Nn({ title: t, icon: r = /* @__PURE__ */ e(it, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...o }) {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -3783,21 +3790,21 @@ function mn({ title: t, icon: r = /* @__PURE__ */ e(it, { className: "size-icon-
     }
   );
 }
-const wr = {
+const Sr = {
   xs: "w-5 h-5 text-xs",
   sm: "w-6 h-6 text-xs",
   md: "w-7 h-7 text-base",
   lg: "w-9 h-9 text-sm"
 };
-function kr(t) {
+function zr(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 Cr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
+const Er = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
   const [o, l] = oe.useState(!1), u = d(
     "inline-flex items-center justify-center rounded-full overflow-hidden shrink-0 font-semibold select-none bg-surface-hover text-text",
-    wr[n],
+    Sr[n],
     s
   );
   return r && !o ? /* @__PURE__ */ e(
@@ -3809,13 +3816,13 @@ const Cr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
       className: d(u, "object-cover"),
       onError: () => l(!0)
     }
-  ) : /* @__PURE__ */ e("span", { className: u, title: a ?? t, "aria-label": t, children: kr(t) });
-}, Fe = "ring-surface", Sr = "ring-surface-accent", fn = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
+  ) : /* @__PURE__ */ e("span", { className: u, title: a ?? t, "aria-label": t, children: zr(t) });
+}, Oe = "ring-surface", Mr = "ring-surface-accent", wn = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
   if (t.length === 0) return null;
   const a = t.slice(0, r), o = t.length - a.length;
   return /* @__PURE__ */ c("span", { className: d("inline-flex items-center", s), children: [
     a.map((l, u) => /* @__PURE__ */ e(
-      Cr,
+      Er,
       {
         name: l.name,
         src: l.src,
@@ -3823,7 +3830,7 @@ const Cr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
         title: l.name ? l.seen === !1 ? `${l.name} — nog niet gelezen` : l.name : void 0,
         className: d(
           u > 0 && "-ml-2",
-          l.owner ? Sr : Fe,
+          l.owner ? Mr : Oe,
           l.seen === !1 && "opacity-40"
         )
       },
@@ -3835,7 +3842,7 @@ const Cr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
         className: d(
           "inline-flex items-center justify-center rounded-full shrink-0 -ml-2 font-semibold bg-surface-hover text-text-muted",
           n === "xs" ? "w-5 h-5 text-xs" : n === "md" ? "w-7 h-7 text-xs" : n === "lg" ? "w-9 h-9 text-xs" : "w-6 h-6 text-xs",
-          Fe
+          Oe
         ),
         children: [
           "+",
@@ -3850,12 +3857,12 @@ const Cr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
   chat: { fg: "text-channel-chat-fg", bg: "bg-channel-chat-soft" },
   tel: { fg: "text-channel-phone-fg", bg: "bg-channel-phone-soft" },
   note: { fg: "text-channel-note-fg", bg: "bg-channel-note-soft" }
-}, zr = {
+}, $r = {
   sm: "size-avatar-xs rounded-sm text-xs",
   md: "size-avatar-sm rounded-md text-xs",
   lg: "size-avatar-lg rounded-md text-base"
 };
-function hn({ channel: t, children: r, size: n = "md", className: s, title: a }) {
+function kn({ channel: t, children: r, size: n = "md", className: s, title: a }) {
   const o = Be[t in Be ? t : "note"];
   return /* @__PURE__ */ e(
     "span",
@@ -3863,7 +3870,7 @@ function hn({ channel: t, children: r, size: n = "md", className: s, title: a })
       title: a,
       className: d(
         "inline-flex shrink-0 items-center justify-center font-bold",
-        zr[n],
+        $r[n],
         o.fg,
         o.bg,
         s
@@ -3872,7 +3879,7 @@ function hn({ channel: t, children: r, size: n = "md", className: s, title: a })
     }
   );
 }
-const xn = ({
+const Cn = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -3888,15 +3895,15 @@ const xn = ({
   onError: x,
   ...p
 }) => {
-  const [w, g] = R(!0), [b, L] = R(!1), [T, _] = R(t), $ = (O) => {
-    g(!1), L(!1), f?.(O);
-  }, X = (O) => {
-    if (g(!1), L(!0), u && T !== u) {
-      _(u), L(!1), g(!0);
+  const [w, g] = F(!0), [b, A] = F(!1), [_, K] = F(t), $ = (P) => {
+    g(!1), A(!1), f?.(P);
+  }, X = (P) => {
+    if (g(!1), A(!0), u && _ !== u) {
+      K(u), A(!1), g(!0);
       return;
     }
-    x?.(O);
-  }, W = d(
+    x?.(P);
+  }, U = d(
     "relative overflow-hidden bg-surface-hover",
     // Size variants
     {
@@ -3924,7 +3931,7 @@ const xn = ({
       "rounded-full": a === "full"
     },
     h
-  ), j = d(
+  ), I = d(
     "w-full h-full object-cover transition-opacity duration-fast",
     {
       "opacity-0": w || b,
@@ -3933,27 +3940,27 @@ const xn = ({
   ), q = d(
     "absolute inset-0 flex items-center justify-center",
     "text-text-muted"
-  ), K = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), re = /* @__PURE__ */ c("div", { className: "text-center", children: [
+  ), W = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), re = /* @__PURE__ */ c("div", { className: "text-center", children: [
     /* @__PURE__ */ e(Y, { icon: dt, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
-  return /* @__PURE__ */ c("div", { className: W, children: [
+  return /* @__PURE__ */ c("div", { className: U, children: [
     /* @__PURE__ */ e(
       "img",
       {
         ...p,
-        src: T,
+        src: _,
         alt: r,
-        className: j,
+        className: I,
         onLoad: $,
         onError: X
       }
     ),
-    w && o && /* @__PURE__ */ e("div", { className: q, children: m || K }),
+    w && o && /* @__PURE__ */ e("div", { className: q, children: m || W }),
     b && l && /* @__PURE__ */ e("div", { className: q, children: y || re })
   ] });
 };
-function bn({
+function Sn({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -3971,17 +3978,17 @@ function bn({
   stickyGroupHeaders: w = !1,
   collapsibleGroups: g = !1,
   hideGroupCount: b = !1,
-  selectable: L = !1,
-  selectedItems: T = [],
-  onSelectionChange: _,
+  selectable: A = !1,
+  selectedItems: _ = [],
+  onSelectionChange: K,
   bulkActions: $,
   header: X,
-  stickyHeader: W = !1,
-  bordered: j = !1,
+  stickyHeader: U = !1,
+  bordered: I = !1,
   emptyContent: q,
-  loading: K = !1,
+  loading: W = !1,
   loadingRows: re = 4,
-  className: O,
+  className: P,
   "aria-label": ce
 }) {
   const [C, i] = oe.useState(
@@ -3995,24 +4002,24 @@ function bn({
     );
     if (B.length === 0) return;
     z.preventDefault();
-    const H = B.indexOf(document.activeElement), M = z.key === "Home" ? 0 : z.key === "End" ? B.length - 1 : z.key === "ArrowDown" ? (H + 1) % B.length : (H - 1 + B.length) % B.length;
+    const V = B.indexOf(document.activeElement), M = z.key === "Home" ? 0 : z.key === "End" ? B.length - 1 : z.key === "ArrowDown" ? (V + 1) % B.length : (V - 1 + B.length) % B.length;
     B[M]?.focus();
-  }, A = (z, V) => r ? r(z, V) : V, k = (z) => T.includes(z), ee = (z, V) => {
-    _ && _(
-      V ? [...T, z] : T.filter((B) => B !== z)
+  }, T = (z, R) => r ? r(z, R) : R, k = (z) => _.includes(z), ee = (z, R) => {
+    K && K(
+      R ? [..._, z] : _.filter((B) => B !== z)
     );
-  }, ae = (z) => _?.(z ? [...t] : []), le = d(
+  }, ae = (z) => K?.(z ? [...t] : []), le = d(
     "flex flex-col",
-    j && "overflow-hidden rounded-lg border border-border-subtle",
-    O
+    I && "overflow-hidden rounded-lg border border-border-subtle",
+    P
   );
-  if (K)
-    return /* @__PURE__ */ e("div", { className: le, children: Array.from({ length: re }).map((z, V) => /* @__PURE__ */ c(
+  if (W)
+    return /* @__PURE__ */ e("div", { className: le, children: Array.from({ length: re }).map((z, R) => /* @__PURE__ */ c(
       "div",
       {
         className: d(
           "flex animate-pulse items-center gap-3 px-4 py-2",
-          n === "divided" && V > 0 && "border-t border-border-subtle"
+          n === "divided" && R > 0 && "border-t border-border-subtle"
         ),
         children: [
           /* @__PURE__ */ e("span", { className: "size-tile-sm shrink-0 rounded-md bg-surface-hover" }),
@@ -4021,12 +4028,12 @@ function bn({
           /* @__PURE__ */ e("span", { className: "h-3 w-8 shrink-0 rounded-sm bg-surface-hover" })
         ]
       },
-      `skeleton-${V}`
+      `skeleton-${R}`
     )) });
   if (t.length === 0 && q)
     return /* @__PURE__ */ e("div", { className: le, children: q });
-  const G = t.length > 0 && T.length === t.length, P = T.length > 0 && !G, E = (z, V, B) => {
-    const H = m?.(z, V) ?? !1, M = y?.(z, V) ?? !1, I = h?.(z, V) ?? !1, te = L && k(z);
+  const G = t.length > 0 && _.length === t.length, j = _.length > 0 && !G, E = (z, R, B) => {
+    const V = m?.(z, R) ?? !1, M = y?.(z, R) ?? !1, L = h?.(z, R) ?? !1, te = A && k(z);
     return /* @__PURE__ */ c(
       "li",
       {
@@ -4034,11 +4041,11 @@ function bn({
           role: "button",
           tabIndex: 0,
           "data-list-row": "",
-          "aria-current": H || void 0,
-          onClick: () => l(z, V),
-          onFocus: () => u?.(V),
+          "aria-current": V || void 0,
+          onClick: () => l(z, R),
+          onFocus: () => u?.(R),
           onKeyDown: (v) => {
-            v.key !== "Enter" && v.key !== " " || (v.preventDefault(), l(z, V));
+            v.key !== "Enter" && v.key !== " " || (v.preventDefault(), l(z, R));
           }
         } : {},
         className: d(
@@ -4046,12 +4053,12 @@ function bn({
           "transition-colors duration-fast ease-out",
           n === "divided" && !B && "border-t border-border-subtle",
           l && "cursor-pointer focus-visible:outline-none focus-visible:focus-ring",
-          H || te ? "bg-accent-soft text-text" : l && "hover:bg-surface-hover",
+          V || te ? "bg-accent-soft text-text" : l && "hover:bg-surface-hover",
           M && "font-bold",
-          I && "opacity-55"
+          L && "opacity-55"
         ),
         children: [
-          L && /* @__PURE__ */ e("span", { onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ e(
+          A && /* @__PURE__ */ e("span", { onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ e(
             pe,
             {
               checked: k(z),
@@ -4066,30 +4073,30 @@ function bn({
               className: "mt-2 size-1.5 shrink-0 self-start rounded-full bg-border-strong"
             }
           ),
-          s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s(z, V) }),
-          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: a ? a(z, V) : String(z) }),
-          o && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: o(z, V) })
+          s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s(z, R) }),
+          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: a ? a(z, R) : String(z) }),
+          o && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: o(z, R) })
         ]
       },
-      A(z, V)
+      T(z, R)
     );
   }, D = (() => {
     if (!f)
-      return t.map((H, M) => E(H, M, M === 0));
+      return t.map((V, M) => E(V, M, M === 0));
     const z = /* @__PURE__ */ new Map();
-    t.forEach((H, M) => {
-      const I = f(H, M);
-      z.has(I) || z.set(I, []), z.get(I).push({ item: H, index: M });
+    t.forEach((V, M) => {
+      const L = f(V, M);
+      z.has(L) || z.set(L, []), z.get(L).push({ item: V, index: M });
     });
-    const V = x ?? [];
+    const R = x ?? [];
     return [
-      ...V.filter((H) => z.has(H.id)),
-      ...[...z.keys()].filter((H) => !V.some((M) => M.id === H)).map((H) => ({ id: H }))
-    ].flatMap((H, M) => {
-      const I = z.get(H.id) ?? [], te = g && C[H.id], v = H.title ?? H.id, U = H.count ?? I.length, Z = /* @__PURE__ */ e(
+      ...R.filter((V) => z.has(V.id)),
+      ...[...z.keys()].filter((V) => !R.some((M) => M.id === V)).map((V) => ({ id: V }))
+    ].flatMap((V, M) => {
+      const L = z.get(V.id) ?? [], te = g && C[V.id], v = V.title ?? V.id, H = V.count ?? L.length, Z = /* @__PURE__ */ e(
         "li",
         {
-          onClick: g ? () => i((J) => ({ ...J, [H.id]: !J[H.id] })) : void 0,
+          onClick: g ? () => i((J) => ({ ...J, [V.id]: !J[V.id] })) : void 0,
           className: d(
             "flex items-center gap-2 bg-surface-sunk px-4 py-1.5",
             "text-xs font-semibold uppercase tracking-label text-text-subtle",
@@ -4100,8 +4107,8 @@ function bn({
             g && "cursor-pointer select-none hover:text-text"
           ),
           "aria-expanded": g ? !te : void 0,
-          style: w ? { top: W ? 28 : 0 } : void 0,
-          children: p ? p(H, I.map((J) => J.item)) : /* @__PURE__ */ c(xe, { children: [
+          style: w ? { top: U ? 28 : 0 } : void 0,
+          children: p ? p(V, L.map((J) => J.item)) : /* @__PURE__ */ c(xe, { children: [
             g && /* @__PURE__ */ e(
               Ce,
               {
@@ -4113,32 +4120,32 @@ function bn({
               }
             ),
             /* @__PURE__ */ e("span", { children: v }),
-            !b && /* @__PURE__ */ e("span", { className: "ml-auto font-normal tabular-nums", children: U })
+            !b && /* @__PURE__ */ e("span", { className: "ml-auto font-normal tabular-nums", children: H })
           ] })
         },
-        `group-${H.id}`
+        `group-${V.id}`
       );
       return te ? [Z] : [
         Z,
-        ...I.map(
-          ({ item: J, index: F }, ie) => E(J, F, ie === 0)
+        ...L.map(
+          ({ item: J, index: O }, ie) => E(J, O, ie === 0)
         )
       ];
     });
   })();
   return /* @__PURE__ */ c("div", { ref: S, className: le, onKeyDown: l ? N : void 0, children: [
-    L && T.length > 0 && /* @__PURE__ */ c("div", { className: "flex items-center gap-3 border-b border-border-subtle bg-surface-sunk px-4 py-2", children: [
+    A && _.length > 0 && /* @__PURE__ */ c("div", { className: "flex items-center gap-3 border-b border-border-subtle bg-surface-sunk px-4 py-2", children: [
       /* @__PURE__ */ e(
         pe,
         {
           checked: G,
-          indeterminate: P,
+          indeterminate: j,
           onChange: (z) => ae(z.target.checked),
           "aria-label": "Alles selecteren"
         }
       ),
       /* @__PURE__ */ c("span", { className: "text-xs text-text-subtle", children: [
-        T.length,
+        _.length,
         " geselecteerd"
       ] }),
       $ && /* @__PURE__ */ e("div", { className: "ml-auto flex gap-2", children: $ })
@@ -4149,7 +4156,7 @@ function bn({
         className: d(
           "flex items-center gap-3 border-b border-border-subtle px-4 py-1.5",
           "text-xs font-semibold uppercase tracking-label text-text-subtle",
-          W && "sticky top-0 z-20"
+          U && "sticky top-0 z-20"
         ),
         children: X
       }
@@ -4157,7 +4164,7 @@ function bn({
     /* @__PURE__ */ e("ul", { "aria-label": ce, className: "flex flex-col", children: D })
   ] });
 }
-function pn({
+function zn({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -4187,18 +4194,18 @@ function pn({
     }
   );
 }
-const Er = {
+const Dr = {
   default: "text-text",
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function gn({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+function En({ value: t, label: r, tone: n = "default", className: s, ...a }) {
   return /* @__PURE__ */ c("div", { className: d("rounded-xl shadow-sm bg-surface px-4 py-3.5", s), ...a, children: [
-    /* @__PURE__ */ e("div", { className: d("text-2xl font-semibold", Er[n]), children: t }),
+    /* @__PURE__ */ e("div", { className: d("text-2xl font-semibold", Dr[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const vn = ({
+const Mn = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -4212,17 +4219,17 @@ const vn = ({
   editable: h = !1,
   onTitleChange: f
 }) => {
-  const [x, p] = R(!1), [w, g] = R(r), b = se(null);
+  const [x, p] = F(!1), [w, g] = F(r), b = se(null);
   Q(() => {
     g(r);
   }, [r]), Q(() => {
     x && b.current && (b.current.focus(), b.current.select());
   }, [x]);
-  const L = () => {
+  const A = () => {
     h && p(!0);
-  }, T = () => {
+  }, _ = () => {
     p(!1), w.trim() !== "" && w !== r && f ? f(w.trim()) : g(r);
-  }, _ = ($) => {
+  }, K = ($) => {
     $.key === "Enter" ? b.current?.blur() : $.key === "Escape" && (g(r), p(!1));
   };
   return /* @__PURE__ */ c(
@@ -4246,15 +4253,15 @@ const vn = ({
                   type: "text",
                   value: w,
                   onChange: ($) => g($.target.value),
-                  onBlur: T,
-                  onKeyDown: _,
+                  onBlur: _,
+                  onKeyDown: K,
                   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__ */ c("div", { className: "group flex items-baseline gap-2.5 min-w-0", children: [
                 /* @__PURE__ */ e(
                   "h2",
                   {
-                    onClick: L,
+                    onClick: A,
                     className: d(
                       "text-xl font-semibold truncate",
                       h && "cursor-pointer"
@@ -4268,7 +4275,7 @@ const vn = ({
                   ut,
                   {
                     size: 15,
-                    onClick: L,
+                    onClick: A,
                     className: "shrink-0 cursor-pointer text-text-muted opacity-0 group-hover:opacity-100 transition-opacity"
                   }
                 )
@@ -4278,7 +4285,7 @@ const vn = ({
           ] }) }),
           a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: a.map(
             ($) => $.render ? /* @__PURE__ */ e(oe.Fragment, { children: $.render() }, $.id) : $.splitOptions && $.splitOptions.length > 0 ? /* @__PURE__ */ e(
-              Re,
+              Fe,
               {
                 label: $.label,
                 onClick: $.onClick,
@@ -4307,24 +4314,24 @@ const vn = ({
       ]
     }
   );
-}, Mr = {
+}, Tr = {
   none: "p-0",
   sm: "p-2",
   md: "p-4",
   lg: "p-6"
-}, yn = ({
+}, $n = ({
   actions: t = [],
   onBack: r,
   backLabel: n = "Back",
   className: s,
   padding: a = "md",
   children: o
-}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2 mb-3", Mr[a], s), children: [
+}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2 mb-3", Tr[a], s), children: [
   r && /* @__PURE__ */ e(ne, { variant: "secondary", onClick: r, leftIcon: /* @__PURE__ */ e(Y, { icon: ke, size: "sm" }), iconOnly: !0 }),
   o && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: o }),
   t.length > 0 && /* @__PURE__ */ e("div", { className: d("flex flex-wrap gap-4", !o && "ml-auto"), children: t.map(
     (l) => l.splitOptions && l.splitOptions.length > 0 ? /* @__PURE__ */ e(
-      Re,
+      Fe,
       {
         label: l.label,
         onClick: l.onClick,
@@ -4349,8 +4356,55 @@ const vn = ({
       l.id
     )
   ) })
-] });
-function Nn({ label: t, trailing: r, align: n = "center", className: s }) {
+] }), _r = /<[a-z][\s\S]*>/i, Ar = [
+  "[&_p]:my-1.5 [&_p:first-child]:mt-0 [&_p:last-child]:mb-0 [&_p]:leading-relaxed",
+  "[&_a]:text-accent [&_a]:underline [&_a]:underline-offset-2",
+  "[&_strong]:font-semibold [&_em]:italic",
+  "[&_ul]:my-1.5 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:my-1.5 [&_ol]:list-decimal [&_ol]:pl-5",
+  "[&_li]:leading-relaxed",
+  "[&_h1]:mb-1 [&_h1]:mt-2 [&_h1]:font-semibold [&_h2]:mb-1 [&_h2]:mt-2 [&_h2]:font-semibold [&_h3]:mb-1 [&_h3]:mt-2 [&_h3]:font-semibold",
+  "[&_blockquote]:my-1.5 [&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-3 [&_blockquote]:text-text-muted",
+  "[&_hr]:my-2 [&_hr]:border-border",
+  "[&_pre]:my-1.5 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:bg-surface-sunk [&_pre]:p-2 [&_pre]:text-xs",
+  "[&_code]:rounded-sm [&_code]:bg-surface-sunk [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-xs",
+  "[&_pre_code]:bg-transparent [&_pre_code]:p-0",
+  "[&_table]:my-1.5 [&_table]:w-full [&_table]:border-collapse [&_table]:text-xs",
+  "[&_th]:border [&_th]:border-border [&_th]:px-2 [&_th]:py-1 [&_th]:text-left [&_th]:font-semibold",
+  "[&_td]:border [&_td]:border-border [&_td]:px-2 [&_td]:py-1"
+].join(" "), Lr = {
+  p: (t) => /* @__PURE__ */ e("p", { className: "my-1.5 leading-relaxed first:mt-0 last:mb-0", ...t }),
+  a: (t) => /* @__PURE__ */ e("a", { className: "text-accent underline underline-offset-2 hover:opacity-80", target: "_blank", rel: "noopener noreferrer", ...t }),
+  strong: (t) => /* @__PURE__ */ e("strong", { className: "font-semibold", ...t }),
+  em: (t) => /* @__PURE__ */ e("em", { className: "italic", ...t }),
+  ul: (t) => /* @__PURE__ */ e("ul", { className: "my-1.5 list-disc space-y-0.5 pl-5", ...t }),
+  ol: (t) => /* @__PURE__ */ e("ol", { className: "my-1.5 list-decimal space-y-0.5 pl-5", ...t }),
+  li: (t) => /* @__PURE__ */ e("li", { className: "leading-relaxed", ...t }),
+  h1: (t) => /* @__PURE__ */ e("h1", { className: "mb-1 mt-2 text-md font-semibold first:mt-0", ...t }),
+  h2: (t) => /* @__PURE__ */ e("h2", { className: "mb-1 mt-2 text-base font-semibold first:mt-0", ...t }),
+  h3: (t) => /* @__PURE__ */ e("h3", { className: "mb-1 mt-2 text-base font-semibold first:mt-0", ...t }),
+  blockquote: (t) => /* @__PURE__ */ e("blockquote", { className: "my-1.5 border-l-2 border-border pl-3 text-text-muted", ...t }),
+  hr: (t) => /* @__PURE__ */ e("hr", { className: "my-2 border-border", ...t }),
+  pre: (t) => /* @__PURE__ */ e("pre", { className: "my-1.5 overflow-x-auto rounded-md bg-surface-sunk p-2 text-xs", ...t }),
+  code: ({ className: t, children: r, ...n }) => {
+    const s = String(r ?? "");
+    return /language-/.test(t ?? "") || s.includes(`
+`) ? /* @__PURE__ */ e("code", { className: "font-mono text-xs", ...n, children: r }) : /* @__PURE__ */ e("code", { className: "rounded-sm bg-surface-sunk px-1 py-0.5 font-mono text-xs", ...n, children: r });
+  },
+  table: (t) => /* @__PURE__ */ e("div", { className: "my-1.5 overflow-x-auto", children: /* @__PURE__ */ e("table", { className: "w-full border-collapse text-xs", ...t }) }),
+  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 Dn({ text: t, className: r, as: n }) {
+  const s = t ?? "";
+  return (n ? n === "html" : _r.test(s)) ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: d("break-words", Ar, r),
+      dangerouslySetInnerHTML: { __html: bt.sanitize(s, { ADD_ATTR: ["target", "rel"] }) }
+    }
+  ) : /* @__PURE__ */ e("div", { className: d("break-words", r), children: /* @__PURE__ */ e(pt, { remarkPlugins: [gt], components: Lr, children: s }) });
+}
+function Tn({ 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__ */ c("div", { className: d("flex items-center gap-3 py-2", s), children: [
     n === "center" && a,
@@ -4359,7 +4413,7 @@ function Nn({ label: t, trailing: r, align: n = "center", className: s }) {
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-function wn({
+function _n({
   label: t,
   description: r,
   control: n,
@@ -4386,7 +4440,7 @@ function wn({
     }
   );
 }
-function kn({
+function An({
   icon: t,
   title: r,
   description: n,
@@ -4406,7 +4460,7 @@ function kn({
     /* @__PURE__ */ e("div", { className: d("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function Cn({ label: t, dotColor: r, onClick: n, className: s }) {
+function Ln({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -4424,13 +4478,13 @@ function Cn({ label: t, dotColor: r, onClick: n, className: s }) {
     }
   );
 }
-function $r(t, r) {
+function Ir(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const Sn = ({
+const In = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -4453,7 +4507,7 @@ const Sn = ({
     return x ? x.label : String(h || "-");
   }, u = ue(
     (h) => {
-      const f = $r(r, h.name);
+      const f = Ir(r, h.name);
       if (h.type === "array") {
         const p = f;
         return !p || p.length === 0 ? /* @__PURE__ */ e(
@@ -4484,8 +4538,8 @@ const Sn = ({
                 }
               ) }),
               /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: h.arrayFields?.map((b) => {
-                const L = w?.[b.name];
-                let T = "-";
+                const A = w?.[b.name];
+                let _ = "-";
                 switch (b.type) {
                   case "text":
                   case "email":
@@ -4493,30 +4547,30 @@ const Sn = ({
                   case "tel":
                   case "url":
                   case "textarea":
-                    T = L || "-";
+                    _ = A || "-";
                     break;
                   case "select":
                   case "radio":
-                    T = l(
-                      L,
+                    _ = l(
+                      A,
                       b.options
                     );
                     break;
                   case "checkbox":
-                    T = o(L);
+                    _ = o(A);
                     break;
                   case "date":
-                    T = a(L);
+                    _ = a(A);
                     break;
                   case "custom":
-                    T = b.customComponent?.({
-                      value: L
+                    _ = b.customComponent?.({
+                      value: A
                     });
                     break;
                   default:
-                    T = String(L || "-");
+                    _ = String(A || "-");
                 }
-                return b.format && (T = b.format(L, w)), /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+                return b.format && (_ = b.format(A, w)), /* @__PURE__ */ c("div", { className: "space-y-1", children: [
                   /* @__PURE__ */ e(
                     de,
                     {
@@ -4532,7 +4586,7 @@ const Sn = ({
                       variant: "body",
                       size: "sm",
                       className: "text-text",
-                      children: T
+                      children: _
                     }
                   )
                 ] }, b.name);
@@ -4759,7 +4813,7 @@ const Sn = ({
       ]
     }
   ) });
-}, zn = ({
+}, jn = ({
   title: t,
   actionIcons: r,
   items: n,
@@ -4794,7 +4848,7 @@ const Sn = ({
       u
     )
   ) })
-] }), Dr = {
+] }), jr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -4803,13 +4857,13 @@ const Sn = ({
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, Tr = {
+}, Pr = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, Ar = {
+}, Or = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -4819,11 +4873,11 @@ const Sn = ({
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, Lr = {
+}, Br = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, En = ({
+}, Pn = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -4836,16 +4890,16 @@ const Sn = ({
 }) => {
   const y = `h${t}`, h = d(
     "font-sans text-pretty",
-    Dr[r || Ir(t)],
-    Tr[n],
-    Ar[s],
-    Lr[a],
+    jr[r || Fr(t)],
+    Pr[n],
+    Or[s],
+    Br[a],
     o && "truncate",
     l
   );
   return /* @__PURE__ */ e(y, { className: h, ...m, children: u });
 };
-function Ir(t) {
+function Fr(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -4855,7 +4909,7 @@ function Ir(t) {
     6: "md"
   }[t] || "md";
 }
-const Mn = ({
+const On = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -4863,34 +4917,34 @@ const Mn = ({
   initialCommandPath: a,
   initialActiveIndex: o
 }) => {
-  const [l, u] = R(""), [m, y] = R(a || []), [h, f] = R(o || 0), x = se(null), p = se(null), g = (m.length ? t.find((b) => b.id === m[0])?.subCommands || [] : t).filter(
+  const [l, u] = F(""), [m, y] = F(a || []), [h, f] = F(o || 0), x = se(null), p = se(null), g = (m.length ? t.find((b) => b.id === m[0])?.subCommands || [] : t).filter(
     (b) => b.label.toLowerCase().includes(l.toLowerCase())
   );
   return Q(() => {
     r || (u(""), y(a || []), f(o || 0));
   }, [r]), Q(() => {
-    const b = (L) => {
+    const b = (A) => {
       if (r) {
-        if (L.key === "Escape")
+        if (A.key === "Escape")
           n();
-        else if (L.key === "ArrowUp")
+        else if (A.key === "ArrowUp")
           f(
-            (T) => T > 0 ? T - 1 : g.length - 1
+            (_) => _ > 0 ? _ - 1 : g.length - 1
           );
-        else if (L.key === "ArrowDown")
+        else if (A.key === "ArrowDown")
           f(
-            (T) => T < g.length - 1 ? T + 1 : 0
+            (_) => _ < g.length - 1 ? _ + 1 : 0
           );
-        else if (L.key === "Enter") {
-          const T = g[h];
-          T && (T.subCommands ? (y([...m, T.id]), f(0)) : T.action && (T.action(), n()));
+        else if (A.key === "Enter") {
+          const _ = g[h];
+          _ && (_.subCommands ? (y([...m, _.id]), f(0)) : _.action && (_.action(), n()));
         }
       }
     };
     return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
   }, [r, n, g, h, m]), Q(() => {
-    const b = (L) => {
-      x.current && !x.current.contains(L.target) && n();
+    const b = (A) => {
+      x.current && !x.current.contains(A.target) && n();
     };
     return r && document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
   }, [r, n]), Q(() => {
@@ -4923,15 +4977,15 @@ const Mn = ({
             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((b, L) => /* @__PURE__ */ c(
+              g.map((b, A) => /* @__PURE__ */ c(
                 "div",
                 {
-                  "data-index": L,
-                  className: `flex items-center p-2 cursor-pointer rounded-md ${L === h ? "bg-accent-soft text-accent" : "text-text"}`,
+                  "data-index": A,
+                  className: `flex items-center p-2 cursor-pointer rounded-md ${A === h ? "bg-accent-soft text-accent" : "text-text"}`,
                   onClick: () => {
                     b.subCommands ? (y([...m, b.id]), f(0)) : b.action && (b.action(), n());
                   },
-                  onMouseEnter: () => f(L),
+                  onMouseEnter: () => f(A),
                   children: [
                     b.icon && /* @__PURE__ */ e("span", { className: "mr-3", children: b.icon }),
                     /* @__PURE__ */ e("span", { className: "flex-grow", children: b.label }),
@@ -4960,7 +5014,7 @@ const Mn = ({
       ]
     }
   ) }) : null;
-}, jr = {
+}, Rr = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -4968,7 +5022,7 @@ const Mn = ({
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, Pr = {
+}, Vr = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -4976,7 +5030,7 @@ const Mn = ({
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, Or = {
+}, Hr = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -4992,26 +5046,26 @@ const Mn = ({
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, Fr = {
+}, qr = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Br = {
+}, Ur = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, Rr = {
+}, Wr = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Vr = {
+}, Kr = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -5021,7 +5075,7 @@ const Mn = ({
   info: "border-info-border",
   neutral: "border-border-subtle",
   white: "border-border-subtle"
-}, We = me(
+}, Ue = me(
   ({
     padding: t,
     margin: r,
@@ -5038,13 +5092,13 @@ const Mn = ({
     {
       ref: h,
       className: d(
-        t && jr[t],
-        r && Pr[r],
-        n && Or[n],
-        s && Fr[s],
-        a && Br[a],
-        o && Rr[o],
-        l && Vr[l],
+        t && Rr[t],
+        r && Vr[r],
+        n && Hr[n],
+        s && qr[s],
+        a && Ur[a],
+        o && Wr[o],
+        l && Kr[l],
         u
       ),
       ...y,
@@ -5052,9 +5106,9 @@ const Mn = ({
     }
   )
 );
-We.displayName = "Box";
-const $n = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
-  We,
+Ue.displayName = "Box";
+const Bn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
+  Ue,
   {
     background: "module",
     radius: "lg",
@@ -5068,7 +5122,7 @@ const $n = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
     ]
   }
 );
-function Dn({
+function Fn({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -5076,7 +5130,7 @@ function Dn({
   componentProps: a,
   className: o
 }) {
-  const l = se(null), [u, m] = R(!0), [y, h] = R(null), f = se(null);
+  const l = se(null), [u, m] = F(!0), [y, h] = F(null), f = se(null);
   return se(null), Q(() => {
     let x = !0;
     return (async () => {
@@ -5116,7 +5170,7 @@ function Dn({
     n === "react" && y && /* @__PURE__ */ e(y, { ...a })
   ] });
 }
-class Tn extends xt {
+class Rn extends xt {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -5145,66 +5199,67 @@ class Tn extends xt {
   }
 }
 export {
-  mn as AssistantCard,
-  Cr as Avatar,
-  fn as AvatarStack,
-  sn as Badge,
-  We as Box,
+  Nn as AssistantCard,
+  Er as Avatar,
+  wn as AvatarStack,
+  hn as Badge,
+  Ue as Box,
   ne as Button,
-  Xr as ButtonGroup,
-  $n as Card,
-  hn as ChannelBadge,
+  ln as ButtonGroup,
+  Bn as Card,
+  kn as ChannelBadge,
   pe as Checkbox,
-  Mn as CommandPalette,
-  nn as ConfirmDialog,
-  Ut as ContentLoading,
+  On as CommandPalette,
+  fn as ConfirmDialog,
+  Wt as ContentLoading,
   $e as DatePicker,
-  qt as Dropdown,
-  an as EmptyState,
-  Tn as ErrorBoundary,
-  Dn as FederatedResource,
-  Zr as FilterChip,
-  Ot as FolderSelect,
-  rn as Form,
-  En as Heading,
+  Kt as Dropdown,
+  xn as EmptyState,
+  Rn as ErrorBoundary,
+  Fn as FederatedResource,
+  on as FilterChip,
+  Ft as FolderSelect,
+  mn as Form,
+  Pn as Heading,
   Y as Icon,
-  xn as Image,
-  ln as Kbd,
-  gn as KpiCard,
-  Qr as Link,
-  bn as List,
-  Gr as MeetingGrid,
-  pn as MessageBubble,
-  Ue as Modal,
-  vn as PageHeader,
-  yn as PageToolbar,
-  Jr as ParticipantTile,
-  zt as Popover,
-  on as ProgressBar,
-  Vt as SearchableTextField,
-  Nn as SectionDivider,
-  en as SegmentedToggle,
+  Cn as Image,
+  bn as Kbd,
+  En as KpiCard,
+  cn as Link,
+  Sn as List,
+  nn as MeetingGrid,
+  zn as MessageBubble,
+  He as Modal,
+  Mn as PageHeader,
+  $n as PageToolbar,
+  sn as ParticipantTile,
+  $t as Popover,
+  pn as ProgressBar,
+  Dn as RichText,
+  qt as SearchableTextField,
+  Tn as SectionDivider,
+  dn as SegmentedToggle,
   Ne as Select,
-  wn as SettingsRow,
-  kn as SettingsSection,
-  zn as SidebarMenu,
-  Cn as SourceChip,
-  cn as Spinner,
-  Re as SplitButton,
-  dn as StatusDot,
-  un as StepIndicator,
-  cr as StorageInput,
-  Ht as Switch,
-  tn as TabBar,
-  Pe as Table,
-  er as Tabs,
+  _n as SettingsRow,
+  An as SettingsSection,
+  jn as SidebarMenu,
+  Ln as SourceChip,
+  gn as Spinner,
+  Fe as SplitButton,
+  vn as StatusDot,
+  yn as StepIndicator,
+  ur as StorageInput,
+  Ut as Switch,
+  un as TabBar,
+  je as Table,
+  nr as Tabs,
   de as Text,
   De as TextArea,
   be as TextField,
-  Yr as VideoSurface,
-  Sn as View,
+  an as VideoSurface,
+  In as View,
   d as cn,
-  _r as createSizes,
-  Kr as createVariants
+  rn as createSizes,
+  tn as createVariants
 };
 //# sourceMappingURL=index.js.map