@opencxh/ui-kit 3.136.2 → 3.136.4

package/dist/index.js

@@ -1,20 +1,26 @@
-import { clsx as We } from "clsx";
+import { clsx as Je } from "clsx";
 import { jsxs as c, jsx as e, Fragment as xe } from "react/jsx-runtime";
-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 R, 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";
+import { VideoOff as Ye, User as Xe, MicOff as Ze, Mic as Qe, X as ge, ChevronDown as ve, ExternalLink as et, Calendar as tt, ChevronLeft as ke, ChevronRight as Ce, ChevronDownIcon as rt, Loader2 as nt, Search as Se, Check as Te, ChevronUp as st, ChevronsLeft as at, ChevronsRight as lt, FileText as Ee, HardDrive as _e, ArrowLeft as ot, FolderPlus as ct, Upload as it, Folder as Ae, Trash2 as dt, Plus as ut, Sparkles as mt, ImageOff as ft, Pencil as ht, ArrowUpRight as xt } from "lucide-react";
+import oe, { useRef as se, useEffect as Q, forwardRef as me, useState as R, useLayoutEffect as bt, useMemo as he, useCallback as ue, createContext as pt, Component as gt } from "react";
+import vt from "dompurify";
+import yt from "react-markdown";
+import Nt from "remark-gfm";
 function d(...t) {
-  return We(t);
+  return Je(t);
 }
-function tn(t) {
+function sn(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function rn(t) {
+function an(t) {
   return (r) => t[r] || "";
 }
-function nn({ tiles: t, pinned: r, className: n }) {
+const Le = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
+function ln(t) {
+  let r = 0;
+  for (let n = 0; n < t.length; n++) r = r * 31 + t.charCodeAt(n) >>> 0;
+  return Le[r % Le.length];
+}
+function on({ 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 }),
@@ -23,7 +29,7 @@ function nn({ 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, l) => /* @__PURE__ */ e("div", { children: a }, l)) });
 }
-function sn({
+function cn({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -43,16 +49,16 @@ function sn({
         o
       ),
       children: [
-        a && l ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: l }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: r ? /* @__PURE__ */ e("img", { src: r, alt: t, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-video-surface-strong flex items-center justify-center", children: a ? /* @__PURE__ */ e(Ke, { className: "w-8 h-8" }) : /* @__PURE__ */ e(Ge, { className: "w-8 h-8" }) }) }),
+        a && l ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: l }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: r ? /* @__PURE__ */ e("img", { src: r, alt: t, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-video-surface-strong flex items-center justify-center", children: a ? /* @__PURE__ */ e(Ye, { className: "w-8 h-8" }) : /* @__PURE__ */ e(Xe, { 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" }),
+          n ? /* @__PURE__ */ e(Ze, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Qe, { className: "w-3 h-3" }),
           /* @__PURE__ */ e("span", { className: "truncate max-w-35", children: t })
         ] })
       ]
     }
   );
 }
