@opencxh/ui-kit 3.111.0 → 3.111.2

package/dist/index.js

@@ -1,7 +1,7 @@
 import { clsx as qe } from "clsx";
 import { jsxs as i, jsx as e, Fragment as fe } from "react/jsx-runtime";
 import { VideoOff as We, User as Ke, MicOff as _e, Mic as Ge, X as ve, ChevronDown as be, ExternalLink as Je, Calendar as Ye, ChevronLeft as Pe, ChevronRight as ye, ChevronDownIcon as Xe, Loader2 as Ze, Search as Ne, Check as Me, ChevronUp as Qe, ChevronsLeft as et, ChevronsRight as tt, FileText as we, HardDrive as $e, ArrowLeft as ze, FolderPlus as rt, Upload as nt, Folder as De, Trash2 as st, Plus as at, Sparkles as lt, ImageOff as ot, Pencil as ct, ArrowUpRight as it } from "lucide-react";
-import le, { useRef as se, useEffect as J, forwardRef as de, useState as R, useLayoutEffect as dt, useMemo as me, useCallback as ce, createContext as ut, Component as mt } from "react";
+import le, { useRef as se, useEffect as Y, forwardRef as de, useState as R, useLayoutEffect as dt, useMemo as me, useCallback as ce, createContext as ut, Component as mt } from "react";
 function d(...t) {
   return qe(t);
 }
