@opencxh/ui-kit 3.179.0 → 3.180.0

package/dist/index.js

@@ -1,18 +1,18 @@
-import { jsxs as c, jsx as e, Fragment as Le } from "react/jsx-runtime";
+import { jsxs as c, jsx as e, Fragment as Ee } from "react/jsx-runtime";
 import le, { forwardRef as be, useState as B, useLayoutEffect as kt, useRef as se, useEffect as Q, createContext as rt, useId as Ct, useMemo as ge, useContext as St, useCallback as de, Component as Et } from "react";
 import { clsx as Tt } from "clsx";
 import * as Mt from "lucide-react";
-import { X as Se, ChevronDown as Ie, ExternalLink as zt, Search as Oe, ChevronRight as Pe, Sparkles as At, ArrowUpRight as nt, ImageOff as Dt, ChevronLeft as Ee, Pencil as _t, Calendar as $t, Check as We, ChevronUp as Lt, Ellipsis as It, ChevronDownIcon as Ot, FileText as Re, HardDrive as Ge, ArrowLeft as Pt, FolderPlus as jt, Upload as Rt, Folder as Je, Trash2 as Ft, Plus as Bt, Loader2 as Ht, VideoOff as qt, User as Ut, MicOff as Vt, Mic as Kt } from "lucide-react";
+import { X as Se, ChevronDown as Ie, ExternalLink as zt, Search as Oe, ChevronRight as Pe, Sparkles as At, ArrowUpRight as nt, ImageOff as Dt, ChevronLeft as Te, Pencil as _t, Calendar as $t, Check as We, ChevronUp as Lt, Ellipsis as It, ChevronDownIcon as Ot, FileText as Re, HardDrive as Ge, ArrowLeft as Pt, FolderPlus as jt, Upload as Rt, Folder as Je, Trash2 as Ft, Plus as Bt, Loader2 as Ht, VideoOff as qt, User as Ut, MicOff as Vt, Mic as Kt } from "lucide-react";
 import Ue from "dompurify";
 import Wt from "react-markdown";
 import Gt from "remark-gfm";
 function d(...t) {
   return Tt(t);
 }
