@opencxh/ui-kit 3.136.3 → 3.136.4

package/dist/index.js

@@ -1,26 +1,26 @@
-import { clsx as Ke } from "clsx";
+import { clsx as Je } from "clsx";
 import { jsxs as c, jsx as e, Fragment as xe } from "react/jsx-runtime";
-import { VideoOff as 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";
+import { VideoOff as Ye, User as Xe, MicOff as Ze, Mic as Qe, X as ge, ChevronDown as ve, ExternalLink as et, Calendar as tt, ChevronLeft as ke, ChevronRight as Ce, ChevronDownIcon as rt, Loader2 as nt, Search as Se, Check as Te, ChevronUp as st, ChevronsLeft as at, ChevronsRight as lt, FileText as Ee, HardDrive as _e, ArrowLeft as ot, FolderPlus as ct, Upload as it, Folder as Ae, Trash2 as dt, Plus as ut, Sparkles as mt, ImageOff as ft, Pencil as ht, ArrowUpRight as xt } from "lucide-react";
+import oe, { useRef as se, useEffect as Q, forwardRef as me, useState as R, useLayoutEffect as bt, useMemo as he, useCallback as ue, createContext as pt, Component as gt } from "react";
+import vt from "dompurify";
+import yt from "react-markdown";
+import Nt from "remark-gfm";
 function d(...t) {
-  return Ke(t);
+  return Je(t);
 }
-function rn(t) {
+function sn(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function nn(t) {
+function an(t) {
   return (r) => t[r] || "";
 }
 const Le = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
-function sn(t) {
+function ln(t) {
   let r = 0;
   for (let n = 0; n < t.length; n++) r = r * 31 + t.charCodeAt(n) >>> 0;
   return Le[r % Le.length];
 }
-function an({ tiles: t, pinned: r, className: n }) {
+function on({ tiles: t, pinned: r, className: n }) {
   if (r)
     return /* @__PURE__ */ c("div", { className: d("flex flex-col md:flex-row gap-2 h-full min-h-0", n), children: [
       /* @__PURE__ */ e("div", { className: "flex-1 min-h-0", children: r }),
@@ -29,7 +29,7 @@ function an({ 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 ln({
+function cn({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -49,16 +49,16 @@ function ln({
         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(Ge, { className: "w-8 h-8" }) : /* @__PURE__ */ e(Je, { className: "w-8 h-8" }) }) }),
+        a && l ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: l }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: r ? /* @__PURE__ */ e("img", { src: r, alt: t, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-video-surface-strong flex items-center justify-center", children: a ? /* @__PURE__ */ e(Ye, { className: "w-8 h-8" }) : /* @__PURE__ */ e(Xe, { className: "w-8 h-8" }) }) }),
         /* @__PURE__ */ c("div", { className: "absolute bottom-2 left-2 flex items-center gap-1.5 px-2 py-1 rounded bg-video-overlay text-white text-xs", children: [
-          n ? /* @__PURE__ */ e(Ye, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Xe, { className: "w-3 h-3" }),
+          n ? /* @__PURE__ */ e(Ze, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Qe, { className: "w-3 h-3" }),
           /* @__PURE__ */ e("span", { className: "truncate max-w-35", children: t })
         ] })
       ]
     }
   );
 }
-function on({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
+function dn({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
   const a = se(null);
   return Q(() => {
     if (!r || !a.current) return;
@@ -78,7 +78,7 @@ function on({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
     }
   );
 }
-const yt = {
+const wt = {
   primary: "bg-accent text-accent-fg hover:bg-accent-hover disabled:bg-surface-hover",
   secondary: "bg-surface-sunk text-text-strong hover:bg-surface-hover disabled:bg-surface-hover",
   // No resting fill, so no disabled fill either — a greyed-out plate where
@@ -91,7 +91,7 @@ const yt = {
   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"
-}, Nt = {
+}, kt = {
   xs: "h-control-xs px-2 text-xs",
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-4 text-sm",
@@ -99,7 +99,7 @@ const yt = {
   xl: "h-control-xl px-6 text-base",
   "2xl": "h-control-2xl px-6 text-base",
   full: "h-control-md px-4 text-sm"
-}, wt = {
+}, Ct = {
   xs: "h-control-xs w-6",
   sm: "h-control-sm w-7",
   md: "h-control-md w-8",
@@ -138,8 +138,8 @@ const yt = {
           "focus-visible:outline-none focus-visible:focus-ring",
           "disabled:cursor-not-allowed disabled:border-border-subtle",
           "disabled:text-text-disabled",
-          yt[t],
-          o ? wt[r] : Nt[r],
+          wt[t],
+          o ? Ct[r] : kt[r],
           (n || r === "full") && "w-full",
           s && "cursor-wait",
           u
@@ -165,7 +165,7 @@ const yt = {
   }
 );
 ne.displayName = "Button";
-const cn = ({
+const un = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
@@ -195,7 +195,7 @@ const cn = ({
     a
   );
   return /* @__PURE__ */ e("div", { className: l, role: "group", children: t });
-}, kt = {
+}, St = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -215,9 +215,9 @@ const cn = ({
   "aria-label": o,
   ...h
 }) => {
-  const u = typeof r == "number" ? r : Ct(r), N = d(
+  const u = typeof r == "number" ? r : zt(r), N = d(
     "inline-block shrink-0",
-    kt[n],
+    St[n],
     s && [
       "cursor-pointer rounded-sm transition-opacity duration-fast ease-out hover:opacity-80",
       "focus-visible:outline-none focus-visible:focus-ring"
@@ -239,7 +239,7 @@ const cn = ({
   };
   return /* @__PURE__ */ e(t, { ...m });
 };
-function Ct(t) {
+function zt(t) {
   return {
     xs: 12,
     sm: 14,
@@ -248,14 +248,14 @@ function Ct(t) {
     xl: 24
   }[t];
 }
-const St = {
+const Et = {
   none: "hover:bg-surface-sunk hover:text-text",
   default: "bg-surface-sunk text-text-muted hover:text-text",
   muted: "bg-surface-sunk text-text-subtle hover:text-text",
   warning: "bg-warning-soft text-warning-fg",
   danger: "bg-danger-soft text-danger-fg"
 };
-function dn({
+function mn({
   label: t,
   icon: r,
   tone: n = "default",
@@ -276,7 +276,7 @@ function dn({
     "transition-colors duration-fast ease-out",
     p,
     // Picking a value outranks whatever the value happens to mean.
-    l ? "bg-info-soft text-info-fg" : St[n],
+    l ? "bg-info-soft text-info-fg" : Et[n],
     f
   ), g = /* @__PURE__ */ c(xe, { children: [
     r,
@@ -302,13 +302,13 @@ function dn({
     )
   ] }) : /* @__PURE__ */ e("button", { type: "button", title: m, onClick: N, className: d(C, x), children: g });
 }
-const zt = {
+const Mt = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, Et = {
+}, $t = {
   primary: "text-text hover:text-info-fg hover:underline",
   info: "text-info-fg hover:underline",
   secondary: "text-text-muted hover:text-text",
@@ -317,7 +317,7 @@ const zt = {
   success: "text-success-fg hover:underline",
   warning: "text-warning-fg hover:underline",
   error: "text-danger-fg hover:underline"
-}, Mt = {
+}, Dt = {
   primary: "bg-accent-soft",
   accent: "bg-accent-soft",
   secondary: "bg-surface-hover",
@@ -326,7 +326,7 @@ const zt = {
   warning: "bg-warning-soft",
   error: "bg-danger-soft",
   info: "bg-info-soft"
-}, un = ({
+}, fn = ({
   variant: t = "default",
   size: r = "md",
   color: n = "primary",
@@ -343,13 +343,13 @@ const zt = {
     "inline-flex items-center gap-1 underline-offset-2",
     "transition-colors duration-fast ease-out",
     "focus-visible:outline-none focus-visible:focus-ring",
-    zt[r],
-    !s && Et[n],
+    Mt[r],
+    !s && $t[n],
     t === "subtle" && "no-underline opacity-70 hover:opacity-100",
     t === "underline" && "underline decoration-1 hover:decoration-2",
     t === "button" && [
       "h-control-md rounded-md px-3 font-semibold no-underline hover:no-underline",
-      Mt[n]
+      Dt[n]
     ],
     s && "pointer-events-none cursor-not-allowed text-text-disabled opacity-50",
     l
@@ -362,13 +362,13 @@ const zt = {
   };
   return /* @__PURE__ */ c("a", { className: b, ...p, children: [
     o,
-    f && /* @__PURE__ */ e(Ze, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
+    f && /* @__PURE__ */ e(et, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
   ] });
-}, $t = {
+}, Tt = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm"
 };
-function mn({
+function hn({
   options: t,
   value: r,
   onChange: n,
@@ -395,7 +395,7 @@ function mn({
               "inline-flex items-center justify-center rounded-sm",
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
-              $t[s],
+              Tt[s],
               h ? "bg-surface text-text font-medium shadow-sm" : "text-text-muted hover:text-text"
             ),
             children: o.label
@@ -408,7 +408,7 @@ function mn({
 }
 function ze(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
   const [l, o] = R({});
-  return ht(() => {
+  return bt(() => {
     if (!t) return;
     const h = () => {
       const u = r.current;
@@ -421,7 +421,7 @@ function ze(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start
     };
   }, [t, r, n, s, a]), l;
 }
-const Dt = ({
+const _t = ({
   trigger: t,
   children: r,
   placement: n = "bottom-start",
@@ -478,11 +478,11 @@ const Dt = ({
       }
     )
   ] });
-}, Tt = {
+}, At = {
   primary: "bg-accent text-accent-fg hover:bg-accent-hover",
   secondary: "border border-border bg-surface text-text hover:bg-surface-hover",
   outline: "border border-accent-border text-accent hover:bg-accent-soft"
-}, _t = {
+}, Lt = {
   sm: "h-control-sm w-7",
   md: "h-control-md w-8"
 };
@@ -514,7 +514,7 @@ function Re({
       }
     ),
     f && /* @__PURE__ */ e(
-      Dt,
+      _t,
       {
         placement: u,
         disabled: m,
@@ -527,8 +527,8 @@ function Re({
             className: d(
               "inline-flex items-center justify-center rounded-md rounded-l-none",
               "transition-colors duration-fast ease-out",
-              Tt[n],
-              _t[s],
+              At[n],
+              Lt[s],
               m && "cursor-not-allowed opacity-50"
             ),
             children: /* @__PURE__ */ e(ve, { className: "size-icon-md" })
@@ -558,17 +558,17 @@ function Re({
     )
   ] });
 }
-const At = {
+const It = {
   sm: "size-checkbox-sm",
   md: "size-checkbox",
   lg: "size-checkbox-lg",
   full: "size-checkbox"
-}, Lt = {
+}, jt = {
   sm: "min-h-control-sm",
   md: "min-h-control-md",
   lg: "min-h-control-lg",
   full: "min-h-control-md"
-}, It = {
+}, Pt = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
@@ -595,7 +595,7 @@ const At = {
     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", Lt[s]), children: [
+      /* @__PURE__ */ c("div", { className: d("flex items-center gap-3", jt[s]), children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -604,13 +604,15 @@ const At = {
             type: "checkbox",
             "aria-invalid": p || void 0,
             className: d(
-              // rounded-md, not rounded-sm: at 16px a 4px corner reads as a
-              // hard square, and the box is the one thing you aim at in a list.
-              "shrink-0 rounded-md border accent-accent",
+              // radius-xs (5px): its own step on the scale. At 16px the 9px
+              // button radius reads as a circle and the 7px chip radius still
+              // rounds the corners away — a checkbox has to stay a square you
+              // can aim at, with the corner just knocked off.
+              "shrink-0 rounded-xs border accent-accent",
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover",
-              At[s],
+              It[s],
               p ? "border-danger-border" : "border-border-strong",
               h
             ),
@@ -625,7 +627,7 @@ const At = {
               className: d(
                 "cursor-pointer",
                 p ? "text-danger-fg" : "text-text",
-                It[s],
+                Pt[s],
                 o
               ),
               children: t
@@ -639,7 +641,7 @@ const At = {
   }
 );
 pe.displayName = "Checkbox";
-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(({
+const Ot = () => /* @__PURE__ */ e(Y, { icon: tt, size: "md", color: "current" }), Ft = () => /* @__PURE__ */ e(Y, { icon: ke, size: "md", color: "current" }), Bt = () => /* @__PURE__ */ e(Y, { icon: Ce, size: "md", color: "current" }), $e = me(({
   value: t,
   onChange: r,
   placeholder: n = "Select date",
@@ -693,7 +695,7 @@ const jt = () => /* @__PURE__ */ e(Y, { icon: Qe, size: "md", color: "current" }
   }, re = () => {
     r?.(null), p(!1);
   }, P = d(
-    "w-full border border-border rounded-md transition-colors duration-fast",
+    "w-full border border-border-strong rounded-tile transition-colors duration-fast",
     "bg-surface text-text",
     "placeholder:text-text-muted",
     "focus-visible:outline-none focus-visible:focus-ring",
@@ -742,7 +744,7 @@ const jt = () => /* @__PURE__ */ e(Y, { icon: Qe, 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(jt, {})
+          children: /* @__PURE__ */ e(Ot, {})
         }
       )
     ] }),
@@ -753,7 +755,7 @@ const jt = () => /* @__PURE__ */ e(Y, { icon: Qe, size: "md", color: "current" }
           {
             onClick: q,
             className: "p-1 hover:bg-surface-hover rounded",
-            children: /* @__PURE__ */ e(Pt, {})
+            children: /* @__PURE__ */ e(Ft, {})
           }
         ),
         /* @__PURE__ */ c("h3", { className: "text-sm font-medium text-text", children: [
@@ -766,7 +768,7 @@ const jt = () => /* @__PURE__ */ e(Y, { icon: Qe, size: "md", color: "current" }
           {
             onClick: K,
             className: "p-1 hover:bg-surface-hover rounded",
-            children: /* @__PURE__ */ e(Ot, {})
+            children: /* @__PURE__ */ e(Bt, {})
           }
         )
       ] }),
@@ -825,7 +827,7 @@ const jt = () => /* @__PURE__ */ e(Y, { icon: Qe, size: "md", color: "current" }
       ] })
     ] })
   ] });
-}), Ft = {
+}), Rt = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm",
   lg: "h-control-lg px-3 text-base",
@@ -939,18 +941,18 @@ const jt = () => /* @__PURE__ */ e(Y, { icon: Qe, size: "md", color: "current" }
                 disabled: l,
                 onClick: () => I(!U),
                 className: d(
-                  "flex w-full items-center justify-between gap-2 rounded-md border transition-colors duration-fast text-left",
+                  "flex w-full items-center justify-between gap-2 rounded-tile border transition-colors duration-fast text-left",
                   "focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   "bg-surface",
-                  Ft[s],
-                  X ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border text-text",
+                  Rt[s],
+                  X ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
                   m
                 ),
                 children: [
                   /* @__PURE__ */ e("span", { className: "truncate flex-1 min-w-0", children: j() }),
                   /* @__PURE__ */ e(
-                    et,
+                    rt,
                     {
                       size: 16,
                       className: d(
@@ -1052,12 +1054,12 @@ const jt = () => /* @__PURE__ */ e(Y, { icon: Qe, size: "md", color: "current" }
   }
 );
 we.displayName = "Select";
-const Bt = {
+const Ht = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
   full: "h-control-md px-3 text-base"
-}, He = "mb-1.5 block text-xs font-semibold uppercase tracking-label", be = me(
+}, He = "mb-1.5 block text-sm font-medium", Ve = "block w-full rounded-tile border bg-surface-input text-text transition-colors duration-fast ease-out placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled", qe = (t) => t ? "border-danger-border bg-danger-soft" : "border-border-strong", be = me(
   ({
     label: t,
     helperText: r,
@@ -1081,7 +1083,7 @@ const Bt = {
           htmlFor: g,
           className: d(
             He,
-            x ? "text-danger-fg" : "text-text-subtle",
+            x ? "text-danger-fg" : "text-text-muted",
             N
           ),
           children: t
@@ -1097,15 +1099,11 @@ const Bt = {
             "aria-invalid": x || void 0,
             "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",
-              Bt[s],
+              Ve,
+              Ht[s],
               l && "pl-9",
               (o || h) && "pr-9",
-              x ? "border-danger-border bg-danger-soft" : "border-border hover:border-border-strong",
+              qe(x),
               m
             ),
             ...b
@@ -1131,7 +1129,7 @@ const Bt = {
   }
 );
 be.displayName = "TextField";
-function Rt({
+function Vt({
   value: t,
   onChange: r,
   onListFolders: n,
@@ -1176,7 +1174,7 @@ function Rt({
     )
   ] });
 }
-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 = {
+const fe = (...t) => t.filter(Boolean).join(" "), qt = (t) => /* @__PURE__ */ e(Se, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Ut = (t) => /* @__PURE__ */ e(ve, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Wt = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
@@ -1186,14 +1184,14 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ht = (t) => /* @__PURE__ */ e(
   md: "h-5 w-5",
   lg: "h-6 w-6",
   full: "h-6 w-6"
-}, Ut = me(
+}, Kt = me(
   ({
     label: t,
     helperText: r,
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: l = /* @__PURE__ */ e(Ht, {}),
+    startIcon: l = /* @__PURE__ */ e(qt, {}),
     loading: o = !1,
     containerClassName: h,
     labelClassName: u,
@@ -1286,17 +1284,17 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ht = (t) => /* @__PURE__ */ e(
                 onFocus: ee,
                 className: fe(
                   // Base styles
-                  "block w-full rounded-md border bg-surface-input transition-colors duration-fast ease-out",
+                  "block w-full rounded-tile border bg-surface-input transition-colors duration-fast ease-out",
                   "placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   // Size styles
-                  qt[s],
+                  Wt[s],
                   // Icon padding
                   l ? "pl-10" : "",
                   "pr-10",
                   // Altijd padding rechts voor de dropdown/loading icon
                   // State styles
-                  X ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border text-text",
+                  X ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
                   N || ""
                 ),
                 ...E
@@ -1305,7 +1303,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ht = (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(
-                tt,
+                nt,
                 {
                   className: fe("animate-spin text-info-fg", Me[s]),
                   "aria-hidden": !0
@@ -1314,7 +1312,7 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ht = (t) => /* @__PURE__ */ e(
             ) : (
               // Dropdown Chevron
               /* @__PURE__ */ e(
-                Vt,
+                Ut,
                 {
                   className: fe(
                     "text-text-muted cursor-pointer transition-transform",
@@ -1365,8 +1363,8 @@ const fe = (...t) => t.filter(Boolean).join(" "), Ht = (t) => /* @__PURE__ */ e(
     );
   }
 );
-Ut.displayName = "SearchableTextField";
-const Wt = me(
+Kt.displayName = "SearchableTextField";
+const Gt = me(
   ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...l }, o) => {
     const h = /* @__PURE__ */ e(
       "span",
@@ -1419,8 +1417,8 @@ const Wt = me(
     );
   }
 );
-Wt.displayName = "Switch";
-function Kt({
+Gt.displayName = "Switch";
+function Jt({
   variant: t = "page",
   children: r,
   showTableSkeleton: n = !1,
@@ -1469,7 +1467,7 @@ function Kt({
     ] })
   ] }) });
 }
-const Gt = ({
+const Yt = ({
   trigger: t,
   options: r,
   value: n,
@@ -1688,7 +1686,7 @@ const Gt = ({
       ]
     }
   );
-}, fn = (t) => (r) => t(r instanceof Date ? r : null), hn = (t) => (r) => t(typeof r == "string" ? r : ""), Ie = {
+}, xn = (t) => (r) => t(r instanceof Date ? r : null), bn = (t) => (r) => t(typeof r == "string" ? r : ""), Ie = {
   none: "pl-0",
   sm: "pl-2",
   md: "pl-4",
@@ -1698,7 +1696,7 @@ const Gt = ({
   sm: "pr-2",
   md: "pr-4",
   lg: "pr-6"
-}, 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) => {
+}, Xt = () => /* @__PURE__ */ e(Y, { icon: Se, size: "md", color: "current" }), Zt = ({ active: t }) => /* @__PURE__ */ e(Y, { icon: st, size: "sm", className: t ? "text-text" : "text-text-subtle" }), Qt = ({ active: t }) => /* @__PURE__ */ e(Y, { icon: ve, size: "sm", className: t ? "text-text" : "text-text-subtle" }), er = () => /* @__PURE__ */ e(Y, { icon: ke, size: "md", color: "current" }), tr = () => /* @__PURE__ */ e(Y, { icon: Ce, size: "md", color: "current" }), rr = () => /* @__PURE__ */ e(Y, { icon: at, size: "md", color: "current" }), nr = () => /* @__PURE__ */ e(Y, { icon: lt, size: "md", color: "current" }), Ue = () => /* @__PURE__ */ e(Y, { icon: ve, size: "md", color: "current" }), sr = (t) => {
   const r = (s) => t.multiSelect && Array.isArray(t.value) ? t.value?.includes(s) : t.value === s, n = (s) => {
     t.multiSelect && Array.isArray(t.value) ? t.onChange(t.value.filter((a) => a !== s)) : t.onChange(s);
   };
@@ -1717,7 +1715,7 @@ const Gt = ({
       /* @__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(Ve, {}) })
+      /* @__PURE__ */ e("span", { className: "text-text-muted text-sm group-open:rotate-180 transition-transform", children: /* @__PURE__ */ e(Ue, {}) })
     ] }),
     /* @__PURE__ */ c("div", { className: "absolute z-10 left-0 mt-1 bg-surface border border-border rounded-lg shadow-overlay p-2 w-48", children: [
       t.options?.map((s) => /* @__PURE__ */ e(
@@ -1857,21 +1855,21 @@ const Gt = ({
   });
   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(rr, { ...v }, v.id)),
+      l.map((v) => /* @__PURE__ */ e(sr, { ...v }, v.id)),
       /* @__PURE__ */ e("div", { className: "w-full sm:w-auto sm:ml-auto min-w-menu", children: /* @__PURE__ */ e(
         be,
         {
           placeholder: a,
           value: I,
           onChange: (v) => q(v.target.value),
-          startIcon: /* @__PURE__ */ e(Jt, {}),
+          startIcon: /* @__PURE__ */ e(Xt, {}),
           className: "max-w-sm"
         }
       ) })
     ] }) }),
     /* @__PURE__ */ c("div", { className: "relative w-full overflow-x-auto min-h-100", children: [
       n && /* @__PURE__ */ e("div", { className: "flex items-center justify-center z-10", children: /* @__PURE__ */ e(
-        Kt,
+        Jt,
         {
           showTableSkeleton: !0,
           tableRows: 10,
@@ -1923,13 +1921,13 @@ const Gt = ({
                     ),
                     children: [
                       /* @__PURE__ */ e(
-                        Yt,
+                        Zt,
                         {
                           active: K.column === v.id && K.direction === "asc"
                         }
                       ),
                       /* @__PURE__ */ e(
-                        Xt,
+                        Qt,
                         {
                           active: K.column === v.id && K.direction === "desc"
                         }
@@ -2003,11 +2001,11 @@ const Gt = ({
                   );
                 }),
                 N.length > 0 && /* @__PURE__ */ e("td", { className: L, children: /* @__PURE__ */ e(
-                  Gt,
+                  Yt,
                   {
                     trigger: /* @__PURE__ */ c("div", { className: "inline-flex items-center gap-1 px-2 py-1 text-sm text-text-muted hover:text-text", children: [
                       /* @__PURE__ */ e("span", { children: "Options" }),
-                      /* @__PURE__ */ e(Ve, {})
+                      /* @__PURE__ */ e(Ue, {})
                     ] }),
                     options: N.map((F) => ({
                       value: F.id,
@@ -2064,7 +2062,7 @@ const Gt = ({
             onClick: () => w(0),
             disabled: P.page === 0,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(er, {})
+            children: /* @__PURE__ */ e(rr, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -2075,7 +2073,7 @@ const Gt = ({
             onClick: () => w(P.page - 1),
             disabled: P.page === 0,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(Zt, {})
+            children: /* @__PURE__ */ e(er, {})
           }
         ),
         /* @__PURE__ */ c("span", { className: "px-3 py-1 text-sm text-text-muted", children: [
@@ -2092,7 +2090,7 @@ const Gt = ({
             onClick: () => w(P.page + 1),
             disabled: P.page >= j - 1,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(Qt, {})
+            children: /* @__PURE__ */ e(tr, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -2103,13 +2101,13 @@ const Gt = ({
             onClick: () => w(j - 1),
             disabled: P.page >= j - 1,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(tr, {})
+            children: /* @__PURE__ */ e(nr, {})
           }
         )
       ] })
     ] })
   ] });
-}, nr = xt(null), xn = ({
+}, ar = pt(null), pn = ({
   items: t,
   activeTab: r,
   onTabChange: n,
@@ -2141,7 +2139,7 @@ const Gt = ({
     },
     u.id
   )) }) });
-}, sr = ({
+}, lr = ({
   items: t,
   defaultTab: r,
   activeTab: n,
@@ -2191,7 +2189,7 @@ const Gt = ({
     } : {};
     return d(D, E, W, T, X, U);
   };
-  return /* @__PURE__ */ e(nr.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
+  return /* @__PURE__ */ e(ar.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ e("div", { className: p, role: "tablist", children: t.map((g) => /* @__PURE__ */ e(
       "button",
       {
@@ -2220,14 +2218,14 @@ const Gt = ({
       }
     )
   ] }) });
-}, ar = {
+}, or = {
   sm: "max-w-md",
   md: "max-w-lg",
   lg: "max-w-2xl",
   xl: "max-w-4xl",
   full: "max-w-full mx-4"
 };
-function qe({
+function We({
   open: t,
   onClose: r,
   title: n,
@@ -2271,7 +2269,7 @@ function qe({
             "relative w-full bg-surface rounded-lg shadow-modal",
             // 'animate-scale-in',
             "focus:outline-none",
-            ar[s],
+            or[s],
             o
           ),
           role: "dialog",
@@ -2306,19 +2304,19 @@ function qe({
     }
   ) : null;
 }
-const lr = {
+const cr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, or = {
+}, ir = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, cr = {
+}, dr = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -2329,12 +2327,12 @@ const lr = {
   neutral: "text-text",
   current: "text-current",
   muted: "text-text-subtle"
-}, ir = {
+}, ur = {
   left: "text-left",
   center: "text-center",
   right: "text-right",
   justify: "text-justify"
-}, dr = {
+}, mr = {
   tight: "leading-tight",
   normal: "leading-normal",
   relaxed: "leading-relaxed"
@@ -2353,20 +2351,20 @@ const lr = {
   children: f,
   ...b
 }) => {
-  const p = N || ur(t), C = t === "caption", g = t === "label", x = t === "code", D = d(
+  const p = N || fr(t), C = t === "caption", g = t === "label", x = t === "code", D = d(
     "font-sans",
     // Variant — caption and label pin their own size/weight
     C && "text-xs text-text-subtle",
     g && "text-xs font-semibold uppercase tracking-label text-text-subtle",
     x && "font-mono text-sm rounded-sm bg-surface-hover px-1 py-0.5",
     // Size — only where the variant does not pin it
-    !C && !g && !x && lr[r],
+    !C && !g && !x && cr[r],
     // Weight — label owns its weight
-    !g && or[n],
-    cr[s],
-    ir[a],
+    !g && ir[n],
+    dr[s],
+    ur[a],
     // Line height only overrides the body variant
-    t === "body" && dr[u],
+    t === "body" && mr[u],
     o && "italic",
     h && "underline",
     l && "truncate",
@@ -2374,7 +2372,7 @@ const lr = {
   );
   return /* @__PURE__ */ e(p, { className: D, ...b, children: f });
 };
-function ur(t) {
+function fr(t) {
   return {
     body: "p",
     caption: "span",
@@ -2382,7 +2380,7 @@ function ur(t) {
     code: "code"
   }[t] || "p";
 }
-const mr = ({
+const hr = ({
   value: t,
   onChange: r,
   label: n,
@@ -2625,7 +2623,7 @@ const mr = ({
     ),
     a && /* @__PURE__ */ e(de, { variant: "body", size: "xs", className: "text-danger-fg", children: a }),
     /* @__PURE__ */ e(
-      qe,
+      We,
       {
         open: b,
         onClose: () => {
@@ -2634,7 +2632,7 @@ const mr = ({
         title: x ? `Explorer: ${x.name}` : "Select Storage Mount",
         size: "lg",
         children: /* @__PURE__ */ e(
-          sr,
+          lr,
           {
             variant: "pills",
             items: [
@@ -2651,7 +2649,7 @@ const mr = ({
                         onClick: () => {
                           E && E !== "/" ? z() : D(null);
                         },
-                        leftIcon: /* @__PURE__ */ e(Y, { icon: at, size: "xs" }),
+                        leftIcon: /* @__PURE__ */ e(Y, { icon: ot, size: "xs" }),
                         children: E ? "Back" : "Back to Mounts"
                       }
                     ),
@@ -2674,7 +2672,7 @@ const mr = ({
                           variant: "outline",
                           size: "sm",
                           onClick: () => k(!0),
-                          leftIcon: /* @__PURE__ */ e(Y, { icon: lt, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Y, { icon: ct, size: "xs" }),
                           children: "New Folder"
                         }
                       ),
@@ -2684,7 +2682,7 @@ const mr = ({
                           variant: "primary",
                           size: "sm",
                           onClick: () => y.current?.click(),
-                          leftIcon: /* @__PURE__ */ e(Y, { icon: ot, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Y, { icon: it, size: "xs" }),
                           loading: U,
                           children: "Upload"
                         }
@@ -2769,7 +2767,7 @@ const mr = ({
       }
     )
   ] });
-}, fr = {
+}, xr = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-3 py-2 text-base",
   lg: "px-3 py-2 text-md",
@@ -2797,7 +2795,7 @@ const mr = ({
           htmlFor: C,
           className: d(
             He,
-            g ? "text-danger-fg" : "text-text-subtle",
+            g ? "text-danger-fg" : "text-text-muted",
             h
           ),
           children: t
@@ -2813,13 +2811,10 @@ const mr = ({
             "aria-invalid": g || void 0,
             "aria-describedby": x,
             className: d(
-              "block w-full resize-y rounded-md border bg-surface-input text-text",
-              "transition-colors duration-fast ease-out",
-              "placeholder:text-text-subtle",
-              "focus-visible:outline-none focus-visible:focus-ring",
-              "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
-              fr[s],
-              g ? "border-danger-border bg-danger-soft" : "border-border hover:border-border-strong",
+              Ve,
+              "resize-y leading-relaxed",
+              xr[s],
+              qe(g),
               u
             ),
             ...f
@@ -2851,7 +2846,7 @@ function Oe(t, r) {
     t
   );
 }
-function hr(t, r, n) {
+function br(t, r, n) {
   const s = r.split("."), a = Array.isArray(t) ? [...t] : { ...t };
   let l = a;
   for (let o = 0; o < s.length - 1; o++) {
@@ -2860,7 +2855,7 @@ function hr(t, r, n) {
   }
   return l[s[s.length - 1]] = n, a;
 }
-function xr(t, r) {
+function pr(t, r) {
   const n = r.split("."), s = Array.isArray(t) ? [...t] : { ...t };
   let a = s;
   for (let l = 0; l < n.length - 1; l++) {
@@ -2870,7 +2865,7 @@ function xr(t, r) {
   }
   return delete a[n[n.length - 1]], s;
 }
-const bn = ({
+const gn = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -2927,12 +2922,12 @@ const bn = ({
     [t]
   ), I = ue(
     (k, i) => {
-      let S = hr(
+      let S = br(
         x,
         k,
         i
       );
-      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 }));
+      t.flatMap((w) => w.items).find((w) => w.name === k)?.removeIfEmpty && (i == null || i === "") && (S = pr(S, k)), D(S), X((w) => ({ ...w, [k]: !0 }));
       const A = U(k, i, S);
       W((w) => ({
         ...w,
@@ -3045,7 +3040,7 @@ const bn = ({
                     checked: i === w.value,
                     onChange: () => I(k.name, w.value),
                     disabled: y || w.disabled,
-                    className: "size-checkbox shrink-0 border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
+                    className: "size-checkbox shrink-0 rounded-xs border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
                   }
                 ),
                 w.label
@@ -3065,7 +3060,7 @@ const bn = ({
           );
         case "file":
           return /* @__PURE__ */ e(
-            mr,
+            hr,
             {
               ...A,
               value: i,
@@ -3098,7 +3093,7 @@ const bn = ({
           );
         case "folder":
           return /* @__PURE__ */ e(
-            Rt,
+            Vt,
             {
               value: i || {},
               onChange: (w) => I(k.name, w),
@@ -3254,7 +3249,7 @@ const bn = ({
                                         B.value
                                       ),
                                       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"
+                                      className: "size-checkbox shrink-0 rounded-xs border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
                                     }
                                   ),
                                   B.label
@@ -3315,7 +3310,7 @@ const bn = ({
                   onClick: () => le(M),
                   disabled: y,
                   className: d("shrink-0", M === 0 && "mt-5"),
-                  children: /* @__PURE__ */ e(ct, { className: "size-icon-md" })
+                  children: /* @__PURE__ */ e(dt, { className: "size-icon-md" })
                 }
               )
             ] }, M)),
@@ -3325,7 +3320,7 @@ const bn = ({
                 type: "button",
                 variant: "secondary",
                 size: "sm",
-                leftIcon: /* @__PURE__ */ e(it, { className: "size-icon-sm" }),
+                leftIcon: /* @__PURE__ */ e(ut, { className: "size-icon-sm" }),
                 onClick: ae,
                 disabled: y,
                 children: [
@@ -3348,7 +3343,7 @@ const bn = ({
       const i = k.items.filter((y) => !(y.hidden || y.conditional && !y.conditional(x)));
       if (i.length === 0) return null;
       const S = d(
-        k.layout === "flex" ? "flex flex-wrap gap-3" : "grid gap-3",
+        k.layout === "flex" ? "flex flex-wrap gap-3.5" : "grid gap-3.5",
         k.layout !== "flex" && {
           "grid-cols-1": !k.columns || k.columns === 1,
           "grid-cols-2": k.columns === 2,
@@ -3360,11 +3355,11 @@ const bn = ({
       return /* @__PURE__ */ c(
         "div",
         {
-          className: "flex flex-col gap-4 px-5 py-4 not-first:border-t not-first:border-border-subtle sm:flex-row sm:gap-5",
+          className: "flex flex-col gap-4 py-6 not-last:border-b not-last:border-border-subtle sm:flex-row sm:gap-8",
           children: [
             /* @__PURE__ */ c("div", { className: "w-full shrink-0 sm:w-form-label", children: [
-              /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-text", children: k.title }),
-              k.description && /* @__PURE__ */ e("p", { className: "mt-1 text-xs leading-4 text-text-subtle", children: k.description })
+              /* @__PURE__ */ e("span", { className: "text-base font-semibold text-text", children: k.title }),
+              k.description && /* @__PURE__ */ e("p", { className: "mt-1 text-sm leading-relaxed text-pretty text-text-subtle", children: k.description })
             ] }),
             /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e("div", { className: S, children: i.map((y) => {
               const A = T[y.name] ? E[y.name] : void 0;
@@ -3380,7 +3375,7 @@ const bn = ({
                     gridColumn: typeof y.width == "number" ? `span ${y.width} / span ${y.width}` : void 0
                   },
                   children: [
-                    y.type !== "custom" && y.type !== "checkbox" && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
+                    y.type !== "custom" && y.type !== "checkbox" && /* @__PURE__ */ c("label", { className: "block text-sm font-medium text-text-muted", children: [
                       y.label,
                       y.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                     ] }),
@@ -3398,11 +3393,10 @@ const bn = ({
     },
     [x, T, E, K]
   ), P = d(
-    "overflow-hidden rounded-lg border border-border bg-surface",
     {
-      "max-w-md": f === "sm",
-      "max-w-2xl": f === "md",
-      "max-w-4xl": f === "lg",
+      "max-w-settings": f === "sm",
+      "max-w-form": f === "md",
+      "max-w-6xl": f === "lg",
       "max-w-full": f === "full"
     },
     p
@@ -3410,7 +3404,7 @@ const bn = ({
   return /* @__PURE__ */ c("form", { ref: C, onSubmit: q, className: P, children: [
     !N && /* @__PURE__ */ e("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": !0 }),
     /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(re) }),
-    /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle bg-surface-sunk px-5 py-3", children: N && /* @__PURE__ */ c(xe, { children: [
+    N && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: /* @__PURE__ */ c(xe, { children: [
       /* @__PURE__ */ e("div", { className: "ml-auto" }),
       s && /* @__PURE__ */ e(
         ne,
@@ -3439,7 +3433,7 @@ const bn = ({
     ] }) })
   ] });
 };
-function pn({
+function vn({
   open: t,
   title: r,
   description: n,
@@ -3451,7 +3445,7 @@ function pn({
   onCancel: u
 }) {
   return /* @__PURE__ */ e(
-    qe,
+    We,
     {
       open: t,
       onClose: u,
@@ -3473,7 +3467,7 @@ function pn({
     }
   );
 }
-const br = {
+const gr = {
   default: "bg-surface-hover text-text",
   primary: "bg-accent-soft text-accent",
   secondary: "bg-surface-hover text-text-muted",
@@ -3483,11 +3477,11 @@ const br = {
   info: "bg-info-soft text-info-fg",
   // Internal-note amber. Never for customer-visible content.
   note: "bg-note-soft text-note"
-}, pr = {
+}, vr = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
-}, gr = {
+}, yr = {
   default: "bg-surface-hover",
   primary: "bg-accent",
   secondary: "bg-surface-hover",
@@ -3497,7 +3491,7 @@ const br = {
   info: "bg-info",
   note: "bg-note"
 };
-function gn({
+function yn({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3515,9 +3509,9 @@ function gn({
         // Base styles
         "inline-flex items-center font-medium rounded-full",
         // Variant styles
-        br[t],
+        gr[t],
         // Size styles
-        pr[r],
+        vr[r],
         o
       ),
       ...u,
@@ -3527,7 +3521,7 @@ function gn({
           {
             className: d(
               "w-2 h-2 rounded-full mr-1.5",
-              gr[t]
+              yr[t]
             )
           }
         ),
@@ -3546,11 +3540,11 @@ function gn({
     }
   );
 }
-const vr = {
+const Nr = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function vn({
+function Nn({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3570,7 +3564,7 @@ function vn({
       ),
       ...h,
       children: [
-        t != null && /* @__PURE__ */ e("span", { className: d("flex size-disc items-center justify-center rounded-full text-2xl", vr[r]), children: t }),
+        t != null && /* @__PURE__ */ e("span", { className: d("flex size-disc items-center justify-center rounded-full text-2xl", Nr[r]), children: t }),
         /* @__PURE__ */ e("div", { className: "text-lg font-semibold text-text", children: n }),
         s && /* @__PURE__ */ e("div", { className: "max-w-sm text-sm leading-relaxed text-text-muted", children: s }),
         a && /* @__PURE__ */ e("div", { className: "flex gap-2 pt-1.5", children: a })
@@ -3578,7 +3572,7 @@ function vn({
     }
   );
 }
-function yn({ children: t, className: r, ...n }) {
+function wn({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3591,14 +3585,14 @@ function yn({ children: t, className: r, ...n }) {
     }
   );
 }
-const yr = {
+const wr = {
   sm: "h-1",
   md: "h-1.5"
-}, Nr = {
+}, kr = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function Nn({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
+function kn({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
   const l = Math.max(0, Math.min(100, t));
   return /* @__PURE__ */ e(
     "div",
@@ -3607,37 +3601,37 @@ function Nn({ 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", yr[n], s),
+      className: d("w-full overflow-hidden rounded-full bg-surface-hover", wr[n], s),
       ...a,
       children: /* @__PURE__ */ e(
         "div",
         {
-          className: d("h-full rounded-full transition-[width] duration-300 ease-out", Nr[r]),
+          className: d("h-full rounded-full transition-[width] duration-300 ease-out", kr[r]),
           style: { width: `${l}%` }
         }
       )
     }
   );
 }
-const wr = {
+const Cr = {
   xs: "h-3 w-3",
   sm: "h-4 w-4",
   md: "h-6 w-6",
   lg: "h-8 w-8",
   xl: "h-12 w-12"
-}, kr = {
+}, Sr = {
   primary: "text-accent",
   secondary: "text-text-muted",
   white: "text-white",
   current: "text-current"
-}, Cr = {
+}, zr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-lg"
 };
-function wn({
+function Cn({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3660,8 +3654,8 @@ function wn({
           {
             className: d(
               "animate-spin",
-              wr[t],
-              kr[r]
+              Cr[t],
+              Sr[r]
             ),
             fill: "none",
             viewBox: "0 0 24 24",
@@ -3695,7 +3689,7 @@ function wn({
           {
             className: d(
               "text-text-muted",
-              Cr[t]
+              zr[t]
             ),
             children: n
           }
@@ -3705,7 +3699,7 @@ function wn({
     }
   );
 }
-const Sr = {
+const Er = {
   neutral: "bg-text-disabled",
   accent: "bg-accent",
   success: "bg-success",
@@ -3719,7 +3713,7 @@ const Sr = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function kn({
+function Sn({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3735,14 +3729,14 @@ function kn({
       className: d(
         "inline-block size-dot shrink-0",
         r === "round" ? "rounded-full" : "rounded-sm",
-        Sr[t],
+        Er[t],
         n && "animate-pulse",
         a
       )
     }
   );
 }
-function Cn({
+function zn({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -3778,7 +3772,7 @@ function Cn({
     u < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, h)) });
 }
-function Sn({ title: t, icon: r = /* @__PURE__ */ e(dt, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
+function En({ title: t, icon: r = /* @__PURE__ */ e(mt, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -3799,21 +3793,21 @@ function Sn({ title: t, icon: r = /* @__PURE__ */ e(dt, { className: "size-icon-
     }
   );
 }
-const zr = {
+const Mr = {
   xs: "w-5 h-5 text-xs",
   sm: "w-6 h-6 text-xs",
   md: "w-7 h-7 text-base",
   lg: "w-9 h-9 text-sm"
 };
-function Er(t) {
+function $r(t) {
   if (!t) return "?";
   const r = t.trim().split(/[^\p{L}\p{N}]+/u).filter(Boolean);
   return r.length >= 2 ? (r[0][0] + r[1][0]).toUpperCase() : r.length === 1 ? r[0].slice(0, 2).toUpperCase() : "?";
 }
-const Mr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
+const Dr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
   const [l, o] = oe.useState(!1), h = d(
     "inline-flex items-center justify-center rounded-full overflow-hidden shrink-0 font-semibold select-none bg-surface-hover text-text",
-    zr[n],
+    Mr[n],
     s
   );
   return r && !l ? /* @__PURE__ */ e(
@@ -3825,13 +3819,13 @@ const Mr = ({ 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: Er(t) });
-}, Fe = "ring-surface", $r = "ring-surface-accent", zn = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
+  ) : /* @__PURE__ */ e("span", { className: h, title: a ?? t, "aria-label": t, children: $r(t) });
+}, Fe = "ring-surface", Tr = "ring-surface-accent", Mn = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
   if (t.length === 0) return null;
   const a = t.slice(0, r), l = t.length - a.length;
   return /* @__PURE__ */ c("span", { className: d("inline-flex items-center", s), children: [
     a.map((o, h) => /* @__PURE__ */ e(
-      Mr,
+      Dr,
       {
         name: o.name,
         src: o.src,
@@ -3839,7 +3833,7 @@ const Mr = ({ 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 ? $r : Fe,
+          o.owner ? Tr : Fe,
           o.seen === !1 && "opacity-40"
         )
       },
@@ -3866,12 +3860,12 @@ const Mr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
   chat: { fg: "text-channel-chat-fg", bg: "bg-channel-chat-soft" },
   tel: { fg: "text-channel-phone-fg", bg: "bg-channel-phone-soft" },
   note: { fg: "text-channel-note-fg", bg: "bg-channel-note-soft" }
-}, Dr = {
+}, _r = {
   sm: "size-avatar-xs rounded-sm text-xs",
   md: "size-avatar-sm rounded-md text-xs",
   lg: "size-avatar-lg rounded-md text-base"
 };
-function En({ channel: t, children: r, size: n = "md", className: s, title: a }) {
+function $n({ channel: t, children: r, size: n = "md", className: s, title: a }) {
   const l = Be[t in Be ? t : "note"];
   return /* @__PURE__ */ e(
     "span",
@@ -3879,7 +3873,7 @@ function En({ channel: t, children: r, size: n = "md", className: s, title: a })
       title: a,
       className: d(
         "inline-flex shrink-0 items-center justify-center font-bold",
-        Dr[n],
+        _r[n],
         l.fg,
         l.bg,
         s
@@ -3888,7 +3882,7 @@ function En({ channel: t, children: r, size: n = "md", className: s, title: a })
     }
   );
 }
-const Mn = ({
+const Dn = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -3950,7 +3944,7 @@ const Mn = ({
     "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: ut, size: "lg", className: "mx-auto mb-1" }),
+    /* @__PURE__ */ e(Y, { icon: ft, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
   return /* @__PURE__ */ c("div", { className: U, children: [
@@ -3969,7 +3963,7 @@ const Mn = ({
     x && o && /* @__PURE__ */ e("div", { className: q, children: N || re })
   ] });
 };
-function $n({
+function Tn({
   icon: t,
   onClick: r,
   children: n
@@ -3992,7 +3986,7 @@ function $n({
     }
   );
 }
-function Dn({
+function _n({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -4228,7 +4222,7 @@ function Dn({
     ] }) })
   ] });
 }
-function Tn({
+function An({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -4258,18 +4252,18 @@ function Tn({
     }
   );
 }
-const Tr = {
+const Ar = {
   default: "text-text",
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function _n({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+function Ln({ value: t, label: r, tone: n = "default", className: s, ...a }) {
   return /* @__PURE__ */ c("div", { className: d("rounded-xl bg-editor px-4 py-3.5", s), ...a, children: [
-    /* @__PURE__ */ e("div", { className: d("text-2xl font-semibold", Tr[n]), children: t }),
+    /* @__PURE__ */ e("div", { className: d("text-2xl font-semibold", Ar[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const An = ({
+const In = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -4339,7 +4333,7 @@ const An = ({
                 ),
                 n && /* @__PURE__ */ e("span", { className: "shrink-0 text-base text-text-muted truncate", children: n }),
                 m && /* @__PURE__ */ e(
-                  mt,
+                  ht,
                   {
                     size: 15,
                     onClick: D,
@@ -4381,19 +4375,19 @@ const An = ({
       ]
     }
   );
-}, _r = {
+}, Lr = {
   none: "p-0",
   sm: "p-2",
   md: "p-4",
   lg: "p-6"
-}, Ln = ({
+}, jn = ({
   actions: t = [],
   onBack: r,
   backLabel: n = "Back",
   className: s,
   padding: a = "md",
   children: l
-}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2 mb-3", _r[a], s), children: [
+}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2 mb-3", Lr[a], s), children: [
   r && /* @__PURE__ */ e(ne, { variant: "secondary", onClick: r, leftIcon: /* @__PURE__ */ e(Y, { icon: ke, size: "sm" }), iconOnly: !0 }),
   l && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: l }),
   t.length > 0 && /* @__PURE__ */ e("div", { className: d("flex flex-wrap gap-4", !l && "ml-auto"), children: t.map(
@@ -4423,7 +4417,7 @@ const An = ({
       o.id
     )
   ) })
-] }), Ar = /<[a-z][\s\S]*>/i, Lr = [
+] }), Ir = /<[a-z][\s\S]*>/i, jr = [
   "[&_p]:my-1.5 [&_p:first-child]:mt-0 [&_p:last-child]:mb-0 [&_p]:leading-relaxed",
   "[&_a]:text-accent [&_a]:underline [&_a]:underline-offset-2",
   "[&_strong]:font-semibold [&_em]:italic",
@@ -4438,7 +4432,7 @@ const An = ({
   "[&_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(" "), Ir = {
+].join(" "), Pr = {
   p: (t) => /* @__PURE__ */ e("p", { className: "my-1.5 leading-relaxed first:mt-0 last:mb-0", ...t }),
   a: (t) => /* @__PURE__ */ e("a", { className: "text-accent underline underline-offset-2 hover:opacity-80", target: "_blank", rel: "noopener noreferrer", ...t }),
   strong: (t) => /* @__PURE__ */ e("strong", { className: "font-semibold", ...t }),
@@ -4461,17 +4455,17 @@ const An = ({
   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 In({ text: t, className: r, as: n }) {
+function Pn({ text: t, className: r, as: n }) {
   const s = t ?? "";
-  return (n ? n === "html" : Ar.test(s)) ? /* @__PURE__ */ e(
+  return (n ? n === "html" : Ir.test(s)) ? /* @__PURE__ */ e(
     "div",
     {
-      className: d("break-words", Lr, r),
-      dangerouslySetInnerHTML: { __html: pt.sanitize(s, { ADD_ATTR: ["target", "rel"] }) }
+      className: d("break-words", jr, r),
+      dangerouslySetInnerHTML: { __html: vt.sanitize(s, { ADD_ATTR: ["target", "rel"] }) }
     }
-  ) : /* @__PURE__ */ e("div", { className: d("break-words", r), children: /* @__PURE__ */ e(gt, { remarkPlugins: [vt], components: Ir, children: s }) });
+  ) : /* @__PURE__ */ e("div", { className: d("break-words", r), children: /* @__PURE__ */ e(yt, { remarkPlugins: [Nt], components: Pr, children: s }) });
 }
-function jn({ label: t, trailing: r, align: n = "center", className: s }) {
+function On({ label: t, trailing: r, align: n = "center", className: s }) {
   const a = /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-border-subtle", "aria-hidden": !0 });
   return !t && !r ? /* @__PURE__ */ e("div", { className: d("flex items-center py-2", s), children: a }) : /* @__PURE__ */ c("div", { className: d("flex items-center gap-3 py-2", s), children: [
     n === "center" && a,
@@ -4480,7 +4474,7 @@ function jn({ label: t, trailing: r, align: n = "center", className: s }) {
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-function Pn({
+function Fn({
   label: t,
   description: r,
   control: n,
@@ -4507,7 +4501,7 @@ function Pn({
     }
   );
 }
-function On({
+function Bn({
   icon: t,
   title: r,
   description: n,
@@ -4527,7 +4521,7 @@ function On({
     /* @__PURE__ */ e("div", { className: d("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function Fn({ label: t, dotColor: r, onClick: n, className: s }) {
+function Rn({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -4540,18 +4534,18 @@ function Fn({ 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: ft, size: "xs", className: "opacity-70" })
+        /* @__PURE__ */ e(Y, { icon: xt, size: "xs", className: "opacity-70" })
       ]
     }
   );
 }
-function jr(t, r) {
+function Or(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const Bn = ({
+const Hn = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -4574,7 +4568,7 @@ const Bn = ({
     return b ? b.label : String(m || "-");
   }, h = ue(
     (m) => {
-      const f = jr(r, m.name);
+      const f = Or(r, m.name);
       if (m.type === "array") {
         const p = f;
         return !p || p.length === 0 ? /* @__PURE__ */ e(
@@ -4800,7 +4794,7 @@ const Bn = ({
     s
   );
   return /* @__PURE__ */ e("div", { className: N, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(u) }) });
-}, Ue = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
+}, Ke = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
   const a = !!(t.children && t.children.length > 0), l = r ? r(t.path) : !1;
   if (a)
     return /* @__PURE__ */ c("li", { children: [
@@ -4817,7 +4811,7 @@ const Bn = ({
         }
       ),
       /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: t.children?.map((u, N) => /* @__PURE__ */ e(
-        Ue,
+        Ke,
         {
           item: u,
           isSelectedHandler: r,
@@ -4892,7 +4886,7 @@ const Bn = ({
       ]
     }
   ) });
-}, Rn = ({
+}, Vn = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
@@ -4901,7 +4895,7 @@ const Bn = ({
   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(
-      Ue,
+      Ke,
       {
         item: a,
         isSelectedHandler: r,
@@ -4910,7 +4904,7 @@ const Bn = ({
       l
     )
   ) })
-] }), Pr = {
+] }), Fr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -4919,13 +4913,13 @@ const Bn = ({
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, Or = {
+}, Br = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, Fr = {
+}, Rr = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -4935,11 +4929,11 @@ const Bn = ({
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, Br = {
+}, Hr = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, Hn = ({
+}, qn = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -4952,16 +4946,16 @@ const Bn = ({
 }) => {
   const N = `h${t}`, m = d(
     "font-sans text-pretty",
-    Pr[r || Rr(t)],
-    Or[n],
-    Fr[s],
-    Br[a],
+    Fr[r || Vr(t)],
+    Br[n],
+    Rr[s],
+    Hr[a],
     l && "truncate",
     o
   );
   return /* @__PURE__ */ e(N, { className: m, ...u, children: h });
 };
-function Rr(t) {
+function Vr(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -4971,7 +4965,7 @@ function Rr(t) {
     6: "md"
   }[t] || "md";
 }
-const Vn = ({
+const Un = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -5076,7 +5070,7 @@ const Vn = ({
       ]
     }
   ) }) : null;
-}, Hr = {
+}, qr = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -5084,7 +5078,7 @@ const Vn = ({
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, Vr = {
+}, Ur = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -5092,7 +5086,7 @@ const Vn = ({
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, qr = {
+}, Wr = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -5108,26 +5102,26 @@ const Vn = ({
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, Ur = {
+}, Kr = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Wr = {
+}, Gr = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, Kr = {
+}, Jr = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Gr = {
+}, Yr = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -5137,7 +5131,7 @@ const Vn = ({
   info: "border-info-border",
   neutral: "border-border-subtle",
   white: "border-border-subtle"
-}, We = me(
+}, Ge = me(
   ({
     padding: t,
     margin: r,
@@ -5154,13 +5148,13 @@ const Vn = ({
     {
       ref: m,
       className: d(
-        t && Hr[t],
-        r && Vr[r],
-        n && qr[n],
-        s && Ur[s],
-        a && Wr[a],
-        l && Kr[l],
-        o && Gr[o],
+        t && qr[t],
+        r && Ur[r],
+        n && Wr[n],
+        s && Kr[s],
+        a && Gr[a],
+        l && Jr[l],
+        o && Yr[o],
         h
       ),
       ...N,
@@ -5168,9 +5162,9 @@ const Vn = ({
     }
   )
 );
-We.displayName = "Box";
-const qn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
-  We,
+Ge.displayName = "Box";
+const Wn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
+  Ge,
   {
     background: "module",
     radius: "lg",
@@ -5184,7 +5178,7 @@ const qn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
     ]
   }
 );
-function Un({
+function Kn({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -5236,7 +5230,7 @@ function Un({
     n === "react" && !m && b && /* @__PURE__ */ e(b, { ...l })
   ] });
 }
-class Wn extends bt {
+class Gn extends gt {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -5265,71 +5259,71 @@ class Wn extends bt {
   }
 }
 export {
-  Sn as AssistantCard,
-  Mr as Avatar,
-  zn as AvatarStack,
-  gn as Badge,
-  We as Box,
+  En as AssistantCard,
+  Dr as Avatar,
+  Mn as AvatarStack,
+  yn as Badge,
+  Ge as Box,
   ne as Button,
-  cn as ButtonGroup,
-  qn as Card,
-  En as ChannelBadge,
+  un as ButtonGroup,
+  Wn as Card,
+  $n as ChannelBadge,
   pe as Checkbox,
-  Vn as CommandPalette,
-  pn as ConfirmDialog,
-  Kt as ContentLoading,
+  Un as CommandPalette,
+  vn as ConfirmDialog,
+  Jt as ContentLoading,
   $e as DatePicker,
-  Gt as Dropdown,
-  vn as EmptyState,
-  Wn as ErrorBoundary,
-  Un as FederatedResource,
-  dn as FilterChip,
-  Rt as FolderSelect,
-  bn as Form,
-  Hn as Heading,
+  Yt as Dropdown,
+  Nn as EmptyState,
+  Gn as ErrorBoundary,
+  Kn as FederatedResource,
+  mn as FilterChip,
+  Vt as FolderSelect,
+  gn as Form,
+  qn as Heading,
   Y as Icon,
-  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,
+  Dn as Image,
+  wn as Kbd,
+  Ln as KpiCard,
+  fn as Link,
+  _n as List,
+  Tn as ListBulkAction,
+  on as MeetingGrid,
+  An as MessageBubble,
+  We as Modal,
+  In as PageHeader,
+  jn as PageToolbar,
+  cn as ParticipantTile,
+  _t as Popover,
+  kn as ProgressBar,
+  Pn as RichText,
+  Kt as SearchableTextField,
+  On as SectionDivider,
+  hn as SegmentedToggle,
   we as Select,
-  Pn as SettingsRow,
-  On as SettingsSection,
-  Rn as SidebarMenu,
-  Fn as SourceChip,
-  wn as Spinner,
+  Fn as SettingsRow,
+  Bn as SettingsSection,
+  Vn as SidebarMenu,
+  Rn as SourceChip,
+  Cn as Spinner,
   Re as SplitButton,
-  kn as StatusDot,
-  Cn as StepIndicator,
-  mr as StorageInput,
-  Wt as Switch,
-  xn as TabBar,
+  Sn as StatusDot,
+  zn as StepIndicator,
+  hr as StorageInput,
+  Gt as Switch,
+  pn as TabBar,
   Pe as Table,
-  sr as Tabs,
+  lr as Tabs,
   de as Text,
   De as TextArea,
   be as TextField,
-  on as VideoSurface,
-  Bn as View,
-  sn as catTone,
+  dn as VideoSurface,
+  Hn as View,
+  ln as catTone,
   d as cn,
-  nn as createSizes,
-  rn as createVariants,
-  fn as dateFilterHandler,
-  hn as selectFilterHandler
+  an as createSizes,
+  sn as createVariants,
+  xn as dateFilterHandler,
+  bn as selectFilterHandler
 };
 //# sourceMappingURL=index.js.map