@opencxh/ui-kit 3.137.1 → 3.137.2

package/dist/index.js

@@ -1,6 +1,6 @@
 import { clsx as et } from "clsx";
 import { jsxs as i, jsx as e, Fragment as ve } from "react/jsx-runtime";
-import { VideoOff as tt, User as rt, MicOff as nt, Mic as st, X as we, ChevronDown as Se, ExternalLink as at, Calendar as lt, ChevronLeft as ze, ChevronRight as Ee, ChevronDownIcon as ot, Loader2 as ct, Search as Me, Check as Ie, ChevronUp as it, Ellipsis as dt, FileText as Te, HardDrive as Pe, ArrowLeft as ut, FolderPlus as mt, Upload as ft, Folder as je, Trash2 as ht, Plus as xt, Sparkles as bt, ImageOff as gt, Pencil as pt, ArrowUpRight as vt } from "lucide-react";
+import { VideoOff as tt, User as rt, MicOff as nt, Mic as st, X as we, ChevronDown as Se, ExternalLink as at, Calendar as lt, ChevronLeft as Ee, ChevronRight as ze, ChevronDownIcon as ot, Loader2 as ct, Search as Me, Check as Ie, ChevronUp as it, Ellipsis as dt, FileText as Te, HardDrive as Pe, ArrowLeft as ut, FolderPlus as mt, Upload as ft, Folder as je, Trash2 as ht, Plus as xt, Sparkles as bt, ImageOff as gt, Pencil as pt, ArrowUpRight as vt } from "lucide-react";
 import oe, { useRef as se, useEffect as X, forwardRef as xe, useState as O, useLayoutEffect as yt, useMemo as pe, useCallback as he, createContext as Nt, Component as wt } from "react";
 import kt from "dompurify";
 import Ct from "react-markdown";
@@ -78,7 +78,7 @@ function hn({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
     }
   );
 }