-function an({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
+function dn({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
   const a = se(null);
   return Q(() => {
     if (!r || !a.current) return;
@@ -72,7 +78,7 @@ function an({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
     }
   );
 }
-const vt = {
+const wt = {
   primary: "bg-accent text-accent-fg hover:bg-accent-hover disabled:bg-surface-hover",
   secondary: "bg-surface-sunk text-text-strong hover:bg-surface-hover disabled:bg-surface-hover",
   // No resting fill, so no disabled fill either — a greyed-out plate where
@@ -85,7 +91,7 @@ const vt = {
   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"
-}, yt = {
+}, kt = {
   xs: "h-control-xs px-2 text-xs",
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-4 text-sm",
@@ -93,7 +99,7 @@ const vt = {
   xl: "h-control-xl px-6 text-base",
   "2xl": "h-control-2xl px-6 text-base",
   full: "h-control-md px-4 text-sm"
-}, Nt = {
+}, Ct = {
   xs: "h-control-xs w-6",
   sm: "h-control-sm w-7",
   md: "h-control-md w-8",
@@ -132,8 +138,8 @@ const vt = {
           "focus-visible:outline-none focus-visible:focus-ring",
           "disabled:cursor-not-allowed disabled:border-border-subtle",
           "disabled:text-text-disabled",
-          vt[t],
-          o ? Nt[r] : yt[r],
+          wt[t],
+          o ? Ct[r] : kt[r],
           (n || r === "full") && "w-full",
           s && "cursor-wait",
           u
@@ -159,7 +165,7 @@ const vt = {
   }
 );
 ne.displayName = "Button";
-const ln = ({
+const un = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
@@ -189,7 +195,7 @@ const ln = ({
     a
   );
   return /* @__PURE__ */ e("div", { className: l, role: "group", children: t });
-}, wt = {
+}, St = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -209,9 +215,9 @@ const ln = ({
   "aria-label": o,
   ...h
 }) => {
-  const u = typeof r == "number" ? r : kt(r), N = d(
+  const u = typeof r == "number" ? r : zt(r), N = d(
     "inline-block shrink-0",
-    wt[n],
+    St[n],
     s && [
       "cursor-pointer rounded-sm transition-opacity duration-fast ease-out hover:opacity-80",
       "focus-visible:outline-none focus-visible:focus-ring"
@@ -233,7 +239,7 @@ const ln = ({
   };
   return /* @__PURE__ */ e(t, { ...m });
 };
-function kt(t) {
+function zt(t) {
   return {
     xs: 12,
     sm: 14,
@@ -242,14 +248,14 @@ function kt(t) {
     xl: 24
   }[t];
 }
-const Ct = {
+const Et = {
   none: "hover:bg-surface-sunk hover:text-text",
   default: "bg-surface-sunk text-text-muted hover:text-text",
   muted: "bg-surface-sunk text-text-subtle hover:text-text",
   warning: "bg-warning-soft text-warning-fg",
   danger: "bg-danger-soft text-danger-fg"
 };
-function on({
+function mn({
   label: t,
   icon: r,
   tone: n = "default",
@@ -270,12 +276,12 @@ function on({
     "transition-colors duration-fast ease-out",
     p,
     // Picking a value outranks whatever the value happens to mean.
-    l ? "bg-info-soft text-info-fg" : Ct[n],
+    l ? "bg-info-soft text-info-fg" : Et[n],
     f
   ), g = /* @__PURE__ */ c(xe, { children: [
     r,
     t,
-    o && /* @__PURE__ */ e(Y, { icon: ge, size: "xs" })
+    o && /* @__PURE__ */ e(Y, { icon: ve, size: "xs" })
   ] }), x = d(
     "inline-flex items-center gap-1.5 pl-3",
     p,
@@ -291,18 +297,18 @@ function on({
         "aria-label": u,
         onClick: h,
         className: d("inline-flex h-full items-center pr-3 focus-visible:outline-none focus-visible:focus-ring", p),
-        children: /* @__PURE__ */ e(Y, { icon: we, size: "xs" })
+        children: /* @__PURE__ */ e(Y, { icon: ge, size: "xs" })
       }
     )
   ] }) : /* @__PURE__ */ e("button", { type: "button", title: m, onClick: N, className: d(C, x), children: g });
 }
-const St = {
+const Mt = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, zt = {
+}, $t = {
   primary: "text-text hover:text-info-fg hover:underline",
   info: "text-info-fg hover:underline",
   secondary: "text-text-muted hover:text-text",
@@ -311,7 +317,7 @@ const St = {
   success: "text-success-fg hover:underline",
   warning: "text-warning-fg hover:underline",
   error: "text-danger-fg hover:underline"
-}, Et = {
+}, Dt = {
   primary: "bg-accent-soft",
   accent: "bg-accent-soft",
   secondary: "bg-surface-hover",
@@ -320,7 +326,7 @@ const St = {
   warning: "bg-warning-soft",
   error: "bg-danger-soft",
   info: "bg-info-soft"
-}, cn = ({
+}, fn = ({
   variant: t = "default",
   size: r = "md",
   color: n = "primary",
@@ -337,13 +343,13 @@ const St = {
     "inline-flex items-center gap-1 underline-offset-2",
     "transition-colors duration-fast ease-out",
     "focus-visible:outline-none focus-visible:focus-ring",
-    St[r],
-    !s && zt[n],
+    Mt[r],
+    !s && $t[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",
-      Et[n]
+      Dt[n]
     ],
     s && "pointer-events-none cursor-not-allowed text-text-disabled opacity-50",
     l
@@ -356,13 +362,13 @@ const St = {
   };
   return /* @__PURE__ */ c("a", { className: b, ...p, children: [
     o,
-    f && /* @__PURE__ */ e(Xe, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
+    f && /* @__PURE__ */ e(et, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
   ] });
-}, Mt = {
+}, Tt = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm"
 };
-function dn({
+function hn({
   options: t,
   value: r,
   onChange: n,
@@ -389,7 +395,7 @@ function dn({
               "inline-flex items-center justify-center rounded-sm",
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
-              Mt[s],
+              Tt[s],
               h ? "bg-surface text-text font-medium shadow-sm" : "text-text-muted hover:text-text"
             ),
             children: o.label
@@ -402,7 +408,7 @@ function dn({
 }
 function ze(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
   const [l, o] = R({});
-  return ft(() => {
+  return bt(() => {
     if (!t) return;
     const h = () => {
       const u = r.current;
@@ -415,7 +421,7 @@ function ze(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start
     };
   }, [t, r, n, s, a]), l;
 }
-const $t = ({
+const _t = ({
   trigger: t,
   children: r,
   placement: n = "bottom-start",
@@ -428,10 +434,10 @@ const $t = ({
   const [u, N] = R(!1), m = se(null), f = se(null), b = ze(u, f, { placement: n });
   Q(() => {
     if (!u) return;
-    const g = (_) => {
-      m.current && !m.current.contains(_.target) && N(!1);
-    }, x = (_) => {
-      _.key === "Escape" && N(!1);
+    const g = (D) => {
+      m.current && !m.current.contains(D.target) && N(!1);
+    }, x = (D) => {
+      D.key === "Escape" && N(!1);
     };
     return document.addEventListener("mousedown", g), document.addEventListener("keydown", x), () => {
       document.removeEventListener("mousedown", g), document.removeEventListener("keydown", x);
@@ -472,11 +478,11 @@ const $t = ({
       }
     )
   ] });
-}, Dt = {
+}, At = {
   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"
-}, Tt = {
+}, Lt = {
   sm: "h-control-sm w-7",
   md: "h-control-md w-8"
 };
@@ -508,7 +514,7 @@ function Re({
       }
     ),
     f && /* @__PURE__ */ e(
-      $t,
+      _t,
       {
         placement: u,
         disabled: m,
@@ -521,11 +527,11 @@ function Re({
             className: d(
               "inline-flex items-center justify-center rounded-md rounded-l-none",
               "transition-colors duration-fast ease-out",
-              Dt[n],
-              Tt[s],
+              At[n],
+              Lt[s],
               m && "cursor-not-allowed opacity-50"
             ),
-            children: /* @__PURE__ */ e(ge, { className: "size-icon-md" })
+            children: /* @__PURE__ */ e(ve, { className: "size-icon-md" })
           }
         ),
         children: (b) => /* @__PURE__ */ e(xe, { children: l.map((p) => /* @__PURE__ */ c(
@@ -552,17 +558,17 @@ function Re({
     )
   ] });
 }
-const _t = {
+const It = {
   sm: "size-checkbox-sm",
   md: "size-checkbox",
   lg: "size-checkbox-lg",
   full: "size-checkbox"
-}, At = {
+}, jt = {
   sm: "min-h-control-sm",
   md: "min-h-control-md",
   lg: "min-h-control-lg",
   full: "min-h-control-md"
-}, Lt = {
+}, Pt = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
@@ -589,7 +595,7 @@ const _t = {
     return oe.useEffect(() => {
       C.current && (C.current.indeterminate = a);
     }, [a]), /* @__PURE__ */ c("div", { className: d("flex flex-col", l), children: [
-      /* @__PURE__ */ c("div", { className: d("flex items-center gap-3", At[s]), children: [
+      /* @__PURE__ */ c("div", { className: d("flex items-center gap-3", jt[s]), children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -598,13 +604,15 @@ const _t = {
             type: "checkbox",
             "aria-invalid": p || void 0,
             className: d(
-              // rounded-md, not rounded-sm: at 16px a 4px corner reads as a
-              // hard square, and the box is the one thing you aim at in a list.
-              "shrink-0 rounded-md border accent-accent",
+              // radius-xs (5px): its own step on the scale. At 16px the 9px
+              // button radius reads as a circle and the 7px chip radius still
+              // rounds the corners away — a checkbox has to stay a square you
+              // can aim at, with the corner just knocked off.
+              "shrink-0 rounded-xs border accent-accent",
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover",
-              _t[s],
+              It[s],
               p ? "border-danger-border" : "border-border-strong",
               h
             ),
@@ -619,7 +627,7 @@ const _t = {
               className: d(
                 "cursor-pointer",
                 p ? "text-danger-fg" : "text-text",
-                Lt[s],
+                Pt[s],
                 o
               ),
               children: t
@@ -633,7 +641,7 @@ const _t = {
   }
 );
 pe.displayName = "Checkbox";
-const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }), Pt = () => /* @__PURE__ */ e(Y, { icon: ke, size: "md", color: "current" }), jt = () => /* @__PURE__ */ e(Y, { icon: Ce, size: "md", color: "current" }), $e = me(({
+const Ot = () => /* @__PURE__ */ e(Y, { icon: tt, size: "md", color: "current" }), Ft = () => /* @__PURE__ */ e(Y, { icon: ke, size: "md", color: "current" }), Bt = () => /* @__PURE__ */ e(Y, { icon: Ce, size: "md", color: "current" }), $e = me(({
   value: t,
   onChange: r,
   placeholder: n = "Select date",
@@ -646,7 +654,7 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
   format: N = "MM/dd/yyyy",
   withTime: m = !1
 }, f) => {
-  const [b, p] = R(!1), [C, g] = R(() => t || /* @__PURE__ */ new Date()), x = se(null), _ = se(null), E = ze(b, _);
+  const [b, p] = R(!1), [C, g] = R(() => t || /* @__PURE__ */ new Date()), x = se(null), D = se(null), E = ze(b, D);
   Q(() => {
     const i = (S) => {
       x.current && !x.current.contains(S.target) && p(!1);
@@ -658,8 +666,8 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
   const W = (i) => {
     if (!i) return "";
     const S = i.getDate().toString().padStart(2, "0"), y = (i.getMonth() + 1).toString().padStart(2, "0"), A = i.getFullYear(), w = N === "dd/MM/yyyy" ? `${S}/${y}/${A}` : N === "yyyy-MM-dd" ? `${A}-${y}-${S}` : `${y}/${S}/${A}`;
-    return m ? `${w} ${D(i)}` : w;
-  }, D = (i) => `${i.getHours().toString().padStart(2, "0")}:${i.getMinutes().toString().padStart(2, "0")}`, X = (i) => {
+    return m ? `${w} ${T(i)}` : w;
+  }, T = (i) => `${i.getHours().toString().padStart(2, "0")}:${i.getMinutes().toString().padStart(2, "0")}`, X = (i) => {
     const [S, y] = i.split(":").map(Number);
     if (Number.isNaN(S) || Number.isNaN(y)) return;
     const A = t ? new Date(t) : /* @__PURE__ */ new Date();
@@ -686,8 +694,8 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
     g(new Date(C.getFullYear(), C.getMonth() + 1, 1));
   }, re = () => {
     r?.(null), p(!1);
-  }, j = d(
-    "w-full border border-border rounded-md transition-colors duration-fast",
+  }, P = d(
+    "w-full border border-border-strong rounded-tile transition-colors duration-fast",
     "bg-surface text-text",
     "placeholder:text-text-muted",
     "focus-visible:outline-none focus-visible:focus-ring",
@@ -714,7 +722,7 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
     "December"
   ];
   return /* @__PURE__ */ c("div", { ref: x, className: "relative", children: [
-    /* @__PURE__ */ c("div", { ref: _, className: "relative", children: [
+    /* @__PURE__ */ c("div", { ref: D, className: "relative", children: [
       /* @__PURE__ */ e(
         "input",
         {
@@ -726,7 +734,7 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
           required: a,
           readOnly: !0,
           onClick: () => !s && p(!b),
-          className: d(j, "pr-10 cursor-pointer")
+          className: d(P, "pr-10 cursor-pointer")
         }
       ),
       /* @__PURE__ */ e(
@@ -736,7 +744,7 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
           onClick: () => !s && p(!b),
           disabled: s,
           className: "absolute inset-y-0 right-0 flex items-center pr-3 text-text-muted hover:text-text-muted",
-          children: /* @__PURE__ */ e(It, {})
+          children: /* @__PURE__ */ e(Ot, {})
         }
       )
     ] }),
@@ -747,7 +755,7 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
           {
             onClick: q,
             className: "p-1 hover:bg-surface-hover rounded",
-            children: /* @__PURE__ */ e(Pt, {})
+            children: /* @__PURE__ */ e(Ft, {})
           }
         ),
         /* @__PURE__ */ c("h3", { className: "text-sm font-medium text-text", children: [
@@ -760,7 +768,7 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
           {
             onClick: K,
             className: "p-1 hover:bg-surface-hover rounded",
-            children: /* @__PURE__ */ e(jt, {})
+            children: /* @__PURE__ */ e(Bt, {})
           }
         )
       ] }),
@@ -793,7 +801,7 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
           {
             id: "datepicker-time",
             type: "time",
-            value: t ? D(t) : "",
+            value: t ? T(t) : "",
             onChange: (i) => X(i.target.value),
             className: "h-control-sm rounded-md border border-border bg-surface-input px-2 text-sm text-text focus-visible:outline-none focus-visible:focus-ring"
           }
@@ -819,12 +827,12 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
       ] })
     ] })
   ] });
-}), Ot = {
+}), Rt = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm",
   lg: "h-control-lg px-3 text-base",
   full: "h-control-md w-full px-3 text-sm"
-}, ye = (t) => t.trim().toLowerCase(), Ne = me(
+}, Ne = (t) => t.trim().toLowerCase(), we = me(
   ({
     label: t,
     helperText: r,
@@ -843,42 +851,42 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
     value: C,
     onChange: g,
     allowCreate: x,
-    onCreateOption: _,
+    onCreateOption: D,
     ...E
   }, W) => {
-    const D = f || `select-${Math.random().toString(36).substr(2, 9)}`, X = !!n, [U, I] = oe.useState(!1), [q, K] = oe.useState(""), re = oe.useRef(null), j = oe.useRef(null), ce = ze(U, j, { matchWidth: !0 }), [k, i] = oe.useState(o);
+    const T = f || `select-${Math.random().toString(36).substr(2, 9)}`, X = !!n, [U, I] = oe.useState(!1), [q, K] = oe.useState(""), re = oe.useRef(null), P = oe.useRef(null), ce = ze(U, P, { matchWidth: !0 }), [k, i] = oe.useState(o);
     oe.useImperativeHandle(W, () => re.current), oe.useEffect(() => {
-      const M = (T) => {
-        re.current && !re.current.contains(T.target) && I(!1);
+      const M = (_) => {
+        re.current && !re.current.contains(_.target) && I(!1);
       };
       return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
     }, []);
     const S = oe.useCallback(
-      (M, T) => M.some(
-        (z) => ye(z.value) === ye(T) || ye(z.label) === ye(T)
+      (M, _) => M.some(
+        (z) => Ne(z.value) === Ne(_) || Ne(z.label) === Ne(_)
       ),
       []
     ), y = oe.useCallback(
-      (M, T) => {
-        const z = [...M], B = (F) => {
-          const H = (F ?? "").trim();
-          H && (S(z, H) || z.push({ value: H, label: H }));
+      (M, _) => {
+        const z = [...M], H = (B) => {
+          const O = (B ?? "").trim();
+          O && (S(z, O) || z.push({ value: O, label: O }));
         };
-        return Array.isArray(T) ? T.forEach(B) : B(T), z;
+        return Array.isArray(_) ? _.forEach(H) : H(_), z;
       },
       [S]
     );
     oe.useEffect(() => {
       i((M) => {
-        const T = [...o];
+        const _ = [...o];
         return M.forEach((z) => {
-          !S(T, z.value) && !S(T, z.label) && T.push(z);
-        }), y(T, C);
+          !S(_, z.value) && !S(_, z.label) && _.push(z);
+        }), y(_, C);
       });
     }, [o, C, y, S]);
     const A = (M) => {
       if (p) {
-        const T = Array.isArray(C) ? C : [], z = T.includes(M) ? T.filter((B) => B !== M) : [...T, M];
+        const _ = Array.isArray(C) ? C : [], z = _.includes(M) ? _.filter((H) => H !== M) : [..._, M];
         g?.(z);
       } else
         g?.(M), I(!1), K("");
@@ -887,18 +895,18 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
     ) : [], ae = b && q ? k.filter(
       (M) => M.label.toLowerCase().includes(q.toLowerCase())
     ) : k, le = !!x && !!b && !!q.trim() && !S(k, q), G = (M) => {
-      const T = M.trim();
-      if (!T) return;
-      const z = _?.(T) ?? {
-        value: T,
-        label: T
+      const _ = M.trim();
+      if (!_) return;
+      const z = D?.(_) ?? {
+        value: _,
+        label: _
       };
       if (S(k, z.value) || S(k, z.label)) {
         A(z.value), K(""), p || I(!1);
         return;
       }
-      i((B) => [...B, z]), A(z.value), K(""), p || I(!1);
-    }, P = () => p ? ee.length > 0 ? ee.map((M) => M.label).join(", ") : h || "Select options" : w?.label || h || "Select an option";
+      i((H) => [...H, z]), A(z.value), K(""), p || I(!1);
+    }, j = () => p ? ee.length > 0 ? ee.map((M) => M.label).join(", ") : h || "Select options" : w?.label || h || "Select an option";
     return /* @__PURE__ */ c(
       "div",
       {
@@ -913,7 +921,7 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
           t && /* @__PURE__ */ e(
             "label",
             {
-              htmlFor: D,
+              htmlFor: T,
               onClick: () => I(!U),
               className: d(
                 "block text-xs font-semibold uppercase tracking-label mb-1.5",
@@ -927,24 +935,24 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
             /* @__PURE__ */ c(
               "button",
               {
-                ref: j,
+                ref: P,
                 type: "button",
-                id: D,
+                id: T,
                 disabled: l,
                 onClick: () => I(!U),
                 className: d(
-                  "flex w-full items-center justify-between gap-2 rounded-md border transition-colors duration-fast text-left",
+                  "flex w-full items-center justify-between gap-2 rounded-tile border transition-colors duration-fast text-left",
                   "focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   "bg-surface",
-                  Ot[s],
-                  X ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border text-text",
+                  Rt[s],
+                  X ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
                   m
                 ),
                 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,
+                    rt,
                     {
                       size: 16,
                       className: d(
@@ -1000,7 +1008,7 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
                   }
                 ),
                 ae.map((M) => {
-                  const T = p ? Array.isArray(C) && C.includes(M.value) : C === M.value;
+                  const _ = p ? Array.isArray(C) && C.includes(M.value) : C === M.value;
                   return /* @__PURE__ */ e(
                     "li",
                     {
@@ -1009,14 +1017,14 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
                         "cursor-pointer px-3 py-1.5 text-sm",
                         "text-text",
                         M.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface-hover",
-                        T && "bg-accent-soft text-accent font-semibold"
+                        _ && "bg-accent-soft text-accent font-semibold"
                       ),
                       children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
                         p && /* @__PURE__ */ e(
                           "input",
                           {
                             type: "checkbox",
-                            checked: T,
+                            checked: _,
                             readOnly: !0,
                             className: "mr-3 h-4 w-4 rounded border-border [&:not(:checked)]:bg-surface-input text-accent "
                           }
@@ -1045,13 +1053,13 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
     );
   }
 );
-Ne.displayName = "Select";
-const Ft = {
+we.displayName = "Select";
+const 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",
   full: "h-control-md px-3 text-base"
-}, Be = "mb-1.5 block text-xs font-semibold uppercase tracking-label", be = me(
+}, He = "mb-1.5 block text-sm font-medium", Ve = "block w-full rounded-tile border bg-surface-input text-text transition-colors duration-fast ease-out placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled", qe = (t) => t ? "border-danger-border bg-danger-soft" : "border-border-strong", be = me(
   ({
     label: t,
     helperText: r,
@@ -1067,15 +1075,15 @@ const Ft = {
     id: f,
     ...b
   }, p) => {
-    const C = oe.useId(), g = f || `textfield-${C}`, x = !!n, _ = n || r ? `${g}-description` : void 0;
+    const C = oe.useId(), g = f || `textfield-${C}`, x = !!n, D = n || r ? `${g}-description` : void 0;
     return /* @__PURE__ */ c("div", { className: d("flex flex-col", a && "w-full", u), children: [
       t && /* @__PURE__ */ e(
         "label",
         {
           htmlFor: g,
           className: d(
-            Be,
-            x ? "text-danger-fg" : "text-text-subtle",
+            He,
+            x ? "text-danger-fg" : "text-text-muted",
             N
           ),
           children: t
@@ -1089,17 +1097,13 @@ const Ft = {
             ref: p,
             id: g,
             "aria-invalid": x || void 0,
-            "aria-describedby": _,
+            "aria-describedby": D,
             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",
-              Ft[s],
+              Ve,
+              Ht[s],
               l && "pl-9",
               (o || h) && "pr-9",
-              x ? "border-danger-border bg-danger-soft" : "border-border hover:border-border-strong",
+              qe(x),
               m
             ),
             ...b
@@ -1116,7 +1120,7 @@ const Ft = {
       (n || r) && /* @__PURE__ */ e(
         "p",
         {
-          id: _,
+          id: D,
           className: d("mt-1 text-xs", x ? "text-danger-fg" : "text-text-subtle"),
           children: n || r
         }
@@ -1125,7 +1129,7 @@ const Ft = {
   }
 );
 be.displayName = "TextField";
-function Rt({
+function Vt({
   value: t,
   onChange: r,
   onListFolders: n,
@@ -1148,7 +1152,7 @@ function Rt({
   const m = t ?? {};
   return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ e(
-      Ne,
+      we,
       {
         size: a,
         fullWidth: !0,
@@ -1170,7 +1174,7 @@ function Rt({
     )
   ] });
 }
-const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(Se, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Ht = (t) => /* @__PURE__ */ e(ge, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Vt = {
+const fe = (...t) => t.filter(Boolean).join(" "), qt = (t) => /* @__PURE__ */ e(Se, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Ut = (t) => /* @__PURE__ */ e(ve, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Wt = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
@@ -1180,14 +1184,14 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
   md: "h-5 w-5",
   lg: "h-6 w-6",
   full: "h-6 w-6"
-}, qt = me(
+}, Kt = me(
   ({
     label: t,
     helperText: r,
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: l = /* @__PURE__ */ e(Bt, {}),
+    startIcon: l = /* @__PURE__ */ e(qt, {}),
     loading: o = !1,
     containerClassName: h,
     labelClassName: u,
@@ -1199,18 +1203,18 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
     debounceTime: C = 500,
     showAllOnOpen: g = !1,
     value: x,
-    onChange: _,
+    onChange: D,
     ...E
   }, W) => {
-    const D = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, X = !!n, U = se(null), I = se(null), [q, K] = R(x || ""), [re, j] = R(!1), [ce, k] = R(!1), [i, S] = R(!1);
+    const T = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, X = !!n, U = se(null), I = se(null), [q, K] = R(x || ""), [re, P] = R(!1), [ce, k] = R(!1), [i, S] = R(!1);
     Q(() => {
       x !== void 0 && K(x);
     }, [x]);
     const y = he(() => {
       if (g && !i || !q) return f;
-      const P = String(q).toLowerCase();
+      const j = String(q).toLowerCase();
       return f.filter(
-        (M) => String(M.label).toLowerCase().includes(P)
+        (M) => String(M.label).toLowerCase().includes(j)
       );
     }, [q, f, g, i]);
     Q(() => {
@@ -1218,7 +1222,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
         k(!1);
         return;
       }
-      const P = setTimeout(async () => {
+      const j = setTimeout(async () => {
         k(!0);
         try {
           await b(String(q));
@@ -1229,21 +1233,21 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
         }
       }, C);
       return () => {
-        clearTimeout(P), k(!1);
+        clearTimeout(j), k(!1);
       };
     }, [q, C, b]), Q(() => {
-      const P = (M) => {
-        U.current && !U.current.contains(M.target) && j(!1);
+      const j = (M) => {
+        U.current && !U.current.contains(M.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 M = P.target.value;
-      K(M), j(!0), S(!0), _ && _(P);
-    }, w = (P) => {
-      K(P.label), j(!1), S(!1), p && p(P.value);
+    const A = (j) => {
+      const M = j.target.value;
+      K(M), P(!0), S(!0), D && D(j);
+    }, w = (j) => {
+      K(j.label), P(!1), S(!1), p && p(j.value);
     }, ee = () => {
-      (f.length > 0 || b) && (j(!0), S(!1));
+      (f.length > 0 || b) && (P(!0), S(!1));
     }, ae = o || ce, le = re && (y.length > 0 || ae), G = he(() => W || I, [W]);
     return /* @__PURE__ */ c(
       "div",
@@ -1259,7 +1263,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
           t && /* @__PURE__ */ e(
             "label",
             {
-              htmlFor: D,
+              htmlFor: T,
               className: fe(
                 "block text-sm font-medium mb-1",
                 X ? "text-danger-fg" : "text-text",
@@ -1274,23 +1278,23 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
               "input",
               {
                 ref: G,
-                id: D,
+                id: T,
                 value: q,
                 onChange: A,
                 onFocus: ee,
                 className: fe(
                   // Base styles
-                  "block w-full rounded-md border bg-surface-input transition-colors duration-fast ease-out",
+                  "block w-full rounded-tile border bg-surface-input 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",
                   // Size styles
-                  Vt[s],
+                  Wt[s],
                   // Icon padding
                   l ? "pl-10" : "",
                   "pr-10",
                   // Altijd padding rechts voor de dropdown/loading icon
                   // State styles
-                  X ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border text-text",
+                  X ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
                   N || ""
                 ),
                 ...E
@@ -1299,7 +1303,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
             /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: ae || o ? (
               // Loading Spinner
               /* @__PURE__ */ e(
-                et,
+                nt,
                 {
                   className: fe("animate-spin text-info-fg", Me[s]),
                   "aria-hidden": !0
@@ -1308,7 +1312,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
             ) : (
               // Dropdown Chevron
               /* @__PURE__ */ e(
-                Ht,
+                Ut,
                 {
                   className: fe(
                     "text-text-muted cursor-pointer transition-transform",
@@ -1316,7 +1320,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
                     re ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
-                    j((P) => (P || S(!1), !P));
+                    P((j) => (j || S(!1), !j));
                   }
                 }
               )
@@ -1327,16 +1331,16 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (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: y.length > 0 ? y.map((P) => /* @__PURE__ */ e(
+              children: y.length > 0 ? y.map((j) => /* @__PURE__ */ e(
                 "li",
                 {
                   className: "px-4 py-2 cursor-pointer text-text hover:bg-accent-soft hover:text-accent transition-colors",
-                  onClick: () => w(P),
+                  onClick: () => w(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 || o ? "Zoeken op afstand..." : "Geen resultaten gevonden." })
             }
           ),
@@ -1359,8 +1363,8 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
     );
   }
 );
-qt.displayName = "SearchableTextField";
-const Ut = me(
+Kt.displayName = "SearchableTextField";
+const Gt = me(
   ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...l }, o) => {
     const h = /* @__PURE__ */ e(
       "span",
@@ -1413,8 +1417,8 @@ const Ut = me(
     );
   }
 );
-Ut.displayName = "Switch";
-function Wt({
+Gt.displayName = "Switch";
+function Jt({
   variant: t = "page",
   children: r,
   showTableSkeleton: n = !1,
@@ -1463,7 +1467,7 @@ function Wt({
     ] })
   ] }) });
 }
-const Kt = ({
+const Yt = ({
   trigger: t,
   options: r,
   value: n,
@@ -1474,7 +1478,7 @@ const Kt = ({
   showCheck: h = !0,
   header: u
 }) => {
-  const [N, m] = R(!1), [f, b] = R(null), [p, C] = R({ top: 0, left: 0 }), g = se(null), x = se(null), _ = se(null), E = se(null), W = ze(N, x, { placement: a }), D = se(null), X = () => Array.from(
+  const [N, m] = R(!1), [f, b] = R(null), [p, C] = R({ top: 0, left: 0 }), g = se(null), x = se(null), D = se(null), E = se(null), W = ze(N, x, { placement: a }), T = se(null), X = () => Array.from(
     E.current?.querySelectorAll("button[data-option-value]:not(:disabled)") ?? []
   );
   Q(() => {
@@ -1490,14 +1494,14 @@ const Kt = ({
   };
   Q(() => {
     const i = (S) => {
-      g.current && (!g.current.contains(S.target) || _.current && !_.current.contains(S.target)) && (m(!1), b(null), D.current && (clearTimeout(D.current), D.current = null));
+      g.current && (!g.current.contains(S.target) || D.current && !D.current.contains(S.target)) && (m(!1), b(null), T.current && (clearTimeout(T.current), T.current = null));
     };
     return N && document.addEventListener("mousedown", i), () => {
       document.removeEventListener("mousedown", i);
     };
   }, [N]), Q(() => {
     const i = (S) => {
-      S.key === "Escape" && (m(!1), b(null), x.current?.focus(), D.current && (clearTimeout(D.current), D.current = null));
+      S.key === "Escape" && (m(!1), b(null), x.current?.focus(), T.current && (clearTimeout(T.current), T.current = null));
     };
     return N && document.addEventListener("keydown", i), () => {
       document.removeEventListener("keydown", i);
@@ -1516,19 +1520,19 @@ const Kt = ({
       }
     }
   }, [f]), Q(() => () => {
-    D.current && clearTimeout(D.current);
+    T.current && clearTimeout(T.current);
   }, []);
   const I = (i) => {
-    i.stopPropagation(), !l && (m(!N), b(null), D.current && (clearTimeout(D.current), D.current = null));
+    i.stopPropagation(), !l && (m(!N), b(null), T.current && (clearTimeout(T.current), T.current = null));
   }, q = (i, S, y) => {
     i.stopPropagation(), !S.disabled && !S.divider && (!S.children || S.children.length === 0) && (s?.(S.value, y), m(!1), b(null));
   }, K = (i) => {
-    D.current && (clearTimeout(D.current), D.current = null), i.children && i.children.length > 0 ? b(i.value) : b(null);
+    T.current && (clearTimeout(T.current), T.current = null), i.children && i.children.length > 0 ? b(i.value) : b(null);
   }, re = (i) => {
-    i.children && i.children.length > 0 ? D.current = setTimeout(() => {
+    i.children && i.children.length > 0 ? T.current = setTimeout(() => {
       b(null);
     }, 150) : b(null);
-  }, j = (i, S, y) => {
+  }, P = (i, S, y) => {
     i.stopPropagation(), !S.disabled && !S.divider && (s?.(S.value, y), m(!1), b(null));
   }, ce = d(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
@@ -1608,17 +1612,17 @@ const Kt = ({
               y && A && /* @__PURE__ */ e(
                 "div",
                 {
-                  ref: _,
+                  ref: D,
                   className: k,
                   style: {
                     top: `${p.top}px`,
                     left: `${p.left}px`
                   },
                   onMouseEnter: () => {
-                    D.current && (clearTimeout(D.current), D.current = null), b(i.value);
+                    T.current && (clearTimeout(T.current), T.current = null), b(i.value);
                   },
                   onMouseLeave: () => {
-                    D.current = setTimeout(() => {
+                    T.current = setTimeout(() => {
                       b(null);
                     }, 150);
                   },
@@ -1637,7 +1641,7 @@ const Kt = ({
                     return /* @__PURE__ */ c(
                       "button",
                       {
-                        onClick: (le) => j(
+                        onClick: (le) => P(
                           le,
                           w,
                           i.value
@@ -1682,17 +1686,17 @@ const Kt = ({
       ]
     }
   );
-}, un = (t) => (r) => t(r instanceof Date ? r : null), mn = (t) => (r) => t(typeof r == "string" ? r : ""), Le = {
+}, xn = (t) => (r) => t(r instanceof Date ? r : null), bn = (t) => (r) => t(typeof r == "string" ? r : ""), Ie = {
   none: "pl-0",
   sm: "pl-2",
   md: "pl-4",
   lg: "pl-6"
-}, Ie = {
+}, je = {
   none: "pr-0",
   sm: "pr-2",
   md: "pr-4",
   lg: "pr-6"
-}, 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" }), He = () => /* @__PURE__ */ e(Y, { icon: ge, size: "md", color: "current" }), tr = (t) => {
+}, Xt = () => /* @__PURE__ */ e(Y, { icon: Se, size: "md", color: "current" }), Zt = ({ active: t }) => /* @__PURE__ */ e(Y, { icon: st, size: "sm", className: t ? "text-text" : "text-text-subtle" }), Qt = ({ active: t }) => /* @__PURE__ */ e(Y, { icon: ve, size: "sm", className: t ? "text-text" : "text-text-subtle" }), er = () => /* @__PURE__ */ e(Y, { icon: ke, size: "md", color: "current" }), tr = () => /* @__PURE__ */ e(Y, { icon: Ce, size: "md", color: "current" }), rr = () => /* @__PURE__ */ e(Y, { icon: at, size: "md", color: "current" }), nr = () => /* @__PURE__ */ e(Y, { icon: lt, size: "md", color: "current" }), Ue = () => /* @__PURE__ */ e(Y, { icon: ve, size: "md", color: "current" }), sr = (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);
   };
@@ -1711,7 +1715,7 @@ const Kt = ({
       /* @__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(Ue, {}) })
     ] }),
     /* @__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(
@@ -1757,17 +1761,17 @@ const Kt = ({
   getRowKey: C = (I, q) => q,
   emptyContent: g,
   hoverable: x = !0,
-  bordered: _ = !1,
+  bordered: D = !1,
   striped: E = !1,
   padding: W = "md",
-  className: D,
+  className: T,
   rowClassName: X,
   headerBackground: U = !0
 }) => {
   const [I, q] = R(""), [K, re] = R({
     column: null,
     direction: null
-  }), [j, ce] = R({
+  }), [P, ce] = R({
     page: 0,
     pageSize: u
   }), k = se(null), i = he(() => {
@@ -1776,8 +1780,8 @@ const Kt = ({
       const V = r.filter(
         (J) => J.searchable !== !1
       ), Z = I.toLowerCase();
-      v = v.filter((J) => V.some((O) => {
-        const ie = typeof O.accessor == "function" ? O.accessor(J) : J[O.accessor];
+      v = v.filter((J) => V.some((F) => {
+        const ie = typeof F.accessor == "function" ? F.accessor(J) : J[F.accessor];
         return String(ie || "").toLowerCase().includes(Z);
       }));
     }
@@ -1785,23 +1789,23 @@ const Kt = ({
       V.value && V.value !== "all" && (v = v.filter((Z) => {
         const J = r.find((ie) => ie.id === V.id);
         if (!J) return !0;
-        const O = typeof J.accessor == "function" ? J.accessor(Z) : Z[J.accessor];
-        return String(O || "") === V.value;
+        const F = typeof J.accessor == "function" ? J.accessor(Z) : Z[J.accessor];
+        return String(F || "") === V.value;
       }));
     }), v;
   }, [t, I, r, s, l]), S = he(() => {
     if (!K.column || !K.direction) return i;
     const v = r.find((V) => V.id === K.column);
     return v ? [...i].sort((V, Z) => {
-      const J = typeof v.accessor == "function" ? v.accessor(V) : V[v.accessor], O = typeof v.accessor == "function" ? v.accessor(Z) : Z[v.accessor];
+      const J = typeof v.accessor == "function" ? v.accessor(V) : V[v.accessor], F = typeof v.accessor == "function" ? v.accessor(Z) : Z[v.accessor];
       let ie = 0;
-      return J < O ? ie = -1 : J > O && (ie = 1), K.direction === "desc" ? -ie : ie;
+      return J < F ? ie = -1 : J > F && (ie = 1), K.direction === "desc" ? -ie : ie;
     }) : i;
   }, [i, K, r]), y = he(() => {
     if (!o) return S;
-    const v = j.page * j.pageSize, V = v + j.pageSize;
+    const v = P.page * P.pageSize, V = v + P.pageSize;
     return S.slice(v, V);
-  }, [S, j, o]), A = ue(
+  }, [S, P, o]), A = 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 });
     },
@@ -1814,8 +1818,8 @@ const Kt = ({
     (v, V) => {
       if (!p) return;
       const Z = C(v, 0);
-      b.map((J, O) => C(J, O)), p(V ? [...b, v] : b.filter(
-        (J, O) => C(b[O], O) !== Z
+      b.map((J, F) => C(J, F)), p(V ? [...b, v] : b.filter(
+        (J, F) => C(b[F], F) !== Z
       ));
     },
     [b, p, C]
@@ -1830,20 +1834,20 @@ const Kt = ({
   }, [I, K]), Q(() => {
     ce((v) => ({ ...v, page: 0 }));
   }, [l.map((v) => v.value).join(",")]);
-  const G = S.length, P = Math.ceil(G / j.pageSize), M = j.page * j.pageSize + 1, T = Math.min(M + j.pageSize - 1, G), z = y.length > 0 && y.every((v) => {
+  const G = S.length, j = Math.ceil(G / P.pageSize), M = P.page * P.pageSize + 1, _ = Math.min(M + P.pageSize - 1, G), z = y.length > 0 && y.every((v) => {
     const V = C(v, 0);
     return b.some(
       (Z, J) => C(Z, J) === V
     );
-  }), B = y.some((v) => {
+  }), H = y.some((v) => {
     const V = C(v, 0);
     return b.some(
       (Z, J) => C(Z, J) === V
     );
-  }), F = d(
+  }), B = d(
     "w-full text-sm leading-5 text-text border-collapse",
-    D
-  ), H = U ? "bg-surface-sunk border-border border-t" : "bg-surface", $ = d(H, "h-control-lg"), L = d(
+    T
+  ), O = U ? "bg-surface-sunk border-border border-t" : "bg-surface", $ = d(O, "h-control-lg"), L = d(
     "text-text border-b border-border p-2"
   ), te = d("h-row-lg", {
     "hover:bg-surface-sunk": x,
@@ -1851,28 +1855,28 @@ const Kt = ({
   });
   return /* @__PURE__ */ c("div", { className: "space-y-4", children: [
     (s || l.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: [
-      l.map((v) => /* @__PURE__ */ e(tr, { ...v }, v.id)),
+      l.map((v) => /* @__PURE__ */ e(sr, { ...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: I,
           onChange: (v) => q(v.target.value),
-          startIcon: /* @__PURE__ */ e(Gt, {}),
+          startIcon: /* @__PURE__ */ e(Xt, {}),
           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(
-        Wt,
+        Jt,
         {
           showTableSkeleton: !0,
           tableRows: 10,
           tableColumns: r.length
         }
       ) }),
-      /* @__PURE__ */ c("table", { ref: k, className: d(F, "min-w-full"), children: [
+      /* @__PURE__ */ c("table", { ref: k, className: d(B, "min-w-full"), children: [
         /* @__PURE__ */ e("thead", { className: $, children: /* @__PURE__ */ c("tr", { children: [
           f && /* @__PURE__ */ e("th", { className: d(L, "w-12"), children: /* @__PURE__ */ e(
             "input",
@@ -1880,7 +1884,7 @@ const Kt = ({
               type: "checkbox",
               checked: z,
               ref: (v) => {
-                v && (v.indeterminate = B && !z);
+                v && (v.indeterminate = H && !z);
               },
               onChange: (v) => le(v.target.checked),
               className: "rounded border-border [&:not(:checked)]:bg-surface-input text-accent"
@@ -1898,11 +1902,11 @@ const Kt = ({
                   "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 ${O}`]: v.sticky === "left",
+                  [`sticky right-0 ${O}`]: v.sticky === "right"
                 },
-                V === 0 && Le[W],
-                V === r.length - 1 && Ie[W]
+                V === 0 && Ie[W],
+                V === r.length - 1 && je[W]
               ),
               style: { width: v.width },
               onClick: () => v.sortable && A(v.id),
@@ -1917,13 +1921,13 @@ const Kt = ({
                     ),
                     children: [
                       /* @__PURE__ */ e(
-                        Jt,
+                        Zt,
                         {
                           active: K.column === v.id && K.direction === "asc"
                         }
                       ),
                       /* @__PURE__ */ e(
-                        Yt,
+                        Qt,
                         {
                           active: K.column === v.id && K.direction === "desc"
                         }
@@ -1949,7 +1953,7 @@ const Kt = ({
           }
         ) }) : y.map((v, V) => {
           const Z = C(v, V), J = b.some(
-            (O, ie) => C(O, ie) === Z
+            (F, ie) => C(F, ie) === Z
           );
           return /* @__PURE__ */ c(
             "tr",
@@ -1959,8 +1963,8 @@ const Kt = ({
                 { "bg-accent-soft": J },
                 X?.(v, V)
               ),
-              onClick: (O) => {
-                O.stopPropagation(), m?.(v, V);
+              onClick: (F) => {
+                F.stopPropagation(), m?.(v, V);
               },
               children: [
                 f && /* @__PURE__ */ e("td", { className: L, children: /* @__PURE__ */ e(
@@ -1968,50 +1972,50 @@ const Kt = ({
                   {
                     type: "checkbox",
                     checked: J,
-                    onChange: (O) => {
-                      O.stopPropagation(), ae(v, O.target.checked);
+                    onChange: (F) => {
+                      F.stopPropagation(), ae(v, F.target.checked);
                     },
                     className: "rounded border-border [&:not(:checked)]:bg-surface-input text-accent"
                   }
                 ) }),
-                r.map((O, ie) => {
-                  const ve = typeof O.accessor == "function" ? O.accessor(v) : v[O.accessor];
+                r.map((F, ie) => {
+                  const ye = typeof F.accessor == "function" ? F.accessor(v) : v[F.accessor];
                   return /* @__PURE__ */ e(
                     "td",
                     {
                       className: d(
                         L,
                         {
-                          "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"
+                          "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"
                         },
-                        ie === 0 && Le[W],
-                        ie === r.length - 1 && Ie[W]
+                        ie === 0 && Ie[W],
+                        ie === r.length - 1 && je[W]
                       ),
-                      children: O.cell ? O.cell(ve, v, ie) : String(ve || "")
+                      children: F.cell ? F.cell(ye, v, ie) : String(ye || "")
                     },
-                    O.id
+                    F.id
                   );
                 }),
                 N.length > 0 && /* @__PURE__ */ e("td", { className: L, children: /* @__PURE__ */ e(
-                  Kt,
+                  Yt,
                   {
                     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(Ue, {})
                     ] }),
-                    options: N.map((O) => ({
-                      value: O.id,
-                      label: O.label,
-                      icon: O.icon,
-                      disabled: O.disabled?.(v)
+                    options: N.map((F) => ({
+                      value: F.id,
+                      label: F.label,
+                      icon: F.icon,
+                      disabled: F.disabled?.(v)
                     })),
-                    onSelect: (O) => {
+                    onSelect: (F) => {
                       const ie = N.find(
-                        (ve) => ve.id === O
+                        (ye) => ye.id === F
                       );
                       ie && ie.onClick(v, V);
                     },
@@ -2031,7 +2035,7 @@ const Kt = ({
           "Showing ",
           M,
           " to ",
-          T,
+          _,
           " of ",
           G,
           " results"
@@ -2041,7 +2045,7 @@ const Kt = ({
           /* @__PURE__ */ e(
             "select",
             {
-              value: j.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: h.map((v) => /* @__PURE__ */ e("option", { value: v, children: v }, v))
@@ -2056,9 +2060,9 @@ const Kt = ({
             size: "sm",
             variant: "ghost",
             onClick: () => w(0),
-            disabled: j.page === 0,
+            disabled: P.page === 0,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(Qt, {})
+            children: /* @__PURE__ */ e(rr, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -2066,27 +2070,27 @@ const Kt = ({
           {
             size: "sm",
             variant: "ghost",
-            onClick: () => w(j.page - 1),
-            disabled: j.page === 0,
+            onClick: () => w(P.page - 1),
+            disabled: P.page === 0,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(Xt, {})
+            children: /* @__PURE__ */ e(er, {})
           }
         ),
         /* @__PURE__ */ c("span", { className: "px-3 py-1 text-sm text-text-muted", children: [
           "Page ",
-          j.page + 1,
+          P.page + 1,
           " of ",
-          P
+          j
         ] }),
         /* @__PURE__ */ e(
           ne,
           {
             size: "sm",
             variant: "ghost",
-            onClick: () => w(j.page + 1),
-            disabled: j.page >= P - 1,
+            onClick: () => w(P.page + 1),
+            disabled: P.page >= j - 1,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(Zt, {})
+            children: /* @__PURE__ */ e(tr, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -2094,16 +2098,16 @@ const Kt = ({
           {
             size: "sm",
             variant: "ghost",
-            onClick: () => w(P - 1),
-            disabled: j.page >= P - 1,
+            onClick: () => w(j - 1),
+            disabled: P.page >= j - 1,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(er, {})
+            children: /* @__PURE__ */ e(nr, {})
           }
         )
       ] })
     ] })
   ] });
-}, rr = ht(null), fn = ({
+}, ar = pt(null), pn = ({
   items: t,
   activeTab: r,
   onTabChange: n,
@@ -2135,7 +2139,7 @@ const Kt = ({
     },
     u.id
   )) }) });
-}, nr = ({
+}, lr = ({
   items: t,
   defaultTab: r,
   activeTab: n,
@@ -2161,7 +2165,7 @@ const Kt = ({
     },
     o
   ), C = (g, x) => {
-    const _ = "transition-colors duration-fast font-medium", E = {
+    const D = "transition-colors duration-fast font-medium", E = {
       "text-xs px-2 py-1": l === "sm",
       "text-sm px-3 py-2": l === "md",
       "text-base px-4 py-3": l === "lg"
@@ -2172,7 +2176,7 @@ const Kt = ({
       "rounded-md": a === "pills",
       // Underline variant
       "border-b-2 pb-2": a === "underline"
-    }, D = {
+    }, T = {
       "opacity-50 cursor-not-allowed": g.disabled,
       "cursor-pointer": !g.disabled
     }, X = x ? {
@@ -2183,9 +2187,9 @@ const Kt = ({
       "text-text-muted hover:text-text": a === "pills",
       "border-transparent text-text-muted hover:text-text hover:border-border": a === "underline"
     } : {};
-    return d(_, E, W, D, X, U);
+    return d(D, E, W, T, X, U);
   };
-  return /* @__PURE__ */ e(rr.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
+  return /* @__PURE__ */ e(ar.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ e("div", { className: p, role: "tablist", children: t.map((g) => /* @__PURE__ */ e(
       "button",
       {
@@ -2214,14 +2218,14 @@ const Kt = ({
       }
     )
   ] }) });
-}, sr = {
+}, or = {
   sm: "max-w-md",
   md: "max-w-lg",
   lg: "max-w-2xl",
   xl: "max-w-4xl",
   full: "max-w-full mx-4"
 };
-function Ve({
+function We({
   open: t,
   onClose: r,
   title: n,
@@ -2265,7 +2269,7 @@ function Ve({
             "relative w-full bg-surface rounded-lg shadow-modal",
             // 'animate-scale-in',
             "focus:outline-none",
-            sr[s],
+            or[s],
             o
           ),
           role: "dialog",
@@ -2288,7 +2292,7 @@ function Ve({
                   onClick: r,
                   className: "p-1 text-text-muted hover:text-text transition-colors",
                   "aria-label": "Close modal",
-                  children: /* @__PURE__ */ e(Y, { icon: we, size: "lg", color: "current" })
+                  children: /* @__PURE__ */ e(Y, { icon: ge, size: "lg", color: "current" })
                 }
               )
             ] }),
@@ -2300,19 +2304,19 @@ function Ve({
     }
   ) : null;
 }
-const ar = {
+const cr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, lr = {
+}, ir = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, or = {
+}, dr = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -2323,12 +2327,12 @@ const ar = {
   neutral: "text-text",
   current: "text-current",
   muted: "text-text-subtle"
-}, cr = {
+}, ur = {
   left: "text-left",
   center: "text-center",
   right: "text-right",
   justify: "text-justify"
-}, ir = {
+}, mr = {
   tight: "leading-tight",
   normal: "leading-normal",
   relaxed: "leading-relaxed"
@@ -2347,28 +2351,28 @@ const ar = {
   children: f,
   ...b
 }) => {
-  const p = N || dr(t), C = t === "caption", g = t === "label", x = t === "code", _ = d(
+  const p = N || fr(t), C = t === "caption", g = t === "label", x = t === "code", D = d(
     "font-sans",
     // Variant — caption and label pin their own size/weight
     C && "text-xs text-text-subtle",
     g && "text-xs font-semibold uppercase tracking-label text-text-subtle",
     x && "font-mono text-sm rounded-sm bg-surface-hover px-1 py-0.5",
     // Size — only where the variant does not pin it
-    !C && !g && !x && ar[r],
+    !C && !g && !x && cr[r],
     // Weight — label owns its weight
-    !g && lr[n],
-    or[s],
-    cr[a],
+    !g && ir[n],
+    dr[s],
+    ur[a],
     // Line height only overrides the body variant
-    t === "body" && ir[u],
+    t === "body" && mr[u],
     o && "italic",
     h && "underline",
     l && "truncate",
     m
   );
-  return /* @__PURE__ */ e(p, { className: _, ...b, children: f });
+  return /* @__PURE__ */ e(p, { className: D, ...b, children: f });
 };
-function dr(t) {
+function fr(t) {
   return {
     body: "p",
     caption: "span",
@@ -2376,7 +2380,7 @@ function dr(t) {
     code: "code"
   }[t] || "p";
 }
-const ur = ({
+const hr = ({
   value: t,
   onChange: r,
   label: n,
@@ -2390,7 +2394,7 @@ const ur = ({
   onDownloadFile: m,
   onRegisterFile: f
 }) => {
-  const [b, p] = R(!1), [C, g] = R([]), [x, _] = R(null), [E, W] = R("/"), [D, X] = R([]), [U, I] = R(!1), [q, K] = R(""), [re, j] = R(
+  const [b, p] = R(!1), [C, g] = R([]), [x, D] = R(null), [E, W] = R("/"), [T, X] = R([]), [U, I] = R(!1), [q, K] = R(""), [re, P] = R(
     typeof t == "object" ? t : null
   ), [ce, k] = R(!1), [i, S] = R(""), y = se(null);
   Q(() => {
@@ -2436,7 +2440,7 @@ const ur = ({
           providerKey: L.name,
           ownerId: "me"
         };
-        j(V), r(V, v), p(!1);
+        P(V), r(V, v), p(!1);
       } catch (te) {
         console.error("Local file selection failed", te);
       } finally {
@@ -2457,7 +2461,7 @@ const ur = ({
         });
         if (v?.data) {
           const V = v.data;
-          j(V), r(V, new Uint8Array(te)), p(!1);
+          P(V), r(V, new Uint8Array(te)), p(!1);
         }
       } catch (te) {
         console.error("Upload failed", te);
@@ -2490,17 +2494,17 @@ const ur = ({
     I(!0);
     try {
       const L = await m?.($.id);
-      j($), r($, L), p(!1);
+      P($), r($, L), p(!1);
     } catch (L) {
       console.error("Failed to download file", L);
     } finally {
       I(!1);
     }
-  }, P = ($) => {
-    $.stopPropagation(), j(null), r(null);
+  }, j = ($) => {
+    $.stopPropagation(), P(null), r(null);
   }, M = he(() => {
     const $ = /* @__PURE__ */ new Set(), L = [];
-    return D.forEach((te) => {
+    return T.forEach((te) => {
       if (te.type === "folder") {
         te.path === E && $.add(te.name);
         return;
@@ -2511,12 +2515,12 @@ const ur = ({
       folders: Array.from($).sort(),
       files: L.sort((te, v) => te.name.localeCompare(v.name))
     };
-  }, [D, E]), T = ($) => {
+  }, [T, E]), _ = ($) => {
     W((L) => `${L}${$}/`);
   }, z = () => {
     const $ = E.split("/").filter((L) => L !== "");
     $.pop(), $.length === 0 ? W("/") : W(`${$.join("/")}/`);
-  }, B = he(() => {
+  }, H = he(() => {
     const $ = M.folders.map((L) => ({
       id: `folder-${L}`,
       name: L,
@@ -2528,7 +2532,7 @@ const ur = ({
         type: "file"
       });
     }), $;
-  }, [M]), F = [
+  }, [M]), B = [
     {
       id: "name",
       header: "Name",
@@ -2566,14 +2570,14 @@ const ur = ({
           size: "sm",
           variant: "outline",
           onClick: (te) => {
-            te.stopPropagation(), L.type === "folder" ? T(L.name) : G(L);
+            te.stopPropagation(), L.type === "folder" ? _(L.name) : G(L);
           },
           loading: U && L.type === "file" && re?.id === L.id,
           children: L.type === "folder" ? "Open" : "Select"
         }
       )
     }
-  ], H = [
+  ], O = [
     {
       id: "name",
       header: "Mount Name",
@@ -2588,7 +2592,7 @@ const ur = ({
       header: "",
       accessor: "id",
       align: "right",
-      cell: ($, L) => /* @__PURE__ */ e(ne, { size: "sm", variant: "outline", onClick: () => _(L), children: "Open" })
+      cell: ($, L) => /* @__PURE__ */ e(ne, { size: "sm", variant: "outline", onClick: () => D(L), children: "Open" })
     }
   ];
   return /* @__PURE__ */ c("div", { className: "space-y-1", children: [
@@ -2609,9 +2613,9 @@ const ur = ({
           re && !l && /* @__PURE__ */ e(
             "button",
             {
-              onClick: P,
+              onClick: j,
               className: "p-1 hover:bg-surface-hover rounded",
-              children: /* @__PURE__ */ e(Y, { icon: we, size: "xs" })
+              children: /* @__PURE__ */ e(Y, { icon: ge, size: "xs" })
             }
           )
         ]
@@ -2619,16 +2623,16 @@ const ur = ({
     ),
     a && /* @__PURE__ */ e(de, { variant: "body", size: "xs", className: "text-danger-fg", children: a }),
     /* @__PURE__ */ e(
-      Ve,
+      We,
       {
         open: b,
         onClose: () => {
-          p(!1), _(null), W("/"), k(!1);
+          p(!1), D(null), W("/"), k(!1);
         },
         title: x ? `Explorer: ${x.name}` : "Select Storage Mount",
         size: "lg",
         children: /* @__PURE__ */ e(
-          nr,
+          lr,
           {
             variant: "pills",
             items: [
@@ -2643,9 +2647,9 @@ const ur = ({
                         variant: "ghost",
                         size: "sm",
                         onClick: () => {
-                          E && E !== "/" ? z() : _(null);
+                          E && E !== "/" ? z() : D(null);
                         },
-                        leftIcon: /* @__PURE__ */ e(Y, { icon: st, size: "xs" }),
+                        leftIcon: /* @__PURE__ */ e(Y, { icon: ot, size: "xs" }),
                         children: E ? "Back" : "Back to Mounts"
                       }
                     ),
@@ -2668,7 +2672,7 @@ const ur = ({
                           variant: "outline",
                           size: "sm",
                           onClick: () => k(!0),
-                          leftIcon: /* @__PURE__ */ e(Y, { icon: at, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Y, { icon: ct, size: "xs" }),
                           children: "New Folder"
                         }
                       ),
@@ -2678,7 +2682,7 @@ const ur = ({
                           variant: "primary",
                           size: "sm",
                           onClick: () => y.current?.click(),
-                          leftIcon: /* @__PURE__ */ e(Y, { icon: lt, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Y, { icon: it, size: "xs" }),
                           loading: U,
                           children: "Upload"
                         }
@@ -2713,21 +2717,21 @@ const ur = ({
                   /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
                     Pe,
                     {
-                      data: B,
-                      columns: F,
+                      data: H,
+                      columns: B,
                       loading: U,
                       emptyContent: "This folder is empty",
-                      onRowClick: ($) => $.type === "folder" ? T($.name) : G($)
+                      onRowClick: ($) => $.type === "folder" ? _($.name) : G($)
                     }
                   ) })
                 ] }) : /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
                   Pe,
                   {
                     data: C,
-                    columns: H,
+                    columns: O,
                     loading: U,
                     emptyContent: "No storage mounts configured",
-                    onRowClick: ($) => _($)
+                    onRowClick: ($) => D($)
                   }
                 ) }) })
               },
@@ -2763,7 +2767,7 @@ const ur = ({
       }
     )
   ] });
-}, mr = {
+}, xr = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-3 py-2 text-base",
   lg: "px-3 py-2 text-md",
@@ -2790,8 +2794,8 @@ const ur = ({
         {
           htmlFor: C,
           className: d(
-            Be,
-            g ? "text-danger-fg" : "text-text-subtle",
+            He,
+            g ? "text-danger-fg" : "text-text-muted",
             h
           ),
           children: t
@@ -2807,13 +2811,10 @@ const ur = ({
             "aria-invalid": g || void 0,
             "aria-describedby": x,
             className: d(
-              "block w-full resize-y 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",
-              mr[s],
-              g ? "border-danger-border bg-danger-soft" : "border-border hover:border-border-strong",
+              Ve,
+              "resize-y leading-relaxed",
+              xr[s],
+              qe(g),
               u
             ),
             ...f
@@ -2839,13 +2840,13 @@ const ur = ({
   }
 );
 De.displayName = "TextArea";
-function je(t, r) {
+function Oe(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-function fr(t, r, n) {
+function br(t, r, n) {
   const s = r.split("."), a = Array.isArray(t) ? [...t] : { ...t };
   let l = a;
   for (let o = 0; o < s.length - 1; o++) {
@@ -2854,7 +2855,7 @@ function fr(t, r, n) {
   }
   return l[s[s.length - 1]] = n, a;
 }
-function hr(t, r) {
+function pr(t, r) {
   const n = r.split("."), s = Array.isArray(t) ? [...t] : { ...t };
   let a = s;
   for (let l = 0; l < n.length - 1; l++) {
@@ -2864,7 +2865,7 @@ function hr(t, r) {
   }
   return delete a[n[n.length - 1]], s;
 }
-const hn = ({
+const gn = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -2882,9 +2883,9 @@ const hn = ({
   ref: C,
   sdk: g
 }) => {
-  const [x, _] = R(r || {}), [E, W] = R({}), [D, X] = R({});
+  const [x, D] = R(r || {}), [E, W] = R({}), [T, X] = R({});
   Q(() => {
-    r && _({ ...r });
+    r && D({ ...r });
   }, [r]);
   const U = ue(
     (k, i, S) => {
@@ -2903,11 +2904,11 @@ const hn = ({
           if (i.forEach((ee, ae) => {
             const le = {};
             for (const G of y.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`, w = !0;
               else if (G.validator) {
-                const M = G.validator(P, ee);
+                const M = G.validator(j, ee);
                 M && (le[G.name] = M, w = !0);
               }
             }
@@ -2921,12 +2922,12 @@ const hn = ({
     [t]
   ), I = ue(
     (k, i) => {
-      let S = fr(
+      let S = br(
         x,
         k,
         i
       );
-      t.flatMap((w) => w.items).find((w) => w.name === k)?.removeIfEmpty && (i == null || i === "") && (S = hr(S, k)), _(S), X((w) => ({ ...w, [k]: !0 }));
+      t.flatMap((w) => w.items).find((w) => w.name === k)?.removeIfEmpty && (i == null || i === "") && (S = pr(S, k)), D(S), X((w) => ({ ...w, [k]: !0 }));
       const A = U(k, i, S);
       W((w) => ({
         ...w,
@@ -2943,7 +2944,7 @@ const hn = ({
           continue;
         const w = U(
           A.name,
-          je(x, A.name),
+          Oe(x, A.name),
           x
         );
         w && (i[A.name] = w);
@@ -2960,7 +2961,7 @@ const hn = ({
     [x, t, U, o, l, n, b]
   ), K = ue(
     (k) => {
-      const i = je(x, k.name), S = D[k.name] ? E[k.name] : void 0, y = k.disabled || b, A = {
+      const i = Oe(x, k.name), S = T[k.name] ? E[k.name] : void 0, y = k.disabled || b, A = {
         value: i || "",
         disabled: y,
         required: k.required,
@@ -2998,7 +2999,7 @@ const hn = ({
           );
         case "select":
           return /* @__PURE__ */ e(
-            Ne,
+            we,
             {
               ...A,
               onChange: (w) => I(k.name, w),
@@ -3039,7 +3040,7 @@ const hn = ({
                     checked: i === w.value,
                     onChange: () => I(k.name, w.value),
                     disabled: y || w.disabled,
-                    className: "size-checkbox shrink-0 border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
+                    className: "size-checkbox shrink-0 rounded-xs border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
                   }
                 ),
                 w.label
@@ -3059,7 +3060,7 @@ const hn = ({
           );
         case "file":
           return /* @__PURE__ */ e(
-            ur,
+            hr,
             {
               ...A,
               value: i,
@@ -3092,7 +3093,7 @@ const hn = ({
           );
         case "folder":
           return /* @__PURE__ */ e(
-            Rt,
+            Vt,
             {
               value: i || {},
               onChange: (w) => I(k.name, w),
@@ -3122,40 +3123,40 @@ const hn = ({
             }
           const ae = () => {
             I(k.name, [...w, {}]);
-          }, le = (P) => {
+          }, le = (j) => {
             I(
               k.name,
-              w.filter((M, T) => T !== P)
+              w.filter((M, _) => _ !== j)
             );
-          }, G = (P, M, T) => {
+          }, G = (j, M, _) => {
             const z = [...w];
-            z[P] = {
-              ...z[P],
-              [M]: T
+            z[j] = {
+              ...z[j],
+              [M]: _
             }, I(k.name, z);
           };
           return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
-            w.map((P, M) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
-              /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: k.arrayFields?.map((T) => {
-                const z = ee?.[M]?.[T.name];
+            w.map((j, M) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: k.arrayFields?.map((_) => {
+                const z = ee?.[M]?.[_.name];
                 return /* @__PURE__ */ c(
                   "div",
                   {
                     className: "flex flex-col gap-1",
                     children: [
                       M === 0 && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
-                        T.label,
-                        T.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
+                        _.label,
+                        _.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                       ] }),
                       (() => {
-                        const B = {
-                          value: P?.[T.name] || "",
+                        const H = {
+                          value: j?.[_.name] || "",
                           disabled: y,
-                          required: T.required,
-                          placeholder: T.placeholder,
-                          ...T.fieldProps
+                          required: _.required,
+                          placeholder: _.placeholder,
+                          ..._.fieldProps
                         };
-                        switch (T.type) {
+                        switch (_.type) {
                           case "text":
                           case "email":
                           case "password":
@@ -3165,14 +3166,14 @@ const hn = ({
                             return /* @__PURE__ */ e(
                               be,
                               {
-                                ...B,
-                                onChange: (F) => G(
+                                ...H,
+                                onChange: (B) => G(
                                   M,
-                                  T.name,
-                                  F.target.value
+                                  _.name,
+                                  B.target.value
                                 ),
-                                type: T.textType || T.type,
-                                autoComplete: T.autocomplete,
+                                type: _.textType || _.type,
+                                autoComplete: _.autocomplete,
                                 error: z,
                                 size: f
                               }
@@ -3181,11 +3182,11 @@ const hn = ({
                             return /* @__PURE__ */ e(
                               De,
                               {
-                                ...B,
-                                onChange: (F) => G(
+                                ...H,
+                                onChange: (B) => G(
                                   M,
-                                  T.name,
-                                  F.target.value
+                                  _.name,
+                                  B.target.value
                                 ),
                                 rows: 4,
                                 error: z,
@@ -3194,23 +3195,23 @@ const hn = ({
                             );
                           case "select":
                             return /* @__PURE__ */ e(
-                              Ne,
+                              we,
                               {
-                                ...B,
-                                onChange: (F) => G(
+                                ...H,
+                                onChange: (B) => G(
                                   M,
-                                  T.name,
-                                  F
+                                  _.name,
+                                  B
                                 ),
-                                options: (T.options || []).map(
-                                  (F) => ({
-                                    ...F,
-                                    value: String(F.value)
+                                options: (_.options || []).map(
+                                  (B) => ({
+                                    ...B,
+                                    value: String(B.value)
                                   })
                                 ),
-                                searchable: T.searchable,
-                                multiple: T.multiple,
-                                allowCreate: T.allowCreate,
+                                searchable: _.searchable,
+                                multiple: _.multiple,
+                                allowCreate: _.allowCreate,
                                 error: z,
                                 size: f
                               }
@@ -3219,18 +3220,18 @@ const hn = ({
                             return /* @__PURE__ */ e(
                               pe,
                               {
-                                ...B,
-                                checked: !!P?.[T.name],
-                                onChange: (F) => G(
+                                ...H,
+                                checked: !!j?.[_.name],
+                                onChange: (B) => G(
                                   M,
-                                  T.name,
-                                  F.target.checked
+                                  _.name,
+                                  B.target.checked
                                 ),
                                 size: f
                               }
                             );
                           case "radio":
-                            return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: T.options?.map((F) => /* @__PURE__ */ c(
+                            return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: _.options?.map((B) => /* @__PURE__ */ c(
                               "label",
                               {
                                 className: "flex cursor-pointer items-center gap-2 text-base text-text",
@@ -3239,46 +3240,46 @@ const hn = ({
                                     "input",
                                     {
                                       type: "radio",
-                                      name: `${k.name}.${M}.${T.name}`,
-                                      value: F.value,
-                                      checked: P?.[T.name] === F.value,
+                                      name: `${k.name}.${M}.${_.name}`,
+                                      value: B.value,
+                                      checked: j?.[_.name] === B.value,
                                       onChange: () => G(
                                         M,
-                                        T.name,
-                                        F.value
+                                        _.name,
+                                        B.value
                                       ),
-                                      disabled: y || F.disabled,
-                                      className: "size-checkbox shrink-0 border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
+                                      disabled: y || B.disabled,
+                                      className: "size-checkbox shrink-0 rounded-xs border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
                                     }
                                   ),
-                                  F.label
+                                  B.label
                                 ]
                               },
-                              F.value
+                              B.value
                             )) });
                           case "date": {
-                            const F = P?.[T.name];
+                            const B = j?.[_.name];
                             return /* @__PURE__ */ e(
                               $e,
                               {
-                                ...B,
-                                value: F ? new Date(F) : null,
-                                onChange: (H) => G(
+                                ...H,
+                                value: B ? new Date(B) : null,
+                                onChange: (O) => G(
                                   M,
-                                  T.name,
-                                  H
+                                  _.name,
+                                  O
                                 ),
                                 size: f
                               }
                             );
                           }
                           case "custom":
-                            return T.customComponent?.({
-                              value: P?.[T.name],
-                              onChange: (F) => G(
+                            return _.customComponent?.({
+                              value: j?.[_.name],
+                              onChange: (B) => G(
                                 M,
-                                T.name,
-                                F
+                                _.name,
+                                B
                               ),
                               error: z,
                               disabled: y
@@ -3288,14 +3289,14 @@ const hn = ({
                             return /* @__PURE__ */ c("p", { children: [
                               "Unsupported field type in array:",
                               " ",
-                              T.type
+                              _.type
                             ] });
                         }
                       })(),
                       z && /* @__PURE__ */ e("p", { className: "text-xs text-danger-fg", children: z })
                     ]
                   },
-                  T.name
+                  _.name
                 );
               }) }),
               /* @__PURE__ */ e(
@@ -3309,7 +3310,7 @@ const hn = ({
                   onClick: () => le(M),
                   disabled: y,
                   className: d("shrink-0", M === 0 && "mt-5"),
-                  children: /* @__PURE__ */ e(ot, { className: "size-icon-md" })
+                  children: /* @__PURE__ */ e(dt, { className: "size-icon-md" })
                 }
               )
             ] }, M)),
@@ -3319,7 +3320,7 @@ const hn = ({
                 type: "button",
                 variant: "secondary",
                 size: "sm",
-                leftIcon: /* @__PURE__ */ e(ct, { className: "size-icon-sm" }),
+                leftIcon: /* @__PURE__ */ e(ut, { className: "size-icon-sm" }),
                 onClick: ae,
                 disabled: y,
                 children: [
@@ -3334,7 +3335,7 @@ const hn = ({
           return null;
       }
     },
-    [x, D, E, b, f, I]
+    [x, T, E, b, f, I]
   ), re = ue(
     (k) => {
       if (k.conditional && !k.conditional(x))
@@ -3342,7 +3343,7 @@ const hn = ({
       const i = k.items.filter((y) => !(y.hidden || y.conditional && !y.conditional(x)));
       if (i.length === 0) return null;
       const S = d(
-        k.layout === "flex" ? "flex flex-wrap gap-3" : "grid gap-3",
+        k.layout === "flex" ? "flex flex-wrap gap-3.5" : "grid gap-3.5",
         k.layout !== "flex" && {
           "grid-cols-1": !k.columns || k.columns === 1,
           "grid-cols-2": k.columns === 2,
@@ -3354,14 +3355,14 @@ const hn = ({
       return /* @__PURE__ */ c(
         "div",
         {
-          className: "flex flex-col gap-4 px-5 py-4 not-first:border-t not-first:border-border-subtle sm:flex-row sm:gap-5",
+          className: "flex flex-col gap-4 py-6 not-last:border-b not-last:border-border-subtle sm:flex-row sm:gap-8",
           children: [
             /* @__PURE__ */ c("div", { className: "w-full shrink-0 sm:w-form-label", children: [
-              /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-text", children: k.title }),
-              k.description && /* @__PURE__ */ e("p", { className: "mt-1 text-xs leading-4 text-text-subtle", children: k.description })
+              /* @__PURE__ */ e("span", { className: "text-base font-semibold text-text", children: k.title }),
+              k.description && /* @__PURE__ */ e("p", { className: "mt-1 text-sm leading-relaxed text-pretty text-text-subtle", children: k.description })
             ] }),
             /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e("div", { className: S, children: i.map((y) => {
-              const A = D[y.name] ? E[y.name] : void 0;
+              const A = T[y.name] ? E[y.name] : void 0;
               return /* @__PURE__ */ c(
                 "div",
                 {
@@ -3374,7 +3375,7 @@ const hn = ({
                     gridColumn: typeof y.width == "number" ? `span ${y.width} / span ${y.width}` : void 0
                   },
                   children: [
-                    y.type !== "custom" && y.type !== "checkbox" && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
+                    y.type !== "custom" && y.type !== "checkbox" && /* @__PURE__ */ c("label", { className: "block text-sm font-medium text-text-muted", children: [
                       y.label,
                       y.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                     ] }),
@@ -3390,21 +3391,20 @@ const hn = ({
         k.id
       );
     },
-    [x, D, E, K]
-  ), j = d(
-    "overflow-hidden rounded-lg border border-border bg-surface",
+    [x, T, E, K]
+  ), P = d(
     {
-      "max-w-md": f === "sm",
-      "max-w-2xl": f === "md",
-      "max-w-4xl": f === "lg",
+      "max-w-settings": f === "sm",
+      "max-w-form": f === "md",
+      "max-w-6xl": f === "lg",
       "max-w-full": f === "full"
     },
     p
   ), ce = f === "full" ? "md" : f;
-  return /* @__PURE__ */ c("form", { ref: C, onSubmit: q, className: j, children: [
+  return /* @__PURE__ */ c("form", { ref: C, onSubmit: q, className: P, children: [
     !N && /* @__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: N && /* @__PURE__ */ c(xe, { children: [
+    N && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: /* @__PURE__ */ c(xe, { children: [
       /* @__PURE__ */ e("div", { className: "ml-auto" }),
       s && /* @__PURE__ */ e(
         ne,
@@ -3433,7 +3433,7 @@ const hn = ({
     ] }) })
   ] });
 };
-function xn({
+function vn({
   open: t,
   title: r,
   description: n,
@@ -3445,7 +3445,7 @@ function xn({
   onCancel: u
 }) {
   return /* @__PURE__ */ e(
-    Ve,
+    We,
     {
       open: t,
       onClose: u,
@@ -3467,7 +3467,7 @@ function xn({
     }
   );
 }
-const xr = {
+const gr = {
   default: "bg-surface-hover text-text",
   primary: "bg-accent-soft text-accent",
   secondary: "bg-surface-hover text-text-muted",
@@ -3477,11 +3477,11 @@ const xr = {
   info: "bg-info-soft text-info-fg",
   // Internal-note amber. Never for customer-visible content.
   note: "bg-note-soft text-note"
-}, br = {
+}, vr = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
-}, pr = {
+}, yr = {
   default: "bg-surface-hover",
   primary: "bg-accent",
   secondary: "bg-surface-hover",
@@ -3491,7 +3491,7 @@ const xr = {
   info: "bg-info",
   note: "bg-note"
 };
-function bn({
+function yn({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3509,9 +3509,9 @@ function bn({
         // Base styles
         "inline-flex items-center font-medium rounded-full",
         // Variant styles
-        xr[t],
+        gr[t],
         // Size styles
-        br[r],
+        vr[r],
         o
       ),
       ...u,
@@ -3521,7 +3521,7 @@ function bn({
           {
             className: d(
               "w-2 h-2 rounded-full mr-1.5",
-              pr[t]
+              yr[t]
             )
           }
         ),
@@ -3533,18 +3533,18 @@ function bn({
             onClick: l,
             className: "ml-1.5 flex-shrink-0 hover:opacity-70 transition-opacity",
             "aria-label": "Remove badge",
-            children: /* @__PURE__ */ e(Y, { icon: we, size: "xs", color: "current" })
+            children: /* @__PURE__ */ e(Y, { icon: ge, size: "xs", color: "current" })
           }
         )
       ]
     }
   );
 }
-const gr = {
+const Nr = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function pn({
+function Nn({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3564,7 +3564,7 @@ function pn({
       ),
       ...h,
       children: [
-        t != null && /* @__PURE__ */ e("span", { className: d("flex size-disc items-center justify-center rounded-full text-2xl", gr[r]), children: t }),
+        t != null && /* @__PURE__ */ e("span", { className: d("flex size-disc items-center justify-center rounded-full text-2xl", Nr[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 })
@@ -3572,7 +3572,7 @@ function pn({
     }
   );
 }
-function gn({ children: t, className: r, ...n }) {
+function wn({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3585,14 +3585,14 @@ function gn({ children: t, className: r, ...n }) {
     }
   );
 }
-const vr = {
+const wr = {
   sm: "h-1",
   md: "h-1.5"
-}, yr = {
+}, kr = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function vn({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
+function kn({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
   const l = Math.max(0, Math.min(100, t));
   return /* @__PURE__ */ e(
     "div",
@@ -3601,37 +3601,37 @@ function vn({ value: t, variant: r = "accent", size: n = "md", className: s, ...
       "aria-valuenow": Math.round(l),
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      className: d("w-full overflow-hidden rounded-full bg-surface-hover", vr[n], s),
+      className: d("w-full overflow-hidden rounded-full bg-surface-hover", wr[n], s),
       ...a,
       children: /* @__PURE__ */ e(
         "div",
         {
-          className: d("h-full rounded-full transition-[width] duration-300 ease-out", yr[r]),
+          className: d("h-full rounded-full transition-[width] duration-300 ease-out", kr[r]),
           style: { width: `${l}%` }
         }
       )
     }
   );
 }
-const Nr = {
+const Cr = {
   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"
-}, wr = {
+}, Sr = {
   primary: "text-accent",
   secondary: "text-text-muted",
   white: "text-white",
   current: "text-current"
-}, kr = {
+}, zr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-lg"
 };
-function yn({
+function Cn({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3654,8 +3654,8 @@ function yn({
           {
             className: d(
               "animate-spin",
-              Nr[t],
-              wr[r]
+              Cr[t],
+              Sr[r]
             ),
             fill: "none",
             viewBox: "0 0 24 24",
@@ -3689,7 +3689,7 @@ function yn({
           {
             className: d(
               "text-text-muted",
-              kr[t]
+              zr[t]
             ),
             children: n
           }
@@ -3699,7 +3699,7 @@ function yn({
     }
   );
 }
-const Cr = {
+const Er = {
   neutral: "bg-text-disabled",
   accent: "bg-accent",
   success: "bg-success",
@@ -3713,7 +3713,7 @@ const Cr = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function Nn({
+function Sn({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3729,14 +3729,14 @@ function Nn({
       className: d(
         "inline-block size-dot shrink-0",
         r === "round" ? "rounded-full" : "rounded-sm",
-        Cr[t],
+        Er[t],
         n && "animate-pulse",
         a
       )
     }
   );
 }
-function wn({
+function zn({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -3772,7 +3772,7 @@ function wn({
     u < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, h)) });
 }
-function kn({ title: t, icon: r = /* @__PURE__ */ e(it, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
+function En({ title: t, icon: r = /* @__PURE__ */ e(mt, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -3793,21 +3793,21 @@ function kn({ title: t, icon: r = /* @__PURE__ */ e(it, { className: "size-icon-
     }
   );
 }
-const Sr = {
+const Mr = {
   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 zr(t) {
+function $r(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 Er = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
+const Dr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
   const [l, o] = oe.useState(!1), h = d(
     "inline-flex items-center justify-center rounded-full overflow-hidden shrink-0 font-semibold select-none bg-surface-hover text-text",
-    Sr[n],
+    Mr[n],
     s
   );
   return r && !l ? /* @__PURE__ */ e(
@@ -3819,13 +3819,13 @@ const Er = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
       className: d(h, "object-cover"),
       onError: () => o(!0)
     }
-  ) : /* @__PURE__ */ e("span", { className: h, title: a ?? t, "aria-label": t, children: zr(t) });
-}, Oe = "ring-surface", Mr = "ring-surface-accent", Cn = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
+  ) : /* @__PURE__ */ e("span", { className: h, title: a ?? t, "aria-label": t, children: $r(t) });
+}, Fe = "ring-surface", Tr = "ring-surface-accent", Mn = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
   if (t.length === 0) return null;
   const a = t.slice(0, r), l = t.length - a.length;
   return /* @__PURE__ */ c("span", { className: d("inline-flex items-center", s), children: [
     a.map((o, h) => /* @__PURE__ */ e(
-      Er,
+      Dr,
       {
         name: o.name,
         src: o.src,
@@ -3833,7 +3833,7 @@ const Er = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
         title: o.name ? o.seen === !1 ? `${o.name} — nog niet gelezen` : o.name : void 0,
         className: d(
           h > 0 && "-ml-2",
-          o.owner ? Mr : Oe,
+          o.owner ? Tr : Fe,
           o.seen === !1 && "opacity-40"
         )
       },
@@ -3845,7 +3845,7 @@ const Er = ({ 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",
-          Oe
+          Fe
         ),
         children: [
           "+",
@@ -3854,26 +3854,26 @@ const Er = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
       }
     )
   ] });
-}, Fe = {
+}, Be = {
   mail: { fg: "text-channel-mail-fg", bg: "bg-channel-mail-soft" },
   wa: { fg: "text-channel-whatsapp-fg", bg: "bg-channel-whatsapp-soft" },
   chat: { fg: "text-channel-chat-fg", bg: "bg-channel-chat-soft" },
   tel: { fg: "text-channel-phone-fg", bg: "bg-channel-phone-soft" },
   note: { fg: "text-channel-note-fg", bg: "bg-channel-note-soft" }
-}, $r = {
+}, _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 Sn({ channel: t, children: r, size: n = "md", className: s, title: a }) {
-  const l = Fe[t in Fe ? t : "note"];
+function $n({ channel: t, children: r, size: n = "md", className: s, title: a }) {
+  const l = Be[t in Be ? t : "note"];
   return /* @__PURE__ */ e(
     "span",
     {
       title: a,
       className: d(
         "inline-flex shrink-0 items-center justify-center font-bold",
-        $r[n],
+        _r[n],
         l.fg,
         l.bg,
         s
@@ -3882,7 +3882,7 @@ function Sn({ channel: t, children: r, size: n = "md", className: s, title: a })
     }
   );
 }
-const zn = ({
+const Dn = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -3898,14 +3898,14 @@ const zn = ({
   onError: b,
   ...p
 }) => {
-  const [C, g] = R(!0), [x, _] = R(!1), [E, W] = R(t), D = (j) => {
-    g(!1), _(!1), f?.(j);
-  }, X = (j) => {
-    if (g(!1), _(!0), h && E !== h) {
-      W(h), _(!1), g(!0);
+  const [C, g] = R(!0), [x, D] = R(!1), [E, W] = R(t), T = (P) => {
+    g(!1), D(!1), f?.(P);
+  }, X = (P) => {
+    if (g(!1), D(!0), h && E !== h) {
+      W(h), D(!1), g(!0);
       return;
     }
-    b?.(j);
+    b?.(P);
   }, U = d(
     "relative overflow-hidden bg-surface-hover",
     // Size variants
@@ -3944,7 +3944,7 @@ const zn = ({
     "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: [
-    /* @__PURE__ */ e(Y, { icon: dt, size: "lg", className: "mx-auto mb-1" }),
+    /* @__PURE__ */ e(Y, { icon: ft, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
   return /* @__PURE__ */ c("div", { className: U, children: [
@@ -3955,7 +3955,7 @@ const zn = ({
         src: E,
         alt: r,
         className: I,
-        onLoad: D,
+        onLoad: T,
         onError: X
       }
     ),
@@ -3963,7 +3963,30 @@ const zn = ({
     x && o && /* @__PURE__ */ e("div", { className: q, children: N || re })
   ] });
 };
-function En({
+function Tn({
+  icon: t,
+  onClick: r,
+  children: n
+}) {
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      onClick: r,
+      className: d(
+        "inline-flex h-control-sm shrink-0 cursor-pointer items-center gap-1.5 rounded-md px-2.5",
+        "text-sm font-medium whitespace-nowrap",
+        "transition-colors duration-fast ease-out hover:bg-white/15",
+        "focus-visible:outline-none focus-visible:focus-ring"
+      ),
+      children: [
+        t,
+        n
+      ]
+    }
+  );
+}
+function _n({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -3981,17 +4004,17 @@ function En({
   stickyGroupHeaders: C = !1,
   collapsibleGroups: g = !1,
   hideGroupCount: x = !1,
-  selectable: _ = !1,
+  selectable: D = !1,
   selectedItems: E = [],
   onSelectionChange: W,
-  bulkActions: D,
+  bulkActions: T,
   header: X,
   stickyHeader: U = !1,
   bordered: I = !1,
   emptyContent: q,
   loading: K = !1,
   loadingRows: re = 4,
-  className: j,
+  className: P,
   "aria-label": ce
 }) {
   const [k, i] = oe.useState(
@@ -4000,29 +4023,29 @@ function En({
     )
   ), S = oe.useRef(null), y = (z) => {
     if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(z.key)) return;
-    const F = Array.from(
+    const B = Array.from(
       S.current?.querySelectorAll("li[data-list-row]") ?? []
     );
-    if (F.length === 0) return;
+    if (B.length === 0) return;
     z.preventDefault();
-    const H = F.indexOf(document.activeElement), $ = z.key === "Home" ? 0 : z.key === "End" ? F.length - 1 : z.key === "ArrowDown" ? (H + 1) % F.length : (H - 1 + F.length) % F.length;
-    F[$]?.focus();
-  }, A = (z, B) => r ? r(z, B) : B, w = (z) => E.includes(z), ee = (z, B) => {
+    const O = B.indexOf(document.activeElement), $ = z.key === "Home" ? 0 : z.key === "End" ? B.length - 1 : z.key === "ArrowDown" ? (O + 1) % B.length : (O - 1 + B.length) % B.length;
+    B[$]?.focus();
+  }, A = (z, H) => r ? r(z, H) : H, w = (z) => E.includes(z), ee = (z, H) => {
     W && W(
-      B ? [...E, z] : E.filter((F) => F !== z)
+      H ? [...E, z] : E.filter((B) => B !== z)
     );
   }, ae = (z) => W?.(z ? [...t] : []), le = d(
     "flex flex-col",
     I && "overflow-hidden rounded-lg border border-border-subtle",
-    j
+    P
   );
   if (K)
-    return /* @__PURE__ */ e("div", { className: le, children: Array.from({ length: re }).map((z, B) => /* @__PURE__ */ c(
+    return /* @__PURE__ */ e("div", { className: le, children: Array.from({ length: re }).map((z, H) => /* @__PURE__ */ c(
       "div",
       {
         className: d(
           "flex animate-pulse items-center gap-3 px-4 py-2",
-          n === "divided" && B > 0 && "border-t border-border-subtle"
+          n === "divided" && H > 0 && "border-t border-border-subtle"
         ),
         children: [
           /* @__PURE__ */ e("span", { className: "size-tile-sm shrink-0 rounded-md bg-surface-hover" }),
@@ -4031,12 +4054,12 @@ function En({
           /* @__PURE__ */ e("span", { className: "h-3 w-8 shrink-0 rounded-sm bg-surface-hover" })
         ]
       },
-      `skeleton-${B}`
+      `skeleton-${H}`
     )) });
   if (t.length === 0 && q)
     return /* @__PURE__ */ e("div", { className: le, children: q });
-  const G = t.length > 0 && E.length === t.length, P = E.length > 0 && !G, M = (z, B, F) => {
-    const H = u?.(z, B) ?? !1, $ = N?.(z, B) ?? !1, L = m?.(z, B) ?? !1, te = _ && w(z);
+  const G = t.length > 0 && E.length === t.length, j = E.length > 0 && !G, M = (z, H, B) => {
+    const O = u?.(z, H) ?? !1, $ = N?.(z, H) ?? !1, L = m?.(z, H) ?? !1, te = D && w(z);
     return /* @__PURE__ */ c(
       "li",
       {
@@ -4044,24 +4067,30 @@ function En({
           role: "button",
           tabIndex: 0,
           "data-list-row": "",
-          "aria-current": H || void 0,
-          onClick: () => o(z, B),
-          onFocus: () => h?.(B),
+          "aria-current": O || void 0,
+          onClick: () => o(z, H),
+          onFocus: () => h?.(H),
           onKeyDown: (v) => {
-            v.key !== "Enter" && v.key !== " " || (v.preventDefault(), o(z, B));
+            v.key !== "Enter" && v.key !== " " || (v.preventDefault(), o(z, H));
           }
         } : {},
         className: d(
-          "flex items-center gap-3 px-4 py-2 text-base",
+          "flex items-center gap-3 text-base",
           "transition-colors duration-fast ease-out",
-          n === "divided" && !F && "border-t border-border-subtle",
+          n === "inset" ? "mx-2 rounded-lg px-3 py-2.5" : "px-5 py-2.5",
+          n === "divided" && !B && "border-t border-border-subtle",
           o && "cursor-pointer focus-visible:outline-none focus-visible:focus-ring",
-          H || te ? "bg-accent-soft text-text" : o && "hover:bg-surface-hover",
-          $ && "font-bold",
-          L && "opacity-55"
+          // An unread row is tinted, not bolded: at five columns a bold row
+          // shouts across all of them, while the tint marks the row and leaves
+          // the consumer free to weight only the sender and the subject.
+          O || te ? "bg-accent-soft text-text" : $ ? d("bg-surface-unread", o && "hover:bg-surface-unread-hover") : o && "hover:bg-surface-hover",
+          // Read rows stay at full opacity — fading them also fades the avatars
+          // and team dots, which is exactly the identity you scan by. They read
+          // as secondary through weight and text colour instead.
+          L && "text-text-muted"
         ),
         children: [
-          _ && /* @__PURE__ */ e("span", { onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ e(
+          D && /* @__PURE__ */ e("span", { onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ e(
             pe,
             {
               checked: w(z),
@@ -4076,98 +4105,124 @@ function En({
               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, B) }),
-          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: a ? a(z, B) : String(z) }),
-          l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(z, B) })
+          s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s(z, H) }),
+          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: a ? a(z, H) : String(z) }),
+          l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(z, H) })
         ]
       },
-      A(z, B)
+      A(z, H)
     );
-  }, T = (() => {
+  }, _ = (() => {
     if (!f)
-      return t.map((H, $) => M(H, $, $ === 0));
+      return t.map((O, $) => M(O, $, $ === 0));
     const z = /* @__PURE__ */ new Map();
-    t.forEach((H, $) => {
-      const L = f(H, $);
-      z.has(L) || z.set(L, []), z.get(L).push({ item: H, index: $ });
+    t.forEach((O, $) => {
+      const L = f(O, $);
+      z.has(L) || z.set(L, []), z.get(L).push({ item: O, index: $ });
     });
-    const B = b ?? [];
+    const H = b ?? [];
     return [
-      ...B.filter((H) => z.has(H.id)),
-      ...[...z.keys()].filter((H) => !B.some(($) => $.id === H)).map((H) => ({ id: H }))
-    ].flatMap((H, $) => {
-      const L = z.get(H.id) ?? [], te = g && k[H.id], v = H.title ?? H.id, V = H.count ?? L.length, Z = /* @__PURE__ */ e(
+      ...H.filter((O) => z.has(O.id)),
+      ...[...z.keys()].filter((O) => !H.some(($) => $.id === O)).map((O) => ({ id: O }))
+    ].flatMap((O, $) => {
+      const L = z.get(O.id) ?? [], te = g && k[O.id], v = O.title ?? O.id, V = O.count ?? L.length, Z = /* @__PURE__ */ e(
         "li",
         {
-          onClick: g ? () => i((J) => ({ ...J, [H.id]: !J[H.id] })) : void 0,
+          onClick: g ? () => i((J) => ({ ...J, [O.id]: !J[O.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",
-            "border-border-subtle",
-            $ > 0 && "border-t",
-            "border-b",
+            // A caption over its rows, not a band across the table: same
+            // surface as the rows, no rules, and the count as a quiet pill.
+            // The old grey uppercase strip read as a second column header.
+            "flex items-center gap-2.5 bg-surface px-5 pb-1.5 text-base font-semibold",
+            $ > 0 ? "pt-5" : "pt-3",
+            O.tone === "danger" ? "text-danger-fg" : O.tone === "muted" ? "text-text-subtle" : "text-text",
             C && "sticky z-10",
-            g && "cursor-pointer select-none hover:text-text"
+            g && "cursor-pointer select-none"
           ),
           "aria-expanded": g ? !te : void 0,
           style: C ? { top: U ? 28 : 0 } : void 0,
-          children: p ? p(H, L.map((J) => J.item)) : /* @__PURE__ */ c(xe, { children: [
+          children: p ? p(O, L.map((J) => J.item)) : /* @__PURE__ */ c(xe, { children: [
             g && /* @__PURE__ */ e(
               Ce,
               {
                 "aria-hidden": !0,
                 className: d(
-                  "size-icon-sm shrink-0 transition-transform duration-fast ease-out",
+                  "size-icon-md shrink-0 text-text-subtle transition-transform duration-fast ease-out",
                   !te && "rotate-90"
                 )
               }
             ),
             /* @__PURE__ */ e("span", { children: v }),
-            !x && /* @__PURE__ */ e("span", { className: "ml-auto font-normal tabular-nums", children: V })
+            !x && /* @__PURE__ */ e(
+              "span",
+              {
+                className: d(
+                  "rounded-full px-2 text-xs font-normal tabular-nums",
+                  O.tone === "danger" ? "bg-danger-soft text-danger-fg" : "bg-surface-sunk text-text-subtle"
+                ),
+                children: V
+              }
+            )
           ] })
         },
-        `group-${H.id}`
+        `group-${O.id}`
       );
       return te ? [Z] : [
         Z,
         ...L.map(
-          ({ item: J, index: O }, ie) => M(J, O, ie === 0)
+          ({ item: J, index: F }, ie) => M(J, F, ie === 0)
         )
       ];
     });
   })();
   return /* @__PURE__ */ c("div", { ref: S, className: le, onKeyDown: o ? y : void 0, children: [
-    _ && E.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,
-          onChange: (z) => ae(z.target.checked),
-          "aria-label": "Alles selecteren"
-        }
-      ),
-      /* @__PURE__ */ c("span", { className: "text-xs text-text-subtle", children: [
-        E.length,
-        " geselecteerd"
-      ] }),
-      D && /* @__PURE__ */ e("div", { className: "ml-auto flex gap-2", children: D })
-    ] }),
-    X && /* @__PURE__ */ e(
+    X && /* @__PURE__ */ c(
       "div",
       {
         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",
+          // h-row-sm keeps the strip exactly 28px, which is the offset the
+          // sticky group headers park against.
+          "flex h-row-sm items-end gap-3 border-b border-border bg-surface px-5 pb-2",
+          "text-xs font-semibold uppercase tracking-wider text-text-disabled",
           U && "sticky top-0 z-20"
         ),
-        children: X
+        children: [
+          D && /* @__PURE__ */ e("span", { className: "flex items-center", children: /* @__PURE__ */ e(
+            pe,
+            {
+              checked: G,
+              indeterminate: j,
+              onChange: (z) => ae(z.target.checked),
+              "aria-label": "Alles selecteren"
+            }
+          ) }),
+          X
+        ]
       }
     ),
-    /* @__PURE__ */ e("ul", { "aria-label": ce, className: "flex flex-col", children: T })
+    /* @__PURE__ */ e("ul", { "aria-label": ce, className: "flex flex-col", children: _ }),
+    D && E.length > 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none sticky bottom-0 z-10 flex justify-center px-5 pb-4", children: /* @__PURE__ */ c("div", { className: "pointer-events-auto flex items-center gap-1.5 rounded-lg bg-accent py-1.5 pl-3.5 pr-1.5 text-accent-fg shadow-overlay", children: [
+      /* @__PURE__ */ c("span", { className: "text-sm font-medium", children: [
+        E.length,
+        " geselecteerd"
+      ] }),
+      /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "mx-1.5 h-4 w-px bg-current opacity-25" }),
+      T,
+      /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "mx-1.5 h-4 w-px bg-current opacity-25" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: () => W?.([]),
+          "aria-label": "Selectie wissen",
+          className: "grid size-tile-md shrink-0 cursor-pointer place-items-center rounded-md transition-colors duration-fast ease-out hover:bg-white/15 focus-visible:outline-none focus-visible:focus-ring",
+          children: /* @__PURE__ */ e(ge, { className: "size-icon-lg" })
+        }
+      )
+    ] }) })
   ] });
 }
-function Mn({
+function An({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -4197,18 +4252,18 @@ function Mn({
     }
   );
 }
-const Dr = {
+const Ar = {
   default: "text-text",
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function $n({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+function Ln({ value: t, label: r, tone: n = "default", className: s, ...a }) {
   return /* @__PURE__ */ c("div", { className: d("rounded-xl bg-editor px-4 py-3.5", s), ...a, children: [
-    /* @__PURE__ */ e("div", { className: d("text-2xl font-semibold", Dr[n]), children: t }),
+    /* @__PURE__ */ e("div", { className: d("text-2xl font-semibold", Ar[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const Dn = ({
+const In = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -4228,12 +4283,12 @@ const Dn = ({
   }, [r]), Q(() => {
     b && x.current && (x.current.focus(), x.current.select());
   }, [b]);
-  const _ = () => {
+  const D = () => {
     m && p(!0);
   }, E = () => {
     p(!1), C.trim() !== "" && C !== r && f ? f(C.trim()) : g(r);
-  }, W = (D) => {
-    D.key === "Enter" ? x.current?.blur() : D.key === "Escape" && (g(r), p(!1));
+  }, W = (T) => {
+    T.key === "Enter" ? x.current?.blur() : T.key === "Escape" && (g(r), p(!1));
   };
   return /* @__PURE__ */ c(
     "div",
@@ -4258,7 +4313,7 @@ const Dn = ({
                   ref: x,
                   type: "text",
                   value: C,
-                  onChange: (D) => g(D.target.value),
+                  onChange: (T) => g(T.target.value),
                   onBlur: E,
                   onKeyDown: W,
                   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"
@@ -4267,7 +4322,7 @@ const Dn = ({
                 /* @__PURE__ */ e(
                   "h2",
                   {
-                    onClick: _,
+                    onClick: D,
                     className: d(
                       "text-lg font-semibold tracking-title truncate",
                       m && "cursor-pointer"
@@ -4278,10 +4333,10 @@ const Dn = ({
                 ),
                 n && /* @__PURE__ */ e("span", { className: "shrink-0 text-base text-text-muted truncate", children: n }),
                 m && /* @__PURE__ */ e(
-                  ut,
+                  ht,
                   {
                     size: 15,
-                    onClick: _,
+                    onClick: D,
                     className: "shrink-0 cursor-pointer text-text-muted opacity-0 group-hover:opacity-100 transition-opacity"
                   }
                 )
@@ -4290,29 +4345,29 @@ const Dn = ({
             ] })
           ] }) }),
           a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: a.map(
-            (D) => D.render ? /* @__PURE__ */ e(oe.Fragment, { children: D.render() }, D.id) : D.splitOptions && D.splitOptions.length > 0 ? /* @__PURE__ */ e(
+            (T) => T.render ? /* @__PURE__ */ e(oe.Fragment, { children: T.render() }, T.id) : T.splitOptions && T.splitOptions.length > 0 ? /* @__PURE__ */ e(
               Re,
               {
-                label: D.label,
-                onClick: D.onClick,
-                icon: D.icon,
-                variant: D.variant === "primary" ? "primary" : "outline",
-                options: D.splitOptions,
-                disabled: D.disabled
+                label: T.label,
+                onClick: T.onClick,
+                icon: T.icon,
+                variant: T.variant === "primary" ? "primary" : "outline",
+                options: T.splitOptions,
+                disabled: T.disabled
               },
-              D.id
+              T.id
             ) : /* @__PURE__ */ e(
               ne,
               {
-                variant: D.variant ?? "secondary",
+                variant: T.variant ?? "secondary",
                 onClick: (X) => {
-                  X.stopPropagation(), X.target.blur(), D.onClick();
+                  X.stopPropagation(), X.target.blur(), T.onClick();
                 },
-                disabled: D.disabled,
-                leftIcon: D.icon,
-                children: D.label
+                disabled: T.disabled,
+                leftIcon: T.icon,
+                children: T.label
               },
-              D.id
+              T.id
             )
           ) })
         ] }),
@@ -4320,19 +4375,19 @@ const Dn = ({
       ]
     }
   );
-}, Tr = {
+}, Lr = {
   none: "p-0",
   sm: "p-2",
   md: "p-4",
   lg: "p-6"
-}, Tn = ({
+}, jn = ({
   actions: t = [],
   onBack: r,
   backLabel: n = "Back",
   className: s,
   padding: a = "md",
   children: l
-}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2 mb-3", Tr[a], s), children: [
+}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2 mb-3", Lr[a], s), children: [
   r && /* @__PURE__ */ e(ne, { variant: "secondary", onClick: r, leftIcon: /* @__PURE__ */ e(Y, { icon: ke, size: "sm" }), iconOnly: !0 }),
   l && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: l }),
   t.length > 0 && /* @__PURE__ */ e("div", { className: d("flex flex-wrap gap-4", !l && "ml-auto"), children: t.map(
@@ -4362,7 +4417,7 @@ const Dn = ({
       o.id
     )
   ) })
-] }), _r = /<[a-z][\s\S]*>/i, Ar = [
+] }), Ir = /<[a-z][\s\S]*>/i, jr = [
   "[&_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",
@@ -4377,7 +4432,7 @@ const Dn = ({
   "[&_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 = {
+].join(" "), Pr = {
   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 }),
@@ -4400,17 +4455,17 @@ const Dn = ({
   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 _n({ text: t, className: r, as: n }) {
+function Pn({ text: t, className: r, as: n }) {
   const s = t ?? "";
-  return (n ? n === "html" : _r.test(s)) ? /* @__PURE__ */ e(
+  return (n ? n === "html" : Ir.test(s)) ? /* @__PURE__ */ e(
     "div",
     {
-      className: d("break-words", Ar, r),
-      dangerouslySetInnerHTML: { __html: bt.sanitize(s, { ADD_ATTR: ["target", "rel"] }) }
+      className: d("break-words", jr, r),
+      dangerouslySetInnerHTML: { __html: vt.sanitize(s, { ADD_ATTR: ["target", "rel"] }) }
     }
-  ) : /* @__PURE__ */ e("div", { className: d("break-words", r), children: /* @__PURE__ */ e(pt, { remarkPlugins: [gt], components: Lr, children: s }) });
+  ) : /* @__PURE__ */ e("div", { className: d("break-words", r), children: /* @__PURE__ */ e(yt, { remarkPlugins: [Nt], components: Pr, children: s }) });
 }
-function An({ label: t, trailing: r, align: n = "center", className: s }) {
+function On({ 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,
@@ -4419,7 +4474,7 @@ function An({ label: t, trailing: r, align: n = "center", className: s }) {
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-function Ln({
+function Fn({
   label: t,
   description: r,
   control: n,
@@ -4446,7 +4501,7 @@ function Ln({
     }
   );
 }
-function In({
+function Bn({
   icon: t,
   title: r,
   description: n,
@@ -4466,7 +4521,7 @@ function In({
     /* @__PURE__ */ e("div", { className: d("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function Pn({ label: t, dotColor: r, onClick: n, className: s }) {
+function Rn({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -4479,18 +4534,18 @@ function Pn({ label: t, dotColor: r, onClick: n, className: s }) {
       children: [
         r && /* @__PURE__ */ e("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full", style: { backgroundColor: r }, "aria-hidden": !0 }),
         /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: t }),
-        /* @__PURE__ */ e(Y, { icon: mt, size: "xs", className: "opacity-70" })
+        /* @__PURE__ */ e(Y, { icon: xt, size: "xs", className: "opacity-70" })
       ]
     }
   );
 }
-function Ir(t, r) {
+function Or(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const jn = ({
+const Hn = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -4513,7 +4568,7 @@ const jn = ({
     return b ? b.label : String(m || "-");
   }, h = ue(
     (m) => {
-      const f = Ir(r, m.name);
+      const f = Or(r, m.name);
       if (m.type === "array") {
         const p = f;
         return !p || p.length === 0 ? /* @__PURE__ */ e(
@@ -4544,7 +4599,7 @@ const jn = ({
                 }
               ) }),
               /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: m.arrayFields?.map((x) => {
-                const _ = C?.[x.name];
+                const D = C?.[x.name];
                 let E = "-";
                 switch (x.type) {
                   case "text":
@@ -4553,30 +4608,30 @@ const jn = ({
                   case "tel":
                   case "url":
                   case "textarea":
-                    E = _ || "-";
+                    E = D || "-";
                     break;
                   case "select":
                   case "radio":
                     E = o(
-                      _,
+                      D,
                       x.options
                     );
                     break;
                   case "checkbox":
-                    E = l(_);
+                    E = l(D);
                     break;
                   case "date":
-                    E = a(_);
+                    E = a(D);
                     break;
                   case "custom":
                     E = x.customComponent?.({
-                      value: _
+                      value: D
                     });
                     break;
                   default:
-                    E = String(_ || "-");
+                    E = String(D || "-");
                 }
-                return x.format && (E = x.format(_, C)), /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+                return x.format && (E = x.format(D, C)), /* @__PURE__ */ c("div", { className: "space-y-1", children: [
                   /* @__PURE__ */ e(
                     de,
                     {
@@ -4739,7 +4794,7 @@ const jn = ({
     s
   );
   return /* @__PURE__ */ e("div", { className: N, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(u) }) });
-}, qe = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
+}, Ke = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
   const a = !!(t.children && t.children.length > 0), l = r ? r(t.path) : !1;
   if (a)
     return /* @__PURE__ */ c("li", { children: [
@@ -4756,7 +4811,7 @@ const jn = ({
         }
       ),
       /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: t.children?.map((u, N) => /* @__PURE__ */ e(
-        qe,
+        Ke,
         {
           item: u,
           isSelectedHandler: r,
@@ -4831,7 +4886,7 @@ const jn = ({
       ]
     }
   ) });
-}, On = ({
+}, Vn = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
@@ -4840,7 +4895,7 @@ const jn = ({
   s && /* @__PURE__ */ e("div", { className: "pb-4", children: s }),
   /* @__PURE__ */ e("ul", { className: "flex min-h-0 flex-1 flex-col gap-px overflow-y-auto", children: t.map(
     (a, l) => !a.path && !a.label && !a.children ? /* @__PURE__ */ e("li", { "aria-hidden": !0, className: "h-4" }, l) : /* @__PURE__ */ e(
-      qe,
+      Ke,
       {
         item: a,
         isSelectedHandler: r,
@@ -4849,7 +4904,7 @@ const jn = ({
       l
     )
   ) })
-] }), Pr = {
+] }), Fr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -4858,13 +4913,13 @@ const jn = ({
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, jr = {
+}, Br = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, Or = {
+}, Rr = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -4874,11 +4929,11 @@ const jn = ({
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, Fr = {
+}, Hr = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, Fn = ({
+}, qn = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -4891,16 +4946,16 @@ const jn = ({
 }) => {
   const N = `h${t}`, m = d(
     "font-sans text-pretty",
-    Pr[r || Rr(t)],
-    jr[n],
-    Or[s],
-    Fr[a],
+    Fr[r || Vr(t)],
+    Br[n],
+    Rr[s],
+    Hr[a],
     l && "truncate",
     o
   );
   return /* @__PURE__ */ e(N, { className: m, ...u, children: h });
 };
-function Rr(t) {
+function Vr(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -4910,7 +4965,7 @@ function Rr(t) {
     6: "md"
   }[t] || "md";
 }
-const Rn = ({
+const Un = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -4924,19 +4979,19 @@ const Rn = ({
   return Q(() => {
     r || (h(""), N(a || []), f(l || 0));
   }, [r]), Q(() => {
-    const x = (_) => {
+    const x = (D) => {
       if (r) {
-        if (_.key === "Escape")
+        if (D.key === "Escape")
           n();
-        else if (_.key === "ArrowUp")
+        else if (D.key === "ArrowUp")
           f(
             (E) => E > 0 ? E - 1 : g.length - 1
           );
-        else if (_.key === "ArrowDown")
+        else if (D.key === "ArrowDown")
           f(
             (E) => E < g.length - 1 ? E + 1 : 0
           );
-        else if (_.key === "Enter") {
+        else if (D.key === "Enter") {
           const E = g[m];
           E && (E.subCommands ? (N([...u, E.id]), f(0)) : E.action && (E.action(), n()));
         }
@@ -4944,8 +4999,8 @@ const Rn = ({
     };
     return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
   }, [r, n, g, m, u]), Q(() => {
-    const x = (_) => {
-      b.current && !b.current.contains(_.target) && n();
+    const x = (D) => {
+      b.current && !b.current.contains(D.target) && n();
     };
     return r && document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
   }, [r, n]), Q(() => {
@@ -4978,15 +5033,15 @@ const Rn = ({
             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((x, _) => /* @__PURE__ */ c(
+              g.map((x, D) => /* @__PURE__ */ c(
                 "div",
                 {
-                  "data-index": _,
-                  className: `flex items-center p-2 cursor-pointer rounded-md ${_ === m ? "bg-accent-soft text-accent" : "text-text"}`,
+                  "data-index": D,
+                  className: `flex items-center p-2 cursor-pointer rounded-md ${D === m ? "bg-accent-soft text-accent" : "text-text"}`,
                   onClick: () => {
                     x.subCommands ? (N([...u, x.id]), f(0)) : x.action && (x.action(), n());
                   },
-                  onMouseEnter: () => f(_),
+                  onMouseEnter: () => f(D),
                   children: [
                     x.icon && /* @__PURE__ */ e("span", { className: "mr-3", children: x.icon }),
                     /* @__PURE__ */ e("span", { className: "flex-grow", children: x.label }),
@@ -5015,7 +5070,7 @@ const Rn = ({
       ]
     }
   ) }) : null;
-}, Br = {
+}, qr = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -5023,7 +5078,7 @@ const Rn = ({
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, Hr = {
+}, Ur = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -5031,7 +5086,7 @@ const Rn = ({
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, Vr = {
+}, Wr = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -5047,26 +5102,26 @@ const Rn = ({
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, qr = {
+}, Kr = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Ur = {
+}, Gr = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, Wr = {
+}, Jr = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Kr = {
+}, Yr = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -5076,7 +5131,7 @@ const Rn = ({
   info: "border-info-border",
   neutral: "border-border-subtle",
   white: "border-border-subtle"
-}, Ue = me(
+}, Ge = me(
   ({
     padding: t,
     margin: r,
@@ -5093,13 +5148,13 @@ const Rn = ({
     {
       ref: m,
       className: d(
-        t && Br[t],
-        r && Hr[r],
-        n && Vr[n],
-        s && qr[s],
-        a && Ur[a],
-        l && Wr[l],
-        o && Kr[o],
+        t && qr[t],
+        r && Ur[r],
+        n && Wr[n],
+        s && Kr[s],
+        a && Gr[a],
+        l && Jr[l],
+        o && Yr[o],
         h
       ),
       ...N,
@@ -5107,9 +5162,9 @@ const Rn = ({
     }
   )
 );
-Ue.displayName = "Box";
-const Bn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
-  Ue,
+Ge.displayName = "Box";
+const Wn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
+  Ge,
   {
     background: "module",
     radius: "lg",
@@ -5123,7 +5178,7 @@ const Bn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
     ]
   }
 );
-function Hn({
+function Kn({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -5157,13 +5212,13 @@ function Hn({
     const x = h.current;
     if (x) {
       if (n === "svelte") {
-        const _ = b.default || b, E = new _({ target: x, props: l || {} });
+        const D = b.default || b, E = new D({ target: x, props: l || {} });
         return C.current = E, () => E.$destroy();
       }
       if (b.mount) {
-        const _ = b.mount({ container: x, props: l || {} });
+        const D = b.mount({ container: x, props: l || {} });
         return () => {
-          typeof _ == "function" ? _() : b.unmount?.(x);
+          typeof D == "function" ? D() : b.unmount?.(x);
         };
       }
     }
@@ -5175,7 +5230,7 @@ function Hn({
     n === "react" && !m && b && /* @__PURE__ */ e(b, { ...l })
   ] });
 }
-class Vn extends xt {
+class Gn extends gt {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -5204,69 +5259,71 @@ class Vn extends xt {
   }
 }
 export {
-  kn as AssistantCard,
-  Er as Avatar,
-  Cn as AvatarStack,
-  bn as Badge,
-  Ue as Box,
+  En as AssistantCard,
+  Dr as Avatar,
+  Mn as AvatarStack,
+  yn as Badge,
+  Ge as Box,
   ne as Button,
-  ln as ButtonGroup,
-  Bn as Card,
-  Sn as ChannelBadge,
+  un as ButtonGroup,
+  Wn as Card,
+  $n as ChannelBadge,
   pe as Checkbox,
-  Rn as CommandPalette,
-  xn as ConfirmDialog,
-  Wt as ContentLoading,
+  Un as CommandPalette,
+  vn as ConfirmDialog,
+  Jt as ContentLoading,
   $e as DatePicker,
-  Kt as Dropdown,
-  pn as EmptyState,
-  Vn as ErrorBoundary,
-  Hn as FederatedResource,
-  on as FilterChip,
-  Rt as FolderSelect,
-  hn as Form,
-  Fn as Heading,
+  Yt as Dropdown,
+  Nn as EmptyState,
+  Gn as ErrorBoundary,
+  Kn as FederatedResource,
+  mn as FilterChip,
+  Vt as FolderSelect,
+  gn as Form,
+  qn as Heading,
   Y as Icon,
-  zn as Image,
-  gn as Kbd,
-  $n as KpiCard,
-  cn as Link,
-  En as List,
-  nn as MeetingGrid,
-  Mn as MessageBubble,
-  Ve as Modal,
-  Dn as PageHeader,
-  Tn as PageToolbar,
-  sn as ParticipantTile,
-  $t as Popover,
-  vn as ProgressBar,
-  _n as RichText,
-  qt as SearchableTextField,
-  An as SectionDivider,
-  dn as SegmentedToggle,
-  Ne as Select,
-  Ln as SettingsRow,
-  In as SettingsSection,
-  On as SidebarMenu,
-  Pn as SourceChip,
-  yn as Spinner,
+  Dn as Image,
+  wn as Kbd,
+  Ln as KpiCard,
+  fn as Link,
+  _n as List,
+  Tn as ListBulkAction,
+  on as MeetingGrid,
+  An as MessageBubble,
+  We as Modal,
+  In as PageHeader,
+  jn as PageToolbar,
+  cn as ParticipantTile,
+  _t as Popover,
+  kn as ProgressBar,
+  Pn as RichText,
+  Kt as SearchableTextField,
+  On as SectionDivider,
+  hn as SegmentedToggle,
+  we as Select,
+  Fn as SettingsRow,
+  Bn as SettingsSection,
+  Vn as SidebarMenu,
+  Rn as SourceChip,
+  Cn as Spinner,
   Re as SplitButton,
-  Nn as StatusDot,
-  wn as StepIndicator,
-  ur as StorageInput,
-  Ut as Switch,
-  fn as TabBar,
+  Sn as StatusDot,
+  zn as StepIndicator,
+  hr as StorageInput,
+  Gt as Switch,
+  pn as TabBar,
   Pe as Table,
-  nr as Tabs,
+  lr as Tabs,
   de as Text,
   De as TextArea,
   be as TextField,
-  an as VideoSurface,
-  jn as View,
+  dn as VideoSurface,
+  Hn as View,
+  ln as catTone,
   d as cn,
-  rn as createSizes,
-  tn as createVariants,
-  un as dateFilterHandler,
-  mn as selectFilterHandler
+  an as createSizes,
+  sn as createVariants,
+  xn as dateFilterHandler,
+  bn as selectFilterHandler
 };
 //# sourceMappingURL=index.js.map