@opencxh/ui-kit 3.29.0 → 3.45.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { clsx as Te } from "clsx";
 import { jsxs as c, jsx as e, Fragment as Me } from "react/jsx-runtime";
-import { VideoOff as Ae, User as Ie, MicOff as je, Mic as Be, ChevronDown as Pe, FileText as xe, HardDrive as Ne, X as Oe, ArrowLeft as Ee, Search as Ve, FolderPlus as _e, Upload as Fe, Folder as we, ChevronDownIcon as We, ChevronRight as Re } from "lucide-react";
+import { VideoOff as Ae, User as Ie, MicOff as je, Mic as Be, ChevronDown as Pe, FileText as pe, HardDrive as Ne, X as Oe, ArrowLeft as Ee, Search as Ve, FolderPlus as _e, Upload as Fe, Folder as we, ChevronDownIcon as We, ChevronRight as Re } from "lucide-react";
 import se, { useRef as X, useEffect as G, forwardRef as ce, useState as _, useCallback as ae, useMemo as ie, createContext as qe, Component as He } from "react";
 function g(...r) {
   return Te(r);
@@ -97,7 +97,7 @@ const Ue = {
     rightIcon: i,
     iconOnly: h = !1,
     className: b,
-    children: x,
+    children: p,
     disabled: y,
     ...u
   }, l) => {
@@ -158,9 +158,9 @@ const Ue = {
             }
           ),
           !a && o && /* @__PURE__ */ e("span", { className: g("flex-shrink-0", !h && "mr-2"), children: o }),
-          !h && x,
+          !h && p,
           !a && i && /* @__PURE__ */ e("span", { className: g("flex-shrink-0", !h && "ml-2"), children: i }),
-          h && !a && !o && !i && x
+          h && !a && !o && !i && p
         ]
       }
     );