-function is(t) {
+function ds(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function ds(t) {
+function us(t) {
   return (r) => t[r] || "";
 }
 const Jt = {
@@ -102,7 +102,7 @@ const Jt = {
   }
 );
 ae.displayName = "Button";
-const us = ({
+const ms = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
@@ -191,7 +191,7 @@ function er(t) {
     xl: 24
   }[t];
 }
-function Te(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
+function Me(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
   const [l, o] = B({});
   return kt(() => {
     if (!t) return;
@@ -216,7 +216,7 @@ const st = ({
   disabled: o = !1,
   triggerLabel: u
 }) => {
-  const [i, p] = B(!1), m = se(null), f = se(null), g = Te(i, f, { placement: n });
+  const [i, p] = B(!1), m = se(null), f = se(null), g = Me(i, f, { placement: n });
   Q(() => {
     if (!i) return;
     const v = (C) => {
@@ -301,7 +301,7 @@ function sr({
   title: g,
   className: b
 }) {
-  const w = l && !!p, v = s === "pill" ? "rounded-full" : "rounded-md", h = rr({ active: l, tone: n, shape: s, size: a, className: b }), C = /* @__PURE__ */ c(Le, { children: [
+  const w = l && !!p, v = s === "pill" ? "rounded-full" : "rounded-md", h = rr({ active: l, tone: n, shape: s, size: a, className: b }), C = /* @__PURE__ */ c(Ee, { children: [
     r,
     t,
     o && /* @__PURE__ */ e(Z, { icon: Ie, size: "xs" })
@@ -359,7 +359,7 @@ const ar = {
   warning: "bg-warning-soft",
   error: "bg-danger-soft",
   info: "bg-info-soft"
-}, ms = ({
+}, fs = ({
   variant: t = "default",
   size: r = "md",
   color: n = "primary",
@@ -509,7 +509,7 @@ function at({
               children: /* @__PURE__ */ e(Ie, { className: "size-icon-md" })
             }
           ),
-          children: (g) => /* @__PURE__ */ e(Le, { children: l.map((b) => /* @__PURE__ */ c(
+          children: (g) => /* @__PURE__ */ e(Ee, { children: l.map((b) => /* @__PURE__ */ c(
             "button",
             {
               type: "button",
@@ -534,7 +534,7 @@ function at({
     ] })
   );
 }
-const fs = ({
+const hs = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -644,7 +644,7 @@ const fs = ({
   "[&_[data-mention-id]]:font-semibold",
   "[&_[data-mention-id]]:px-1",
   "[&_[data-mention-id]]:rounded-md"
-].join(" "), _e = "data-mention-id", mr = /<[a-z][\s\S]*>/i, fr = [
+].join(" "), $e = "data-mention-id", mr = /<[a-z][\s\S]*>/i, fr = [
   "[&_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",
@@ -661,15 +661,23 @@ const fs = ({
   "[&_td]:border [&_td]:border-border [&_td]:px-2 [&_td]:py-1",
   // A mention chip is stored as a bare `data-mention-id` span, so its look lives here.
   lt
-].join(" "), hr = {
+].join(" ");
+function hr(t, r) {
+  if (!t?.startsWith("mailto:")) return !1;
+  const n = typeof r == "string" ? r : null;
+  return n !== null && t === `mailto:${n}`;
+}
+const xr = {
   p: (t) => /* @__PURE__ */ e("p", { className: "my-1.5 leading-relaxed first:mt-0 last:mb-0", ...t }),
-  a: (t) => /* @__PURE__ */ e(
+  a: ({ href: t, children: r, ...n }) => hr(t, r) ? /* @__PURE__ */ e(Ee, { children: r }) : /* @__PURE__ */ e(
     "a",
     {
       className: "text-accent underline underline-offset-2 hover:opacity-80",
       target: "_blank",
       rel: "noopener noreferrer",
-      ...t
+      href: t,
+      ...n,
+      children: r
     }
   ),
   strong: (t) => /* @__PURE__ */ e("strong", { className: "font-semibold", ...t }),
@@ -692,42 +700,42 @@ const fs = ({
   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 Me({ text: t, className: r, as: n }) {
+function ze({ text: t, className: r, as: n }) {
   const s = t ?? "";
   return (n ? n === "html" : mr.test(s)) ? /* @__PURE__ */ e(
     "div",
     {
       className: d("break-words", fr, r),
       dangerouslySetInnerHTML: {
-        __html: Ue.sanitize(s, { ADD_ATTR: ["target", "rel", _e] })
+        __html: Ue.sanitize(s, { ADD_ATTR: ["target", "rel", $e] })
       }
     }
-  ) : /* @__PURE__ */ e("div", { className: d("break-words", r), children: /* @__PURE__ */ e(Wt, { remarkPlugins: [Gt], components: hr, children: s }) });
+  ) : /* @__PURE__ */ e("div", { className: d("break-words", r), children: /* @__PURE__ */ e(Wt, { remarkPlugins: [Gt], components: xr, children: s }) });
 }
-const xr = {
+const gr = {
   info: "text-info-fg",
   success: "text-success-fg",
   warning: "text-warning-fg",
   destructive: "text-danger-fg"
-}, gr = {
+}, br = {
   info: "bg-info-soft border-info-border",
   success: "bg-success-soft border-success-border",
   warning: "bg-warning-soft border-warning-border",
   destructive: "bg-danger-soft border-danger-border"
-}, br = {
+}, pr = {
   1: "grid-cols-1",
   2: "grid-cols-2",
   3: "grid-cols-3",
   4: "grid-cols-4"
 };
-function pr({ block: t }) {
+function vr({ block: t }) {
   switch (t.type) {
     case "heading":
       return t.level === 1 ? /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold tracking-tight text-text", children: t.text }) : t.level === 2 ? /* @__PURE__ */ e("h2", { className: "pt-2 text-base font-semibold tracking-tight text-text", children: t.text }) : /* @__PURE__ */ e("h3", { className: "pt-1 text-sm font-semibold text-text", children: t.text });
     case "paragraph":
-      return /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text" });
+      return /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text" });
     case "quote":
-      return /* @__PURE__ */ e("blockquote", { className: "border-l-2 border-border pl-3.5", children: /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text-muted" }) });
+      return /* @__PURE__ */ e("blockquote", { className: "border-l-2 border-border pl-3.5", children: /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text-muted" }) });
     case "code":
       return /* @__PURE__ */ e("pre", { className: "overflow-x-auto rounded-lg bg-surface-sunk p-3 text-xs", children: /* @__PURE__ */ e("code", { className: "font-mono", children: t.text }) });
     case "divider":
@@ -746,7 +754,7 @@ function pr({ block: t }) {
               n.lead,
               " "
             ] }),
-            /* @__PURE__ */ e(Me, { as: "markdown", text: n.text, className: "inline" })
+            /* @__PURE__ */ e(ze, { as: "markdown", text: n.text, className: "inline" })
           ] }, s))
         }
       );
@@ -780,13 +788,13 @@ function pr({ block: t }) {
         t.caption && /* @__PURE__ */ e("figcaption", { className: "pt-2 text-xs italic text-text-subtle", children: t.caption })
       ] });
     case "kpi":
-      return /* @__PURE__ */ e("div", { className: d("grid gap-3", br[t.items.length] ?? "grid-cols-4"), children: t.items.map((r, n) => /* @__PURE__ */ c("div", { className: "rounded-lg bg-surface-sunk px-4 py-3.5", children: [
+      return /* @__PURE__ */ e("div", { className: d("grid gap-3", pr[t.items.length] ?? "grid-cols-4"), children: t.items.map((r, n) => /* @__PURE__ */ c("div", { className: "rounded-lg bg-surface-sunk px-4 py-3.5", children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: d(
               "text-2xl font-semibold tracking-tight",
-              r.tone ? xr[r.tone] : "text-text"
+              r.tone ? gr[r.tone] : "text-text"
             ),
             children: r.value
           }
@@ -794,15 +802,15 @@ function pr({ block: t }) {
         /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r.label })
       ] }, n)) });
     case "callout":
-      return /* @__PURE__ */ c("div", { className: d("rounded-lg border px-4 py-3", gr[t.tone]), children: [
+      return /* @__PURE__ */ c("div", { className: d("rounded-lg border px-4 py-3", br[t.tone]), children: [
         t.title && /* @__PURE__ */ e("div", { className: "pb-0.5 text-sm font-semibold text-text", children: t.title }),
-        /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text" })
+        /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text" })
       ] });
     default:
       return null;
   }
 }
-function hs({ blocks: t, runtime: r = "inert", className: n }) {
+function xs({ blocks: t, runtime: r = "inert", className: n }) {
   return r !== "inert" ? /* @__PURE__ */ c(
     "div",
     {
@@ -819,9 +827,9 @@ function hs({ blocks: t, runtime: r = "inert", className: n }) {
         ] })
       ]
     }
-  ) : /* @__PURE__ */ e("article", { className: d("flex flex-col gap-4", n), children: t.map((s, a) => /* @__PURE__ */ e(pr, { block: s }, s.block_id ?? a)) });
+  ) : /* @__PURE__ */ e("article", { className: d("flex flex-col gap-4", n), children: t.map((s, a) => /* @__PURE__ */ e(vr, { block: s }, s.block_id ?? a)) });
 }
-function xs({
+function gs({
   title: t,
   icon: r = /* @__PURE__ */ e(At, { className: "size-icon-md", "aria-hidden": !0 }),
   action: n,
@@ -849,8 +857,8 @@ function xs({
     }
   );
 }
-const vr = 5;
-function yr(t) {
+const yr = 5;
+function Nr(t) {
   let r = 2166136261;
   for (let n = 0; n < t.length; n++)
     r ^= t.charCodeAt(n), r = Math.imul(r, 16777619);
@@ -858,15 +866,15 @@ function yr(t) {
 }
 function ot(t) {
   const r = (t ?? "").trim().toLowerCase();
-  return r ? yr(r) % vr + 1 : 1;
+  return r ? Nr(r) % yr + 1 : 1;
 }
-const Nr = {
+const wr = {
   1: "bg-cat-1-soft text-cat-1-fg",
   2: "bg-cat-2-soft text-cat-2-fg",
   3: "bg-cat-3-soft text-cat-3-fg",
   4: "bg-cat-4-soft text-cat-4-fg",
   5: "bg-cat-5-soft text-cat-5-fg"
-}, wr = {
+}, kr = {
   1: "bg-cat-1",
   2: "bg-cat-2",
   3: "bg-cat-3",
@@ -874,23 +882,23 @@ const Nr = {
   5: "bg-cat-5"
 };
 function ct(t) {
-  return Nr[ot(t)];
-}
-function gs(t) {
   return wr[ot(t)];
 }
-const kr = {
+function bs(t) {
+  return kr[ot(t)];
+}
+const Cr = {
   default: "bg-avatar text-avatar-fg",
   in: "bg-avatar-in text-avatar-in-fg",
   out: "bg-accent text-accent-fg",
   note: "bg-avatar-note text-avatar-note-fg"
-}, Cr = {
+}, Sr = {
   xs: "w-5 h-5 text-xs",
   sm: "w-6 h-6 text-xs",
   md: "w-7 h-7 text-base",
   lg: "w-9 h-9 text-sm"
 };
-function Sr(t) {
+function Er(t) {
   if (!t) return "?";
   const r = t.trim().split(/[^\p{L}\p{N}]+/u).filter(Boolean);
   return r.length >= 2 ? (r[0][0] + r[1][0]).toUpperCase() : r.length === 1 ? r[0].slice(0, 2).toUpperCase() : "?";
@@ -910,8 +918,8 @@ const it = ({
     "inline-flex items-center justify-center rounded-full overflow-hidden shrink-0 font-semibold select-none",
     // `identity` is seeded on the name, so the same person keeps their colour
     // wherever they appear; the fixed tones stay as they were.
-    n === "identity" ? ct(t) : kr[n],
-    Cr[s],
+    n === "identity" ? ct(t) : Cr[n],
+    Sr[s],
     a
   );
   return r && !o ? /* @__PURE__ */ e(
@@ -923,8 +931,8 @@ const it = ({
       className: d(i, "object-cover"),
       onError: () => u(!0)
     }
-  ) : /* @__PURE__ */ e("span", { className: i, title: l ?? t, "aria-label": t, children: Sr(t) });
-}, Ye = "ring-surface", Er = "ring-surface-accent", bs = ({
+  ) : /* @__PURE__ */ e("span", { className: i, title: l ?? t, "aria-label": t, children: Er(t) });
+}, Ye = "ring-surface", Tr = "ring-surface-accent", ps = ({
   people: t,
   max: r = 4,
   size: n = "sm",
@@ -942,7 +950,7 @@ const it = ({
         title: o.name ? o.seen === !1 ? `${o.name} — nog niet gelezen` : o.name : void 0,
         className: d(
           u > 0 && "-ml-2",
-          o.owner ? Er : Ye,
+          o.owner ? Tr : Ye,
           o.seen === !1 && "opacity-40"
         )
       },
@@ -965,18 +973,18 @@ const it = ({
       }
     )
   ] });
-}, Tr = {
+}, Mr = {
   neutral: "bg-surface-sunk",
   out: "bg-bubble-out-soft",
   note: "bg-note-soft",
   assistant: "bg-assistant-soft"
-}, Mr = {
+}, zr = {
   neutral: "text-text",
   out: "text-text",
   note: "text-note",
   assistant: "text-text"
 };
-function ps({
+function vs({
   avatar: t,
   title: r,
   context: n,
@@ -993,7 +1001,7 @@ function ps({
       /* @__PURE__ */ c(
         "div",
         {
-          className: d("min-w-0 flex-1 overflow-hidden rounded-lg px-4 py-3.5", Tr[l]),
+          className: d("min-w-0 flex-1 overflow-hidden rounded-lg px-4 py-3.5", Mr[l]),
           children: [
             /* @__PURE__ */ c("div", { className: "flex items-baseline gap-2", children: [
               /* @__PURE__ */ e(
@@ -1002,7 +1010,7 @@ function ps({
                   className: d(
                     "min-w-0 truncate text-md font-semibold",
                     !n && "flex-1",
-                    Mr[l]
+                    zr[l]
                   ),
                   children: r
                 }
@@ -1022,15 +1030,15 @@ function ps({
     u
   ] });
 }
-const vs = "hover:bg-surface-track";
-function ys({
+const ys = "hover:bg-surface-track";
+function Ns({
   name: t,
   src: r,
   tone: n = "in"
 }) {
   return /* @__PURE__ */ e(it, { name: t, src: r, tone: n, size: "sm" });
 }
-function Ns({
+function ws({
   icon: t,
   tone: r = "neutral",
   title: n
@@ -1047,10 +1055,10 @@ function Ns({
     }
   );
 }
-function ws({ children: t, className: r }) {
+function ks({ children: t, className: r }) {
   return /* @__PURE__ */ e("div", { className: d("flex items-center gap-2.5 rounded-md bg-surface px-3 py-2.5", r), children: t });
 }
-function ks({ icon: t, text: r, time: n, joinUrl: s, joinLabel: a }) {
+function Cs({ icon: t, text: r, time: n, joinUrl: s, joinLabel: a }) {
   const l = Zt(t);
   return /* @__PURE__ */ c("div", { className: "flex items-center gap-2 py-1.5 pl-10.5 text-xs text-text-subtle", children: [
     l && /* @__PURE__ */ e(Z, { icon: l, size: "sm", color: "current" }),
@@ -1073,43 +1081,43 @@ function ks({ icon: t, text: r, time: n, joinUrl: s, joinLabel: a }) {
     )
   ] });
 }
-const ze = {
+const Ae = {
   mail: { fg: "text-channel-mail-fg", bg: "bg-channel-mail-soft" },
   wa: { fg: "text-channel-whatsapp-fg", bg: "bg-channel-whatsapp-soft" },
   chat: { fg: "text-channel-chat-fg", bg: "bg-channel-chat-soft" },
   tel: { fg: "text-channel-phone-fg", bg: "bg-channel-phone-soft" },
   note: { fg: "text-channel-note-fg", bg: "bg-channel-note-soft" }
-}, zr = {
+}, Ar = {
   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 Cs({
+function Ss({
   channel: t,
   children: r,
   size: n = "md",
   className: s,
   title: a
 }) {
-  const l = t in ze ? ze[t] : void 0;
+  const l = t in Ae ? Ae[t] : void 0;
   return /* @__PURE__ */ e(
     "span",
     {
       title: a,
       className: d(
         "inline-flex shrink-0 items-center justify-center font-bold",
-        zr[n],
+        Ar[n],
         // An undeclared channel used to collapse onto the neutral "note" tone,
         // which is also what a real internal note looks like. Deriving from the
         // key keeps it distinguishable and keeps `note` meaning `note`.
-        l ? d(l.fg, l.bg) : t ? ct(t) : d(ze.note.fg, ze.note.bg),
+        l ? d(l.fg, l.bg) : t ? ct(t) : d(Ae.note.fg, Ae.note.bg),
         s
       ),
       children: r
     }
   );
 }
-const Ss = ({
+const Es = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -1186,28 +1194,28 @@ const Ss = ({
     w && l && /* @__PURE__ */ e("div", { className: I, children: i || O }),
     h && o && /* @__PURE__ */ e("div", { className: I, children: p || H })
   ] });
-}, Ar = {
+}, Dr = {
   default: "text-text",
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function Es({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+function Ts({ 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", Ar[n]), children: t }),
+    /* @__PURE__ */ e("div", { className: d("text-2xl font-semibold", Dr[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const Dr = {
+const _r = {
   sm: "size-checkbox-sm",
   md: "size-checkbox",
   lg: "size-checkbox-lg",
   full: "size-checkbox"
-}, _r = {
+}, $r = {
   sm: "min-h-control-sm",
   md: "min-h-control-md",
   lg: "min-h-control-lg",
   full: "min-h-control-md"
-}, $r = {
+}, Lr = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
@@ -1234,7 +1242,7 @@ const Dr = {
     return le.useEffect(() => {
       w.current && (w.current.indeterminate = a);
     }, [a]), /* @__PURE__ */ c("div", { className: d("flex flex-col", l), children: [
-      /* @__PURE__ */ c("div", { className: d("flex items-center gap-3", _r[s]), children: [
+      /* @__PURE__ */ c("div", { className: d("flex items-center gap-3", $r[s]), children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -1251,7 +1259,7 @@ const Dr = {
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover",
-              Dr[s],
+              _r[s],
               b ? "border-danger-border" : "border-border-strong",
               u
             ),
@@ -1266,7 +1274,7 @@ const Dr = {
               className: d(
                 "cursor-pointer",
                 b ? "text-danger-fg" : "text-text",
-                $r[s],
+                Lr[s],
                 o
               ),
               children: t
@@ -1280,7 +1288,7 @@ const Dr = {
   }
 );
 we.displayName = "Checkbox";
-function Ts({
+function Ms({
   icon: t,
   onClick: r,
   children: n
@@ -1303,7 +1311,7 @@ function Ts({
     }
   );
 }
-function Ms({
+function zs({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -1464,7 +1472,7 @@ function Ms({
           children: b ? b(
             q,
             R.map((he) => he.item)
-          ) : /* @__PURE__ */ c(Le, { children: [
+          ) : /* @__PURE__ */ c(Ee, { children: [
             v && /* @__PURE__ */ e(
               Pe,
               {
@@ -1543,7 +1551,7 @@ function Ms({
     ] }) })
   ] });
 }
-function zs({
+function As({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -1576,7 +1584,7 @@ function zs({
     }
   );
 }
-function As({ icon: t, label: r, unset: n, className: s }) {
+function Ds({ icon: t, label: r, unset: n, className: s }) {
   return /* @__PURE__ */ c(
     "span",
     {
@@ -1592,11 +1600,11 @@ function As({ icon: t, label: r, unset: n, className: s }) {
     }
   );
 }
-function Ds() {
+function _s() {
   return /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "shrink-0 text-text-disabled", children: "·" });
 }
 const fe = ({ className: t }) => /* @__PURE__ */ e("span", { className: d("block rounded-xs bg-surface-hover", t) });
-function Lr({
+function Ir({
   shape: t,
   rows: r,
   columns: n
@@ -1663,7 +1671,7 @@ function Lr({
       ] });
   }
 }
-const Ir = {
+const Or = {
   text: 2,
   table: 8,
   list: 6,
@@ -1682,10 +1690,10 @@ function Ve({
   tableColumns: u,
   tableRows: i
 }) {
-  const p = r ?? (o ? "table" : "text"), m = n ?? i ?? Ir[p], f = s ?? u ?? (p === "cards" ? 3 : 6), g = /* @__PURE__ */ e("div", { className: d("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(Lr, { shape: p, rows: m, columns: f }) });
+  const p = r ?? (o ? "table" : "text"), m = n ?? i ?? Or[p], f = s ?? u ?? (p === "cards" ? 3 : 6), g = /* @__PURE__ */ e("div", { className: d("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(Ir, { shape: p, rows: m, columns: f }) });
   return t === "inline" ? g : /* @__PURE__ */ e("main", { className: "flex-1 bg-surface p-6", children: g });
 }
-const Or = ({
+const Pr = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -1734,7 +1742,7 @@ const Or = ({
               {
                 variant: "ghost",
                 onClick: p,
-                leftIcon: /* @__PURE__ */ e(Z, { icon: Ee, size: "md" }),
+                leftIcon: /* @__PURE__ */ e(Z, { icon: Te, size: "md" }),
                 iconOnly: !0
               }
             ),
@@ -1820,11 +1828,11 @@ const Or = ({
       ]
     }
   );
-}, Pr = {
+}, jr = {
   none: "",
   sm: "px-3 pb-3 pt-1",
   md: "px-5 pb-5 pt-1.5"
-}, _s = ({
+}, $s = ({
   title: t,
   subtitle: r,
   meta: n,
@@ -1857,7 +1865,7 @@ const Or = ({
       ),
       children: [
         /* @__PURE__ */ e(
-          Or,
+          Pr,
           {
             surface: u,
             title: t,
@@ -1876,7 +1884,7 @@ const Or = ({
           {
             className: d(
               b && "min-h-0 flex-1 overflow-y-auto",
-              Pr[g],
+              jr[g],
               v
             ),
             children: C
@@ -1914,32 +1922,32 @@ const Or = ({
     },
     s.id
   )
-) }), jr = {
+) }), Rr = {
   none: "p-0",
   sm: "p-2",
   md: "px-5 py-4",
   lg: "p-6"
-}, $s = ({
+}, Ls = ({
   actions: t = [],
   onBack: r,
   backLabel: n = "Back",
   className: s,
   padding: a = "md",
   children: l
-}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2", jr[a], s), children: [
+}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2", Rr[a], s), children: [
   r && /* @__PURE__ */ e(
     ae,
     {
       variant: "secondary",
       onClick: r,
       "aria-label": n,
-      leftIcon: /* @__PURE__ */ e(Z, { icon: Ee, size: "sm" }),
+      leftIcon: /* @__PURE__ */ e(Z, { icon: Te, size: "sm" }),
       iconOnly: !0
     }
   ),
   l && /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l }),
   /* @__PURE__ */ e(ke, { actions: t, className: d(!l && "ml-auto") })
-] }), Ls = ({
+] }), Is = ({
   label: t,
   meta: r,
   action: n,
@@ -1949,7 +1957,7 @@ const Or = ({
   r && /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-right text-xs tabular-nums text-text-subtle", children: r }),
   n && /* @__PURE__ */ e("span", { className: "ml-auto shrink-0", children: n })
 ] });
-function Is({
+function Os({
   label: t,
   trailing: r,
   align: n = "center",
@@ -1963,11 +1971,11 @@ function Is({
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-const dt = rt(null), Os = dt.Provider;
-function Rr() {
+const dt = rt(null), Ps = dt.Provider;
+function Fr() {
   return St(dt);
 }
-function Ps() {
+function js() {
   const [t, r] = B(null), n = ge(
     () => ({
       setTrail: (s, a) => r((l) => a ? { ownerId: s, entry: a } : l && l.ownerId !== s ? l : null)
@@ -1976,13 +1984,13 @@ function Ps() {
   );
   return { trail: t?.entry ?? null, api: n };
 }
-const Fr = {
+const Br = {
   none: "",
   sm: "px-3 py-3",
   // Matches the frame header's own horizontal padding, so content lines up
   // with the title above it.
   md: "px-5 py-4"
-}, js = ({
+}, Rs = ({
   children: t,
   actions: r = [],
   secondaryActions: n = [],
@@ -1996,7 +2004,7 @@ const Fr = {
   className: m,
   contentClassName: f
 }) => {
-  const g = Rr(), b = Ct(), w = se(a);
+  const g = Fr(), b = Ct(), w = se(a);
   w.current = a;
   const v = !!a, h = se(r);
   h.current = r;
@@ -2044,7 +2052,7 @@ const Fr = {
             variant: "ghost",
             onClick: () => w.current?.(),
             "aria-label": l,
-            leftIcon: /* @__PURE__ */ e(Z, { icon: Ee, size: "sm" }),
+            leftIcon: /* @__PURE__ */ e(Z, { icon: Te, size: "sm" }),
             iconOnly: !0
           }
         ),
@@ -2054,7 +2062,7 @@ const Fr = {
           r.length > 0 && /* @__PURE__ */ e(ke, { actions: r })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: d("flex-1", Fr[p], f), children: u ? /* @__PURE__ */ e(Ve, { variant: "inline", shape: i }) : t }),
+      /* @__PURE__ */ e("div", { className: d("flex-1", Br[p], f), children: u ? /* @__PURE__ */ e(Ve, { variant: "inline", shape: i }) : t }),
       Y && /* @__PURE__ */ c("div", { className: "sticky bottom-0 z-10 flex shrink-0 items-center gap-2 border-t border-border bg-surface px-5 py-3", children: [
         n.length > 0 && /* @__PURE__ */ e(ke, { actions: n, defaultVariant: "ghost" }),
         r.length > 0 && /* @__PURE__ */ e(ke, { actions: r, className: "ml-auto" })
@@ -2062,7 +2070,7 @@ const Fr = {
     ] })
   );
 };
-function Rs({
+function Fs({
   label: t,
   description: r,
   control: n,
@@ -2089,7 +2097,7 @@ function Rs({
     }
   );
 }
-function Fs({
+function Bs({
   icon: t,
   title: r,
   description: n,
@@ -2109,7 +2117,7 @@ function Fs({
     /* @__PURE__ */ e("div", { className: d("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function Bs({ label: t, dotColor: r, onClick: n, className: s }) {
+function Hs({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -2134,7 +2142,7 @@ function Bs({ label: t, dotColor: r, onClick: n, className: s }) {
     }
   );
 }
-const Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }), Hr = () => /* @__PURE__ */ e(Z, { icon: Ee, size: "md", color: "current" }), qr = () => /* @__PURE__ */ e(Z, { icon: Pe, size: "md", color: "current" }), He = be(
+const Hr = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }), qr = () => /* @__PURE__ */ e(Z, { icon: Te, size: "md", color: "current" }), Ur = () => /* @__PURE__ */ e(Z, { icon: Pe, size: "md", color: "current" }), He = be(
   ({
     value: t,
     onChange: r,
@@ -2148,7 +2156,7 @@ const Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }
     format: p = "MM/dd/yyyy",
     withTime: m = !1
   }, f) => {
-    const [g, b] = B(!1), [w, v] = B(() => t || /* @__PURE__ */ new Date()), h = se(null), C = se(null), k = Te(g, C);
+    const [g, b] = B(!1), [w, v] = B(() => t || /* @__PURE__ */ new Date()), h = se(null), C = se(null), k = Me(g, C);
     Q(() => {
       const y = (x) => {
         h.current && !h.current.contains(x.target) && b(!1);
@@ -2238,7 +2246,7 @@ const Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }
             onClick: () => !s && b(!g),
             disabled: s,
             className: "absolute inset-y-0 right-0 flex items-center pr-3 text-text-muted hover:text-text-muted",
-            children: /* @__PURE__ */ e(Br, {})
+            children: /* @__PURE__ */ e(Hr, {})
           }
         )
       ] }),
@@ -2249,13 +2257,13 @@ const Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }
           className: "fixed z-overlay overflow-auto rounded-lg border border-border bg-surface p-4 shadow-overlay min-w-panel",
           children: [
             /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-4", children: [
-              /* @__PURE__ */ e("button", { onClick: I, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Hr, {}) }),
+              /* @__PURE__ */ e("button", { onClick: I, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(qr, {}) }),
               /* @__PURE__ */ c("h3", { className: "text-sm font-medium text-text", children: [
                 W[w.getMonth()],
                 " ",
                 w.getFullYear()
               ] }),
-              /* @__PURE__ */ e("button", { onClick: O, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(qr, {}) })
+              /* @__PURE__ */ e("button", { onClick: O, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Ur, {}) })
             ] }),
             /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((y) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted text-center py-1", children: y }, y)) }),
             /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: te.map((y, x) => {
@@ -2370,7 +2378,7 @@ const Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }
   )
 );
 ut.displayName = "SearchField";
-const Ur = ({
+const Vr = ({
   trigger: t,
   options: r,
   value: n,
@@ -2381,7 +2389,7 @@ const Ur = ({
   showCheck: u = !0,
   header: i
 }) => {
-  const [p, m] = B(!1), [f, g] = B(null), [b, w] = B({ top: 0, left: 0 }), v = se(null), h = se(null), C = se(null), k = se(null), P = Te(p, h, { placement: a }), D = se(null), Y = () => Array.from(
+  const [p, m] = B(!1), [f, g] = B(null), [b, w] = B({ top: 0, left: 0 }), v = se(null), h = se(null), C = se(null), k = se(null), P = Me(p, h, { placement: a }), D = se(null), Y = () => Array.from(
     k.current?.querySelectorAll(
       "button[data-option-value]:not(:disabled)"
     ) ?? []
@@ -2594,24 +2602,24 @@ const Ur = ({
       ]
     }
   );
-}, Hs = (t) => (r) => t(r instanceof Date ? r : null), qs = (t) => (r) => t(typeof r == "string" ? r : ""), Us = (t) => (r) => t(Array.isArray(r) ? r : typeof r == "string" && r ? [r] : []), Vr = {
+}, qs = (t) => (r) => t(r instanceof Date ? r : null), Us = (t) => (r) => t(typeof r == "string" ? r : ""), Vs = (t) => (r) => t(Array.isArray(r) ? r : typeof r == "string" && r ? [r] : []), Kr = {
   none: "px-0",
   sm: "px-2",
   md: "px-3.5",
   lg: "px-5"
-}, Kr = {
+}, Wr = {
   sm: "h-row-lg",
   md: "h-row-xl",
   lg: "h-14"
-}, Wr = 8, Xe = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
-function Gr(t, r) {
+}, Gr = 8, Xe = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
+function Jr(t, r) {
   if (r <= 7) return Array.from({ length: r }, (l, o) => o);
   const s = [.../* @__PURE__ */ new Set([0, r - 1, t - 1, t, t + 1])].filter((l) => l >= 0 && l < r).sort((l, o) => l - o), a = [];
   return s.forEach((l, o) => {
     o > 0 && l - s[o - 1] > 1 && a.push("gap"), a.push(l);
   }), a;
 }
-const Jr = (t) => {
+const Yr = (t) => {
   const r = Array.isArray(t.value) ? t.value : t.value != null && t.value !== "" && t.value !== "all" ? [t.value] : [];
   if (t.type === "date") {
     const o = t.value instanceof Date;
@@ -2752,7 +2760,7 @@ const Jr = (t) => {
   }), pe = K.some((A) => {
     const J = P(A, 0);
     return C.some((ne, ue) => P(ne, ue) === J);
-  }), ye = Vr[I], he = U ? "bg-surface-sunk" : "bg-surface", xe = d("text-text", ye), je = s || u.length > 0 || i.length > 0 || !!p, vt = ge(() => {
+  }), ye = Kr[I], he = U ? "bg-surface-sunk" : "bg-surface", xe = d("text-text", ye), je = s || u.length > 0 || i.length > 0 || !!p, vt = ge(() => {
     const A = K.map((ee, V) => ({ row: ee, index: V }));
     if (!m) return [{ group: null, rows: A }];
     const J = /* @__PURE__ */ new Map();
@@ -2777,7 +2785,7 @@ const Jr = (t) => {
           containerClassName: "w-full sm:w-66"
         }
       ),
-      u.map((A) => /* @__PURE__ */ e(Jr, { ...A }, A.id)),
+      u.map((A) => /* @__PURE__ */ e(Yr, { ...A }, A.id)),
       p,
       i.length > 0 && /* @__PURE__ */ e(ke, { actions: i, className: "ml-auto" })
     ] }),
@@ -2830,7 +2838,7 @@ const Jr = (t) => {
         )),
         w.length > 0 && /* @__PURE__ */ e("th", { className: d(xe, "w-10"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: Wr }).map((A, J) => /* @__PURE__ */ c(
+      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: Gr }).map((A, J) => /* @__PURE__ */ c(
         "tr",
         {
           className: "animate-pulse border-t border-border-subtle",
@@ -2895,7 +2903,7 @@ const Jr = (t) => {
             "tr",
             {
               className: d(
-                Kr[F],
+                Wr[F],
                 // Hairline above every row, including the first: it is
                 // what separates the body from the column strip.
                 "border-t border-border-subtle",
@@ -2938,7 +2946,7 @@ const Jr = (t) => {
                   );
                 }),
                 w.length > 0 && /* @__PURE__ */ e("td", { className: xe, children: /* @__PURE__ */ e(
-                  Ur,
+                  Vr,
                   {
                     className: "rounded-md",
                     trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(Z, { icon: It, size: "md", color: "current" }) }),
@@ -2974,10 +2982,10 @@ const Jr = (t) => {
             "aria-label": "Previous page",
             onClick: () => S(L.page - 1),
             disabled: L.page === 0,
-            children: /* @__PURE__ */ e(Z, { icon: Ee, size: "md", color: "current" })
+            children: /* @__PURE__ */ e(Z, { icon: Te, size: "md", color: "current" })
           }
         ),
-        Gr(L.page, N).map(
+        Jr(L.page, N).map(
           (A, J) => A === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${J}`) : /* @__PURE__ */ e(
             "button",
             {
@@ -3010,7 +3018,7 @@ const Jr = (t) => {
       ] })
     ] })
   ] });
-}, Yr = {
+}, Xr = {
   default: "bg-surface-hover text-text",
   primary: "bg-accent-soft text-accent",
   secondary: "bg-surface-hover text-text-muted",
@@ -3020,11 +3028,11 @@ const Jr = (t) => {
   info: "bg-info-soft text-info-fg",
   // Internal-note amber. Never for customer-visible content.
   note: "bg-note-soft text-note"
-}, Xr = {
+}, Zr = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
-}, Zr = {
+}, Qr = {
   default: "bg-surface-hover",
   primary: "bg-accent",
   secondary: "bg-surface-hover",
@@ -3034,7 +3042,7 @@ const Jr = (t) => {
   info: "bg-info",
   note: "bg-note"
 };
-function Qr({
+function en({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3050,13 +3058,13 @@ function Qr({
     {
       className: d(
         "inline-flex items-center font-medium rounded-full",
-        Yr[t],
-        Xr[r],
+        Xr[t],
+        Zr[r],
         o
       ),
       ...i,
       children: [
-        n && /* @__PURE__ */ e("span", { className: d("w-2 h-2 rounded-full mr-1.5", Zr[t]) }),
+        n && /* @__PURE__ */ e("span", { className: d("w-2 h-2 rounded-full mr-1.5", Qr[t]) }),
         s && /* @__PURE__ */ e("span", { className: d("flex-shrink-0", u && "mr-1"), children: s }),
         u,
         a && l && /* @__PURE__ */ e(
@@ -3072,7 +3080,7 @@ function Qr({
     }
   );
 }
-function en(t) {
+function tn(t) {
   const { id: r, header: n, accessor: s, label: a, tone: l, visible: o, width: u, sortable: i, align: p } = t;
   return {
     id: r,
@@ -3080,14 +3088,14 @@ function en(t) {
     accessor: (m) => a(s(m), m),
     cell: (m, f) => {
       const g = s(f);
-      return o && !o(g, f) ? null : /* @__PURE__ */ e(Qr, { variant: l ? l(g, f) : "default", size: "sm", children: a(g, f) });
+      return o && !o(g, f) ? null : /* @__PURE__ */ e(en, { variant: l ? l(g, f) : "default", size: "sm", children: a(g, f) });
     },
     width: u,
     sortable: i,
     align: p
   };
 }
-function Vs(t) {
+function Ks(t) {
   const {
     id: r,
     header: n,
@@ -3099,7 +3107,7 @@ function Vs(t) {
     width: i,
     sortable: p
   } = t;
-  return en({
+  return tn({
     id: r,
     header: n,
     accessor: (m) => !!s(m),
@@ -3109,7 +3117,7 @@ function Vs(t) {
     sortable: p
   });
 }
-function Ks(t) {
+function Ws(t) {
   const {
     id: r,
     header: n,
@@ -3133,19 +3141,19 @@ function Ks(t) {
     sortable: p
   };
 }
-const tn = {
+const rn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, rn = {
+}, nn = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, nn = {
+}, sn = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -3156,12 +3164,12 @@ const tn = {
   neutral: "text-text",
   current: "text-current",
   muted: "text-text-subtle"
-}, sn = {
+}, an = {
   left: "text-left",
   center: "text-center",
   right: "text-right",
   justify: "text-justify"
-}, an = {
+}, ln = {
   tight: "leading-tight",
   normal: "leading-normal",
   relaxed: "leading-relaxed"
@@ -3180,20 +3188,20 @@ const tn = {
   children: f,
   ...g
 }) => {
-  const b = p || ln(t), w = t === "caption", v = t === "label", h = t === "code", C = d(
+  const b = p || on(t), w = t === "caption", v = t === "label", h = t === "code", C = d(
     "font-sans",
     // Variant — caption and label pin their own size/weight
     w && "text-xs text-text-subtle",
     v && "text-xs font-semibold uppercase tracking-label text-text-subtle",
     h && "font-mono text-sm rounded-sm bg-surface-hover px-1 py-0.5",
     // Size — only where the variant does not pin it
-    !w && !v && !h && tn[r],
+    !w && !v && !h && rn[r],
     // Weight — label owns its weight
-    !v && rn[n],
-    nn[s],
-    sn[a],
+    !v && nn[n],
+    sn[s],
+    an[a],
     // Line height only overrides the body variant
-    t === "body" && an[i],
+    t === "body" && ln[i],
     o && "italic",
     u && "underline",
     l && "truncate",
@@ -3201,7 +3209,7 @@ const tn = {
   );
   return /* @__PURE__ */ e(b, { className: C, ...g, children: f });
 };
-function ln(t) {
+function on(t) {
   return {
     body: "p",
     caption: "span",
@@ -3209,13 +3217,13 @@ function ln(t) {
     code: "code"
   }[t] || "p";
 }
-function on(t, r) {
+function cn(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const Ws = ({
+const Gs = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -3238,7 +3246,7 @@ const Ws = ({
     return g ? g.label : String(m || "-");
   }, u = de(
     (m) => {
-      const f = on(r, m.name);
+      const f = cn(r, m.name);
       if (m.type === "array") {
         const b = f;
         return !b || b.length === 0 ? /* @__PURE__ */ e(me, { variant: "body", size: "sm", className: "text-text-muted", children: "Geen items" }) : /* @__PURE__ */ e("div", { className: "space-y-3", children: b.map((w, v) => /* @__PURE__ */ c("div", { className: "p-4 border border-border rounded-xl space-y-3", children: [
@@ -3381,7 +3389,7 @@ const Ws = ({
   );
   return /* @__PURE__ */ e("div", { className: p, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(i) }) });
 };
-class Gs extends Et {
+class Js extends Et {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -3410,7 +3418,7 @@ class Gs extends Et {
   }
 }
 const Fe = /* @__PURE__ */ new Map();
-function Js({
+function Ys({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -3459,11 +3467,11 @@ function Js({
     n === "react" && h && /* @__PURE__ */ e(h, { ...l })
   ] });
 }
-const cn = {
+const dn = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function Ys({
+function Xs({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3488,7 +3496,7 @@ function Ys({
           {
             className: d(
               "flex size-disc items-center justify-center rounded-full text-2xl",
-              cn[r]
+              dn[r]
             ),
             children: t
           }
@@ -3500,7 +3508,7 @@ function Ys({
     }
   );
 }
-function Xs({ children: t, className: r, ...n }) {
+function Zs({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3513,14 +3521,14 @@ function Xs({ children: t, className: r, ...n }) {
     }
   );
 }
-const dn = {
+const un = {
   sm: "h-1",
   md: "h-1.5"
-}, un = {
+}, mn = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function Zs({
+function Qs({
   value: t,
   variant: r = "accent",
   size: n = "md",
@@ -3537,7 +3545,7 @@ function Zs({
       "aria-valuemax": 100,
       className: d(
         "w-full overflow-hidden rounded-full bg-surface-hover",
-        dn[n],
+        un[n],
         s
       ),
       ...a,
@@ -3546,7 +3554,7 @@ function Zs({
         {
           className: d(
             "h-full rounded-full transition-[width] duration-300 ease-out",
-            un[r]
+            mn[r]
           ),
           style: { width: `${l}%` }
         }
@@ -3554,25 +3562,25 @@ function Zs({
     }
   );
 }
-const mn = {
+const fn = {
   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"
-}, fn = {
+}, hn = {
   primary: "text-accent",
   secondary: "text-text-muted",
   white: "text-white",
   current: "text-current"
-}, hn = {
+}, xn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-lg"
 };
-function Qs({
+function ea({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3589,7 +3597,7 @@ function Qs({
         /* @__PURE__ */ c(
           "svg",
           {
-            className: d("animate-spin", mn[t], fn[r]),
+            className: d("animate-spin", fn[t], hn[r]),
             fill: "none",
             viewBox: "0 0 24 24",
             "aria-hidden": !s,
@@ -3617,13 +3625,13 @@ function Qs({
             ]
           }
         ),
-        s && /* @__PURE__ */ e("span", { className: d("text-text-muted", hn[t]), children: n }),
+        s && /* @__PURE__ */ e("span", { className: d("text-text-muted", xn[t]), children: n }),
         !s && /* @__PURE__ */ e("span", { className: "sr-only", children: n })
       ]
     }
   );
 }
-const xn = {
+const gn = {
   neutral: "bg-text-disabled",
   accent: "bg-accent",
   success: "bg-success",
@@ -3637,7 +3645,7 @@ const xn = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function ea({
+function ta({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3653,14 +3661,14 @@ function ea({
       className: d(
         "inline-block size-dot shrink-0",
         r === "round" ? "rounded-full" : "rounded-sm",
-        xn[t],
+        gn[t],
         n && "animate-pulse",
         a
       )
     }
   );
 }
-function ta({
+function ra({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -3700,7 +3708,7 @@ function ta({
     i < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, u)) });
 }
-const gn = /* @__PURE__ */ new Set([
+const bn = /* @__PURE__ */ new Set([
   "name",
   "given-name",
   "family-name",
@@ -3735,7 +3743,7 @@ const gn = /* @__PURE__ */ new Set([
   "one-time-code"
 ]);
 function Qe(t) {
-  return t && gn.has(t) ? { autoComplete: t } : {
+  return t && bn.has(t) ? { autoComplete: t } : {
     autoComplete: "off",
     // 1Password
     "data-1p-ignore": "true",
@@ -3747,12 +3755,12 @@ function Qe(t) {
     "data-form-type": "other"
   };
 }
-const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCase(), pn = {
+const _e = (t) => t == null ? "" : String(t), pn = (t) => _e(t).trim().toLowerCase(), vn = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm",
   lg: "h-control-lg px-3 text-base",
   full: "h-control-md w-full px-3 text-sm"
-}, Ae = bn, $e = be(
+}, De = pn, Le = be(
   ({
     label: t,
     helperText: r,
@@ -3774,7 +3782,7 @@ const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCa
     onCreateOption: C,
     ...k
   }, P) => {
-    const D = f || `select-${Math.random().toString(36).substr(2, 9)}`, Y = !!n, [F, _] = le.useState(!1), [I, O] = le.useState(""), H = le.useRef(null), U = le.useRef(null), te = Te(F, U, { matchWidth: !0 }), [W, y] = le.useState(o);
+    const D = f || `select-${Math.random().toString(36).substr(2, 9)}`, Y = !!n, [F, _] = le.useState(!1), [I, O] = le.useState(""), H = le.useRef(null), U = le.useRef(null), te = Me(F, U, { matchWidth: !0 }), [W, y] = le.useState(o);
     le.useImperativeHandle(P, () => H.current), le.useEffect(() => {
       const j = (S) => {
         H.current && !H.current.contains(S.target) && _(!1);
@@ -3782,12 +3790,12 @@ const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCa
       return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
     }, []);
     const x = le.useCallback(
-      (j, S) => j.some((M) => Ae(M.value) === Ae(S) || Ae(M.label) === Ae(S)),
+      (j, S) => j.some((M) => De(M.value) === De(S) || De(M.label) === De(S)),
       []
     ), E = le.useCallback(
       (j, S) => {
         const M = [...j], X = (q) => {
-          const N = De(q).trim();
+          const N = _e(q).trim();
           N && (x(M, N) || M.push({ value: N, label: N }));
         };
         return Array.isArray(S) ? S.forEach(X) : X(S), M;
@@ -3803,7 +3811,7 @@ const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCa
       });
     }, [o, w, E, x]);
     const $ = le.useMemo(
-      () => Array.isArray(w) ? w.map(De) : w == null ? void 0 : De(w),
+      () => Array.isArray(w) ? w.map(_e) : w == null ? void 0 : _e(w),
       [w]
     ), T = (j) => {
       if (b) {
@@ -3860,7 +3868,7 @@ const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCa
                   "focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   "bg-surface",
-                  pn[s],
+                  vn[s],
                   Y ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
                   m
                 ),
@@ -3966,8 +3974,8 @@ const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCa
     );
   }
 );
-$e.displayName = "Select";
-const vn = {
+Le.displayName = "Select";
+const yn = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
@@ -4013,7 +4021,7 @@ const vn = {
             "aria-describedby": C,
             className: d(
               ft,
-              vn[s],
+              yn[s],
               l && "pl-9",
               (o || u) && "pr-9",
               ht(h),
@@ -4042,7 +4050,7 @@ const vn = {
   }
 );
 Ce.displayName = "TextField";
-function yn({
+function Nn({
   value: t,
   onChange: r,
   onListFolders: n,
@@ -4065,7 +4073,7 @@ function yn({
   const m = t ?? {};
   return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ e(
-      $e,
+      Le,
       {
         size: a,
         fullWidth: !0,
@@ -4087,7 +4095,7 @@ function yn({
     )
   ] });
 }
-const Nn = rt(null), ra = ({ items: t, activeTab: r, onTabChange: n, className: s }) => {
+const wn = rt(null), na = ({ items: t, activeTab: r, onTabChange: n, className: s }) => {
   const [a, l] = B(t[0]?.id || ""), o = r || a, u = (i) => {
     n ? n(i) : l(i);
   };
@@ -4120,7 +4128,7 @@ const Nn = rt(null), ra = ({ items: t, activeTab: r, onTabChange: n, className:
     },
     i.id
   )) }) });
-}, wn = ({
+}, kn = ({
   items: t,
   defaultTab: r,
   activeTab: n,
@@ -4177,7 +4185,7 @@ const Nn = rt(null), ra = ({ items: t, activeTab: r, onTabChange: n, className:
       F
     );
   };
-  return /* @__PURE__ */ e(Nn.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
+  return /* @__PURE__ */ e(wn.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ e("div", { className: b, role: "tablist", children: t.map((v) => /* @__PURE__ */ e(
       "button",
       {
@@ -4206,7 +4214,7 @@ const Nn = rt(null), ra = ({ items: t, activeTab: r, onTabChange: n, className:
       }
     )
   ] }) });
-}, kn = {
+}, Cn = {
   sm: "max-w-md",
   md: "max-w-lg",
   lg: "max-w-2xl",
@@ -4255,7 +4263,7 @@ function xt({
           className: d(
             "relative w-full bg-surface rounded-lg shadow-modal",
             "focus:outline-none",
-            kn[s],
+            Cn[s],
             o
           ),
           role: "dialog",
@@ -4283,7 +4291,7 @@ function xt({
     }
   ) : null;
 }
-const Cn = ({
+const Sn = ({
   value: t,
   onChange: r,
   label: n,
@@ -4537,14 +4545,14 @@ const Cn = ({
         title: h ? `Explorer: ${h.name}` : "Select Storage Mount",
         size: "lg",
         children: /* @__PURE__ */ e(
-          wn,
+          kn,
           {
             variant: "pills",
             items: [
               {
                 id: "remote",
                 label: "Platform Storage",
-                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: h ? /* @__PURE__ */ c(Le, { children: [
+                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: h ? /* @__PURE__ */ c(Ee, { children: [
                   /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
                     /* @__PURE__ */ e(
                       ae,
@@ -4684,7 +4692,7 @@ const Cn = ({
       }
     )
   ] });
-}, Sn = {
+}, En = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-3 py-2 text-base",
   lg: "px-3 py-2 text-md",
@@ -4730,7 +4738,7 @@ const Cn = ({
             className: d(
               ft,
               "resize-y leading-relaxed",
-              Sn[s],
+              En[s],
               ht(v),
               i
             ),
@@ -4763,7 +4771,7 @@ function et(t, r) {
     t
   );
 }
-function En(t, r, n) {
+function Tn(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++) {
@@ -4772,7 +4780,7 @@ function En(t, r, n) {
   }
   return l[s[s.length - 1]] = n, a;
 }
-function Tn(t, r) {
+function Mn(t, r) {
   const n = r.split("."), s = Array.isArray(t) ? [...t] : { ...t };
   let a = s;
   for (let l = 0; l < n.length - 1; l++) {
@@ -4782,7 +4790,7 @@ function Tn(t, r) {
   }
   return delete a[n[n.length - 1]], s;
 }
-function Mn({
+function zn({
   title: t,
   description: r,
   className: n,
@@ -4796,7 +4804,7 @@ function Mn({
     /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: s })
   ] });
 }
-const na = ({
+const sa = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -4856,8 +4864,8 @@ const na = ({
     [t]
   ), O = de(
     (x, E) => {
-      let $ = En(h, x, E);
-      t.flatMap((z) => z.items).find((z) => z.name === x)?.removeIfEmpty && (E == null || E === "") && ($ = Tn($, x)), C($), _((z) => ({ ...z, [x]: !0 }));
+      let $ = Tn(h, x, E);
+      t.flatMap((z) => z.items).find((z) => z.name === x)?.removeIfEmpty && (E == null || E === "") && ($ = Mn($, x)), C($), _((z) => ({ ...z, [x]: !0 }));
       const L = I(x, E, $);
       Y((z) => ({
         ...z,
@@ -4934,7 +4942,7 @@ const na = ({
           );
         case "select":
           return /* @__PURE__ */ e(
-            $e,
+            Le,
             {
               ...L,
               onChange: (z) => O(x.name, z),
@@ -5013,7 +5021,7 @@ const na = ({
           );
         case "file":
           return /* @__PURE__ */ e(
-            Cn,
+            Sn,
             {
               ...L,
               value: E,
@@ -5046,7 +5054,7 @@ const na = ({
           );
         case "folder":
           return /* @__PURE__ */ e(
-            yn,
+            Nn,
             {
               value: E || {},
               onChange: (z) => O(x.name, z),
@@ -5144,7 +5152,7 @@ const na = ({
                         );
                       case "select":
                         return /* @__PURE__ */ e(
-                          $e,
+                          Le,
                           {
                             ...q,
                             onChange: (N) => K(S, M.name, N),
@@ -5286,7 +5294,7 @@ const na = ({
         // form *is* the page now, so a panel around each section would be a
         // second surface on top of the one it already sits on.
         /* @__PURE__ */ e(
-          Mn,
+          zn,
           {
             title: x.title,
             description: x.description,
@@ -5370,7 +5378,7 @@ const na = ({
     ] })
   ] });
 };
-function sa({
+function aa({
   label: t,
   value: r,
   onChange: n,
@@ -5387,8 +5395,8 @@ function sa({
   const g = se(null), [b, w] = B(null), v = async (h) => {
     if (!h) return;
     w(null);
-    const C = await An(h, s);
-    if (a && zn(C) > a) {
+    const C = await Dn(h, s);
+    if (a && An(C) > a) {
       w(f);
       return;
     }
@@ -5447,11 +5455,11 @@ function sa({
     )
   ] });
 }
-function zn(t) {
+function An(t) {
   const r = t.slice(t.indexOf(",") + 1), n = r.endsWith("==") ? 2 : r.endsWith("=") ? 1 : 0;
   return Math.floor(r.length * 3 / 4) - n;
 }
-function An(t, r) {
+function Dn(t, r) {
   return new Promise((n, s) => {
     const a = new FileReader();
     a.onload = () => {
@@ -5469,28 +5477,28 @@ function An(t, r) {
     }, a.onerror = s, a.readAsDataURL(t);
   });
 }
-function Dn(t) {
+function _n(t) {
   const r = [];
-  return t.querySelectorAll(`[${_e}]`).forEach((n) => {
-    const s = n.getAttribute(_e);
+  return t.querySelectorAll(`[${$e}]`).forEach((n) => {
+    const s = n.getAttribute($e);
     s && r.push(s);
   }), { text: t.innerText ?? "", mentions: r, html: gt(t.innerHTML) };
 }
-function _n(t) {
+function $n(t) {
   return Ue.sanitize(t.replace(/\n/g, "<br>"));
 }
 function gt(t) {
-  return Ue.sanitize(t, { ADD_ATTR: [_e, "contenteditable"] });
+  return Ue.sanitize(t, { ADD_ATTR: [$e, "contenteditable"] });
 }
-const $n = be(
+const Ln = be(
   ({ initialContent: t, onChange: r, people: n, placeholder: s, onSubmit: a, autoFocus: l, className: o }, u) => {
     const i = se(null), [p, m] = B(null), [f, g] = B(null), [b, w] = B(0), v = ge(() => ({ current: f }), [f]), h = ge(() => {
       if (p === null) return [];
       const _ = p.toLowerCase();
       return n.filter((I) => I.name.toLowerCase().includes(_)).slice(0, 8);
-    }, [n, p]), C = Te(h.length > 0, v, { gap: 4 }), k = de(() => {
+    }, [n, p]), C = Me(h.length > 0, v, { gap: 4 }), k = de(() => {
       if (!i.current) return;
-      const { text: _, mentions: I, html: O } = Dn(i.current);
+      const { text: _, mentions: I, html: O } = _n(i.current);
       r(_, I, O);
     }, [r]), P = de(() => {
       m(null), g(null), w(0);
@@ -5509,7 +5517,7 @@ const $n = be(
             U.appendChild(document.createTextNode(W)), y < te.length - 1 && U.appendChild(document.createElement("br"));
           }), H.insertNode(U), H.collapse(!1), O.removeAllRanges(), O.addRange(H);
         } else
-          I.innerHTML += _n(_);
+          I.innerHTML += $n(_);
         k();
       },
       clear: () => {
@@ -5631,8 +5639,8 @@ const $n = be(
     ] });
   }
 );
-$n.displayName = "MentionComposer";
-const Ne = (...t) => t.filter(Boolean).join(" "), Ln = (t) => /* @__PURE__ */ e(Oe, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), In = (t) => /* @__PURE__ */ e(Ie, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), On = {
+Ln.displayName = "MentionComposer";
+const Ne = (...t) => t.filter(Boolean).join(" "), In = (t) => /* @__PURE__ */ e(Oe, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), On = (t) => /* @__PURE__ */ e(Ie, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Pn = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
@@ -5642,14 +5650,14 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Ln = (t) => /* @__PURE__ */ e(
   md: "h-5 w-5",
   lg: "h-6 w-6",
   full: "h-6 w-6"
-}, Pn = be(
+}, jn = be(
   ({
     label: t,
     helperText: r,
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: l = /* @__PURE__ */ e(Ln, {}),
+    startIcon: l = /* @__PURE__ */ e(In, {}),
     loading: o = !1,
     containerClassName: u,
     labelClassName: i,
@@ -5746,7 +5754,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Ln = (t) => /* @__PURE__ */ e(
                   "placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   // Size styles
-                  On[s],
+                  Pn[s],
                   // Icon padding
                   l ? "pl-10" : "",
                   "pr-10",
@@ -5764,7 +5772,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Ln = (t) => /* @__PURE__ */ e(
             ) : (
               // Dropdown Chevron
               /* @__PURE__ */ e(
-                In,
+                On,
                 {
                   className: Ne(
                     "text-text-muted cursor-pointer transition-transform",
@@ -5798,8 +5806,8 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Ln = (t) => /* @__PURE__ */ e(
     );
   }
 );
-Pn.displayName = "SearchableTextField";
-const jn = be(
+jn.displayName = "SearchableTextField";
+const Rn = be(
   ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...l }, o) => {
     const u = /* @__PURE__ */ e(
       "span",
@@ -5852,25 +5860,25 @@ const jn = be(
     );
   }
 );
-jn.displayName = "Switch";
-const Rn = [
+Rn.displayName = "Switch";
+const Fn = [
   { upTo: 1, cols: "grid-cols-1" },
   { upTo: 2, cols: "grid-cols-1 @[22rem]:grid-cols-2" },
   { upTo: 4, cols: "grid-cols-1 @[18rem]:grid-cols-2" },
   { upTo: 9, cols: "grid-cols-2 @[26rem]:grid-cols-3" }
-], Fn = "grid-cols-2 @[26rem]:grid-cols-3 @[40rem]:grid-cols-4";
-function Bn(t) {
-  return Rn.find((r) => t <= r.upTo)?.cols ?? Fn;
+], Bn = "grid-cols-2 @[26rem]:grid-cols-3 @[40rem]:grid-cols-4";
+function Hn(t) {
+  return Fn.find((r) => t <= r.upTo)?.cols ?? Bn;
 }
-function Hn(t, r) {
+function qn(t, r) {
   const n = r ?? t;
   if (t <= n) return { shown: t, hidden: 0 };
   const s = Math.max(0, n - 1);
   return { shown: s, hidden: t - s };
 }
-function aa({ tiles: t, pinned: r, maxStrip: n, className: s }) {
+function la({ tiles: t, pinned: r, maxStrip: n, className: s }) {
   if (r) {
-    const { shown: a, hidden: l } = Hn(t.length, n), o = t.slice(0, a);
+    const { shown: a, hidden: l } = qn(t.length, n), o = t.slice(0, a);
     return /* @__PURE__ */ c("div", { className: d("@container flex h-full min-h-0 flex-col gap-2", s), children: [
       /* @__PURE__ */ e("div", { className: "min-h-0 flex-1", children: r }),
       t.length > 0 && // Fixed height as a share of the pane, with a floor so the strip
@@ -5889,14 +5897,14 @@ function aa({ tiles: t, pinned: r, maxStrip: n, className: s }) {
     {
       className: d(
         "@container grid h-full min-h-0 auto-rows-fr gap-2",
-        Bn(t.length),
+        Hn(t.length),
         s
       ),
       children: t.map((a, l) => /* @__PURE__ */ e("div", { className: "min-h-0 min-w-0", children: a }, l))
     }
   );
 }
-function la({
+function oa({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -5932,7 +5940,7 @@ function la({
     }
   );
 }
-function oa({
+function ca({
   attach: t,
   active: r = !0,
   mirrored: n = !1,
@@ -5957,7 +5965,7 @@ function oa({
     }
   );
 }
-const qn = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), bt = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
+const Un = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), bt = ({ 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: [
@@ -6064,7 +6072,7 @@ const qn = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), bt
       ]
     }
   ) });
-}, ca = ({
+}, ia = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
@@ -6072,7 +6080,7 @@ const qn = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), bt
   loading: a = !1
 }) => a ? /* @__PURE__ */ c("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
   s && /* @__PURE__ */ e("div", { className: "pb-4", children: s }),
-  /* @__PURE__ */ e(qn, {})
+  /* @__PURE__ */ e(Un, {})
 ] }) : /* @__PURE__ */ c("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
   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(
@@ -6087,7 +6095,7 @@ const qn = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), bt
     )
   ) })
 ] });
-function ia({
+function da({
   open: t,
   title: r,
   description: n,
@@ -6121,7 +6129,7 @@ function ia({
     }
   );
 }
-const Un = {
+const Vn = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -6129,7 +6137,7 @@ const Un = {
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, Vn = {
+}, Kn = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -6137,7 +6145,7 @@ const Un = {
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, Kn = {
+}, Wn = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -6153,26 +6161,26 @@ const Un = {
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, Wn = {
+}, Gn = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Gn = {
+}, Jn = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, Jn = {
+}, Yn = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Yn = {
+}, Xn = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -6199,13 +6207,13 @@ const Un = {
     {
       ref: m,
       className: d(
-        t && Un[t],
-        r && Vn[r],
-        n && Kn[n],
-        s && Wn[s],
-        a && Gn[a],
-        l && Jn[l],
-        o && Yn[o],
+        t && Vn[t],
+        r && Kn[r],
+        n && Wn[n],
+        s && Gn[s],
+        a && Jn[a],
+        l && Yn[l],
+        o && Xn[o],
         u
       ),
       ...p,
@@ -6214,10 +6222,10 @@ const Un = {
   )
 );
 pt.displayName = "Box";
-const da = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(pt, { background: "module", radius: "lg", shadow: "none", border: "sm", borderColor: "neutral", ...n, children: [
+const ua = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(pt, { background: "module", radius: "lg", shadow: "none", border: "sm", borderColor: "neutral", ...n, children: [
   r && /* @__PURE__ */ e("span", { className: "mb-2 block text-sm font-semibold text-text", children: r }),
   t
-] }), Xn = {
+] }), Zn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -6226,13 +6234,13 @@ const da = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(pt, { backgrou
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, Zn = {
+}, Qn = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, Qn = {
+}, es = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -6242,11 +6250,11 @@ const da = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(pt, { backgrou
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, es = {
+}, ts = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, ua = ({
+}, ma = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -6259,16 +6267,16 @@ const da = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(pt, { backgrou
 }) => {
   const p = `h${t}`, m = d(
     "font-sans text-pretty",
-    Xn[r || ts(t)],
-    Zn[n],
-    Qn[s],
-    es[a],
+    Zn[r || rs(t)],
+    Qn[n],
+    es[s],
+    ts[a],
     l && "truncate",
     o
   );
   return /* @__PURE__ */ e(p, { className: m, ...i, children: u });
 };
-function ts(t) {
+function rs(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -6279,110 +6287,110 @@ function ts(t) {
   }[t] || "md";
 }
 const tt = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
-function ma(t) {
+function fa(t) {
   let r = 0;
   for (let n = 0; n < t.length; n++) r = r * 31 + t.charCodeAt(n) >>> 0;
   return tt[r % tt.length];
 }
 export {
-  ys as ActivityAvatar,
-  Ns as ActivityGlyph,
-  ps as ActivityRow,
-  hs as ArtifactView,
-  xs as AssistantCard,
+  Ns as ActivityAvatar,
+  ws as ActivityGlyph,
+  vs as ActivityRow,
+  xs as ArtifactView,
+  gs as AssistantCard,
   it as Avatar,
-  bs as AvatarStack,
-  Qr as Badge,
+  ps as AvatarStack,
+  en as Badge,
   pt as Box,
   ae as Button,
-  us as ButtonGroup,
-  da as Card,
-  Cs as ChannelBadge,
+  ms as ButtonGroup,
+  ua as Card,
+  Ss as ChannelBadge,
   we as Checkbox,
-  fs as CommandPalette,
-  ia as ConfirmDialog,
+  hs as CommandPalette,
+  da as ConfirmDialog,
   Ve as ContentLoading,
   He as DatePicker,
-  Ur as Dropdown,
-  Ys as EmptyState,
-  Gs as ErrorBoundary,
-  Js as FederatedResource,
+  Vr as Dropdown,
+  Xs as EmptyState,
+  Js as ErrorBoundary,
+  Ys as FederatedResource,
   sr as FilterChip,
-  yn as FolderSelect,
-  na as Form,
-  Mn as FormSection,
-  ua as Heading,
-  vr as IDENTITY_TONE_COUNT,
+  Nn as FolderSelect,
+  sa as Form,
+  zn as FormSection,
+  ma as Heading,
+  yr as IDENTITY_TONE_COUNT,
   Z as Icon,
-  Ss as Image,
-  sa as ImageField,
-  Xs as Kbd,
-  Es as KpiCard,
-  ms as Link,
-  Ms as List,
-  Ts as ListBulkAction,
-  aa as MeetingGrid,
-  $n as MentionComposer,
-  zs as MessageBubble,
-  Ds as MetaSeparator,
-  As as MetaValue,
+  Es as Image,
+  aa as ImageField,
+  Zs as Kbd,
+  Ts as KpiCard,
+  fs as Link,
+  zs as List,
+  Ms as ListBulkAction,
+  la as MeetingGrid,
+  Ln as MentionComposer,
+  As as MessageBubble,
+  _s as MetaSeparator,
+  Ds as MetaValue,
   xt as Modal,
-  _s as Page,
-  Or as PageHeader,
-  $s as PageToolbar,
+  $s as Page,
+  Pr as PageHeader,
+  Ls as PageToolbar,
   ke as PageToolbarActions,
-  la as ParticipantTile,
+  oa as ParticipantTile,
   st as Popover,
-  Zs as ProgressBar,
-  Me as RichText,
-  ws as RowCard,
+  Qs as ProgressBar,
+  ze as RichText,
+  ks as RowCard,
   ut as SearchField,
-  Pn as SearchableTextField,
-  Ls as SectionCaption,
-  Is as SectionDivider,
+  jn as SearchableTextField,
+  Is as SectionCaption,
+  Os as SectionDivider,
   ir as SegmentedToggle,
-  $e as Select,
-  Os as SettingsFrameProvider,
-  js as SettingsPage,
-  Rs as SettingsRow,
-  Fs as SettingsSection,
-  ca as SidebarMenu,
-  Bs as SourceChip,
-  Qs as Spinner,
+  Le as Select,
+  Ps as SettingsFrameProvider,
+  Rs as SettingsPage,
+  Fs as SettingsRow,
+  Bs as SettingsSection,
+  ia as SidebarMenu,
+  Hs as SourceChip,
+  ea as Spinner,
   at as SplitButton,
-  ea as StatusDot,
-  ta as StepIndicator,
-  Cn as StorageInput,
-  jn as Switch,
-  ra as TabBar,
+  ta as StatusDot,
+  ra as StepIndicator,
+  Sn as StorageInput,
+  Rn as Switch,
+  na as TabBar,
   Ze as Table,
-  wn as Tabs,
+  kn as Tabs,
   me as Text,
   qe as TextArea,
   Ce as TextField,
-  ks as TimelineEvent,
-  oa as VideoSurface,
-  Ws as View,
+  Cs as TimelineEvent,
+  ca as VideoSurface,
+  Gs as View,
   Qe as autofillProps,
-  en as badgeColumn,
-  Vs as booleanBadgeColumn,
-  vs as cardActionClass,
-  ma as catTone,
+  tn as badgeColumn,
+  Ks as booleanBadgeColumn,
+  ys as cardActionClass,
+  fa as catTone,
   d as cn,
-  ds as createSizes,
-  is as createVariants,
-  Hs as dateFilterHandler,
-  gs as identityDotClass,
+  us as createSizes,
+  ds as createVariants,
+  qs as dateFilterHandler,
+  bs as identityDotClass,
   ct as identityPlateClass,
   ot as identityTone,
-  Ks as labelsColumn,
-  Us as multiSelectFilterHandler,
-  bn as normalizeText,
+  Ws as labelsColumn,
+  Vs as multiSelectFilterHandler,
+  pn as normalizeText,
   Zt as resolveLucideIcon,
-  qs as selectFilterHandler,
-  De as text,
-  Te as useAnchoredPosition,
-  Rr as useSettingsFrame,
-  Ps as useSettingsFrameHost
+  Us as selectFilterHandler,
+  _e as text,
+  Me as useAnchoredPosition,
+  Fr as useSettingsFrame,
+  js as useSettingsFrameHost
 };
 //# sourceMappingURL=index.js.map