@@ -51,7 +51,7 @@ function Kr({
 }
 function _r({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
   const a = se(null);
-  return J(() => {
+  return Y(() => {
     if (!r || !a.current) return;
     const l = t(a.current);
     return () => {
@@ -96,7 +96,7 @@ const ft = {
   xl: "h-control-xl w-10",
   "2xl": "h-control-2xl w-12",
   full: "h-control-md w-8"
-}, re = de(
+}, ee = de(
   ({
     variant: t = "primary",
     size: r = "md",
@@ -118,7 +118,7 @@ const ft = {
         ref: x,
         type: "button",
         className: d(
-          "inline-flex shrink-0 items-center justify-center gap-2 font-semibold",
+          "inline-flex shrink-0 items-center justify-center gap-2 cursor-pointer font-semibold",
           f === "circle" ? "rounded-full" : "rounded-md",
           "transition-colors duration-fast ease-out",
           "focus-visible:outline-none focus-visible:focus-ring",
@@ -150,7 +150,7 @@ const ft = {
     );
   }
 );
-re.displayName = "Button";
+ee.displayName = "Button";
 const Gr = ({
   children: t,
   size: r = "md",
@@ -191,7 +191,7 @@ const Gr = ({
   info: "text-info-fg",
   neutral: "text-text-subtle",
   current: "text-current"
-}, X = ({
+}, J = ({
   icon: t,
   size: r = "md",
   color: n = "current",
@@ -266,7 +266,7 @@ function Jr({
   ), y = /* @__PURE__ */ i(fe, { children: [
     r,
     t,
-    c && /* @__PURE__ */ e(X, { icon: be, size: "xs" })
+    c && /* @__PURE__ */ e(J, { icon: be, size: "xs" })
   ] }), g = d(
     "inline-flex items-center gap-1.5 pl-3",
     v,
@@ -282,7 +282,7 @@ function Jr({
         "aria-label": p,
         onClick: f,
         className: d("inline-flex h-full items-center pr-3 focus-visible:outline-none focus-visible:focus-ring", v),
-        children: /* @__PURE__ */ e(X, { icon: ve, size: "xs" })
+        children: /* @__PURE__ */ e(J, { icon: ve, size: "xs" })
       }
     )
   ] }) : /* @__PURE__ */ e("button", { type: "button", title: h, onClick: N, className: d(C, g), children: y });
@@ -400,7 +400,7 @@ const kt = ({
   triggerLabel: l
 }) => {
   const [c, f] = R(!1), [p, N] = R({}), h = se(null), m = se(null);
-  J(() => {
+  Y(() => {
     if (!c) return;
     const C = (g) => {
       h.current && !h.current.contains(g.target) && f(!1);
@@ -472,7 +472,7 @@ function je({
   const h = c || f, m = l.length > 0;
   return /* @__PURE__ */ i("div", { className: "inline-flex items-center gap-px", children: [
     /* @__PURE__ */ e(
-      re,
+      ee,
       {
         variant: n,
         size: s,
@@ -623,7 +623,7 @@ function Ee(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start
     };
   }, [t, r, n, s, a]), l;
 }
-const $t = () => /* @__PURE__ */ e(X, { icon: Ye, size: "md", color: "current" }), Dt = () => /* @__PURE__ */ e(X, { icon: Pe, size: "md", color: "current" }), Tt = () => /* @__PURE__ */ e(X, { icon: ye, size: "md", color: "current" }), Ce = de(({
+const $t = () => /* @__PURE__ */ e(J, { icon: Ye, size: "md", color: "current" }), Dt = () => /* @__PURE__ */ e(J, { icon: Pe, size: "md", color: "current" }), Tt = () => /* @__PURE__ */ e(J, { icon: ye, size: "md", color: "current" }), Ce = de(({
   value: t,
   onChange: r,
   placeholder: n = "Select date",
@@ -637,7 +637,7 @@ const $t = () => /* @__PURE__ */ e(X, { icon: Ye, size: "md", color: "current" }
   withTime: h = !1
 }, m) => {
   const [x, v] = R(!1), [C, y] = R(() => t || /* @__PURE__ */ new Date()), g = se(null), A = Ee(x, g);
-  J(() => {
+  Y(() => {
     const b = (u) => {
       g.current && !g.current.contains(u.target) && v(!1);
     };
@@ -676,7 +676,7 @@ const $t = () => /* @__PURE__ */ e(X, { icon: Ye, size: "md", color: "current" }
     y(new Date(C.getFullYear(), C.getMonth() + 1, 1));
   }, H = () => {
     r?.(null), v(!1);
-  }, Y = d(
+  }, X = d(
     "w-full border border-border rounded-md transition-colors duration-fast",
     "bg-surface text-text",
     "placeholder:text-text-muted",
@@ -716,7 +716,7 @@ const $t = () => /* @__PURE__ */ e(X, { icon: Ye, size: "md", color: "current" }
           required: a,
           readOnly: !0,
           onClick: () => !s && v(!x),
-          className: d(Y, "pr-10 cursor-pointer")
+          className: d(X, "pr-10 cursor-pointer")
         }
       ),
       /* @__PURE__ */ e(
@@ -835,7 +835,7 @@ const $t = () => /* @__PURE__ */ e(X, { icon: Ye, size: "md", color: "current" }
     onCreateOption: g,
     ...A
   }, $) => {
-    const _ = h || `select-${Math.random().toString(36).substr(2, 9)}`, M = !!n, [U, V] = le.useState(!1), [I, W] = le.useState(""), H = le.useRef(null), Y = le.useRef(null), Z = Ee(U, Y, { matchWidth: !0 }), [Q, b] = le.useState(l);
+    const _ = h || `select-${Math.random().toString(36).substr(2, 9)}`, M = !!n, [U, V] = le.useState(!1), [I, W] = le.useState(""), H = le.useRef(null), X = le.useRef(null), Z = Ee(U, X, { matchWidth: !0 }), [Q, b] = le.useState(l);
     le.useImperativeHandle($, () => H.current), le.useEffect(() => {
       const S = (T) => {
         H.current && !H.current.contains(T.target) && V(!1);
@@ -875,7 +875,7 @@ const $t = () => /* @__PURE__ */ e(X, { icon: Ye, size: "md", color: "current" }
       (S) => Array.isArray(v) && v.includes(S.value)
     ) : [], ae = m && I ? Q.filter(
       (S) => S.label.toLowerCase().includes(I.toLowerCase())
-    ) : Q, ne = !!y && !!m && !!I.trim() && !u(Q, I), ee = (S) => {
+    ) : Q, ne = !!y && !!m && !!I.trim() && !u(Q, I), te = (S) => {
       const T = S.trim();
       if (!T) return;
       const L = g?.(T) ?? {
@@ -916,7 +916,7 @@ const $t = () => /* @__PURE__ */ e(X, { icon: Ye, size: "md", color: "current" }
             /* @__PURE__ */ i(
               "button",
               {
-                ref: Y,
+                ref: X,
                 type: "button",
                 id: _,
                 onClick: () => V(!U),
@@ -953,7 +953,7 @@ const $t = () => /* @__PURE__ */ e(X, { icon: Ye, size: "md", color: "current" }
                   value: I,
                   onChange: (S) => W(S.target.value),
                   onKeyDown: (S) => {
-                    S.key === "Enter" && ne && (S.preventDefault(), ee(I));
+                    S.key === "Enter" && ne && (S.preventDefault(), te(I));
                   },
                   className: d(
                     "w-full px-3 py-2 text-sm rounded-md border",
@@ -968,7 +968,7 @@ const $t = () => /* @__PURE__ */ e(X, { icon: Ye, size: "md", color: "current" }
                     "cursor-pointer px-3 py-1.5 text-sm",
                     "text-info-fg hover:bg-surface-hover"
                   ),
-                  onClick: () => ee(I),
+                  onClick: () => te(I),
                   children: [
                     "+: “",
                     I.trim(),
@@ -1124,7 +1124,7 @@ function It({
   showTemplate: f = !0
 }) {
   const [p, N] = R([]);
-  J(() => {
+  Y(() => {
     let m = !0;
     return Promise.resolve(n?.()).then((x) => {
       m && x && N(x.data ?? []);
@@ -1190,8 +1190,8 @@ const ue = (...t) => t.filter(Boolean).join(" "), Pt = (t) => /* @__PURE__ */ e(
     onChange: A,
     ...$
   }, _) => {
-    const M = h || `searchfield-${Math.random().toString(36).substr(2, 9)}`, U = !!n, V = se(null), I = se(null), [W, H] = R(g || ""), [Y, Z] = R(!1), [Q, b] = R(!1), [u, E] = R(!1);
-    J(() => {
+    const M = h || `searchfield-${Math.random().toString(36).substr(2, 9)}`, U = !!n, V = se(null), I = se(null), [W, H] = R(g || ""), [X, Z] = R(!1), [Q, b] = R(!1), [u, E] = R(!1);
+    Y(() => {
       g !== void 0 && H(g);
     }, [g]);
     const w = me(() => {
@@ -1201,7 +1201,7 @@ const ue = (...t) => t.filter(Boolean).join(" "), Pt = (t) => /* @__PURE__ */ e(
         (T) => String(T.label).toLowerCase().includes(S)
       );
     }, [W, m, y, u]);
-    J(() => {
+    Y(() => {
       if (!x || !W) {
         b(!1);
         return;
@@ -1219,7 +1219,7 @@ const ue = (...t) => t.filter(Boolean).join(" "), Pt = (t) => /* @__PURE__ */ e(
       return () => {
         clearTimeout(S), b(!1);
       };
-    }, [W, C, x]), J(() => {
+    }, [W, C, x]), Y(() => {
       const S = (T) => {
         V.current && !V.current.contains(T.target) && Z(!1);
       };
@@ -1232,7 +1232,7 @@ const ue = (...t) => t.filter(Boolean).join(" "), Pt = (t) => /* @__PURE__ */ e(
       H(S.label), Z(!1), E(!1), v && v(S.value);
     }, ae = () => {
       (m.length > 0 || x) && (Z(!0), E(!1));
-    }, ne = c || Q, ee = Y && (w.length > 0 || ne), G = me(() => _ || I, [_]);
+    }, ne = c || Q, te = X && (w.length > 0 || ne), G = me(() => _ || I, [_]);
     return /* @__PURE__ */ i(
       "div",
       {
@@ -1301,7 +1301,7 @@ const ue = (...t) => t.filter(Boolean).join(" "), Pt = (t) => /* @__PURE__ */ e(
                   className: ue(
                     "text-text-muted cursor-pointer transition-transform",
                     ke[s],
-                    Y ? "rotate-180" : "rotate-0"
+                    X ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
                     Z((S) => (S || E(!1), !S));
@@ -1310,7 +1310,7 @@ const ue = (...t) => t.filter(Boolean).join(" "), Pt = (t) => /* @__PURE__ */ e(
               )
             ) })
           ] }),
-          ee && /* @__PURE__ */ e(
+          te && /* @__PURE__ */ e(
             "ul",
             {
               className: "absolute z-10 mt-1 w-full bg-surface border border-border rounded-lg shadow-lg max-h-60 overflow-auto top-full",
@@ -1465,7 +1465,7 @@ const Vt = ({
   const [N, h] = R(!1), [m, x] = R(null), [v, C] = R({ top: 0, left: 0 }), y = se(null), g = se(null), A = se(null), $ = se(null), _ = Ee(N, g, { placement: a }), M = se(null), U = () => Array.from(
     $.current?.querySelectorAll("button[data-option-value]:not(:disabled)") ?? []
   );
-  J(() => {
+  Y(() => {
     N && U()[0]?.focus();
   }, [N]);
   const V = (u) => {
@@ -1476,21 +1476,21 @@ const Vt = ({
     const P = w.indexOf(document.activeElement), k = u.key === "Home" ? 0 : u.key === "End" ? w.length - 1 : u.key === "ArrowDown" ? (P + 1) % w.length : (P - 1 + w.length) % w.length;
     w[k]?.focus();
   };
-  J(() => {
+  Y(() => {
     const u = (E) => {
       y.current && (!y.current.contains(E.target) || A.current && !A.current.contains(E.target)) && (h(!1), x(null), M.current && (clearTimeout(M.current), M.current = null));
     };
     return N && document.addEventListener("mousedown", u), () => {
       document.removeEventListener("mousedown", u);
     };
-  }, [N]), J(() => {
+  }, [N]), Y(() => {
     const u = (E) => {
       E.key === "Escape" && (h(!1), x(null), g.current?.focus(), M.current && (clearTimeout(M.current), M.current = null));
     };
     return N && document.addEventListener("keydown", u), () => {
       document.removeEventListener("keydown", u);
     };
-  }, [N]), J(() => {
+  }, [N]), Y(() => {
     if (m && y.current) {
       const u = y.current.querySelector(
         `[data-option-value="${m}"]`
@@ -1503,7 +1503,7 @@ const Vt = ({
         });
       }
     }
-  }, [m]), J(() => () => {
+  }, [m]), Y(() => () => {
     M.current && clearTimeout(M.current);
   }, []);
   const I = (u) => {
@@ -1512,7 +1512,7 @@ const Vt = ({
     u.stopPropagation(), !E.disabled && !E.divider && (!E.children || E.children.length === 0) && (s?.(E.value, w), h(!1), x(null));
   }, H = (u) => {
     M.current && (clearTimeout(M.current), M.current = null), u.children && u.children.length > 0 ? x(u.value) : x(null);
-  }, Y = (u) => {
+  }, X = (u) => {
     u.children && u.children.length > 0 ? M.current = setTimeout(() => {
       x(null);
     }, 150) : x(null);
@@ -1569,7 +1569,7 @@ const Vt = ({
                   "aria-haspopup": w ? "menu" : void 0,
                   onClick: (k) => W(k, u),
                   onMouseEnter: () => H(u),
-                  onMouseLeave: () => Y(u),
+                  onMouseLeave: () => X(u),
                   disabled: u.disabled,
                   className: d(
                     "flex w-full items-center justify-between rounded-md px-3 py-1.5 text-sm text-text transition-colors duration-fast ease-out hover:bg-surface-hover focus-visible:outline-none focus-visible:focus-ring",
@@ -1625,8 +1625,8 @@ const Vt = ({
                     return /* @__PURE__ */ i(
                       "button",
                       {
-                        onClick: (ee) => Z(
-                          ee,
+                        onClick: (te) => Z(
+                          te,
                           k,
                           u.value
                         ),
@@ -1670,7 +1670,7 @@ const Vt = ({
       ]
     }
   );
-}, Ht = () => /* @__PURE__ */ e(X, { icon: Ne, size: "md", color: "current" }), Ut = ({ active: t }) => /* @__PURE__ */ e(X, { icon: Qe, size: "sm", className: t ? "text-text" : "text-text-subtle" }), qt = ({ active: t }) => /* @__PURE__ */ e(X, { icon: be, size: "sm", className: t ? "text-text" : "text-text-subtle" }), Wt = () => /* @__PURE__ */ e(X, { icon: Pe, size: "md", color: "current" }), Kt = () => /* @__PURE__ */ e(X, { icon: ye, size: "md", color: "current" }), _t = () => /* @__PURE__ */ e(X, { icon: et, size: "md", color: "current" }), Gt = () => /* @__PURE__ */ e(X, { icon: tt, size: "md", color: "current" }), Be = () => /* @__PURE__ */ e(X, { icon: be, size: "md", color: "current" }), Jt = (t) => {
+}, Ht = () => /* @__PURE__ */ e(J, { icon: Ne, size: "md", color: "current" }), Ut = ({ active: t }) => /* @__PURE__ */ e(J, { icon: Qe, size: "sm", className: t ? "text-text" : "text-text-subtle" }), qt = ({ active: t }) => /* @__PURE__ */ e(J, { icon: be, size: "sm", className: t ? "text-text" : "text-text-subtle" }), Wt = () => /* @__PURE__ */ e(J, { icon: Pe, size: "md", color: "current" }), Kt = () => /* @__PURE__ */ e(J, { icon: ye, size: "md", color: "current" }), _t = () => /* @__PURE__ */ e(J, { icon: et, size: "md", color: "current" }), Gt = () => /* @__PURE__ */ e(J, { icon: tt, size: "md", color: "current" }), Be = () => /* @__PURE__ */ e(J, { icon: be, size: "md", color: "current" }), Jt = (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);
   };
@@ -1743,7 +1743,7 @@ const Vt = ({
   const [U, V] = R(""), [I, W] = R({
     column: null,
     direction: null
-  }), [H, Y] = R({
+  }), [H, X] = R({
     page: 0,
     pageSize: p
   }), Z = se(null), Q = me(() => {
@@ -1753,13 +1753,13 @@ const Vt = ({
         (F) => F.searchable !== !1
       ), B = U.toLowerCase();
       o = o.filter((F) => z.some((O) => {
-        const te = typeof O.accessor == "function" ? O.accessor(F) : F[O.accessor];
-        return String(te || "").toLowerCase().includes(B);
+        const re = typeof O.accessor == "function" ? O.accessor(F) : F[O.accessor];
+        return String(re || "").toLowerCase().includes(B);
       }));
     }
     return l.forEach((z) => {
       z.value && z.value !== "all" && (o = o.filter((B) => {
-        const F = r.find((te) => te.id === z.id);
+        const F = r.find((re) => re.id === z.id);
         if (!F) return !0;
         const O = typeof F.accessor == "function" ? F.accessor(B) : B[F.accessor];
         return String(O || "") === z.value;
@@ -1770,8 +1770,8 @@ const Vt = ({
     const o = r.find((z) => z.id === I.column);
     return o ? [...Q].sort((z, B) => {
       const F = typeof o.accessor == "function" ? o.accessor(z) : z[o.accessor], O = typeof o.accessor == "function" ? o.accessor(B) : B[o.accessor];
-      let te = 0;
-      return F < O ? te = -1 : F > O && (te = 1), I.direction === "desc" ? -te : te;
+      let re = 0;
+      return F < O ? re = -1 : F > O && (re = 1), I.direction === "desc" ? -re : re;
     }) : Q;
   }, [Q, I, r]), u = me(() => {
     if (!c) return b;
@@ -1783,9 +1783,9 @@ const Vt = ({
     },
     [r]
   ), w = ce((o) => {
-    Y((z) => ({ ...z, page: o }));
+    X((z) => ({ ...z, page: o }));
   }, []), P = ce((o) => {
-    Y({ page: 0, pageSize: o });
+    X({ page: 0, pageSize: o });
   }, []), k = ce(
     (o, z) => {
       if (!v) return;
@@ -1801,12 +1801,12 @@ const Vt = ({
     },
     [u, v]
   );
-  J(() => {
-    Y((o) => ({ ...o, page: 0 }));
-  }, [U, I]), J(() => {
-    Y((o) => ({ ...o, page: 0 }));
+  Y(() => {
+    X((o) => ({ ...o, page: 0 }));
+  }, [U, I]), Y(() => {
+    X((o) => ({ ...o, page: 0 }));
   }, [l.map((o) => o.value).join(",")]);
-  const ne = b.length, ee = Math.ceil(ne / H.pageSize), G = H.page * H.pageSize + 1, S = Math.min(G + H.pageSize - 1, ne), T = u.length > 0 && u.every((o) => {
+  const ne = b.length, te = Math.ceil(ne / H.pageSize), G = H.page * H.pageSize + 1, S = Math.min(G + H.pageSize - 1, ne), T = u.length > 0 && u.every((o) => {
     const z = C(o, 0);
     return x.some(
       (B, F) => C(B, F) === z
@@ -1923,7 +1923,7 @@ const Vt = ({
           }
         ) }) : u.map((o, z) => {
           const B = C(o, z), F = x.some(
-            (O, te) => C(O, te) === B
+            (O, re) => C(O, re) === B
           );
           return /* @__PURE__ */ i(
             "tr",
@@ -1949,7 +1949,7 @@ const Vt = ({
                   }
                 ) }),
                 r.map((O) => {
-                  const te = typeof O.accessor == "function" ? O.accessor(o) : o[O.accessor];
+                  const re = typeof O.accessor == "function" ? O.accessor(o) : o[O.accessor];
                   return /* @__PURE__ */ e(
                     "td",
                     {
@@ -1960,7 +1960,7 @@ const Vt = ({
                         "sticky left-0 bg-surface": O.sticky === "left",
                         "sticky right-0 bg-surface": O.sticky === "right"
                       }),
-                      children: O.cell ? O.cell(te, o, z) : String(te || "")
+                      children: O.cell ? O.cell(re, o, z) : String(re || "")
                     },
                     O.id
                   );
@@ -1979,10 +1979,10 @@ const Vt = ({
                       disabled: O.disabled?.(o)
                     })),
                     onSelect: (O) => {
-                      const te = N.find(
+                      const re = N.find(
                         (ie) => ie.id === O
                       );
-                      te && te.onClick(o, z);
+                      re && re.onClick(o, z);
                     },
                     placement: "bottom-end"
                   }
@@ -2020,7 +2020,7 @@ const Vt = ({
       ] }),
       /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ e(
-          re,
+          ee,
           {
             size: "sm",
             variant: "ghost",
@@ -2031,7 +2031,7 @@ const Vt = ({
           }
         ),
         /* @__PURE__ */ e(
-          re,
+          ee,
           {
             size: "sm",
             variant: "ghost",
@@ -2045,26 +2045,26 @@ const Vt = ({
           "Page ",
           H.page + 1,
           " of ",
-          ee
+          te
         ] }),
         /* @__PURE__ */ e(
-          re,
+          ee,
           {
             size: "sm",
             variant: "ghost",
             onClick: () => w(H.page + 1),
-            disabled: H.page >= ee - 1,
+            disabled: H.page >= te - 1,
             iconOnly: !0,
             children: /* @__PURE__ */ e(Kt, {})
           }
         ),
         /* @__PURE__ */ e(
-          re,
+          ee,
           {
             size: "sm",
             variant: "ghost",
-            onClick: () => w(ee - 1),
-            disabled: H.page >= ee - 1,
+            onClick: () => w(te - 1),
+            disabled: H.page >= te - 1,
             iconOnly: !0,
             children: /* @__PURE__ */ e(Gt, {})
           }
@@ -2204,13 +2204,13 @@ function Fe({
   showCloseButton: h = !0
 }) {
   const m = se(null), x = se(null);
-  J(() => {
+  Y(() => {
     if (!t || !l) return;
     const C = (y) => {
       y.key === "Escape" && r();
     };
     return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
-  }, [t, l, r]), J(() => (t ? (x.current = document.activeElement, m.current && m.current.focus(), document.body.style.overflow = "hidden") : (x.current && x.current.focus(), document.body.style.overflow = ""), () => {
+  }, [t, l, r]), Y(() => (t ? (x.current = document.activeElement, m.current && m.current.focus(), document.body.style.overflow = "hidden") : (x.current && x.current.focus(), document.body.style.overflow = ""), () => {
     document.body.style.overflow = "";
   }), [t]);
   const v = (C) => {
@@ -2257,7 +2257,7 @@ function Fe({
                   onClick: r,
                   className: "p-1 text-text-muted hover:text-text transition-colors",
                   "aria-label": "Close modal",
-                  children: /* @__PURE__ */ e(X, { icon: ve, size: "lg", color: "current" })
+                  children: /* @__PURE__ */ e(J, { icon: ve, size: "lg", color: "current" })
                 }
               )
             ] }),
@@ -2359,12 +2359,12 @@ const ar = ({
   onDownloadFile: h,
   onRegisterFile: m
 }) => {
-  const [x, v] = R(!1), [C, y] = R([]), [g, A] = R(null), [$, _] = R("/"), [M, U] = R([]), [V, I] = R(!1), [W, H] = R(""), [Y, Z] = R(
+  const [x, v] = R(!1), [C, y] = R([]), [g, A] = R(null), [$, _] = R("/"), [M, U] = R([]), [V, I] = R(!1), [W, H] = R(""), [X, Z] = R(
     typeof t == "object" ? t : null
   ), [Q, b] = R(!1), [u, E] = R(""), w = se(null);
-  J(() => {
+  Y(() => {
     x && P();
-  }, [x]), J(() => {
+  }, [x]), Y(() => {
     x && g && k();
   }, [x, g, $, W]);
   const P = async () => {
@@ -2434,7 +2434,7 @@ const ar = ({
         I(!1);
       }
     }
-  }, ee = async () => {
+  }, te = async () => {
     if (!(!u || !g)) {
       I(!0);
       try {
@@ -2474,8 +2474,8 @@ const ar = ({
         B.path === $ && o.add(B.name);
         return;
       }
-      const F = B.providerKey || B.name, te = ($ ? F.substring($.length) : F).split("/").filter((ie) => ie !== "");
-      te.length > 1 ? o.add(te[0]) : te.length === 1 && z.push(B);
+      const F = B.providerKey || B.name, re = ($ ? F.substring($.length) : F).split("/").filter((ie) => ie !== "");
+      re.length > 1 ? o.add(re[0]) : re.length === 1 && z.push(B);
     }), {
       folders: Array.from(o).sort(),
       files: z.sort((B, F) => B.name.localeCompare(F.name))
@@ -2504,7 +2504,7 @@ const ar = ({
       accessor: "name",
       cell: (o, z) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          X,
+          J,
           {
             icon: z.type === "folder" ? De : we,
             size: "sm",
@@ -2530,14 +2530,14 @@ const ar = ({
       accessor: "id",
       align: "right",
       cell: (o, z) => /* @__PURE__ */ e(
-        re,
+        ee,
         {
           size: "sm",
           variant: "outline",
           onClick: (B) => {
             B.stopPropagation(), z.type === "folder" ? L(z.name) : G(z);
           },
-          loading: V && z.type === "file" && Y?.id === z.id,
+          loading: V && z.type === "file" && X?.id === z.id,
           children: z.type === "folder" ? "Open" : "Select"
         }
       )
@@ -2548,7 +2548,7 @@ const ar = ({
       header: "Mount Name",
       accessor: "name",
       cell: (o) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2 font-medium", children: [
-        /* @__PURE__ */ e(X, { icon: $e, size: "sm", color: "primary" }),
+        /* @__PURE__ */ e(J, { icon: $e, size: "sm", color: "primary" }),
         /* @__PURE__ */ e("span", { children: o })
       ] })
     },
@@ -2557,7 +2557,7 @@ const ar = ({
       header: "",
       accessor: "id",
       align: "right",
-      cell: (o, z) => /* @__PURE__ */ e(re, { size: "sm", variant: "outline", onClick: () => A(z), children: "Open" })
+      cell: (o, z) => /* @__PURE__ */ e(ee, { size: "sm", variant: "outline", onClick: () => A(z), children: "Open" })
     }
   ];
   return /* @__PURE__ */ i("div", { className: "space-y-1", children: [
@@ -2573,14 +2573,14 @@ const ar = ({
           l && "opacity-50 cursor-not-allowed bg-surface-sunk"
         ),
         children: [
-          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(X, { icon: Y ? we : $e, color: Y ? "primary" : "secondary" }) }),
-          /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: Y ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: Y.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
-          Y && !l && /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(J, { icon: X ? we : $e, color: X ? "primary" : "secondary" }) }),
+          /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: X ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: X.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
+          X && !l && /* @__PURE__ */ e(
             "button",
             {
               onClick: S,
               className: "p-1 hover:bg-surface-hover rounded",
-              children: /* @__PURE__ */ e(X, { icon: ve, size: "xs" })
+              children: /* @__PURE__ */ e(J, { icon: ve, size: "xs" })
             }
           )
         ]
@@ -2607,14 +2607,14 @@ const ar = ({
                 content: /* @__PURE__ */ e("div", { className: "space-y-4", children: g ? /* @__PURE__ */ i(fe, { children: [
                   /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
                     /* @__PURE__ */ e(
-                      re,
+                      ee,
                       {
                         variant: "ghost",
                         size: "sm",
                         onClick: () => {
                           $ && $ !== "/" ? D() : A(null);
                         },
-                        leftIcon: /* @__PURE__ */ e(X, { icon: ze, size: "xs" }),
+                        leftIcon: /* @__PURE__ */ e(J, { icon: ze, size: "xs" }),
                         children: $ ? "Back" : "Back to Mounts"
                       }
                     ),
@@ -2632,22 +2632,22 @@ const ar = ({
                     ) }),
                     /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
                       /* @__PURE__ */ e(
-                        re,
+                        ee,
                         {
                           variant: "outline",
                           size: "sm",
                           onClick: () => b(!0),
-                          leftIcon: /* @__PURE__ */ e(X, { icon: rt, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(J, { icon: rt, size: "xs" }),
                           children: "New Folder"
                         }
                       ),
                       /* @__PURE__ */ e(
-                        re,
+                        ee,
                         {
                           variant: "primary",
                           size: "sm",
                           onClick: () => w.current?.click(),
-                          leftIcon: /* @__PURE__ */ e(X, { icon: nt, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(J, { icon: nt, size: "xs" }),
                           loading: V,
                           children: "Upload"
                         }
@@ -2665,7 +2665,7 @@ const ar = ({
                     ] })
                   ] }),
                   Q && /* @__PURE__ */ i("div", { className: "flex items-center gap-2 p-3 bg-surface-sunk rounded-lg border border-border", children: [
-                    /* @__PURE__ */ e(X, { icon: De, size: "sm", color: "warning" }),
+                    /* @__PURE__ */ e(J, { icon: De, size: "sm", color: "warning" }),
                     /* @__PURE__ */ e(
                       he,
                       {
@@ -2676,8 +2676,8 @@ const ar = ({
                         autoFocus: !0
                       }
                     ),
-                    /* @__PURE__ */ e(re, { size: "sm", onClick: ee, loading: V, children: "Create" }),
-                    /* @__PURE__ */ e(re, { size: "sm", variant: "ghost", onClick: () => b(!1), children: "Cancel" })
+                    /* @__PURE__ */ e(ee, { size: "sm", onClick: te, loading: V, children: "Create" }),
+                    /* @__PURE__ */ e(ee, { size: "sm", variant: "ghost", onClick: () => b(!1), children: "Cancel" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
                     Te,
@@ -2704,7 +2704,7 @@ const ar = ({
                 id: "local",
                 label: "Local File",
                 content: /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center py-12 border-2 border-dashed border-border rounded-xl bg-surface-sunk/50", children: [
-                  /* @__PURE__ */ e("div", { className: "p-4 bg-accent-soft rounded-full mb-4", children: /* @__PURE__ */ e(X, { icon: we, size: "xl", color: "primary" }) }),
+                  /* @__PURE__ */ e("div", { className: "p-4 bg-accent-soft rounded-full mb-4", children: /* @__PURE__ */ e(J, { icon: we, size: "xl", color: "primary" }) }),
                   /* @__PURE__ */ e(oe, { variant: "label", size: "lg", weight: "semibold", children: "Select a file from your computer" }),
                   /* @__PURE__ */ i(oe, { variant: "body", size: "sm", className: "text-text-muted mt-1 mb-6 text-center max-w-xs", children: [
                     "This file will be used directly in the form and will ",
@@ -2712,7 +2712,7 @@ const ar = ({
                     " be uploaded to platform storage."
                   ] }),
                   /* @__PURE__ */ i("label", { className: "cursor-pointer", children: [
-                    /* @__PURE__ */ e(re, { variant: "primary", size: "lg", loading: V, className: "pointer-events-none", children: "Browse Local File" }),
+                    /* @__PURE__ */ e(ee, { variant: "primary", size: "lg", loading: V, className: "pointer-events-none", children: "Browse Local File" }),
                     /* @__PURE__ */ e(
                       "input",
                       {
@@ -2852,7 +2852,7 @@ const Qr = ({
   sdk: y
 }) => {
   const [g, A] = R(r || {}), [$, _] = R({}), [M, U] = R({});
-  J(() => {
+  Y(() => {
     r && A({ ...r });
   }, [r]);
   const V = ce(
@@ -2870,17 +2870,17 @@ const Qr = ({
           const P = [];
           let k = !1;
           if (u.forEach((ae, ne) => {
-            const ee = {};
+            const te = {};
             for (const G of w.arrayFields) {
               const S = ae?.[G.name];
               if (G.required && (S == null || S === ""))
-                ee[G.name] = `${G.label} is required`, k = !0;
+                te[G.name] = `${G.label} is required`, k = !0;
               else if (G.validator) {
                 const T = G.validator(S, ae);
-                T && (ee[G.name] = T, k = !0);
+                T && (te[G.name] = T, k = !0);
               }
             }
-            P[ne] = ee;
+            P[ne] = te;
           }), k)
             return JSON.stringify(P);
         }
@@ -3090,7 +3090,7 @@ const Qr = ({
             }
           const ne = () => {
             I(b.name, [...k, {}]);
-          }, ee = (S) => {
+          }, te = (S) => {
             I(
               b.name,
               k.filter((T, L) => L !== S)
@@ -3267,14 +3267,14 @@ const Qr = ({
                 );
               }) }),
               /* @__PURE__ */ e(
-                re,
+                ee,
                 {
                   type: "button",
                   iconOnly: !0,
                   variant: "ghost",
                   size: "md",
                   "aria-label": `${b.label} verwijderen`,
-                  onClick: () => ee(T),
+                  onClick: () => te(T),
                   disabled: w,
                   className: d("shrink-0", T === 0 && "mt-5"),
                   children: /* @__PURE__ */ e(st, { className: "size-icon-md" })
@@ -3282,7 +3282,7 @@ const Qr = ({
               )
             ] }, T)),
             /* @__PURE__ */ i(
-              re,
+              ee,
               {
                 type: "button",
                 variant: "secondary",
@@ -3303,7 +3303,7 @@ const Qr = ({
       }
     },
     [g, M, $, x, m, I]
-  ), Y = ce(
+  ), X = ce(
     (b) => {
       if (b.conditional && !b.conditional(g))
         return null;
@@ -3366,11 +3366,11 @@ const Qr = ({
     v
   ), Q = m === "full" ? "md" : m;
   return /* @__PURE__ */ i("form", { ref: C, onSubmit: W, className: Z, children: [
-    /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(Y) }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(X) }),
     /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle bg-surface-sunk px-5 py-3", children: N && /* @__PURE__ */ i(fe, { children: [
       /* @__PURE__ */ e("div", { className: "ml-auto" }),
       s && /* @__PURE__ */ e(
-        re,
+        ee,
         {
           type: "button",
           variant: p.variant ?? "ghost",
@@ -3382,7 +3382,7 @@ const Qr = ({
         }
       ),
       /* @__PURE__ */ e(
-        re,
+        ee,
         {
           type: "submit",
           variant: f.variant,
@@ -3415,9 +3415,9 @@ function en({
       title: r,
       size: "sm",
       footer: /* @__PURE__ */ i("div", { className: "flex w-full items-center justify-end gap-2", children: [
-        /* @__PURE__ */ e(re, { variant: "ghost", onClick: p, disabled: c, children: a }),
+        /* @__PURE__ */ e(ee, { variant: "ghost", onClick: p, disabled: c, children: a }),
         /* @__PURE__ */ e(
-          re,
+          ee,
           {
             variant: l === "danger" ? "destructive" : "primary",
             onClick: f,
@@ -3493,7 +3493,7 @@ function tn({
             onClick: l,
             className: "ml-1.5 flex-shrink-0 hover:opacity-70 transition-opacity",
             "aria-label": "Remove badge",
-            children: /* @__PURE__ */ e(X, { icon: ve, size: "xs", color: "current" })
+            children: /* @__PURE__ */ e(J, { icon: ve, size: "xs", color: "current" })
           }
         )
       ]
@@ -3903,8 +3903,8 @@ const mn = ({
   ), W = d(
     "absolute inset-0 flex items-center justify-center",
     "text-text-muted"
-  ), H = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), Y = /* @__PURE__ */ i("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(X, { icon: ot, size: "lg", className: "mx-auto mb-1" }),
+  ), H = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), X = /* @__PURE__ */ i("div", { className: "text-center", children: [
+    /* @__PURE__ */ e(J, { icon: ot, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
   return /* @__PURE__ */ i("div", { className: V, children: [
@@ -3920,7 +3920,7 @@ const mn = ({
       }
     ),
     C && l && /* @__PURE__ */ e("div", { className: W, children: p || H }),
-    g && c && /* @__PURE__ */ e("div", { className: W, children: N || Y })
+    g && c && /* @__PURE__ */ e("div", { className: W, children: N || X })
   ] });
 };
 function fn({
@@ -3950,7 +3950,7 @@ function fn({
   bordered: I = !1,
   emptyContent: W,
   loading: H = !1,
-  loadingRows: Y = 4,
+  loadingRows: X = 4,
   className: Z,
   "aria-label": Q
 }) {
@@ -3971,13 +3971,13 @@ function fn({
     _ && _(
       q ? [...$, D] : $.filter((j) => j !== D)
     );
-  }, ne = (D) => _?.(D ? [...t] : []), ee = d(
+  }, ne = (D) => _?.(D ? [...t] : []), te = d(
     "flex flex-col",
     I && "overflow-hidden rounded-lg border border-border-subtle",
     Z
   );
   if (H)
-    return /* @__PURE__ */ e("div", { className: ee, children: Array.from({ length: Y }).map((D, q) => /* @__PURE__ */ i(
+    return /* @__PURE__ */ e("div", { className: te, children: Array.from({ length: X }).map((D, q) => /* @__PURE__ */ i(
       "div",
       {
         className: d(
@@ -3994,7 +3994,7 @@ function fn({
       `skeleton-${q}`
     )) });
   if (t.length === 0 && W)
-    return /* @__PURE__ */ e("div", { className: ee, children: W });
+    return /* @__PURE__ */ e("div", { className: te, children: W });
   const G = t.length > 0 && $.length === t.length, S = $.length > 0 && !G, T = (D, q, j) => {
     const K = p?.(D, q) ?? !1, o = N?.(D, q) ?? !1, z = h?.(D, q) ?? !1, B = A && k(D);
     return /* @__PURE__ */ i(
@@ -4056,7 +4056,7 @@ function fn({
       ...q.filter((K) => D.has(K.id)),
       ...[...D.keys()].filter((K) => !q.some((o) => o.id === K)).map((K) => ({ id: K }))
     ].flatMap((K, o) => {
-      const z = D.get(K.id) ?? [], B = y && b[K.id], F = K.title ?? K.id, O = K.count ?? z.length, te = /* @__PURE__ */ e(
+      const z = D.get(K.id) ?? [], B = y && b[K.id], F = K.title ?? K.id, O = K.count ?? z.length, re = /* @__PURE__ */ e(
         "li",
         {
           onClick: y ? () => u((ie) => ({ ...ie, [K.id]: !ie[K.id] })) : void 0,
@@ -4088,15 +4088,15 @@ function fn({
         },
         `group-${K.id}`
       );
-      return B ? [te] : [
-        te,
+      return B ? [re] : [
+        re,
         ...z.map(
           ({ item: ie, index: He }, Ue) => T(ie, He, Ue === 0)
         )
       ];
     });
   })();
-  return /* @__PURE__ */ i("div", { ref: E, className: ee, onKeyDown: c ? w : void 0, children: [
+  return /* @__PURE__ */ i("div", { ref: E, className: te, onKeyDown: c ? w : void 0, children: [
     A && $.length > 0 && /* @__PURE__ */ i("div", { className: "flex items-center gap-3 border-b border-border-subtle bg-surface-sunk px-4 py-2", children: [
       /* @__PURE__ */ e(
         xe,
@@ -4179,9 +4179,9 @@ const bn = ({
   onTitleChange: m
 }) => {
   const [x, v] = R(!1), [C, y] = R(r), g = se(null);
-  J(() => {
+  Y(() => {
     y(r);
-  }, [r]), J(() => {
+  }, [r]), Y(() => {
     x && g.current && (g.current.focus(), g.current.select());
   }, [x]);
   const A = () => {
@@ -4204,18 +4204,7 @@ const bn = ({
         /* @__PURE__ */ i("div", { className: "flex flex-row sm:items-start sm:justify-between items-center gap-4", children: [
           /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-text", children: [
-              N && /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  onClick: N,
-                  className: d(
-                    "flex items-center text-sm cursor-pointer transition",
-                    p
-                  ),
-                  children: /* @__PURE__ */ e(ze, { size: 16, color: "currentColor" })
-                }
-              ),
+              N && /* @__PURE__ */ e(ee, { variant: "secondary", onClick: N, leftIcon: /* @__PURE__ */ e(J, { icon: ze, size: "md" }) }),
               x ? /* @__PURE__ */ e(
                 "input",
                 {
@@ -4266,7 +4255,7 @@ const bn = ({
               },
               M.id
             ) : /* @__PURE__ */ e(
-              re,
+              ee,
               {
                 variant: M.variant ?? "secondary",
                 onClick: (U) => {
@@ -4291,7 +4280,7 @@ const bn = ({
   className: s,
   children: a
 }) => /* @__PURE__ */ i("div", { className: d("flex items-center gap-2 mb-3", s), children: [
-  r && /* @__PURE__ */ e(re, { variant: "ghost", size: "sm", onClick: r, leftIcon: /* @__PURE__ */ e(ze, { size: 14 }), children: n }),
+  r && /* @__PURE__ */ e(ee, { variant: "ghost", size: "sm", onClick: r, leftIcon: /* @__PURE__ */ e(ze, { size: 14 }), children: n }),
   a && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: a }),
   t.length > 0 && /* @__PURE__ */ e("div", { className: d("flex flex-wrap gap-2", !a && "ml-auto"), children: t.map(
     (l) => l.splitOptions && l.splitOptions.length > 0 ? /* @__PURE__ */ e(
@@ -4306,7 +4295,7 @@ const bn = ({
       },
       l.id
     ) : /* @__PURE__ */ e(
-      re,
+      ee,
       {
         variant: l.variant ?? "secondary",
         size: "sm",
@@ -4367,7 +4356,7 @@ function yn({
 }) {
   return /* @__PURE__ */ i("section", { className: d("flex flex-col gap-2", l), children: [
     /* @__PURE__ */ i("div", { className: "flex items-start gap-2", children: [
-      t && /* @__PURE__ */ e(X, { icon: t, size: "md", color: "secondary", className: "mt-0.5" }),
+      t && /* @__PURE__ */ e(J, { icon: t, size: "md", color: "secondary", className: "mt-0.5" }),
       /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-text", children: r }),
         n && /* @__PURE__ */ e("p", { className: "text-xs text-text-muted", children: n })
@@ -4390,7 +4379,7 @@ function Nn({ 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(X, { icon: it, size: "xs", className: "opacity-70" })
+        /* @__PURE__ */ e(J, { icon: it, size: "xs", className: "opacity-70" })
       ]
     }
   );
@@ -4813,9 +4802,9 @@ const Sn = ({
   const [c, f] = R(""), [p, N] = R(a || []), [h, m] = R(l || 0), x = se(null), v = se(null), y = (p.length ? t.find((g) => g.id === p[0])?.subCommands || [] : t).filter(
     (g) => g.label.toLowerCase().includes(c.toLowerCase())
   );
-  return J(() => {
+  return Y(() => {
     r || (f(""), N(a || []), m(l || 0));
-  }, [r]), J(() => {
+  }, [r]), Y(() => {
     const g = (A) => {
       if (r) {
         if (A.key === "Escape")
@@ -4835,12 +4824,12 @@ const Sn = ({
       }
     };
     return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
-  }, [r, n, y, h, p]), J(() => {
+  }, [r, n, y, h, p]), Y(() => {
     const g = (A) => {
       x.current && !x.current.contains(A.target) && n();
     };
     return r && document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
-  }, [r, n]), J(() => {
+  }, [r, n]), Y(() => {
     if (!r) return;
     v.current?.querySelector(`[data-index="${h}"]`)?.scrollIntoView({ block: "nearest" });
   }, [h, r]), r ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-modal flex items-center justify-center bg-scrim", children: /* @__PURE__ */ i(
@@ -5024,7 +5013,7 @@ function En({
   className: l
 }) {
   const c = se(null), [f, p] = R(!0), [N, h] = R(null), m = se(null);
-  return se(null), J(() => {
+  return se(null), Y(() => {
     let x = !0;
     return (async () => {
       p(!0);
@@ -5041,7 +5030,7 @@ function En({
     })(), () => {
       x = !1;
     };
-  }, [t, r]), J(() => {
+  }, [t, r]), Y(() => {
     if (f || !N || n === "react") return;
     const x = c.current;
     if (x) {
@@ -5056,7 +5045,7 @@ function En({
         };
       }
     }
-  }, [N, n, f]), J(() => {
+  }, [N, n, f]), Y(() => {
     n === "svelte" && m.current && m.current.$set?.(a);
   }, [a, n]), /* @__PURE__ */ i("div", { ref: c, className: l, style: { display: "contents" }, children: [
     f && s,
@@ -5097,7 +5086,7 @@ export {
   dn as AvatarStack,
   tn as Badge,
   Ve as Box,
-  re as Button,
+  ee as Button,
   Gr as ButtonGroup,
   zn as Card,
   un as ChannelBadge,
@@ -5114,7 +5103,7 @@ export {
   It as FolderSelect,
   Qr as Form,
   Cn as Heading,
-  X as Icon,
+  J as Icon,
   mn as Image,
   nn as Kbd,
   xn as KpiCard,