@@ -206,7 +206,7 @@ const Xr = ({
   className: i,
   children: h,
   href: b,
-  target: x,
+  target: p,
   rel: y,
   ...u
 }) => {
@@ -267,7 +267,7 @@ const Xr = ({
   ), f = {
     ...u,
     href: a ? void 0 : b,
-    target: l ? "_blank" : x,
+    target: l ? "_blank" : p,
     rel: l ? "noopener noreferrer" : y
   };
   return /* @__PURE__ */ c("a", { className: d, ...f, children: [
@@ -309,12 +309,12 @@ function Ye({
   options: i,
   disabled: h = !1
 }) {
-  const [b, x] = _(!1), y = X(null), u = ae(() => {
-    x((l) => !l);
+  const [b, p] = _(!1), y = X(null), u = ae(() => {
+    p((l) => !l);
   }, []);
   return G(() => {
     const l = (d) => {
-      y.current && !y.current.contains(d.target) && x(!1);
+      y.current && !y.current.contains(d.target) && p(!1);
     };
     return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
   }, []), /* @__PURE__ */ c("div", { ref: y, className: "relative inline-flex items-center gap-px", children: [
@@ -360,7 +360,7 @@ function Ye({
       {
         type: "button",
         onClick: () => {
-          l.onClick(), x(!1);
+          l.onClick(), p(!1);
         },
         className: g(
           "w-full text-left px-3 py-2 text-sm hover:bg-gray-50 transition-colors",
@@ -392,10 +392,10 @@ const Ze = {
     containerClassName: i,
     labelClassName: h,
     className: b,
-    id: x,
+    id: p,
     ...y
   }, u) => {
-    const l = x || `checkbox-${Math.random().toString(36).substr(2, 9)}`, d = !!t;
+    const l = p || `checkbox-${Math.random().toString(36).substr(2, 9)}`, d = !!t;
     return se.useEffect(() => {
       u && typeof u == "object" && u.current && (u.current.indeterminate = o);
     }, [o, u]), /* @__PURE__ */ c("div", { className: g("flex flex-col", i), children: [
@@ -451,7 +451,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
   size: i = "md",
   className: h,
   minDate: b,
-  maxDate: x,
+  maxDate: p,
   format: y = "MM/dd/yyyy"
 }, u) => {
   const [l, d] = _(!1), [f, C] = _(() => r || /* @__PURE__ */ new Date()), N = X(null);
@@ -482,8 +482,8 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
     for (let D = 0; D < 42; D++)
       $.push(new Date(L)), L.setDate(L.getDate() + 1);
     return $;
-  }, p = (z) => {
-    z.getMonth() === f.getMonth() && (b && z < b || x && z > x || (n?.(z), d(!1)));
+  }, x = (z) => {
+    z.getMonth() === f.getMonth() && (b && z < b || p && z > p || (n?.(z), d(!1)));
   }, q = () => {
     C(new Date(f.getFullYear(), f.getMonth() - 1, 1));
   }, K = () => {
@@ -570,11 +570,11 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
       ] }),
       /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((z) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-neutral-500 dark:text-neutral-400 text-center py-1", children: z }, z)) }),
       /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: E.map((z, v) => {
-        const T = z.getMonth() === f.getMonth(), m = r && z.toDateString() === r.toDateString(), $ = z.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), L = !T || b && z < b || x && z > x;
+        const T = z.getMonth() === f.getMonth(), m = r && z.toDateString() === r.toDateString(), $ = z.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), L = !T || b && z < b || p && z > p;
         return /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => !L && p(z),
+            onClick: () => !L && x(z),
             disabled: L,
             className: g(
               "w-8 h-8 text-sm rounded transition-colors duration-200",
@@ -651,7 +651,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
   md: "px-3 py-2 text-sm",
   lg: "px-3 py-2 text-sm",
   full: "px-3 py-2 text-sm"
-}, pe = {
+}, xe = {
   sm: "h-4 w-4",
   md: "h-5 w-5",
   lg: "h-6 w-6",
@@ -666,7 +666,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
     startIcon: i = /* @__PURE__ */ e(tr, {}),
     loading: h = !1,
     containerClassName: b,
-    labelClassName: x,
+    labelClassName: p,
     className: y,
     id: u,
     options: l,
@@ -676,7 +676,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
     value: N,
     onChange: k,
     ...B
-  }, p) => {
+  }, x) => {
     const q = u || `searchfield-${Math.random().toString(36).substr(2, 9)}`, K = !!t, H = X(null), F = X(null), [E, J] = _(N || ""), [z, v] = _(!1), [T, m] = _(!1);
     G(() => {
       N !== void 0 && J(N);
@@ -719,7 +719,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
       J(W.label), v(!1), f && f(W.value);
     }, P = () => {
       (l.length > 0 || d) && v(!0);
-    }, M = h || T, re = z && ($.length > 0 || M), ne = ie(() => p || F, [p]);
+    }, M = h || T, re = z && ($.length > 0 || M), ne = ie(() => x || F, [x]);
     return /* @__PURE__ */ c(
       "div",
       {
@@ -738,13 +738,13 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
               className: de(
                 "block text-sm font-medium mb-1",
                 K ? "text-red-500" : "text-gray-700 dark:text-gray-300",
-                x || ""
+                p || ""
               ),
               children: r
             }
           ),
           /* @__PURE__ */ c("div", { className: "relative", children: [
-            i && /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: de("text-gray-400", pe[a]), children: i }) }),
+            i && /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: de("text-gray-400", xe[a]), children: i }) }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -776,7 +776,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
               /* @__PURE__ */ c(
                 "svg",
                 {
-                  className: de("animate-spin text-blue-500", pe[a]),
+                  className: de("animate-spin text-blue-500", xe[a]),
                   xmlns: "http://www.w3.org/2000/svg",
                   fill: "none",
                   viewBox: "0 0 24 24",
@@ -810,7 +810,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
                 {
                   className: de(
                     "text-gray-400 cursor-pointer transition-transform",
-                    pe[a],
+                    xe[a],
                     z ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => v((W) => !W)
@@ -871,7 +871,7 @@ const sr = {
     options: i,
     placeholder: h,
     containerClassName: b,
-    labelClassName: x,
+    labelClassName: p,
     className: y,
     id: u,
     searchable: l,
@@ -881,9 +881,9 @@ const sr = {
     allowCreate: N,
     onCreateOption: k,
     ...B
-  }, p) => {
+  }, x) => {
     const q = u || `select-${Math.random().toString(36).substr(2, 9)}`, K = !!t, [H, F] = se.useState(!1), [E, J] = se.useState(""), z = se.useRef(null), [v, T] = se.useState(i);
-    se.useImperativeHandle(p, () => z.current), se.useEffect(() => {
+    se.useImperativeHandle(x, () => z.current), se.useEffect(() => {
       const S = (I) => {
         z.current && !z.current.contains(I.target) && F(!1);
       };
@@ -954,7 +954,7 @@ const sr = {
               className: g(
                 "block text-sm font-medium mb-1",
                 K ? "text-error" : "text-secondary-700 dark:text-secondary-300",
-                x
+                p
               ),
               children: r
             }
@@ -1083,7 +1083,7 @@ const or = {
     loading: i = !1,
     containerClassName: h,
     labelClassName: b,
-    className: x,
+    className: p,
     id: y,
     rows: u = 4,
     ...l
@@ -1118,7 +1118,7 @@ const or = {
               or[a],
               // State styles
               C ? "border-error text-error focus:border-error focus:ring-error" : "border-gray-100 text-secondary-900 dark:border-gray-600 dark:bg-secondary-800 dark:text-secondary-100",
-              x
+              p
             ),
             ...l
           }
@@ -1187,14 +1187,14 @@ const cr = {
     startIcon: i,
     endIcon: h,
     loading: b = !1,
-    containerClassName: x,
+    containerClassName: p,
     labelClassName: y,
     className: u,
     id: l,
     ...d
   }, f) => {
     const C = l || `textfield-${Math.random().toString(36).substr(2, 9)}`, N = !!t;
-    return /* @__PURE__ */ c("div", { className: g("flex flex-col", o && "w-full", x), children: [
+    return /* @__PURE__ */ c("div", { className: g("flex flex-col", o && "w-full", p), children: [
       r && /* @__PURE__ */ e(
         "label",
         {
@@ -1286,7 +1286,7 @@ const oe = ({
   "aria-label": h,
   ...b
 }) => {
-  const x = typeof n == "number" ? n : dr(n), y = g(
+  const p = typeof n == "number" ? n : dr(n), y = g(
     "inline-block",
     // Color variants
     {
@@ -1307,7 +1307,7 @@ const oe = ({
     },
     i
   ), u = {
-    size: x,
+    size: p,
     className: y,
     onClick: a ? o : void 0,
     "aria-label": h,
@@ -1377,19 +1377,19 @@ const ur = ({
   disabled: i = !1,
   className: h,
   showCheck: b = !0,
-  header: x
+  header: p
 }) => {
-  const [y, u] = _(!1), [l, d] = _(null), [f, C] = _({ top: 0, left: 0 }), N = X(null), k = X(null), B = X(null), p = X(null);
+  const [y, u] = _(!1), [l, d] = _(null), [f, C] = _({ top: 0, left: 0 }), N = X(null), k = X(null), B = X(null), x = X(null);
   G(() => {
     const v = (T) => {
-      N.current && (!N.current.contains(T.target) || B.current && !B.current.contains(T.target)) && (u(!1), d(null), p.current && (clearTimeout(p.current), p.current = null));
+      N.current && (!N.current.contains(T.target) || B.current && !B.current.contains(T.target)) && (u(!1), d(null), x.current && (clearTimeout(x.current), x.current = null));
     };
     return y && document.addEventListener("mousedown", v), () => {
       document.removeEventListener("mousedown", v);
     };
   }, [y]), G(() => {
     const v = (T) => {
-      T.key === "Escape" && (u(!1), d(null), p.current && (clearTimeout(p.current), p.current = null));
+      T.key === "Escape" && (u(!1), d(null), x.current && (clearTimeout(x.current), x.current = null));
     };
     return y && document.addEventListener("keydown", v), () => {
       document.removeEventListener("keydown", v);
@@ -1408,16 +1408,16 @@ const ur = ({
       }
     }
   }, [l]), G(() => () => {
-    p.current && clearTimeout(p.current);
+    x.current && clearTimeout(x.current);
   }, []);
   const q = (v) => {
-    v.stopPropagation(), i || (u(!y), d(null), p.current && (clearTimeout(p.current), p.current = null));
+    v.stopPropagation(), i || (u(!y), d(null), x.current && (clearTimeout(x.current), x.current = null));
   }, K = (v, T, m) => {
     v.stopPropagation(), !T.disabled && !T.divider && (!T.children || T.children.length === 0) && (a?.(T.value, m), u(!1), d(null));
   }, H = (v) => {
-    p.current && (clearTimeout(p.current), p.current = null), v.children && v.children.length > 0 ? d(v.value) : d(null);
+    x.current && (clearTimeout(x.current), x.current = null), v.children && v.children.length > 0 ? d(v.value) : d(null);
   }, F = (v) => {
-    v.children && v.children.length > 0 ? p.current = setTimeout(() => {
+    v.children && v.children.length > 0 ? x.current = setTimeout(() => {
       d(null);
     }, 150) : d(null);
   }, E = (v, T, m) => {
@@ -1457,7 +1457,7 @@ const ur = ({
           }
         ),
         y && /* @__PURE__ */ e("div", { className: J, children: /* @__PURE__ */ c("div", { className: "p-2", children: [
-          x && (typeof x == "string" ? /* @__PURE__ */ e("div", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider px-3 py-2", children: x }) : x),
+          p && (typeof p == "string" ? /* @__PURE__ */ e("div", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider px-3 py-2", children: p }) : p),
           n.map((v, T) => {
             if (v.divider)
               return /* @__PURE__ */ e(
@@ -1509,10 +1509,10 @@ const ur = ({
                     left: `${f.left}px`
                   },
                   onMouseEnter: () => {
-                    p.current && (clearTimeout(p.current), p.current = null), d(v.value);
+                    x.current && (clearTimeout(x.current), x.current = null), d(v.value);
                   },
                   onMouseLeave: () => {
-                    p.current = setTimeout(() => {
+                    x.current = setTimeout(() => {
                       d(null);
                     }, 150);
                   },
@@ -1633,7 +1633,7 @@ const ur = ({
       }
     )
   }
-), xr = () => /* @__PURE__ */ e(
+), pr = () => /* @__PURE__ */ e(
   "svg",
   {
     className: "h-4 w-4",
@@ -1650,7 +1650,7 @@ const ur = ({
       }
     )
   }
-), pr = () => /* @__PURE__ */ e(
+), xr = () => /* @__PURE__ */ e(
   "svg",
   {
     className: "h-4 w-4",
@@ -1774,7 +1774,7 @@ const ur = ({
   filters: i = [],
   paginated: h = !1,
   pageSizeOptions: b = [10, 25, 50, 100],
-  defaultPageSize: x = 10,
+  defaultPageSize: p = 10,
   actions: y = [],
   onRowClick: u,
   selectable: l = !1,
@@ -1784,7 +1784,7 @@ const ur = ({
   emptyContent: N,
   hoverable: k = !0,
   bordered: B = !1,
-  striped: p = !1,
+  striped: x = !1,
   className: q,
   rowClassName: K
 }) => {
@@ -1793,7 +1793,7 @@ const ur = ({
     direction: null
   }), [z, v] = _({
     page: 0,
-    pageSize: x
+    pageSize: p
   }), T = X(null), m = ie(() => {
     let s = r;
     if (a && H.trim()) {
@@ -2086,7 +2086,7 @@ const ur = ({
             onClick: () => P(z.page - 1),
             disabled: z.page === 0,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(xr, {})
+            children: /* @__PURE__ */ e(pr, {})
           }
         ),
         /* @__PURE__ */ c("span", { className: "px-3 py-1 text-sm text-gray-500 dark:text-gray-400", children: [
@@ -2103,7 +2103,7 @@ const ur = ({
             onClick: () => P(z.page + 1),
             disabled: z.page >= S - 1,
             iconOnly: !0,
-            children: /* @__PURE__ */ e(pr, {})
+            children: /* @__PURE__ */ e(xr, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -2126,31 +2126,31 @@ const ur = ({
   onTabChange: t,
   className: a
 }) => {
-  const [o, i] = _(r[0]?.id || ""), h = n || o, b = (x) => {
-    t ? t(x) : i(x);
+  const [o, i] = _(r[0]?.id || ""), h = n || o, b = (p) => {
+    t ? t(p) : i(p);
   };
-  return /* @__PURE__ */ e("div", { className: g("border-b border-neutral-200 dark:border-neutral-700", a), children: /* @__PURE__ */ e("nav", { className: "-mb-px flex space-x-8", children: r.map((x) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: g("border-b border-neutral-200 dark:border-neutral-700", a), children: /* @__PURE__ */ e("nav", { className: "-mb-px flex space-x-8", children: r.map((p) => /* @__PURE__ */ e(
     "button",
     {
-      onClick: () => !x.disabled && b(x.id),
-      disabled: x.disabled,
+      onClick: () => !p.disabled && b(p.id),
+      disabled: p.disabled,
       className: g(
         "border-b-2 py-2 px-1 text-sm font-medium transition-colors duration-200",
         {
-          "border-primary text-primary": h === x.id,
-          "border-transparent text-neutral-500 hover:text-neutral-700 dark:text-neutral-400 dark:hover:text-neutral-300": h !== x.id && !x.disabled,
-          "border-transparent text-neutral-300 cursor-not-allowed dark:text-neutral-600": x.disabled
+          "border-primary text-primary": h === p.id,
+          "border-transparent text-neutral-500 hover:text-neutral-700 dark:text-neutral-400 dark:hover:text-neutral-300": h !== p.id && !p.disabled,
+          "border-transparent text-neutral-300 cursor-not-allowed dark:text-neutral-600": p.disabled
         }
       ),
       children: /* @__PURE__ */ c("span", { className: "flex items-center gap-2", children: [
-        x.label,
-        x.badge && /* @__PURE__ */ e("span", { className: g(
+        p.label,
+        p.badge && /* @__PURE__ */ e("span", { className: g(
           "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium",
-          h === x.id ? "bg-primary/10 text-primary" : "bg-neutral-100 text-neutral-600 dark:bg-neutral-800 dark:text-neutral-400"
-        ), children: x.badge })
+          h === p.id ? "bg-primary/10 text-primary" : "bg-neutral-100 text-neutral-600 dark:bg-neutral-800 dark:text-neutral-400"
+        ), children: p.badge })
       ] })
     },
-    x.id
+    p.id
   )) }) });
 }, kr = ({
   items: r,
@@ -2161,10 +2161,10 @@ const ur = ({
   size: i = "md",
   className: h
 }) => {
-  const [b, x] = _(
+  const [b, p] = _(
     n || t || r[0]?.id || ""
   ), y = t || b, u = (N) => {
-    a ? a(N) : x(N);
+    a ? a(N) : p(N);
   }, l = {
     activeTab: y,
     setActiveTab: u
@@ -2178,7 +2178,7 @@ const ur = ({
     },
     h
   ), C = (N, k) => {
-    const B = "transition-colors duration-200 font-medium", p = {
+    const B = "transition-colors duration-200 font-medium", x = {
       "text-xs px-2 py-1": i === "sm",
       "text-sm px-3 py-2": i === "md",
       "text-base px-4 py-3": i === "lg"
@@ -2200,7 +2200,7 @@ const ur = ({
       "text-neutral-600 hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-neutral-100": o === "pills",
       "border-transparent text-neutral-600 hover:text-neutral-900 hover:border-neutral-300 dark:text-neutral-400 dark:hover:text-neutral-100": o === "underline"
     } : {};
-    return g(B, p, q, K, H, F);
+    return g(B, x, q, K, H, F);
   };
   return /* @__PURE__ */ e(vr.Provider, { value: l, children: /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ e("div", { className: f, role: "tablist", children: r.map((N) => /* @__PURE__ */ e(
@@ -2247,7 +2247,7 @@ function wr({
   closeOnEscape: i = !0,
   className: h,
   backdropClassName: b,
-  children: x,
+  children: p,
   footer: y,
   showCloseButton: u = !0
 }) {
@@ -2309,7 +2309,7 @@ function wr({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "p-6", children: x }),
+            /* @__PURE__ */ e("div", { className: "p-6", children: p }),
             y && /* @__PURE__ */ e("div", { className: "px-6 py-4", children: y })
           ]
         }
@@ -2326,7 +2326,7 @@ const Z = ({
   truncate: i = !1,
   italic: h = !1,
   underline: b = !1,
-  lineHeight: x = "normal",
+  lineHeight: p = "normal",
   as: y,
   className: u,
   children: l,
@@ -2380,9 +2380,9 @@ const Z = ({
     },
     // Line height (override variant line heights)
     r === "body" && {
-      "leading-tight": x === "tight",
-      "leading-normal": x === "normal",
-      "leading-relaxed": x === "relaxed"
+      "leading-tight": p === "tight",
+      "leading-normal": p === "normal",
+      "leading-relaxed": p === "relaxed"
     },
     // Text decorations
     {
@@ -2411,23 +2411,23 @@ const Sr = ({
   disabled: i,
   accept: h,
   onListFiles: b,
-  onListMounts: x,
+  onListMounts: p,
   onUploadFile: y,
   onDownloadFile: u,
   onRegisterFile: l
 }) => {
-  const [d, f] = _(!1), [C, N] = _([]), [k, B] = _(null), [p, q] = _("/"), [K, H] = _([]), [F, E] = _(!1), [J, z] = _(""), [v, T] = _(
+  const [d, f] = _(!1), [C, N] = _([]), [k, B] = _(null), [x, q] = _("/"), [K, H] = _([]), [F, E] = _(!1), [J, z] = _(""), [v, T] = _(
     typeof r == "object" ? r : null
   ), [m, $] = _(!1), [L, D] = _(""), P = X(null);
   G(() => {
     d && M();
   }, [d]), G(() => {
     d && k && re();
-  }, [d, k, p, J]);
+  }, [d, k, x, J]);
   const M = async () => {
     E(!0);
     try {
-      const s = await x?.();
+      const s = await p?.();
       s?.data && N(s.data);
     } catch (s) {
       console.error("Failed to load mounts", s);
@@ -2438,7 +2438,7 @@ const Sr = ({
     if (k) {
       E(!0);
       try {
-        const s = await b?.({ mountId: k.id, name: J, path: p });
+        const s = await b?.({ mountId: k.id, name: J, path: x });
         s?.data && H(s.data);
       } catch (s) {
         console.error("Failed to load files", s);
@@ -2479,7 +2479,7 @@ const Sr = ({
           filename: w.name,
           mimeType: w.type || "application/octet-stream",
           mountId: k.id,
-          path: p
+          path: x
         });
         if (R?.data) {
           const j = R.data;
@@ -2495,11 +2495,11 @@ const Sr = ({
     if (!(!L || !k)) {
       E(!0);
       try {
-        const s = `${p}${L}/`;
+        const s = `${x}${L}/`;
         l && (await l({
           name: L,
           type: "folder",
-          path: p,
+          path: x,
           mimeType: "application/x-directory",
           size: 0,
           mountId: k.id,
@@ -2528,19 +2528,19 @@ const Sr = ({
     const s = /* @__PURE__ */ new Set(), w = [];
     return K.forEach((O) => {
       if (O.type === "folder") {
-        O.path === p && s.add(O.name);
+        O.path === x && s.add(O.name);
         return;
       }
-      const R = O.providerKey || O.name, Y = (p ? R.substring(p.length) : R).split("/").filter((fe) => fe !== "");
+      const R = O.providerKey || O.name, Y = (x ? R.substring(x.length) : R).split("/").filter((fe) => fe !== "");
       Y.length > 1 ? s.add(Y[0]) : Y.length === 1 && w.push(O);
     }), {
       folders: Array.from(s).sort(),
       files: w.sort((O, R) => O.name.localeCompare(R.name))
     };
-  }, [K, p]), Q = (s) => {
+  }, [K, x]), Q = (s) => {
     q((w) => `${w}${s}/`);
   }, te = () => {
-    const s = p.split("/").filter((w) => w !== "");
+    const s = x.split("/").filter((w) => w !== "");
     s.pop(), s.length === 0 ? q("/") : q(`${s.join("/")}/`);
   }, U = ie(() => {
     const s = A.folders.map((w) => ({
@@ -2563,7 +2563,7 @@ const Sr = ({
         /* @__PURE__ */ e(
           oe,
           {
-            icon: w.type === "folder" ? we : xe,
+            icon: w.type === "folder" ? we : pe,
             size: "sm",
             color: w.type === "folder" ? "warning" : "secondary"
           }
@@ -2630,7 +2630,7 @@ const Sr = ({
           i && "opacity-50 cursor-not-allowed bg-neutral-50"
         ),
         children: [
-          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(oe, { icon: v ? xe : Ne, color: v ? "primary" : "secondary" }) }),
+          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(oe, { icon: v ? pe : Ne, color: v ? "primary" : "secondary" }) }),
           /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: v ? /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 dark:text-neutral-100 font-medium", children: v.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-neutral-500", children: a }) }),
           v && !i && /* @__PURE__ */ e(
             "button",
@@ -2669,13 +2669,13 @@ const Sr = ({
                         variant: "ghost",
                         size: "sm",
                         onClick: () => {
-                          p && p !== "/" ? te() : B(null);
+                          x && x !== "/" ? te() : B(null);
                         },
                         leftIcon: /* @__PURE__ */ e(oe, { icon: Ee, size: "xs" }),
-                        children: p ? "Back" : "Back to Mounts"
+                        children: x ? "Back" : "Back to Mounts"
                       }
                     ),
-                    /* @__PURE__ */ e("div", { className: "flex items-center gap-1 text-xs text-neutral-500 overflow-hidden bg-neutral-100 dark:bg-neutral-800 px-2 py-1 rounded", children: /* @__PURE__ */ e("span", { className: "truncate", children: p }) }),
+                    /* @__PURE__ */ e("div", { className: "flex items-center gap-1 text-xs text-neutral-500 overflow-hidden bg-neutral-100 dark:bg-neutral-800 px-2 py-1 rounded", children: /* @__PURE__ */ e("span", { className: "truncate", children: x }) }),
                     /* @__PURE__ */ e("div", { className: "flex-grow min-w-[150px]", children: /* @__PURE__ */ e(
                       ue,
                       {
@@ -2761,7 +2761,7 @@ const Sr = ({
                 id: "local",
                 label: "Local File",
                 content: /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center py-12 border-2 border-dashed border-neutral-200 dark:border-neutral-700 rounded-xl bg-neutral-50 dark:bg-secondary-900/50", children: [
-                  /* @__PURE__ */ e("div", { className: "p-4 bg-primary/10 rounded-full mb-4", children: /* @__PURE__ */ e(oe, { icon: xe, size: "xl", color: "primary" }) }),
+                  /* @__PURE__ */ e("div", { className: "p-4 bg-primary/10 rounded-full mb-4", children: /* @__PURE__ */ e(oe, { icon: pe, size: "xl", color: "primary" }) }),
                   /* @__PURE__ */ e(Z, { variant: "label", size: "lg", weight: "semibold", children: "Select a file from your computer" }),
                   /* @__PURE__ */ c(Z, { variant: "body", size: "sm", className: "text-neutral-500 mt-1 mb-6 text-center max-w-xs", children: [
                     "This file will be used directly in the form and will ",
@@ -2809,8 +2809,8 @@ function Lr(r, n, t) {
   const a = n.split("."), o = Array.isArray(r) ? [...r] : { ...r };
   let i = o;
   for (let h = 0; h < a.length - 1; h++) {
-    const b = a[h], x = i[b];
-    i[b] = x && typeof x == "object" ? Array.isArray(x) ? [...x] : { ...x } : {}, i = i[b];
+    const b = a[h], p = i[b];
+    i[b] = p && typeof p == "object" ? Array.isArray(p) ? [...p] : { ...p } : {}, i = i[b];
   }
   return i[a[a.length - 1]] = t, o;
 }
@@ -2833,7 +2833,7 @@ const rt = ({
   transform: i,
   validate: h,
   submitButton: b = { label: "Submit", variant: "primary" },
-  cancelButton: x = { label: "Cancel", variant: "outline" },
+  cancelButton: p = { label: "Cancel", variant: "outline" },
   showButtons: y = !0,
   layout: u = "vertical",
   size: l = "md",
@@ -2842,7 +2842,7 @@ const rt = ({
   ref: C,
   sdk: N
 }) => {
-  const [k, B] = _(n || {}), [p, q] = _({}), [K, H] = _({});
+  const [k, B] = _(n || {}), [x, q] = _({}), [K, H] = _({});
   G(() => {
     n && B({ ...n });
   }, [n]);
@@ -2920,7 +2920,7 @@ const rt = ({
     [k, r, F, h, i, t, d]
   ), z = ae(
     (m) => {
-      const $ = Le(k, m.name), L = K[m.name] ? p[m.name] : void 0, D = m.disabled || d, P = {
+      const $ = Le(k, m.name), L = K[m.name] ? x[m.name] : void 0, D = m.disabled || d, P = {
         value: $ || "",
         disabled: D,
         required: m.required,
@@ -3290,7 +3290,7 @@ const rt = ({
           return null;
       }
     },
-    [k, K, p, d, l, E]
+    [k, K, x, d, l, E]
   ), v = ae(
     (m) => {
       if (m.conditional && !m.conditional(k))
@@ -3337,7 +3337,7 @@ const rt = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: L, children: $.map((D) => (K[D.name] && p[D.name], /* @__PURE__ */ c(
+            /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: L, children: $.map((D) => (K[D.name] && x[D.name], /* @__PURE__ */ c(
               "div",
               {
                 className: g(
@@ -3368,7 +3368,7 @@ const rt = ({
         m.id
       );
     },
-    [k, K, p, z]
+    [k, K, x, z]
   ), T = g(
     "space-y-6",
     {
@@ -3386,12 +3386,12 @@ const rt = ({
         ee,
         {
           type: "button",
-          variant: x.variant,
-          size: x.size || l,
-          disabled: x.disabled || d,
+          variant: p.variant,
+          size: p.size || l,
+          disabled: p.disabled || d,
           onClick: a,
-          className: x.className,
-          children: x.label
+          className: p.className,
+          children: p.label
         }
       ),
       /* @__PURE__ */ e(
@@ -3438,7 +3438,7 @@ function tt({
   onDismiss: i,
   className: h,
   children: b,
-  ...x
+  ...p
 }) {
   return /* @__PURE__ */ c(
     "span",
@@ -3452,7 +3452,7 @@ function tt({
         $r[n],
         h
       ),
-      ...x,
+      ...p,
       children: [
         t && /* @__PURE__ */ e(
           "span",
@@ -3580,17 +3580,17 @@ const nt = ({
   showLoading: i = !0,
   showError: h = !0,
   fallback: b,
-  loadingContent: x,
+  loadingContent: p,
   errorContent: y,
   className: u,
   onLoad: l,
   onError: d,
   ...f
 }) => {
-  const [C, N] = _(!0), [k, B] = _(!1), [p, q] = _(r), K = (T) => {
+  const [C, N] = _(!0), [k, B] = _(!1), [x, q] = _(r), K = (T) => {
     N(!1), B(!1), l?.(T);
   }, H = (T) => {
-    if (N(!1), B(!0), b && p !== b) {
+    if (N(!1), B(!0), b && x !== b) {
       q(b), B(!1), N(!0);
       return;
     }
@@ -3658,14 +3658,14 @@ const nt = ({
       "img",
       {
         ...f,
-        src: p,
+        src: x,
         alt: n,
         className: E,
         onLoad: K,
         onError: H
       }
     ),
-    C && i && /* @__PURE__ */ e("div", { className: J, children: x || z }),
+    C && i && /* @__PURE__ */ e("div", { className: J, children: p || z }),
     k && h && /* @__PURE__ */ e("div", { className: J, children: y || v })
   ] });
 }, lt = ({
@@ -3677,7 +3677,7 @@ const nt = ({
   backLabel: i = "Back",
   backClassName: h,
   onBack: b,
-  editable: x = !1,
+  editable: p = !1,
   onTitleChange: y
 }) => {
   const [u, l] = _(!1), [d, f] = _(r), C = X(null);
@@ -3687,11 +3687,11 @@ const nt = ({
     u && C.current && (C.current.focus(), C.current.select());
   }, [u]);
   const N = () => {
-    x && l(!0);
+    p && l(!0);
   }, k = () => {
     l(!1), d.trim() !== "" && d !== r && y ? y(d.trim()) : f(r);
-  }, B = (p) => {
-    p.key === "Enter" ? C.current?.blur() : p.key === "Escape" && (f(r), l(!1));
+  }, B = (x) => {
+    x.key === "Enter" ? C.current?.blur() : x.key === "Escape" && (f(r), l(!1));
   };
   return /* @__PURE__ */ c(
     "div",
@@ -3701,7 +3701,7 @@ const nt = ({
         o
       ),
       children: [
-        /* @__PURE__ */ c("div", { className: "flex flex-col sm:flex-row sm:items-start sm:justify-between items-center gap-4", children: [
+        /* @__PURE__ */ c("div", { className: "flex flex-row sm:items-start sm:justify-between items-center gap-4", children: [
           /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2 text-neutral-900 dark:text-neutral-100", children: [
             b && /* @__PURE__ */ e(
               "button",
@@ -3721,7 +3721,7 @@ const nt = ({
                 ref: C,
                 type: "text",
                 value: d,
-                onChange: (p) => f(p.target.value),
+                onChange: (x) => f(x.target.value),
                 onBlur: k,
                 onKeyDown: B,
                 className: "text-1xl font-semibold bg-transparent border-b-1 border-gray-200 dark:border-gray-700 rounded-lg outline-none focus:border-none px-1 -mx-1 min-w-0 flex-1"
@@ -3732,45 +3732,45 @@ const nt = ({
                 onClick: N,
                 className: g(
                   "text-2xl font-semibold truncate",
-                  x && "cursor-pointer hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
+                  p && "cursor-pointer hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
                 ),
-                title: x ? "Klik om te bewerken" : void 0,
+                title: p ? "Klik om te bewerken" : void 0,
                 children: r
               }
             )
           ] }) }),
           t.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: t.map(
-            (p) => p.splitOptions && p.splitOptions.length > 0 ? /* @__PURE__ */ e(
+            (x) => x.splitOptions && x.splitOptions.length > 0 ? /* @__PURE__ */ e(
               Ye,
               {
-                label: p.label,
-                onClick: p.onClick,
-                icon: p.icon,
-                variant: p.variant === "primary" ? "primary" : "secondary",
-                options: p.splitOptions,
-                disabled: p.disabled
+                label: x.label,
+                onClick: x.onClick,
+                icon: x.icon,
+                variant: x.variant === "primary" ? "primary" : "secondary",
+                options: x.splitOptions,
+                disabled: x.disabled
               },
-              p.id
+              x.id
             ) : /* @__PURE__ */ c(
               "button",
               {
                 type: "button",
                 onClick: (q) => {
-                  q.stopPropagation(), q.target.blur(), p.onClick();
+                  q.stopPropagation(), q.target.blur(), x.onClick();
                 },
-                disabled: p.disabled,
+                disabled: x.disabled,
                 className: g("btn", {
-                  o__primary: p.variant === "primary",
-                  o__secondary: p.variant === "secondary" || p.variant === "outline",
-                  o__ghost: p.variant === "ghost",
-                  o__destructive: p.variant === "destructive"
+                  o__primary: x.variant === "primary",
+                  o__secondary: x.variant === "secondary" || x.variant === "outline",
+                  o__ghost: x.variant === "ghost",
+                  o__destructive: x.variant === "destructive"
                 }),
                 children: [
-                  p.icon && /* @__PURE__ */ e("span", { className: "mr-2", children: p.icon }),
-                  p.label
+                  x.icon && /* @__PURE__ */ e("span", { className: "mr-2", children: x.icon }),
+                  x.label
                 ]
               },
-              p.id
+              x.id
             )
           ) })
         ] }),
@@ -3840,7 +3840,7 @@ const st = ({
               ) }),
               /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: u.arrayFields?.map((k) => {
                 const B = C?.[k.name];
-                let p = "-";
+                let x = "-";
                 switch (k.type) {
                   case "text":
                   case "email":
@@ -3848,30 +3848,30 @@ const st = ({
                   case "tel":
                   case "url":
                   case "textarea":
-                    p = B || "-";
+                    x = B || "-";
                     break;
                   case "select":
                   case "radio":
-                    p = h(
+                    x = h(
                       B,
                       k.options
                     );
                     break;
                   case "checkbox":
-                    p = i(B);
+                    x = i(B);
                     break;
                   case "date":
-                    p = o(B);
+                    x = o(B);
                     break;
                   case "custom":
-                    p = k.customComponent?.({
+                    x = k.customComponent?.({
                       value: B
                     });
                     break;
                   default:
-                    p = String(B || "-");
+                    x = String(B || "-");
                 }
-                return k.format && (p = k.format(B, C)), /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+                return k.format && (x = k.format(B, C)), /* @__PURE__ */ c("div", { className: "space-y-1", children: [
                   /* @__PURE__ */ e(
                     Z,
                     {
@@ -3887,7 +3887,7 @@ const st = ({
                       variant: "body",
                       size: "sm",
                       className: "text-neutral-900 dark:text-neutral-100",
-                      children: p
+                      children: x
                     }
                   )
                 ] }, k.name);
@@ -3948,7 +3948,7 @@ const st = ({
       );
     },
     [n]
-  ), x = ae(
+  ), p = ae(
     (u) => {
       if (u.conditional && !u.conditional(n))
         return null;
@@ -4033,7 +4033,7 @@ const st = ({
     },
     a
   );
-  return /* @__PURE__ */ e("div", { className: y, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: r.map(x) }) });
+  return /* @__PURE__ */ e("div", { className: y, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: r.map(p) }) });
 }, ze = ({ item: r, isSelectedHandler: n, onClick: t }) => {
   const [a, o] = _(!1), i = r.children && r.children.length > 0, h = () => {
     i && o(!a);
@@ -4061,10 +4061,10 @@ const st = ({
         ]
       }
     ),
-    i && !a && /* @__PURE__ */ e("ul", { className: "sidebar-menu-nested-items mb-1", children: r.children?.map((x, y) => /* @__PURE__ */ e(
+    i && !a && /* @__PURE__ */ e("ul", { className: "sidebar-menu-nested-items mb-1", children: r.children?.map((p, y) => /* @__PURE__ */ e(
       ze,
       {
-        item: x,
+        item: p,
         isSelectedHandler: n,
         onClick: t
       },
@@ -4104,7 +4104,7 @@ const st = ({
   truncate: i = !1,
   className: h,
   children: b,
-  ...x
+  ...p
 }) => {
   const y = n || jr(r), u = g(
     "font-primary",
@@ -4151,7 +4151,7 @@ const st = ({
     },
     h
   ), l = `h${r}`;
-  return /* @__PURE__ */ e(l, { className: u, ...x, children: b });
+  return /* @__PURE__ */ e(l, { className: u, ...p, children: b });
 };
 function jr(r) {
   return {
@@ -4193,7 +4193,7 @@ const dt = ({
       "text-lg": a === "lg"
     },
     i
-  ), x = (l, d) => g(
+  ), p = (l, d) => g(
     // Base item styles
     "transition-colors duration-200",
     // Size-based padding
@@ -4220,7 +4220,7 @@ const dt = ({
   return n === "ordered" ? /* @__PURE__ */ e("ol", { className: b, children: r.map((l, d) => /* @__PURE__ */ e(
     "li",
     {
-      className: x(l),
+      className: p(l),
       onClick: () => y(l),
       onKeyDown: (f) => u(f, l),
       tabIndex: o && !l.disabled ? 0 : void 0,
@@ -4231,7 +4231,7 @@ const dt = ({
   )) }) : n === "description" ? /* @__PURE__ */ e("dl", { className: b, children: r.map((l, d) => /* @__PURE__ */ e(
     "div",
     {
-      className: x(l),
+      className: p(l),
       onClick: () => y(l),
       onKeyDown: (f) => u(f, l),
       tabIndex: o && !l.disabled ? 0 : void 0,
@@ -4242,7 +4242,7 @@ const dt = ({
   )) }) : /* @__PURE__ */ e("ul", { className: b, children: r.map((l, d) => /* @__PURE__ */ e(
     "li",
     {
-      className: x(l),
+      className: p(l),
       onClick: () => y(l),
       onKeyDown: (f) => u(f, l),
       tabIndex: o && !l.disabled ? 0 : void 0,
@@ -4259,7 +4259,7 @@ const dt = ({
   initialCommandPath: o,
   initialActiveIndex: i
 }) => {
-  const [h, b] = _(""), [x, y] = _(o || []), [u, l] = _(i || 0), d = X(null), f = X(null), N = (x.length ? r.find((k) => k.id === x[0])?.subCommands || [] : r).filter(
+  const [h, b] = _(""), [p, y] = _(o || []), [u, l] = _(i || 0), d = X(null), f = X(null), N = (p.length ? r.find((k) => k.id === p[0])?.subCommands || [] : r).filter(
     (k) => k.label.toLowerCase().includes(h.toLowerCase())
   );
   return G(() => {
@@ -4271,20 +4271,20 @@ const dt = ({
           t();
         else if (B.key === "ArrowUp")
           l(
-            (p) => p > 0 ? p - 1 : N.length - 1
+            (x) => x > 0 ? x - 1 : N.length - 1
           );
         else if (B.key === "ArrowDown")
           l(
-            (p) => p < N.length - 1 ? p + 1 : 0
+            (x) => x < N.length - 1 ? x + 1 : 0
           );
         else if (B.key === "Enter") {
-          const p = N[u];
-          p && (p.subCommands ? (y([...x, p.id]), l(0)) : p.action && (p.action(), t()));
+          const x = N[u];
+          x && (x.subCommands ? (y([...p, x.id]), l(0)) : x.action && (x.action(), t()));
         }
       }
     };
     return document.addEventListener("keydown", k), () => document.removeEventListener("keydown", k);
-  }, [n, t, N, u, x]), G(() => {
+  }, [n, t, N, u, p]), G(() => {
     const k = (B) => {
       d.current && !d.current.contains(B.target) && t();
     };
@@ -4320,7 +4320,7 @@ const dt = ({
                   "data-index": B,
                   className: `flex items-center p-2 cursor-pointer rounded-md text-secondary-800 ${B === u ? "bg-gray-100" : ""}`,
                   onClick: () => {
-                    k.subCommands ? (y([...x, k.id]), l(0)) : k.action && (k.action(), t());
+                    k.subCommands ? (y([...p, k.id]), l(0)) : k.action && (k.action(), t());
                   },
                   onMouseEnter: () => l(B),
                   children: [
@@ -4421,7 +4421,7 @@ const dt = ({
     border: i,
     borderColor: h,
     className: b,
-    children: x,
+    children: p,
     ...y
   }, u) => /* @__PURE__ */ e(
     "div",
@@ -4438,7 +4438,7 @@ const dt = ({
         b
       ),
       ...y,
-      children: x
+      children: p
     }
   )
 );
@@ -4455,11 +4455,11 @@ function mt({
   componentProps: o,
   className: i
 }) {
-  const h = X(null), [b, x] = _(!0), [y, u] = _(null), l = X(null);
+  const h = X(null), [b, p] = _(!0), [y, u] = _(null), l = X(null);
   return X(null), G(() => {
     let d = !0;
     return (async () => {
-      x(!0);
+      p(!0);
       try {
         const C = await n();
         if (!d) return;
@@ -4468,7 +4468,7 @@ function mt({
       } catch (C) {
         console.error(`[FederatedResource] Load failed: ${r}`, C);
       } finally {
-        d && x(!1);
+        d && p(!1);
       }
     })(), () => {
       d = !1;