@opencxh/ui-kit 3.136.2 → 3.136.3

package/dist/index.js

@@ -1,20 +1,26 @@
-import { clsx as We } from "clsx";
+import { clsx as Ke } 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 Ge, User as Je, MicOff as Ye, Mic as Xe, X as ge, ChevronDown as ve, ExternalLink as Ze, Calendar as Qe, ChevronLeft as ke, ChevronRight as Ce, ChevronDownIcon as et, Loader2 as tt, Search as Se, Check as Te, ChevronUp as rt, ChevronsLeft as nt, ChevronsRight as st, FileText as Ee, HardDrive as _e, ArrowLeft as at, FolderPlus as lt, Upload as ot, Folder as Ae, Trash2 as ct, Plus as it, Sparkles as dt, ImageOff as ut, Pencil as mt, ArrowUpRight as ft } from "lucide-react";
+import oe, { useRef as se, useEffect as Q, forwardRef as me, useState as R, useLayoutEffect as ht, useMemo as he, useCallback as ue, createContext as xt, Component as bt } from "react";
+import pt from "dompurify";
+import gt from "react-markdown";
+import vt from "remark-gfm";
 function d(...t) {
-  return We(t);
+  return Ke(t);
 }
-function tn(t) {
+function rn(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function rn(t) {
+function nn(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 sn(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 an({ 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 ln({
   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(Ge, { className: "w-8 h-8" }) : /* @__PURE__ */ e(Je, { 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(Ye, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Xe, { 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 on({ 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 yt = {
   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 = {
+}, Nt = {
   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 = {
+}, wt = {
   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],
+          yt[t],
+          o ? wt[r] : Nt[r],
           (n || r === "full") && "w-full",
           s && "cursor-wait",
           u
@@ -159,7 +165,7 @@ const vt = {
   }
 );
 ne.displayName = "Button";
-const ln = ({
+const cn = ({
   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 = {
+}, kt = {
   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 : Ct(r), N = d(
     "inline-block shrink-0",
-    wt[n],
+    kt[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 Ct(t) {
   return {
     xs: 12,
     sm: 14,
@@ -242,14 +248,14 @@ function kt(t) {
     xl: 24
   }[t];
 }
-const Ct = {
+const St = {
   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 dn({
   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" : St[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 zt = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, zt = {
+}, Et = {
   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 = {
+}, Mt = {
   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 = ({
+}, un = ({
   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],
+    zt[r],
+    !s && Et[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]
+      Mt[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(Ze, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
   ] });
-}, Mt = {
+}, $t = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm"
 };
-function dn({
+function mn({
   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],
+              $t[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 ht(() => {
     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 Dt = ({
   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 = {
+}, Tt = {
   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 = {
+}, _t = {
   sm: "h-control-sm w-7",
   md: "h-control-md w-8"
 };
@@ -508,7 +514,7 @@ function Re({
       }
     ),
     f && /* @__PURE__ */ e(
-      $t,
+      Dt,
       {
         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],
+              Tt[n],
+              _t[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 At = {
   sm: "size-checkbox-sm",
   md: "size-checkbox",
   lg: "size-checkbox-lg",
   full: "size-checkbox"
-}, At = {
+}, Lt = {
   sm: "min-h-control-sm",
   md: "min-h-control-md",
   lg: "min-h-control-lg",
   full: "min-h-control-md"
-}, Lt = {
+}, It = {
   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", Lt[s]), children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -604,7 +610,7 @@ const _t = {
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover",
-              _t[s],
+              At[s],
               p ? "border-danger-border" : "border-border-strong",
               h
             ),
@@ -619,7 +625,7 @@ const _t = {
               className: d(
                 "cursor-pointer",
                 p ? "text-danger-fg" : "text-text",
-                Lt[s],
+                It[s],
                 o
               ),
               children: t
@@ -633,7 +639,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 jt = () => /* @__PURE__ */ e(Y, { icon: Qe, size: "md", color: "current" }), Pt = () => /* @__PURE__ */ e(Y, { icon: ke, size: "md", color: "current" }), Ot = () => /* @__PURE__ */ e(Y, { icon: Ce, size: "md", color: "current" }), $e = me(({
   value: t,
   onChange: r,
   placeholder: n = "Select date",
@@ -646,7 +652,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 +664,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,7 +692,7 @@ 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(
+  }, P = d(
     "w-full border border-border rounded-md transition-colors duration-fast",
     "bg-surface text-text",
     "placeholder:text-text-muted",
@@ -714,7 +720,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 +732,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 +742,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(jt, {})
         }
       )
     ] }),
@@ -760,7 +766,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(Ot, {})
           }
         )
       ] }),
@@ -793,7 +799,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 +825,12 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
       ] })
     ] })
   ] });
-}), Ot = {
+}), Ft = {
   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 +849,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 +893,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 +919,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,9 +933,9 @@ 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(
@@ -937,14 +943,14 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
                   "focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   "bg-surface",
-                  Ot[s],
+                  Ft[s],
                   X ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border 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,
+                    et,
                     {
                       size: 16,
                       className: d(
@@ -1000,7 +1006,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 +1015,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 +1051,13 @@ const It = () => /* @__PURE__ */ e(Y, { icon: Ze, size: "md", color: "current" }
     );
   }
 );
-Ne.displayName = "Select";
-const Ft = {
+we.displayName = "Select";
+const Bt = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
   full: "h-control-md px-3 text-base"
-}, Be = "mb-1.5 block text-xs font-semibold uppercase tracking-label", be = me(
+}, He = "mb-1.5 block text-xs font-semibold uppercase tracking-label", be = me(
   ({
     label: t,
     helperText: r,
@@ -1067,14 +1073,14 @@ 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,
+            He,
             x ? "text-danger-fg" : "text-text-subtle",
             N
           ),
@@ -1089,14 +1095,14 @@ 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],
+              Bt[s],
               l && "pl-9",
               (o || h) && "pr-9",
               x ? "border-danger-border bg-danger-soft" : "border-border hover:border-border-strong",
@@ -1116,7 +1122,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
         }
@@ -1148,7 +1154,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 +1176,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(" "), Ht = (t) => /* @__PURE__ */ e(Se, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Vt = (t) => /* @__PURE__ */ e(ve, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), qt = {
   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 +1186,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(
+}, Ut = me(
   ({
     label: t,
     helperText: r,
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: l = /* @__PURE__ */ e(Bt, {}),
+    startIcon: l = /* @__PURE__ */ e(Ht, {}),
     loading: o = !1,
     containerClassName: h,
     labelClassName: u,
@@ -1199,18 +1205,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 +1224,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 +1235,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 +1265,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,7 +1280,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
               "input",
               {
                 ref: G,
-                id: D,
+                id: T,
                 value: q,
                 onChange: A,
                 onFocus: ee,
@@ -1284,7 +1290,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
                   "placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   // Size styles
-                  Vt[s],
+                  qt[s],
                   // Icon padding
                   l ? "pl-10" : "",
                   "pr-10",
@@ -1299,7 +1305,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,
+                tt,
                 {
                   className: fe("animate-spin text-info-fg", Me[s]),
                   "aria-hidden": !0
@@ -1308,7 +1314,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
             ) : (
               // Dropdown Chevron
               /* @__PURE__ */ e(
-                Ht,
+                Vt,
                 {
                   className: fe(
                     "text-text-muted cursor-pointer transition-transform",
@@ -1316,7 +1322,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 +1333,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 +1365,8 @@ const fe = (...t) => t.filter(Boolean).join(" "), Bt = (t) => /* @__PURE__ */ e(
     );
   }
 );
-qt.displayName = "SearchableTextField";
-const Ut = me(
+Ut.displayName = "SearchableTextField";
+const Wt = me(
   ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...l }, o) => {
     const h = /* @__PURE__ */ e(
       "span",
@@ -1413,8 +1419,8 @@ const Ut = me(
     );
   }
 );
-Ut.displayName = "Switch";
-function Wt({
+Wt.displayName = "Switch";
+function Kt({
   variant: t = "page",
   children: r,
   showTableSkeleton: n = !1,
@@ -1463,7 +1469,7 @@ function Wt({
     ] })
   ] }) });
 }
-const Kt = ({
+const Gt = ({
   trigger: t,
   options: r,
   value: n,
@@ -1474,7 +1480,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 +1496,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 +1522,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 +1614,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 +1643,7 @@ const Kt = ({
                     return /* @__PURE__ */ c(
                       "button",
                       {
-                        onClick: (le) => j(
+                        onClick: (le) => P(
                           le,
                           w,
                           i.value
@@ -1682,17 +1688,17 @@ const Kt = ({
       ]
     }
   );
-}, un = (t) => (r) => t(r instanceof Date ? r : null), mn = (t) => (r) => t(typeof r == "string" ? r : ""), Le = {
+}, fn = (t) => (r) => t(r instanceof Date ? r : null), hn = (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) => {
+}, Jt = () => /* @__PURE__ */ e(Y, { icon: Se, size: "md", color: "current" }), Yt = ({ active: t }) => /* @__PURE__ */ e(Y, { icon: rt, size: "sm", className: t ? "text-text" : "text-text-subtle" }), Xt = ({ active: t }) => /* @__PURE__ */ e(Y, { icon: ve, size: "sm", className: t ? "text-text" : "text-text-subtle" }), Zt = () => /* @__PURE__ */ e(Y, { icon: ke, size: "md", color: "current" }), Qt = () => /* @__PURE__ */ e(Y, { icon: Ce, size: "md", color: "current" }), er = () => /* @__PURE__ */ e(Y, { icon: nt, size: "md", color: "current" }), tr = () => /* @__PURE__ */ e(Y, { icon: st, size: "md", color: "current" }), Ve = () => /* @__PURE__ */ e(Y, { icon: ve, size: "md", color: "current" }), rr = (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 +1717,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(Ve, {}) })
     ] }),
     /* @__PURE__ */ c("div", { className: "absolute z-10 left-0 mt-1 bg-surface border border-border rounded-lg shadow-overlay p-2 w-48", children: [
       t.options?.map((s) => /* @__PURE__ */ e(
@@ -1757,17 +1763,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 +1782,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 +1791,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 +1820,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 +1836,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 +1857,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(rr, { ...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(Jt, {}),
           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,
+        Kt,
         {
           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 +1886,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 +1904,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 +1923,13 @@ const Kt = ({
                     ),
                     children: [
                       /* @__PURE__ */ e(
-                        Jt,
+                        Yt,
                         {
                           active: K.column === v.id && K.direction === "asc"
                         }
                       ),
                       /* @__PURE__ */ e(
-                        Yt,
+                        Xt,
                         {
                           active: K.column === v.id && K.direction === "desc"
                         }
@@ -1949,7 +1955,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 +1965,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 +1974,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,
+                  Gt,
                   {
                     trigger: /* @__PURE__ */ c("div", { className: "inline-flex items-center gap-1 px-2 py-1 text-sm text-text-muted hover:text-text", children: [
                       /* @__PURE__ */ e("span", { children: "Options" }),
-                      /* @__PURE__ */ e(He, {})
+                      /* @__PURE__ */ e(Ve, {})
                     ] }),
-                    options: 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 +2037,7 @@ const Kt = ({
           "Showing ",
           M,
           " to ",
-          T,
+          _,
           " of ",
           G,
           " results"
@@ -2041,7 +2047,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 +2062,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(er, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -2066,27 +2072,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(Zt, {})
           }
         ),
         /* @__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(Qt, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -2094,16 +2100,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(tr, {})
           }
         )
       ] })
     ] })
   ] });
-}, rr = ht(null), fn = ({
+}, nr = xt(null), xn = ({
   items: t,
   activeTab: r,
   onTabChange: n,
@@ -2135,7 +2141,7 @@ const Kt = ({
     },
     u.id
   )) }) });
-}, nr = ({
+}, sr = ({
   items: t,
   defaultTab: r,
   activeTab: n,
@@ -2161,7 +2167,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 +2178,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 +2189,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(nr.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ e("div", { className: p, role: "tablist", children: t.map((g) => /* @__PURE__ */ e(
       "button",
       {
@@ -2214,14 +2220,14 @@ const Kt = ({
       }
     )
   ] }) });
-}, sr = {
+}, ar = {
   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 qe({
   open: t,
   onClose: r,
   title: n,
@@ -2265,7 +2271,7 @@ function Ve({
             "relative w-full bg-surface rounded-lg shadow-modal",
             // 'animate-scale-in',
             "focus:outline-none",
-            sr[s],
+            ar[s],
             o
           ),
           role: "dialog",
@@ -2288,7 +2294,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 +2306,19 @@ function Ve({
     }
   ) : null;
 }
-const ar = {
+const lr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, lr = {
+}, or = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, or = {
+}, cr = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -2323,12 +2329,12 @@ const ar = {
   neutral: "text-text",
   current: "text-current",
   muted: "text-text-subtle"
-}, cr = {
+}, ir = {
   left: "text-left",
   center: "text-center",
   right: "text-right",
   justify: "text-justify"
-}, ir = {
+}, dr = {
   tight: "leading-tight",
   normal: "leading-normal",
   relaxed: "leading-relaxed"
@@ -2347,28 +2353,28 @@ const ar = {
   children: f,
   ...b
 }) => {
-  const p = N || dr(t), C = t === "caption", g = t === "label", x = t === "code", _ = d(
+  const p = N || ur(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 && lr[r],
     // Weight — label owns its weight
-    !g && lr[n],
-    or[s],
-    cr[a],
+    !g && or[n],
+    cr[s],
+    ir[a],
     // Line height only overrides the body variant
-    t === "body" && ir[u],
+    t === "body" && dr[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 ur(t) {
   return {
     body: "p",
     caption: "span",
@@ -2376,7 +2382,7 @@ function dr(t) {
     code: "code"
   }[t] || "p";
 }
-const ur = ({
+const mr = ({
   value: t,
   onChange: r,
   label: n,
@@ -2390,7 +2396,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 +2442,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 +2463,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 +2496,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 +2517,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 +2534,7 @@ const ur = ({
         type: "file"
       });
     }), $;
-  }, [M]), F = [
+  }, [M]), B = [
     {
       id: "name",
       header: "Name",
@@ -2566,14 +2572,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 +2594,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 +2615,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 +2625,16 @@ const ur = ({
     ),
     a && /* @__PURE__ */ e(de, { variant: "body", size: "xs", className: "text-danger-fg", children: a }),
     /* @__PURE__ */ e(
-      Ve,
+      qe,
       {
         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,
+          sr,
           {
             variant: "pills",
             items: [
@@ -2643,9 +2649,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: at, size: "xs" }),
                         children: E ? "Back" : "Back to Mounts"
                       }
                     ),
@@ -2668,7 +2674,7 @@ const ur = ({
                           variant: "outline",
                           size: "sm",
                           onClick: () => k(!0),
-                          leftIcon: /* @__PURE__ */ e(Y, { icon: at, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Y, { icon: lt, size: "xs" }),
                           children: "New Folder"
                         }
                       ),
@@ -2678,7 +2684,7 @@ const ur = ({
                           variant: "primary",
                           size: "sm",
                           onClick: () => y.current?.click(),
-                          leftIcon: /* @__PURE__ */ e(Y, { icon: lt, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Y, { icon: ot, size: "xs" }),
                           loading: U,
                           children: "Upload"
                         }
@@ -2713,21 +2719,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 +2769,7 @@ const ur = ({
       }
     )
   ] });
-}, mr = {
+}, fr = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-3 py-2 text-base",
   lg: "px-3 py-2 text-md",
@@ -2790,7 +2796,7 @@ const ur = ({
         {
           htmlFor: C,
           className: d(
-            Be,
+            He,
             g ? "text-danger-fg" : "text-text-subtle",
             h
           ),
@@ -2812,7 +2818,7 @@ const ur = ({
               "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],
+              fr[s],
               g ? "border-danger-border bg-danger-soft" : "border-border hover:border-border-strong",
               u
             ),
@@ -2839,13 +2845,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 hr(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 +2860,7 @@ function fr(t, r, n) {
   }
   return l[s[s.length - 1]] = n, a;
 }
-function hr(t, r) {
+function xr(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 +2870,7 @@ function hr(t, r) {
   }
   return delete a[n[n.length - 1]], s;
 }
-const hn = ({
+const bn = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -2882,9 +2888,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 +2909,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 +2927,12 @@ const hn = ({
     [t]
   ), I = ue(
     (k, i) => {
-      let S = fr(
+      let S = hr(
         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 = xr(S, k)), D(S), X((w) => ({ ...w, [k]: !0 }));
       const A = U(k, i, S);
       W((w) => ({
         ...w,
@@ -2943,7 +2949,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 +2966,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 +3004,7 @@ const hn = ({
           );
         case "select":
           return /* @__PURE__ */ e(
-            Ne,
+            we,
             {
               ...A,
               onChange: (w) => I(k.name, w),
@@ -3059,7 +3065,7 @@ const hn = ({
           );
         case "file":
           return /* @__PURE__ */ e(
-            ur,
+            mr,
             {
               ...A,
               value: i,
@@ -3122,40 +3128,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 +3171,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 +3187,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 +3200,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 +3225,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 +3245,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,
+                                      disabled: y || B.disabled,
                                       className: "size-checkbox shrink-0 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 +3294,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 +3315,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(ct, { className: "size-icon-md" })
                 }
               )
             ] }, M)),
@@ -3319,7 +3325,7 @@ const hn = ({
                 type: "button",
                 variant: "secondary",
                 size: "sm",
-                leftIcon: /* @__PURE__ */ e(ct, { className: "size-icon-sm" }),
+                leftIcon: /* @__PURE__ */ e(it, { className: "size-icon-sm" }),
                 onClick: ae,
                 disabled: y,
                 children: [
@@ -3334,7 +3340,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))
@@ -3361,7 +3367,7 @@ const hn = ({
               k.description && /* @__PURE__ */ e("p", { className: "mt-1 text-xs leading-4 text-text-subtle", children: k.description })
             ] }),
             /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e("div", { className: S, children: i.map((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",
                 {
@@ -3390,8 +3396,8 @@ const hn = ({
         k.id
       );
     },
-    [x, D, E, K]
-  ), j = d(
+    [x, T, E, K]
+  ), P = d(
     "overflow-hidden rounded-lg border border-border bg-surface",
     {
       "max-w-md": f === "sm",
@@ -3401,7 +3407,7 @@ const hn = ({
     },
     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: [
@@ -3433,7 +3439,7 @@ const hn = ({
     ] }) })
   ] });
 };
-function xn({
+function pn({
   open: t,
   title: r,
   description: n,
@@ -3445,7 +3451,7 @@ function xn({
   onCancel: u
 }) {
   return /* @__PURE__ */ e(
-    Ve,
+    qe,
     {
       open: t,
       onClose: u,
@@ -3467,7 +3473,7 @@ function xn({
     }
   );
 }
-const xr = {
+const br = {
   default: "bg-surface-hover text-text",
   primary: "bg-accent-soft text-accent",
   secondary: "bg-surface-hover text-text-muted",
@@ -3477,11 +3483,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 = {
+}, pr = {
   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 = {
+}, gr = {
   default: "bg-surface-hover",
   primary: "bg-accent",
   secondary: "bg-surface-hover",
@@ -3491,7 +3497,7 @@ const xr = {
   info: "bg-info",
   note: "bg-note"
 };
-function bn({
+function gn({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3509,9 +3515,9 @@ function bn({
         // Base styles
         "inline-flex items-center font-medium rounded-full",
         // Variant styles
-        xr[t],
+        br[t],
         // Size styles
-        br[r],
+        pr[r],
         o
       ),
       ...u,
@@ -3521,7 +3527,7 @@ function bn({
           {
             className: d(
               "w-2 h-2 rounded-full mr-1.5",
-              pr[t]
+              gr[t]
             )
           }
         ),
@@ -3533,18 +3539,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 vr = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function pn({
+function vn({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3564,7 +3570,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", vr[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 +3578,7 @@ function pn({
     }
   );
 }
-function gn({ children: t, className: r, ...n }) {
+function yn({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3585,14 +3591,14 @@ function gn({ children: t, className: r, ...n }) {
     }
   );
 }
-const vr = {
+const yr = {
   sm: "h-1",
   md: "h-1.5"
-}, yr = {
+}, Nr = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function vn({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
+function Nn({ 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 +3607,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", yr[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", Nr[r]),
           style: { width: `${l}%` }
         }
       )
     }
   );
 }
-const Nr = {
+const wr = {
   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 = {
+}, kr = {
   primary: "text-accent",
   secondary: "text-text-muted",
   white: "text-white",
   current: "text-current"
-}, kr = {
+}, Cr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-lg"
 };
-function yn({
+function wn({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3654,8 +3660,8 @@ function yn({
           {
             className: d(
               "animate-spin",
-              Nr[t],
-              wr[r]
+              wr[t],
+              kr[r]
             ),
             fill: "none",
             viewBox: "0 0 24 24",
@@ -3689,7 +3695,7 @@ function yn({
           {
             className: d(
               "text-text-muted",
-              kr[t]
+              Cr[t]
             ),
             children: n
           }
@@ -3699,7 +3705,7 @@ function yn({
     }
   );
 }
-const Cr = {
+const Sr = {
   neutral: "bg-text-disabled",
   accent: "bg-accent",
   success: "bg-success",
@@ -3713,7 +3719,7 @@ const Cr = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function Nn({
+function kn({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3729,14 +3735,14 @@ function Nn({
       className: d(
         "inline-block size-dot shrink-0",
         r === "round" ? "rounded-full" : "rounded-sm",
-        Cr[t],
+        Sr[t],
         n && "animate-pulse",
         a
       )
     }
   );
 }
-function wn({
+function Cn({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -3772,7 +3778,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 Sn({ title: t, icon: r = /* @__PURE__ */ e(dt, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -3793,21 +3799,21 @@ function kn({ title: t, icon: r = /* @__PURE__ */ e(it, { className: "size-icon-
     }
   );
 }
-const Sr = {
+const zr = {
   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 Er(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 Mr = ({ 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],
+    zr[n],
     s
   );
   return r && !l ? /* @__PURE__ */ e(
@@ -3819,13 +3825,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: Er(t) });
+}, Fe = "ring-surface", $r = "ring-surface-accent", zn = ({ 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,
+      Mr,
       {
         name: o.name,
         src: o.src,
@@ -3833,7 +3839,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 ? $r : Fe,
           o.seen === !1 && "opacity-40"
         )
       },
@@ -3845,7 +3851,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 +3860,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 = {
+}, Dr = {
   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 En({ 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],
+        Dr[n],
         l.fg,
         l.bg,
         s
@@ -3882,7 +3888,7 @@ function Sn({ channel: t, children: r, size: n = "md", className: s, title: a })
     }
   );
 }
-const zn = ({
+const Mn = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -3898,14 +3904,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 +3950,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: ut, 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 +3961,7 @@ const zn = ({
         src: E,
         alt: r,
         className: I,
-        onLoad: D,
+        onLoad: T,
         onError: X
       }
     ),
@@ -3963,7 +3969,30 @@ const zn = ({
     x && o && /* @__PURE__ */ e("div", { className: q, children: N || re })
   ] });
 };
-function En({
+function $n({
+  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 Dn({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -3981,17 +4010,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 +4029,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 +4060,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 +4073,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 +4111,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 Tn({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -4197,18 +4258,18 @@ function Mn({
     }
   );
 }
-const Dr = {
+const Tr = {
   default: "text-text",
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function $n({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+function _n({ 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", Tr[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const Dn = ({
+const An = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -4228,12 +4289,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 +4319,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 +4328,7 @@ const Dn = ({
                 /* @__PURE__ */ e(
                   "h2",
                   {
-                    onClick: _,
+                    onClick: D,
                     className: d(
                       "text-lg font-semibold tracking-title truncate",
                       m && "cursor-pointer"
@@ -4278,10 +4339,10 @@ const Dn = ({
                 ),
                 n && /* @__PURE__ */ e("span", { className: "shrink-0 text-base text-text-muted truncate", children: n }),
                 m && /* @__PURE__ */ e(
-                  ut,
+                  mt,
                   {
                     size: 15,
-                    onClick: _,
+                    onClick: D,
                     className: "shrink-0 cursor-pointer text-text-muted opacity-0 group-hover:opacity-100 transition-opacity"
                   }
                 )
@@ -4290,29 +4351,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 +4381,19 @@ const Dn = ({
       ]
     }
   );
-}, Tr = {
+}, _r = {
   none: "p-0",
   sm: "p-2",
   md: "p-4",
   lg: "p-6"
-}, Tn = ({
+}, Ln = ({
   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", _r[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 +4423,7 @@ const Dn = ({
       o.id
     )
   ) })
-] }), _r = /<[a-z][\s\S]*>/i, Ar = [
+] }), Ar = /<[a-z][\s\S]*>/i, Lr = [
   "[&_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 +4438,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(" "), Ir = {
   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 +4461,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 In({ text: t, className: r, as: n }) {
   const s = t ?? "";
-  return (n ? n === "html" : _r.test(s)) ? /* @__PURE__ */ e(
+  return (n ? n === "html" : Ar.test(s)) ? /* @__PURE__ */ e(
     "div",
     {
-      className: d("break-words", Ar, r),
-      dangerouslySetInnerHTML: { __html: bt.sanitize(s, { ADD_ATTR: ["target", "rel"] }) }
+      className: d("break-words", Lr, r),
+      dangerouslySetInnerHTML: { __html: pt.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(gt, { remarkPlugins: [vt], components: Ir, children: s }) });
 }
-function An({ label: t, trailing: r, align: n = "center", className: s }) {
+function jn({ 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 +4480,7 @@ function An({ label: t, trailing: r, align: n = "center", className: s }) {
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-function Ln({
+function Pn({
   label: t,
   description: r,
   control: n,
@@ -4446,7 +4507,7 @@ function Ln({
     }
   );
 }
-function In({
+function On({
   icon: t,
   title: r,
   description: n,
@@ -4466,7 +4527,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 Fn({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -4479,18 +4540,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: ft, size: "xs", className: "opacity-70" })
       ]
     }
   );
 }
-function Ir(t, r) {
+function jr(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const jn = ({
+const Bn = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -4513,7 +4574,7 @@ const jn = ({
     return b ? b.label : String(m || "-");
   }, h = ue(
     (m) => {
-      const f = Ir(r, m.name);
+      const f = jr(r, m.name);
       if (m.type === "array") {
         const p = f;
         return !p || p.length === 0 ? /* @__PURE__ */ e(
@@ -4544,7 +4605,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 +4614,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 +4800,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 }) => {
+}, Ue = ({ 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 +4817,7 @@ const jn = ({
         }
       ),
       /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: t.children?.map((u, N) => /* @__PURE__ */ e(
-        qe,
+        Ue,
         {
           item: u,
           isSelectedHandler: r,
@@ -4831,7 +4892,7 @@ const jn = ({
       ]
     }
   ) });
-}, On = ({
+}, Rn = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
@@ -4840,7 +4901,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,
+      Ue,
       {
         item: a,
         isSelectedHandler: r,
@@ -4858,13 +4919,13 @@ const jn = ({
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, jr = {
+}, Or = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, Or = {
+}, Fr = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -4874,11 +4935,11 @@ const jn = ({
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, Fr = {
+}, Br = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, Fn = ({
+}, Hn = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -4892,9 +4953,9 @@ const jn = ({
   const N = `h${t}`, m = d(
     "font-sans text-pretty",
     Pr[r || Rr(t)],
-    jr[n],
-    Or[s],
-    Fr[a],
+    Or[n],
+    Fr[s],
+    Br[a],
     l && "truncate",
     o
   );
@@ -4910,7 +4971,7 @@ function Rr(t) {
     6: "md"
   }[t] || "md";
 }
-const Rn = ({
+const Vn = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -4924,19 +4985,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 +5005,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 +5039,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 +5076,7 @@ const Rn = ({
       ]
     }
   ) }) : null;
-}, Br = {
+}, Hr = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -5023,7 +5084,7 @@ const Rn = ({
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, Hr = {
+}, Vr = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -5031,7 +5092,7 @@ const Rn = ({
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, Vr = {
+}, qr = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -5047,26 +5108,26 @@ const Rn = ({
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, qr = {
+}, Ur = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Ur = {
+}, Wr = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, Wr = {
+}, Kr = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Kr = {
+}, Gr = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -5076,7 +5137,7 @@ const Rn = ({
   info: "border-info-border",
   neutral: "border-border-subtle",
   white: "border-border-subtle"
-}, Ue = me(
+}, We = me(
   ({
     padding: t,
     margin: r,
@@ -5093,13 +5154,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 && Hr[t],
+        r && Vr[r],
+        n && qr[n],
+        s && Ur[s],
+        a && Wr[a],
+        l && Kr[l],
+        o && Gr[o],
         h
       ),
       ...N,
@@ -5107,9 +5168,9 @@ const Rn = ({
     }
   )
 );
-Ue.displayName = "Box";
-const Bn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
-  Ue,
+We.displayName = "Box";
+const qn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
+  We,
   {
     background: "module",
     radius: "lg",
@@ -5123,7 +5184,7 @@ const Bn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
     ]
   }
 );
-function Hn({
+function Un({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -5157,13 +5218,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 +5236,7 @@ function Hn({
     n === "react" && !m && b && /* @__PURE__ */ e(b, { ...l })
   ] });
 }
-class Vn extends xt {
+class Wn extends bt {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -5204,69 +5265,71 @@ class Vn extends xt {
   }
 }
 export {
-  kn as AssistantCard,
-  Er as Avatar,
-  Cn as AvatarStack,
-  bn as Badge,
-  Ue as Box,
+  Sn as AssistantCard,
+  Mr as Avatar,
+  zn as AvatarStack,
+  gn as Badge,
+  We as Box,
   ne as Button,
-  ln as ButtonGroup,
-  Bn as Card,
-  Sn as ChannelBadge,
+  cn as ButtonGroup,
+  qn as Card,
+  En as ChannelBadge,
   pe as Checkbox,
-  Rn as CommandPalette,
-  xn as ConfirmDialog,
-  Wt as ContentLoading,
+  Vn as CommandPalette,
+  pn as ConfirmDialog,
+  Kt as ContentLoading,
   $e as DatePicker,
-  Kt as Dropdown,
-  pn as EmptyState,
-  Vn as ErrorBoundary,
-  Hn as FederatedResource,
-  on as FilterChip,
+  Gt as Dropdown,
+  vn as EmptyState,
+  Wn as ErrorBoundary,
+  Un as FederatedResource,
+  dn as FilterChip,
   Rt as FolderSelect,
-  hn as Form,
-  Fn as Heading,
+  bn as Form,
+  Hn 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,
+  Mn as Image,
+  yn as Kbd,
+  _n as KpiCard,
+  un as Link,
+  Dn as List,
+  $n as ListBulkAction,
+  an as MeetingGrid,
+  Tn as MessageBubble,
+  qe as Modal,
+  An as PageHeader,
+  Ln as PageToolbar,
+  ln as ParticipantTile,
+  Dt as Popover,
+  Nn as ProgressBar,
+  In as RichText,
+  Ut as SearchableTextField,
+  jn as SectionDivider,
+  mn as SegmentedToggle,
+  we as Select,
+  Pn as SettingsRow,
+  On as SettingsSection,
+  Rn as SidebarMenu,
+  Fn as SourceChip,
+  wn as Spinner,
   Re as SplitButton,
-  Nn as StatusDot,
-  wn as StepIndicator,
-  ur as StorageInput,
-  Ut as Switch,
-  fn as TabBar,
+  kn as StatusDot,
+  Cn as StepIndicator,
+  mr as StorageInput,
+  Wt as Switch,
+  xn as TabBar,
   Pe as Table,
-  nr as Tabs,
+  sr as Tabs,
   de as Text,
   De as TextArea,
   be as TextField,
-  an as VideoSurface,
-  jn as View,
+  on as VideoSurface,
+  Bn as View,
+  sn as catTone,
   d as cn,
-  rn as createSizes,
-  tn as createVariants,
-  un as dateFilterHandler,
-  mn as selectFilterHandler
+  nn as createSizes,
+  rn as createVariants,
+  fn as dateFilterHandler,
+  hn as selectFilterHandler
 };
 //# sourceMappingURL=index.js.map