-const zt = {
+const Et = {
   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
@@ -91,7 +91,7 @@ const zt = {
   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"
-}, Et = {
+}, zt = {
   xs: "h-control-xs px-2 text-xs",
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-4 text-sm",
@@ -138,8 +138,8 @@ const zt = {
           "focus-visible:outline-none focus-visible:focus-ring",
           "disabled:cursor-not-allowed disabled:border-border-subtle",
           "disabled:text-text-disabled",
-          zt[t],
-          o ? Mt[r] : Et[r],
+          Et[t],
+          o ? Mt[r] : zt[r],
           (n || r === "full") && "w-full",
           s && "cursor-wait",
           m
@@ -664,7 +664,7 @@ const Ht = {
   }
 );
 ye.displayName = "Checkbox";
-const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }), Wt = () => /* @__PURE__ */ e(Q, { icon: ze, size: "md", color: "current" }), Kt = () => /* @__PURE__ */ e(Q, { icon: Ee, size: "md", color: "current" }), Ae = xe(({
+const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }), Wt = () => /* @__PURE__ */ e(Q, { icon: Ee, size: "md", color: "current" }), Kt = () => /* @__PURE__ */ e(Q, { icon: ze, size: "md", color: "current" }), Ae = xe(({
   value: t,
   onChange: r,
   placeholder: n = "Select date",
@@ -886,31 +886,31 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
     }, []);
     const S = oe.useCallback(
       (D, A) => D.some(
-        (E) => ke(E.value) === ke(A) || ke(E.label) === ke(A)
+        (z) => ke(z.value) === ke(A) || ke(z.label) === ke(A)
       ),
       []
     ), p = oe.useCallback(
       (D, A) => {
-        const E = [...D], F = (j) => {
+        const z = [...D], F = (j) => {
           const B = (j ?? "").trim();
-          B && (S(E, B) || E.push({ value: B, label: B }));
+          B && (S(z, B) || z.push({ value: B, label: B }));
         };
-        return Array.isArray(A) ? A.forEach(F) : F(A), E;
+        return Array.isArray(A) ? A.forEach(F) : F(A), z;
       },
       [S]
     );
     oe.useEffect(() => {
       c((D) => {
         const A = [...o];
-        return D.forEach((E) => {
-          !S(A, E.value) && !S(A, E.label) && A.push(E);
+        return D.forEach((z) => {
+          !S(A, z.value) && !S(A, z.label) && A.push(z);
         }), p(A, k);
       });
     }, [o, k, p, S]);
     const _ = (D) => {
       if (v) {
-        const A = Array.isArray(k) ? k : [], E = A.includes(D) ? A.filter((F) => F !== D) : [...A, D];
-        g?.(E);
+        const A = Array.isArray(k) ? k : [], z = A.includes(D) ? A.filter((F) => F !== D) : [...A, D];
+        g?.(z);
       } else
         g?.(D), I(!1), te("");
     }, N = v ? null : w.find((D) => D.value === k), U = v ? w.filter(
@@ -920,15 +920,15 @@ const Ut = () => /* @__PURE__ */ e(Q, { icon: lt, size: "md", color: "current" }
     ) : w, ee = !!f && !!b && !!H.trim() && !S(w, H), Y = (D) => {
       const A = D.trim();
       if (!A) return;
-      const E = $?.(A) ?? {
+      const z = $?.(A) ?? {
         value: A,
         label: A
       };
-      if (S(w, E.value) || S(w, E.label)) {
-        _(E.value), te(""), v || I(!1);
+      if (S(w, z.value) || S(w, z.label)) {
+        _(z.value), te(""), v || I(!1);
         return;
       }
-      c((F) => [...F, E]), _(E.value), te(""), v || I(!1);
+      c((F) => [...F, z]), _(z.value), te(""), v || I(!1);
     }, P = () => v ? U.length > 0 ? U.map((D) => D.label).join(", ") : u || "Select options" : N?.label || u || "Select an option";
     return /* @__PURE__ */ i(
       "div",
@@ -1822,7 +1822,7 @@ const nr = ({
       variant: "secondary",
       onClick: r,
       "aria-label": n,
-      leftIcon: /* @__PURE__ */ e(Q, { icon: ze, size: "sm" }),
+      leftIcon: /* @__PURE__ */ e(Q, { icon: Ee, size: "sm" }),
       iconOnly: !0
     }
   ),
@@ -1852,7 +1852,6 @@ const cr = (t) => {
     return /* @__PURE__ */ e(
       Ae,
       {
-        size: "sm",
         value: t.value,
         onChange: (u) => t.onChange(u),
         placeholder: t.placeholder || t.label,
@@ -1932,74 +1931,74 @@ const cr = (t) => {
     page: 0,
     pageSize: x
   }), N = se(null), U = pe(() => {
-    let z = t;
+    let E = t;
     if (s && !K && ce.trim()) {
       const W = r.filter(
         (ie) => ie.searchable !== !1
       ), le = ce.toLowerCase();
-      z = z.filter((ie) => W.some((R) => {
+      E = E.filter((ie) => W.some((R) => {
         const ue = typeof R.accessor == "function" ? R.accessor(ie) : ie[R.accessor];
         return String(ue || "").toLowerCase().includes(le);
       }));
     }
     return u.forEach((W) => {
-      W.value && W.value !== "all" && (z = z.filter((le) => {
+      W.value && W.value !== "all" && (E = E.filter((le) => {
         const ie = r.find((ue) => ue.id === W.id);
         if (!ie) return !0;
         const R = typeof ie.accessor == "function" ? ie.accessor(le) : le[ie.accessor];
         return String(R || "") === W.value;
       }));
-    }), z;
+    }), E;
   }, [t, ce, K, r, s, u]), re = pe(() => {
     if (!c.column || !c.direction) return U;
-    const z = r.find((W) => W.id === c.column);
-    return z ? [...U].sort((W, le) => {
-      const ie = typeof z.accessor == "function" ? z.accessor(W) : W[z.accessor], R = typeof z.accessor == "function" ? z.accessor(le) : le[z.accessor];
+    const E = r.find((W) => W.id === c.column);
+    return E ? [...U].sort((W, le) => {
+      const ie = typeof E.accessor == "function" ? E.accessor(W) : W[E.accessor], R = typeof E.accessor == "function" ? E.accessor(le) : le[E.accessor];
       let ue = 0;
       return ie < R ? ue = -1 : ie > R && (ue = 1), c.direction === "desc" ? -ue : ue;
     }) : U;
   }, [U, c, r]), ee = pe(() => {
     if (!y) return re;
-    const z = p.page * p.pageSize, W = z + p.pageSize;
-    return re.slice(z, W);
+    const E = p.page * p.pageSize, W = E + p.pageSize;
+    return re.slice(E, W);
   }, [re, p, y]), Y = he(
-    (z) => {
-      r.find((le) => le.id === z)?.sortable && S((le) => le.column !== z ? { column: z, direction: "asc" } : le.direction === "asc" ? { column: z, direction: "desc" } : { column: null, direction: null });
+    (E) => {
+      r.find((le) => le.id === E)?.sortable && S((le) => le.column !== E ? { column: E, direction: "asc" } : le.direction === "asc" ? { column: E, direction: "desc" } : { column: null, direction: null });
     },
     [r]
-  ), P = he((z) => {
-    _((W) => ({ ...W, page: z }));
+  ), P = he((E) => {
+    _((W) => ({ ...W, page: E }));
   }, []), D = he(
-    (z, W) => {
+    (E, W) => {
       if (!g) return;
-      const le = f(z, 0);
-      g(W ? [...k, z] : k.filter(
+      const le = f(E, 0);
+      g(W ? [...k, E] : k.filter(
         (ie, R) => f(k[R], R) !== le
       ));
     },
     [k, g, f]
   ), A = he(
-    (z) => {
-      g && g(z ? [...ee] : []);
+    (E) => {
+      g && g(E ? [...ee] : []);
     },
     [ee, g]
   );
   X(() => {
-    _((z) => ({ ...z, page: 0 }));
+    _((E) => ({ ...E, page: 0 }));
   }, [ce, c]), X(() => {
-    _((z) => ({ ...z, page: 0 }));
-  }, [u.map((z) => z.value).join(",")]);
-  const E = re.length, F = Math.ceil(E / p.pageSize), j = p.page * p.pageSize + 1, B = Math.min(j + p.pageSize - 1, E), M = ee.length > 0 && ee.every((z) => {
-    const W = f(z, 0);
+    _((E) => ({ ...E, page: 0 }));
+  }, [u.map((E) => E.value).join(",")]);
+  const z = re.length, F = Math.ceil(z / p.pageSize), j = p.page * p.pageSize + 1, B = Math.min(j + p.pageSize - 1, z), M = ee.length > 0 && ee.every((E) => {
+    const W = f(E, 0);
     return k.some(
       (le, ie) => f(le, ie) === W
     );
-  }), L = ee.some((z) => {
-    const W = f(z, 0);
+  }), L = ee.some((E) => {
+    const W = f(E, 0);
     return k.some(
       (le, ie) => f(le, ie) === W
     );
-  }), Z = ar[G], ne = H ? "bg-surface-sunk" : "bg-surface", de = d("text-text", Z), be = s || u.length > 0 || m.length > 0, fe = y && E > 0, De = fe || C !== void 0;
+  }), Z = ar[G], ne = H ? "bg-surface-sunk" : "bg-surface", de = d("text-text", Z), be = s || u.length > 0 || m.length > 0, fe = y && z > 0, De = fe || C !== void 0;
   return /* @__PURE__ */ i("div", { className: d("flex min-w-0 flex-col", V), children: [
     be && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
       s && /* @__PURE__ */ e(
@@ -2011,7 +2010,7 @@ const cr = (t) => {
           containerClassName: "w-full sm:w-66"
         }
       ),
-      u.map((z) => /* @__PURE__ */ e(cr, { ...z }, z.id)),
+      u.map((E) => /* @__PURE__ */ e(cr, { ...E }, E.id)),
       m.length > 0 && /* @__PURE__ */ e(Je, { actions: m, className: "ml-auto" })
     ] }),
     /* @__PURE__ */ i("div", { className: "relative w-full overflow-x-auto rounded-lg ring-1 ring-border", children: [
@@ -2031,11 +2030,11 @@ const cr = (t) => {
               size: "sm",
               checked: M,
               indeterminate: L && !M,
-              onChange: (z) => A(z.target.checked),
+              onChange: (E) => A(E.target.checked),
               "aria-label": "Select all rows"
             }
           ) }),
-          !n && r.map((z) => /* @__PURE__ */ e(
+          !n && r.map((E) => /* @__PURE__ */ e(
             "th",
             {
               className: d(
@@ -2043,32 +2042,32 @@ const cr = (t) => {
                 "text-xs font-semibold uppercase tracking-label text-text-muted",
                 "group",
                 {
-                  "text-left": z.align === "left" || !z.align,
-                  "text-center": z.align === "center",
-                  "text-right": z.align === "right",
-                  "cursor-pointer select-none": z.sortable,
-                  [`sticky left-0 ${ne}`]: z.sticky === "left",
-                  [`sticky right-0 ${ne}`]: z.sticky === "right"
+                  "text-left": E.align === "left" || !E.align,
+                  "text-center": E.align === "center",
+                  "text-right": E.align === "right",
+                  "cursor-pointer select-none": E.sortable,
+                  [`sticky left-0 ${ne}`]: E.sticky === "left",
+                  [`sticky right-0 ${ne}`]: E.sticky === "right"
                 }
               ),
-              style: { width: z.width },
-              onClick: () => z.sortable && Y(z.id),
+              style: { width: E.width },
+              onClick: () => E.sortable && Y(E.id),
               children: /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5", children: [
-                z.headerCell ? z.headerCell() : z.header,
-                z.sortable && /* @__PURE__ */ e(
+                E.headerCell ? E.headerCell() : E.header,
+                E.sortable && /* @__PURE__ */ e(
                   Q,
                   {
-                    icon: c.column === z.id && c.direction === "desc" ? Se : it,
+                    icon: c.column === E.id && c.direction === "desc" ? Se : it,
                     size: "xs",
                     className: d(
                       "transition-opacity duration-fast ease-out",
-                      c.column === z.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
+                      c.column === E.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
                     )
                   }
                 )
               ] })
             },
-            z.id
+            E.id
           )),
           h.length > 0 && /* @__PURE__ */ e("th", { className: d(de, "w-10"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
         ] }) }),
@@ -2082,8 +2081,8 @@ const cr = (t) => {
             ),
             children: $ || "No data available"
           }
-        ) }) : ee.map((z, W) => {
-          const le = f(z, W), ie = k.some(
+        ) }) : ee.map((E, W) => {
+          const le = f(E, W), ie = k.some(
             (R, ue) => f(R, ue) === le
           );
           return /* @__PURE__ */ i(
@@ -2097,10 +2096,10 @@ const cr = (t) => {
                 T && "transition-colors duration-fast ease-out hover:bg-surface-hover",
                 b && "cursor-pointer",
                 ie && "bg-accent-soft",
-                I?.(z, W)
+                I?.(E, W)
               ),
               onClick: (R) => {
-                R.stopPropagation(), b?.(z, W);
+                R.stopPropagation(), b?.(E, W);
               },
               children: [
                 v && /* @__PURE__ */ e("td", { className: de, children: /* @__PURE__ */ e(
@@ -2110,13 +2109,13 @@ const cr = (t) => {
                     checked: ie,
                     onClick: (R) => R.stopPropagation(),
                     onChange: (R) => {
-                      R.stopPropagation(), D(z, R.target.checked);
+                      R.stopPropagation(), D(E, R.target.checked);
                     },
                     "aria-label": "Select row"
                   }
                 ) }),
                 r.map((R) => {
-                  const ue = typeof R.accessor == "function" ? R.accessor(z) : z[R.accessor];
+                  const ue = typeof R.accessor == "function" ? R.accessor(E) : E[R.accessor];
                   return /* @__PURE__ */ e(
                     "td",
                     {
@@ -2127,7 +2126,7 @@ const cr = (t) => {
                         "sticky left-0 bg-surface": R.sticky === "left",
                         "sticky right-0 bg-surface": R.sticky === "right"
                       }),
-                      children: R.cell ? R.cell(ue, z, W) : String(ue || "")
+                      children: R.cell ? R.cell(ue, E, W) : String(ue || "")
                     },
                     R.id
                   );
@@ -2141,13 +2140,13 @@ const cr = (t) => {
                       value: R.id,
                       label: R.label,
                       icon: R.icon,
-                      disabled: R.disabled?.(z)
+                      disabled: R.disabled?.(E)
                     })),
                     onSelect: (R) => {
                       const ue = h.find(
                         (Qe) => Qe.id === R
                       );
-                      ue && ue.onClick(z, W);
+                      ue && ue.onClick(E, W);
                     },
                     placement: "bottom-end"
                   }
@@ -2160,7 +2159,7 @@ const cr = (t) => {
       ] })
     ] }),
     De && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-3 px-1 pt-3 text-xs text-text-muted", children: [
-      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: C ?? `Showing ${j}–${B} of ${E}` }),
+      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: C ?? `Showing ${j}–${B} of ${z}` }),
       fe && /* @__PURE__ */ i("div", { className: "flex items-center gap-0.5", children: [
         /* @__PURE__ */ e(
           ae,
@@ -2171,25 +2170,25 @@ const cr = (t) => {
             "aria-label": "Previous page",
             onClick: () => P(p.page - 1),
             disabled: p.page === 0,
-            children: /* @__PURE__ */ e(Q, { icon: ze, size: "md", color: "current" })
+            children: /* @__PURE__ */ e(Q, { icon: Ee, size: "md", color: "current" })
           }
         ),
         or(p.page, F).map(
-          (z, W) => z === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${W}`) : /* @__PURE__ */ e(
+          (E, W) => E === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${W}`) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-current": z === p.page ? "page" : void 0,
-              onClick: () => P(z),
+              "aria-current": E === p.page ? "page" : void 0,
+              onClick: () => P(E),
               className: d(
                 "h-control-xs min-w-6 cursor-pointer rounded-sm px-1.5 tabular-nums",
                 "transition-colors duration-fast ease-out",
                 "focus-visible:outline-none focus-visible:focus-ring",
-                z === p.page ? "bg-surface-sunk font-semibold text-text" : "text-text-muted hover:bg-surface-hover hover:text-text"
+                E === p.page ? "bg-surface-sunk font-semibold text-text" : "text-text-muted hover:bg-surface-hover hover:text-text"
               ),
-              children: z + 1
+              children: E + 1
             },
-            z
+            E
           )
         ),
         /* @__PURE__ */ e(
@@ -2201,7 +2200,7 @@ const cr = (t) => {
             "aria-label": "Next page",
             onClick: () => P(p.page + 1),
             disabled: p.page >= F - 1,
-            children: /* @__PURE__ */ e(Q, { icon: Ee, size: "md", color: "current" })
+            children: /* @__PURE__ */ e(Q, { icon: ze, size: "md", color: "current" })
           }
         )
       ] })
@@ -2617,7 +2616,7 @@ const pr = ({
     };
   }, [T, C]), A = (M) => {
     q((L) => `${L}${M}/`);
-  }, E = () => {
+  }, z = () => {
     const M = C.split("/").filter((L) => L !== "");
     M.pop(), M.length === 0 ? q("/") : q(`${M.join("/")}/`);
   }, F = pe(() => {
@@ -2667,7 +2666,6 @@ const pr = ({
       cell: (M, L) => /* @__PURE__ */ e(
         ae,
         {
-          size: "sm",
           variant: "outline",
           onClick: (Z) => {
             Z.stopPropagation(), L.type === "folder" ? A(L.name) : Y(L);
@@ -2692,7 +2690,7 @@ const pr = ({
       header: "",
       accessor: "id",
       align: "right",
-      cell: (M, L) => /* @__PURE__ */ e(ae, { size: "sm", variant: "outline", onClick: () => $(L), children: "Open" })
+      cell: (M, L) => /* @__PURE__ */ e(ae, { variant: "outline", onClick: () => $(L), children: "Open" })
     }
   ];
   return /* @__PURE__ */ i("div", { className: "space-y-1", children: [
@@ -2745,9 +2743,8 @@ const pr = ({
                       ae,
                       {
                         variant: "ghost",
-                        size: "sm",
                         onClick: () => {
-                          C && C !== "/" ? E() : $(null);
+                          C && C !== "/" ? z() : $(null);
                         },
                         leftIcon: /* @__PURE__ */ e(Q, { icon: ut, size: "xs" }),
                         children: C ? "Back" : "Back to Mounts"
@@ -2761,8 +2758,7 @@ const pr = ({
                         value: H,
                         onChange: (M) => te(M.target.value),
                         startIcon: /* @__PURE__ */ e(Me, { size: 14 }),
-                        fullWidth: !0,
-                        size: "sm"
+                        fullWidth: !0
                       }
                     ) }),
                     /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
@@ -2770,7 +2766,6 @@ const pr = ({
                         ae,
                         {
                           variant: "outline",
-                          size: "sm",
                           onClick: () => w(!0),
                           leftIcon: /* @__PURE__ */ e(Q, { icon: mt, size: "xs" }),
                           children: "New Folder"
@@ -2780,7 +2775,6 @@ const pr = ({
                         ae,
                         {
                           variant: "primary",
-                          size: "sm",
                           onClick: () => p.current?.click(),
                           leftIcon: /* @__PURE__ */ e(Q, { icon: ft, size: "xs" }),
                           loading: V,
@@ -2804,15 +2798,14 @@ const pr = ({
                     /* @__PURE__ */ e(
                       Ne,
                       {
-                        size: "sm",
                         placeholder: "Folder name",
                         value: c,
                         onChange: (M) => S(M.target.value),
                         autoFocus: !0
                       }
                     ),
-                    /* @__PURE__ */ e(ae, { size: "sm", onClick: ee, loading: V, children: "Create" }),
-                    /* @__PURE__ */ e(ae, { size: "sm", variant: "ghost", onClick: () => w(!1), children: "Cancel" })
+                    /* @__PURE__ */ e(ae, { onClick: ee, loading: V, children: "Create" }),
+                    /* @__PURE__ */ e(ae, { variant: "ghost", onClick: () => w(!1), children: "Cancel" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
                     Fe,
@@ -3261,16 +3254,16 @@ const Nn = ({
               N.filter((D, A) => A !== P)
             );
           }, Y = (P, D, A) => {
-            const E = [...N];
-            E[P] = {
-              ...E[P],
+            const z = [...N];
+            z[P] = {
+              ...z[P],
               [D]: A
-            }, I(w.name, E);
+            }, I(w.name, z);
           };
           return /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
             N.map((P, D) => /* @__PURE__ */ i("div", { className: "flex items-start gap-2", children: [
               /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: w.arrayFields?.map((A) => {
-                const E = U?.[D]?.[A.name];
+                const z = U?.[D]?.[A.name];
                 return /* @__PURE__ */ i(
                   "div",
                   {
@@ -3306,7 +3299,7 @@ const Nn = ({
                                 ),
                                 type: A.textType || A.type,
                                 autoComplete: A.autocomplete,
-                                error: E,
+                                error: z,
                                 size: h
                               }
                             );
@@ -3321,7 +3314,7 @@ const Nn = ({
                                   j.target.value
                                 ),
                                 rows: 4,
-                                error: E,
+                                error: z,
                                 size: h
                               }
                             );
@@ -3344,7 +3337,7 @@ const Nn = ({
                                 searchable: A.searchable,
                                 multiple: A.multiple,
                                 allowCreate: A.allowCreate,
-                                error: E,
+                                error: z,
                                 size: h
                               }
                             );
@@ -3413,7 +3406,7 @@ const Nn = ({
                                 A.name,
                                 j
                               ),
-                              error: E,
+                              error: z,
                               disabled: p
                             });
                           // Add other field types here as needed
@@ -3425,7 +3418,7 @@ const Nn = ({
                             ] });
                         }
                       })(),
-                      E && /* @__PURE__ */ e("p", { className: "text-xs text-danger-fg", children: E })
+                      z && /* @__PURE__ */ e("p", { className: "text-xs text-danger-fg", children: z })
                     ]
                   },
                   A.name
@@ -3451,7 +3444,6 @@ const Nn = ({
               {
                 type: "button",
                 variant: "secondary",
-                size: "sm",
                 leftIcon: /* @__PURE__ */ e(xt, { className: "size-icon-sm" }),
                 onClick: re,
                 disabled: p,
@@ -3673,7 +3665,7 @@ function kn({
     }
   );
 }
-const zr = {
+const Er = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
@@ -3697,7 +3689,7 @@ function Cn({
       ),
       ...u,
       children: [
-        t != null && /* @__PURE__ */ e("span", { className: d("flex size-disc items-center justify-center rounded-full text-2xl", zr[r]), children: t }),
+        t != null && /* @__PURE__ */ e("span", { className: d("flex size-disc items-center justify-center rounded-full text-2xl", Er[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 })
@@ -3718,14 +3710,14 @@ function Sn({ children: t, className: r, ...n }) {
     }
   );
 }
-const Er = {
+const zr = {
   sm: "h-1",
   md: "h-1.5"
 }, Mr = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function zn({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
+function En({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
   const l = Math.max(0, Math.min(100, t));
   return /* @__PURE__ */ e(
     "div",
@@ -3734,7 +3726,7 @@ function zn({ 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", Er[n], s),
+      className: d("w-full overflow-hidden rounded-full bg-surface-hover", zr[n], s),
       ...a,
       children: /* @__PURE__ */ e(
         "div",
@@ -3764,7 +3756,7 @@ const $r = {
   lg: "text-base",
   xl: "text-lg"
 };
-function En({
+function zn({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -4152,28 +4144,28 @@ function In({
 }) {
   const [w, c] = oe.useState(
     () => Object.fromEntries(
-      (b ?? []).filter((E) => E.defaultCollapsed).map((E) => [E.id, !0])
+      (b ?? []).filter((z) => z.defaultCollapsed).map((z) => [z.id, !0])
     )
-  ), S = oe.useRef(null), p = (E) => {
-    if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(E.key)) return;
+  ), S = oe.useRef(null), p = (z) => {
+    if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(z.key)) return;
     const j = Array.from(
       S.current?.querySelectorAll("li[data-list-row]") ?? []
     );
     if (j.length === 0) return;
-    E.preventDefault();
-    const B = j.indexOf(document.activeElement), M = E.key === "Home" ? 0 : E.key === "End" ? j.length - 1 : E.key === "ArrowDown" ? (B + 1) % j.length : (B - 1 + j.length) % j.length;
+    z.preventDefault();
+    const B = j.indexOf(document.activeElement), M = z.key === "Home" ? 0 : z.key === "End" ? j.length - 1 : z.key === "ArrowDown" ? (B + 1) % j.length : (B - 1 + j.length) % j.length;
     j[M]?.focus();
-  }, _ = (E, F) => r ? r(E, F) : F, N = (E) => C.includes(E), U = (E, F) => {
+  }, _ = (z, F) => r ? r(z, F) : F, N = (z) => C.includes(z), U = (z, F) => {
     q && q(
-      F ? [...C, E] : C.filter((j) => j !== E)
+      F ? [...C, z] : C.filter((j) => j !== z)
     );
-  }, re = (E) => q?.(E ? [...t] : []), ee = d(
+  }, re = (z) => q?.(z ? [...t] : []), ee = d(
     "flex flex-col",
     I && "overflow-hidden rounded-lg border border-border-subtle",
     K
   );
   if (te)
-    return /* @__PURE__ */ e("div", { className: ee, children: Array.from({ length: J }).map((E, F) => /* @__PURE__ */ i(
+    return /* @__PURE__ */ e("div", { className: ee, children: Array.from({ length: J }).map((z, F) => /* @__PURE__ */ i(
       "div",
       {
         className: d(
@@ -4191,8 +4183,8 @@ function In({
     )) });
   if (t.length === 0 && H)
     return /* @__PURE__ */ e("div", { className: ee, children: H });
-  const Y = t.length > 0 && C.length === t.length, P = C.length > 0 && !Y, D = (E, F, j) => {
-    const B = m?.(E, F) ?? !1, M = y?.(E, F) ?? !1, L = x?.(E, F) ?? !1, Z = $ && N(E);
+  const Y = t.length > 0 && C.length === t.length, P = C.length > 0 && !Y, D = (z, F, j) => {
+    const B = m?.(z, F) ?? !1, M = y?.(z, F) ?? !1, L = x?.(z, F) ?? !1, Z = $ && N(z);
     return /* @__PURE__ */ i(
       "li",
       {
@@ -4201,10 +4193,10 @@ function In({
           tabIndex: 0,
           "data-list-row": "",
           "aria-current": B || void 0,
-          onClick: () => o(E, F),
+          onClick: () => o(z, F),
           onFocus: () => u?.(F),
           onKeyDown: (ne) => {
-            ne.key !== "Enter" && ne.key !== " " || (ne.preventDefault(), o(E, F));
+            ne.key !== "Enter" && ne.key !== " " || (ne.preventDefault(), o(z, F));
           }
         } : {},
         className: d(
@@ -4226,8 +4218,8 @@ function In({
           $ && /* @__PURE__ */ e("span", { onClick: (ne) => ne.stopPropagation(), children: /* @__PURE__ */ e(
             ye,
             {
-              checked: N(E),
-              onChange: (ne) => U(E, ne.target.checked),
+              checked: N(z),
+              onChange: (ne) => U(z, ne.target.checked),
               "aria-label": "Rij selecteren"
             }
           ) }),
@@ -4238,27 +4230,27 @@ function In({
               className: "mt-2 size-1.5 shrink-0 self-start rounded-full bg-border-strong"
             }
           ),
-          s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s(E, F) }),
-          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: a ? a(E, F) : String(E) }),
-          l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(E, F) })
+          s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s(z, F) }),
+          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: a ? a(z, F) : String(z) }),
+          l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(z, F) })
         ]
       },
-      _(E, F)
+      _(z, F)
     );
   }, A = (() => {
     if (!h)
       return t.map((B, M) => D(B, M, M === 0));
-    const E = /* @__PURE__ */ new Map();
+    const z = /* @__PURE__ */ new Map();
     t.forEach((B, M) => {
       const L = h(B, M);
-      E.has(L) || E.set(L, []), E.get(L).push({ item: B, index: M });
+      z.has(L) || z.set(L, []), z.get(L).push({ item: B, index: M });
     });
     const F = b ?? [];
     return [
-      ...F.filter((B) => E.has(B.id)),
-      ...[...E.keys()].filter((B) => !F.some((M) => M.id === B)).map((B) => ({ id: B }))
+      ...F.filter((B) => z.has(B.id)),
+      ...[...z.keys()].filter((B) => !F.some((M) => M.id === B)).map((B) => ({ id: B }))
     ].flatMap((B, M) => {
-      const L = E.get(B.id) ?? [], Z = g && w[B.id], ne = B.title ?? B.id, de = B.count ?? L.length, be = /* @__PURE__ */ e(
+      const L = z.get(B.id) ?? [], Z = g && w[B.id], ne = B.title ?? B.id, de = B.count ?? L.length, be = /* @__PURE__ */ e(
         "li",
         {
           onClick: g ? () => c((fe) => ({ ...fe, [B.id]: !fe[B.id] })) : void 0,
@@ -4276,7 +4268,7 @@ function In({
           style: k ? { top: V ? 28 : 0 } : void 0,
           children: v ? v(B, L.map((fe) => fe.item)) : /* @__PURE__ */ i(ve, { children: [
             g && /* @__PURE__ */ e(
-              Ee,
+              ze,
               {
                 "aria-hidden": !0,
                 className: d(
@@ -4303,7 +4295,7 @@ function In({
       return Z ? [be] : [
         be,
         ...L.map(
-          ({ item: fe, index: De }, z) => D(fe, De, z === 0)
+          ({ item: fe, index: De }, E) => D(fe, De, E === 0)
         )
       ];
     });
@@ -4325,7 +4317,7 @@ function In({
             {
               checked: Y,
               indeterminate: P,
-              onChange: (E) => re(E.target.checked),
+              onChange: (z) => re(z.target.checked),
               "aria-label": "Alles selecteren"
             }
           ) }),
@@ -4438,7 +4430,7 @@ const On = ({
       children: [
         /* @__PURE__ */ i("div", { className: "flex flex-row sm:items-start sm:justify-between items-center gap-4", children: [
           /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ i("div", { className: "flex items-start gap-4 text-text", children: [
-            y && /* @__PURE__ */ e(ae, { variant: "outline", onClick: y, leftIcon: /* @__PURE__ */ e(Q, { icon: ze, size: "sm" }), iconOnly: !0 }),
+            y && /* @__PURE__ */ e(ae, { variant: "outline", onClick: y, leftIcon: /* @__PURE__ */ e(Q, { icon: Ee, size: "sm" }), iconOnly: !0 }),
             /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
               b ? /* @__PURE__ */ e(
                 "input",
@@ -5136,7 +5128,7 @@ const Kn = ({
                   children: [
                     f.icon && /* @__PURE__ */ e("span", { className: "mr-3", children: f.icon }),
                     /* @__PURE__ */ e("span", { className: "flex-grow", children: f.label }),
-                    f.subCommands && /* @__PURE__ */ e("span", { className: "text-text-muted", children: /* @__PURE__ */ e(Ee, { className: "w-4 h-4" }) })
+                    f.subCommands && /* @__PURE__ */ e("span", { className: "text-text-muted", children: /* @__PURE__ */ e(ze, { className: "w-4 h-4" }) })
                   ]
                 },
                 f.id
@@ -5388,7 +5380,7 @@ export {
   Je as PageToolbarActions,
   fn as ParticipantTile,
   Ve as Popover,
-  zn as ProgressBar,
+  En as ProgressBar,
   Fn as RichText,
   Ge as SearchField,
   er as SearchableTextField,
@@ -5399,7 +5391,7 @@ export {
   Hn as SettingsSection,
   Un as SidebarMenu,
   Vn as SourceChip,
-  En as Spinner,
+  zn as Spinner,
   qe as SplitButton,
   Mn as StatusDot,
   $n as StepIndicator,