@epam/ai-dial-ui-kit 0.4.0-rc.39 → 0.4.0-rc.40

package/dist/dial-ui-kit.es.js

@@ -2,7 +2,7 @@ import { jsx as v, jsxs as K, Fragment as et } from "react/jsx-runtime";
 import Z from "classnames";
 import { useFloating as $a, offset as pu, flip as fu, shift as mu, arrow as Bf, autoUpdate as Cu, useHover as vu, useFocus as zf, useDismiss as ja, useRole as Ka, useInteractions as qa, useMergeRefs as wu, FloatingPortal as Ya, FloatingArrow as Wf, autoPlacement as _f, size as Uf, useClick as $f, FloatingFocusManager as bu, FloatingOverlay as jf } from "@floating-ui/react";
 import * as le from "react";
-import V, { createContext as Vn, useState as M, useRef as I, useMemo as W, useContext as Be, isValidElement as Za, cloneElement as ln, useCallback as _, useEffect as me, memo as it, useLayoutEffect as Rt, useId as Qa, createElement as Su, Children as Kf, Component as qf, forwardRef as Xa, useImperativeHandle as Ja, Suspense as Yf } from "react";
+import G, { createContext as Vn, useState as I, useRef as A, useMemo as W, useContext as Be, isValidElement as Za, cloneElement as ln, useCallback as _, useEffect as me, memo as it, useLayoutEffect as Rt, useId as Qa, createElement as Su, Children as Kf, Component as qf, forwardRef as Xa, useImperativeHandle as Ja, Suspense as Yf } from "react";
 import { IconInfoCircle as yu, IconCircleCheck as Zf, IconAlertTriangle as Qf, IconAlertCircle as Xf, IconX as Ao, IconMinus as Jf, IconCheck as Ru, IconExclamationCircle as el, IconClipboardX as xu, IconChevronsLeft as em, IconChevronsRight as tm, IconGripVertical as sm, IconFile as om, IconFileTypeZip as im, IconFileTypeXml as nm, IconFileTypeXls as rm, IconFileTypeVue as am, IconFileTypeTxt as lm, IconFileTypeTsx as cm, IconFileTypeTs as dm, IconFileTypeSvg as um, IconFileTypeSql as hm, IconFileTypeRs as gm, IconFileTypePpt as pm, IconFileTypePng as fm, IconFileTypePhp as mm, IconFileTypePdf as Cm, IconFileTypeJsx as vm, IconFileTypeJs as wm, IconFileTypeJpg as bm, IconFileTypeHtml as Sm, IconFileTypeDocx as ym, IconFileTypeDoc as Rm, IconFileTypeCsv as xm, IconFileTypeCss as Fm, IconFileTypeBmp as Em, IconArrowUpRight as Pm, IconFolder as Dm, IconChevronDown as tl, IconDotsVertical as Bn, IconChevronRight as Tm, IconTrashX as Fu, IconSearch as Mm, IconCaretRightFilled as Im, IconZoomCancel as Am, IconChevronUp as km, IconRefresh as ir, IconEyeOff as Eu, IconEye as Pu, IconCopy as Lm, IconCut as Om, IconClipboardCopy as Nm, IconPlus as Hm } from "@tabler/icons-react";
 import Gm, { createPortal as sl } from "react-dom";
 const Gs = ({ errorText: e }) => e && /* @__PURE__ */ v("span", { className: "text-error dial-tiny mt-1", children: e }), Me = ({ icon: e, className: t }) => e ? /* @__PURE__ */ v("span", { className: Z("flex-shrink-0", t), children: e }) : null, Vm = 7, Bm = 2, Du = Vn(null), Tu = () => {
@@ -17,7 +17,7 @@ const Gs = ({ errorText: e }) => e && /* @__PURE__ */ v("span", { className: "te
   open: o,
   onOpenChange: i
 } = {}) => {
-  const [n, r] = M(e), a = I(null), l = o ?? n, c = i ?? r, d = $a({
+  const [n, r] = I(e), a = A(null), l = o ?? n, c = i ?? r, d = $a({
     placement: t,
     open: l,
     onOpenChange: c,
@@ -59,7 +59,7 @@ const Gs = ({ errorText: e }) => e && /* @__PURE__ */ v("span", { className: "te
   const s = zm(t);
   return /* @__PURE__ */ v(Du.Provider, { value: s, children: e });
 }, Iu = ({ style: e, ...t }) => {
-  const s = Tu(), o = I(null), i = wu([s.refs.setFloating, o]);
+  const s = Tu(), o = A(null), i = wu([s.refs.setFloating, o]);
   return s.open ? /* @__PURE__ */ v(Ya, { id: "tooltip-portal", children: /* @__PURE__ */ K(
     "div",
     {
@@ -93,7 +93,7 @@ const Gs = ({ errorText: e }) => e && /* @__PURE__ */ v("span", { className: "te
   asChild: t = !1,
   ...s
 }) => {
-  const o = Tu(), i = I(null), r = e && typeof e == "object" && "ref" in e && e.ref !== void 0 ? e.ref : void 0, a = wu([o.refs.setReference, i, r]);
+  const o = Tu(), i = A(null), r = e && typeof e == "object" && "ref" in e && e.ref !== void 0 ? e.ref : void 0, a = wu([o.refs.setReference, i, r]);
   return t && Za(e) ? ln(
     e,
     o.getReferenceProps({
@@ -402,13 +402,13 @@ const Ve = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], S = () => [...y(), X, Q], R = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", "contain", "none"], P = () => [X, Q, l], A = () => [eo, "full", "auto", ...P()], k = () => [ns, "none", "subgrid", X, Q], F = () => ["auto", {
+  ], S = () => [...y(), X, Q], R = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", "contain", "none"], P = () => [X, Q, l], k = () => [eo, "full", "auto", ...P()], M = () => [ns, "none", "subgrid", X, Q], F = () => ["auto", {
     span: ["full", ns, X, Q]
-  }, ns, X, Q], T = () => [ns, "auto", X, Q], B = () => ["auto", "min", "max", "fr", X, Q], J = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], N = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], re = () => ["auto", ...P()], oe = () => [eo, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...P()], O = () => [e, X, Q], ae = () => [...y(), pc, gc, {
+  }, ns, X, Q], T = () => [ns, "auto", X, Q], V = () => ["auto", "min", "max", "fr", X, Q], J = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], N = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], re = () => ["auto", ...P()], oe = () => [eo, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...P()], O = () => [e, X, Q], ae = () => [...y(), pc, gc, {
     position: [X, Q]
   }], $ = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], H = () => ["auto", "cover", "contain", mC, gC, {
+  }], B = () => ["auto", "cover", "contain", mC, gC, {
     size: [X, Q]
   }], q = () => [nr, zo, Rs], Y = () => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -418,7 +418,7 @@ const Ve = (e) => {
     c,
     X,
     Q
-  ], ee = () => ["", he, zo, Rs], ge = () => ["solid", "dashed", "dotted", "double"], G = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], se = () => [he, nr, pc, gc], He = () => [
+  ], ee = () => ["", he, zo, Rs], ge = () => ["solid", "dashed", "dotted", "double"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], se = () => [he, nr, pc, gc], He = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -603,63 +603,63 @@ const Ve = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: A()
+        inset: k()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": A()
+        "inset-x": k()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": A()
+        "inset-y": k()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: A()
+        start: k()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: A()
+        end: k()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: A()
+        top: k()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: A()
+        right: k()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: A()
+        bottom: k()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: A()
+        left: k()
       }],
       /**
        * Visibility
@@ -730,7 +730,7 @@ const Ve = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": k()
+        "grid-cols": M()
       }],
       /**
        * Grid Column Start / End
@@ -758,7 +758,7 @@ const Ve = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": k()
+        "grid-rows": M()
       }],
       /**
        * Grid Row Start / End
@@ -793,14 +793,14 @@ const Ve = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": B()
+        "auto-cols": V()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": B()
+        "auto-rows": V()
       }],
       /**
        * Gap
@@ -1391,7 +1391,7 @@ const Ve = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: H()
+        bg: B()
       }],
       /**
        * Background Image
@@ -1879,14 +1879,14 @@ const Ve = (e) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...G(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...H(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": G()
+        "bg-blend": H()
       }],
       /**
        * Mask Clip
@@ -2068,7 +2068,7 @@ const Ve = (e) => {
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: H()
+        mask: B()
       }],
       /**
        * Mask Type
@@ -2943,7 +2943,7 @@ const RC = {
   [lo.Success]: "bg-success border-success text-success",
   [lo.Warning]: "bg-warning border-warning text-warning",
   [lo.Error]: "bg-error border-error text-error"
-}, FC = "items-center justify-between gap-2 p-3 border border-solid dial-small-150 rounded flex", sk = ({
+}, FC = "items-center justify-between gap-2 p-3 border border-solid dial-small-150 rounded flex", ok = ({
   variant: e = lo.Info,
   message: t,
   cssClass: s,
@@ -3015,7 +3015,7 @@ const RC = {
   hideTooltip: o,
   ...i
 }) => {
-  const n = I(null), [r, a] = M(!1), [l, c] = M(""), d = I(null), u = () => {
+  const n = A(null), [r, a] = I(!1), [l, c] = I(""), d = A(null), u = () => {
     const f = n.current;
     if (!f) return;
     c(f.textContent ?? "");
@@ -3177,7 +3177,7 @@ const MC = (e, t) => {
       ]
     }
   );
-}, ok = ({
+}, ik = ({
   steps: e,
   currentStep: t,
   onChangeStep: s
@@ -3466,7 +3466,7 @@ const NC = "flex", HC = "pb-1 mt-2", GC = {
   isOpened: l,
   onToggle: c
 }) => {
-  const [d, u] = M(s), [h, g] = M(!0), p = W(() => typeof l == "boolean", [l]), f = p ? l : h;
+  const [d, u] = I(s), [h, g] = I(!0), p = W(() => typeof l == "boolean", [l]), f = p ? l : h;
   me(() => {
     p && u(l ? s : ar);
   }, [p, l, s]);
@@ -3525,7 +3525,7 @@ const NC = "flex", HC = "pb-1 mt-2", GC = {
       ]
     }
   );
-}, ik = ({
+}, nk = ({
   label: e,
   text: t,
   children: s,
@@ -4708,7 +4708,7 @@ function hw() {
 var gw = hw();
 const pw = /* @__PURE__ */ uw(gw), Vs = typeof window < "u" ? Rt : me;
 function fw(e, t, s) {
-  const [o, i] = M(
+  const [o, i] = I(
     () => t(e)
   ), n = _(() => {
     const r = t(e);
@@ -5307,7 +5307,7 @@ function eh(e, t) {
     Ow(i)
   ];
 }
-const Ec = "column", Ww = "flex items-center", _w = "mr-3 cursor-move text-secondary", nk = ({
+const Ec = "column", Ww = "flex items-center", _w = "mr-3 cursor-move text-secondary", rk = ({
   id: e,
   children: t,
   cssClass: s,
@@ -5315,7 +5315,7 @@ const Ec = "column", Ww = "flex items-center", _w = "mr-3 cursor-move text-secon
   moveItem: i,
   handleAriaLabel: n = "Drag item"
 }) => {
-  const r = I(null), a = I(null), l = typeof o == "function" ? o(e) : -1, [{ isDragging: c }, d, u] = Lw(
+  const r = A(null), a = A(null), l = typeof o == "function" ? o(e) : -1, [{ isDragging: c }, d, u] = Lw(
     () => ({
       type: Ec,
       item: { id: e, originalIndex: l },
@@ -5597,19 +5597,19 @@ const o1 = Z(
   anchorToMouse: m = !1,
   matchReferenceWidth: C = !0
 }) => {
-  const [w, b] = M(a), y = r !== void 0, S = y ? !!r : w, R = I(null), x = _(
-    (G) => {
-      y || b(G), l?.(G);
+  const [w, b] = I(a), y = r !== void 0, S = y ? !!r : w, R = A(null), x = _(
+    (H) => {
+      y || b(H), l?.(H);
     },
     [y, l]
-  ), P = Qa(), A = i === void 0, k = (G) => "clientWidth" in G ? G.clientWidth : G.getBoundingClientRect?.()?.width ?? 0, { refs: F, floatingStyles: T, context: B } = $a({
+  ), P = Qa(), k = i === void 0, M = (H) => "clientWidth" in H ? H.clientWidth : H.getBoundingClientRect?.()?.width ?? 0, { refs: F, floatingStyles: T, context: V } = $a({
     placement: i,
     open: S,
     onOpenChange: x,
     whileElementsMounted: Cu,
     middleware: [
       pu({ mainAxis: Wo, crossAxis: 0 }),
-      A ? _f({
+      k ? _f({
         alignment: "start",
         crossAxis: !0,
         padding: Wo,
@@ -5618,67 +5618,67 @@ const o1 = Z(
       mu({ padding: Wo }),
       Uf({
         padding: Wo,
-        apply({ availableWidth: G, availableHeight: se, elements: He }) {
-          const xe = He.floating, z = k(He.reference);
+        apply({ availableWidth: H, availableHeight: se, elements: He }) {
+          const xe = He.floating, z = M(He.reference);
           xe.style.setProperty(
             "--fui-available-height",
             `${Math.floor(se)}px`
           ), xe.style.setProperty(
             "--reference-width",
             C ? `${Math.round(z)}px` : "0px"
-          ), C ? xe.style.minWidth = `${Math.round(z)}px` : xe.style.removeProperty("min-width"), xe.style.maxWidth = `${Math.floor(G)}px`, xe.style.maxHeight = `${Math.floor(se)}px`;
+          ), C ? xe.style.minWidth = `${Math.round(z)}px` : xe.style.removeProperty("min-width"), xe.style.maxWidth = `${Math.floor(H)}px`, xe.style.maxHeight = `${Math.floor(se)}px`;
         }
       })
     ]
-  }), J = $f(B, {
+  }), J = $f(V, {
     enabled: o.includes(kt.Click) && !n
-  }), N = vu(B, {
+  }), N = vu(V, {
     enabled: o.includes(kt.Hover) && !n,
     move: !1,
     restMs: 40,
     delay: { open: 80, close: 80 }
-  }), re = ja(B, {
+  }), re = ja(V, {
     bubbles: !0,
     referencePress: !1,
-    outsidePress: (G) => {
+    outsidePress: (H) => {
       if (!p) return !1;
-      const se = G.target;
+      const se = H.target;
       return !(g?.current && se instanceof Node && g.current.contains(se));
     }
-  }), oe = Ka(B, { role: "menu" }), { getReferenceProps: O, getFloatingProps: ae } = qa([
+  }), oe = Ka(V, { role: "menu" }), { getReferenceProps: O, getFloatingProps: ae } = qa([
     J,
     N,
     re,
     oe
   ]), $ = _(
-    (G, se) => {
+    (H, se) => {
       F.setPositionReference({
         getBoundingClientRect: () => ({
           width: 0,
           height: 0,
-          x: G,
+          x: H,
           y: se,
           top: se,
-          left: G,
-          right: G,
+          left: H,
+          right: H,
           bottom: se
         })
       });
     },
     [F]
-  ), H = _(
-    (G) => {
-      !o.includes(kt.ContextMenu) || n || (G.preventDefault(), m && ($(G.clientX, G.clientY), R.current = document.elementFromPoint(
-        G.clientX,
-        G.clientY
+  ), B = _(
+    (H) => {
+      !o.includes(kt.ContextMenu) || n || (H.preventDefault(), m && ($(H.clientX, H.clientY), R.current = document.elementFromPoint(
+        H.clientX,
+        H.clientY
       )), x(!0));
     },
     [m, n, x, $, o]
   ), q = _(
-    (G) => {
-      !m || n || ($(G.clientX, G.clientY), R.current = document.elementFromPoint(
-        G.clientX,
-        G.clientY
+    (H) => {
+      !m || n || ($(H.clientX, H.clientY), R.current = document.elementFromPoint(
+        H.clientX,
+        H.clientY
       ));
     },
     [m, n, $]
@@ -5687,41 +5687,41 @@ const o1 = Z(
     n && S && x(!1);
   }, [n, S, x]);
   const Y = _(
-    (G) => (se) => {
-      G.disabled || (G.onClick?.({ key: G.key, domEvent: se }), t?.onClick?.({ key: G.key, domEvent: se }), x(!1));
+    (H) => (se) => {
+      H.disabled || (H.onClick?.({ key: H.key, domEvent: se }), t?.onClick?.({ key: H.key, domEvent: se }), x(!1));
     },
     [t, x]
   ), ee = W(() => s ? s() : t ? /* @__PURE__ */ K(et, { children: [
     t.header && /* @__PURE__ */ v(et, { children: typeof t.header == "function" ? t.header() : t.header }),
-    /* @__PURE__ */ v("div", { role: "none", className: "py-1", children: t.items.map((G) => G.type === nh.Divider ? /* @__PURE__ */ v(
+    /* @__PURE__ */ v("div", { role: "none", className: "py-1", children: t.items.map((H) => H.type === nh.Divider ? /* @__PURE__ */ v(
       "div",
       {
         role: "separator",
         className: l1
       },
-      G.key
+      H.key
     ) : /* @__PURE__ */ K(
       "button",
       {
         role: "menuitem",
         type: "button",
-        "aria-disabled": !!G.disabled,
+        "aria-disabled": !!H.disabled,
         className: Z(
           n1,
-          G.disabled && r1,
-          G.danger && a1
+          H.disabled && r1,
+          H.danger && a1
         ),
-        disabled: G.disabled,
-        onClick: Y(G),
+        disabled: H.disabled,
+        onClick: Y(H),
         children: [
-          G.icon && /* @__PURE__ */ v(
+          H.icon && /* @__PURE__ */ v(
             "span",
             {
               className: Z(
-                G.danger && "text-error",
-                G.disabled && "text-secondary"
+                H.danger && "text-error",
+                H.disabled && "text-secondary"
               ),
-              children: /* @__PURE__ */ v(Me, { icon: G.icon })
+              children: /* @__PURE__ */ v(Me, { icon: H.icon })
             }
           ),
           /* @__PURE__ */ v(
@@ -5729,26 +5729,26 @@ const o1 = Z(
             {
               className: Z(
                 "flex-1 truncate text-left",
-                G.danger && "text-error",
-                G.disabled && "text-secondary"
+                H.danger && "text-error",
+                H.disabled && "text-secondary"
               ),
-              children: G.label
+              children: H.label
             }
           )
         ]
       },
-      G.key
+      H.key
     )) }),
     t.footer && /* @__PURE__ */ v(et, { children: typeof t.footer == "function" ? t.footer() : t.footer })
   ] }) : null, [Y, t, s]), ge = O({
-    onContextMenu: H,
+    onContextMenu: B,
     onMouseDown: q
   });
   return me(() => {
     if (!S) return;
-    const G = F.reference.current;
+    const H = F.reference.current;
     let se = null;
-    if (G instanceof Element ? se = G : R.current instanceof Element && (se = R.current), !se) return;
+    if (H instanceof Element ? se = H : R.current instanceof Element && (se = R.current), !se) return;
     const He = new IntersectionObserver(
       ([xe]) => {
         xe.isIntersecting || x(!1);
@@ -5776,7 +5776,7 @@ const o1 = Z(
     S && /* @__PURE__ */ v(Ya, { children: /* @__PURE__ */ v(
       bu,
       {
-        context: B,
+        context: V,
         modal: !1,
         initialFocus: -1,
         returnFocus: !0,
@@ -5797,8 +5797,8 @@ const o1 = Z(
                 rh,
                 {
                   ariaLabel: "Close dropdown",
-                  onClose: (G) => {
-                    d?.(G), x(!1);
+                  onClose: (H) => {
+                    d?.(H), x(!1);
                   }
                 }
               ) }),
@@ -5860,7 +5860,7 @@ const Tc = () => typeof window < "u" && window.innerWidth < 640, Mc = () => {
   const e = window.innerWidth;
   return e >= 1024 ? Ds.Desktop : e < 640 ? Ds.Mobile : Ds.Tablet;
 }, c1 = () => {
-  const [e, t] = M(Mc());
+  const [e, t] = I(Mc());
   return me(() => {
     const s = () => t(Mc());
     return window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
@@ -5874,7 +5874,7 @@ const Tc = () => typeof window < "u" && window.innerWidth < 640, Mc = () => {
   smallScreenContainerCssClass: n,
   smallScreenDropdownItemCssClass: r
 }) => {
-  const [a, l] = M(!1), [c, d] = M(!1), [u, h] = M(!1), g = c1(), p = g === Ds.Mobile || i === hn.Tablet && g === Ds.Tablet, f = o === ia.Horizontal, m = I(null), C = I(null), w = I(null), b = e.find((R) => R.id === t), y = W(
+  const [a, l] = I(!1), [c, d] = I(!1), [u, h] = I(!1), g = c1(), p = g === Ds.Mobile || i === hn.Tablet && g === Ds.Tablet, f = o === ia.Horizontal, m = A(null), C = A(null), w = A(null), b = e.find((R) => R.id === t), y = W(
     () => Z(
       "flex gap-3",
       f ? "flex-row flex-nowrap overflow-x-auto" : "flex-col flex-wrap w-full"
@@ -5891,12 +5891,12 @@ const Tc = () => typeof window < "u" && window.innerWidth < 640, Mc = () => {
   }, [e, S]), me(() => {
     const R = w.current, x = C.current;
     if (!R || !x) return;
-    const P = R.offsetLeft, A = P + R.offsetWidth, k = x.scrollLeft, F = k + x.clientWidth;
-    P < k ? x.scrollTo({
+    const P = R.offsetLeft, k = P + R.offsetWidth, M = x.scrollLeft, F = M + x.clientWidth;
+    P < M ? x.scrollTo({
       left: P - Dc,
       behavior: "smooth"
-    }) : A > F && x.scrollTo({
-      left: A - x.clientWidth + Dc,
+    }) : k > F && x.scrollTo({
+      left: k - x.clientWidth + Dc,
       behavior: "smooth"
     });
   }, [t]), p ? /* @__PURE__ */ v(
@@ -6182,16 +6182,16 @@ const Tc = () => typeof window < "u" && window.innerWidth < 640, Mc = () => {
   tooltipText: R,
   hideTooltip: x = !1
 }) => {
-  const P = (T) => T.target.blur(), A = c === "number" || p !== void 0 || f !== void 0, k = (T) => {
+  const P = (T) => T.target.blur(), k = c === "number" || p !== void 0 || f !== void 0, M = (T) => {
     y1(T, c, p, f);
   }, F = (T) => {
-    const B = T.currentTarget.value;
-    if (A && B !== "") {
-      const J = parseFloat(B);
-      if (isNaN(J) && B !== "-" && B !== "." || !isNaN(J) && (p !== void 0 && J < p || f !== void 0 && J > f))
+    const V = T.currentTarget.value;
+    if (k && V !== "") {
+      const J = parseFloat(V);
+      if (isNaN(J) && V !== "-" && V !== "." || !isNaN(J) && (p !== void 0 && J < p || f !== void 0 && J > f))
         return;
     }
-    g?.(B || void 0);
+    g?.(V || void 0);
   };
   return /* @__PURE__ */ K(
     "div",
@@ -6248,7 +6248,7 @@ const Tc = () => typeof window < "u" && window.innerWidth < 640, Mc = () => {
                   r
                 ),
                 onChange: (T) => !u && F?.(T),
-                onKeyDown: k,
+                onKeyDown: M,
                 onWheel: P,
                 onBlur: y,
                 min: p,
@@ -6327,7 +6327,7 @@ const Tc = () => typeof window < "u" && window.innerWidth < 640, Mc = () => {
       }
     )
   }
-), rk = ({
+), ak = ({
   onChange: e,
   ...t
 }) => {
@@ -6340,7 +6340,7 @@ const Tc = () => typeof window < "u" && window.innerWidth < 640, Mc = () => {
       ...t
     }
   );
-}, ak = ({
+}, lk = ({
   onChange: e,
   ...t
 }) => /* @__PURE__ */ v(
@@ -6350,7 +6350,7 @@ const Tc = () => typeof window < "u" && window.innerWidth < 640, Mc = () => {
     onChange: (s) => e?.(s),
     ...t
   }
-), lk = ({
+), ck = ({
   fieldTitle: e,
   optional: t,
   elementId: s,
@@ -6498,7 +6498,7 @@ const M1 = "flex justify-end gap-2 px-6 py-4", I1 = "text-secondary dial-small-1
     confirmVariant: Ie.Danger,
     cancelVariant: Ie.Secondary
   }
-}, ck = ({
+}, dk = ({
   title: e,
   description: t,
   descriptionCssClass: s,
@@ -6661,7 +6661,7 @@ const M1 = "flex justify-end gap-2 px-6 py-4", I1 = "text-secondary dial-small-1
     ] }),
     t && sl(e, document.body)
   ] });
-}, dk = ({
+}, uk = ({
   fieldTitle: e,
   htmlFor: t,
   disabled: s,
@@ -6683,7 +6683,7 @@ const M1 = "flex justify-end gap-2 px-6 py-4", I1 = "text-secondary dial-small-1
   id: w,
   size: b = hs.Md
 }) => {
-  const [y, S] = M(!1), R = _(() => {
+  const [y, S] = I(!1), R = _(() => {
     s || S(!0);
   }, [s]), x = _(() => {
     S(!1), c?.();
@@ -6697,7 +6697,7 @@ const M1 = "flex justify-end gap-2 px-6 py-4", I1 = "text-secondary dial-small-1
       {
         disabled: s,
         open: y,
-        selectedValue: n ?? i.find((A) => A.id === o)?.name,
+        selectedValue: n ?? i.find((k) => k.id === o)?.name,
         valueCssClasses: r,
         inputCssClasses: Z(a, "py-2", "px-3"),
         emptyValueText: l,
@@ -6745,7 +6745,7 @@ const M1 = "flex justify-end gap-2 px-6 py-4", I1 = "text-secondary dial-small-1
       }
     )
   ] });
-}, O1 = "Create", N1 = "Cancel", H1 = "flex items-center justify-end gap-2 px-6 py-3", uk = ({
+}, O1 = "Create", N1 = "Cancel", H1 = "flex items-center justify-end gap-2 px-6 py-3", hk = ({
   title: e,
   open: t = !1,
   submitLabel: s = O1,
@@ -6822,7 +6822,7 @@ const G1 = {
   onChange: l,
   size: c = pn.Base
 }) => {
-  const [d, u] = M(t || "");
+  const [d, u] = I(t || "");
   me(() => {
     u(t || "");
   }, [t]);
@@ -7002,7 +7002,7 @@ const X1 = {
   getContextMenuItems: c,
   areHiddenFilesVisible: d = !1
 }) => {
-  const [u, h] = M(s), g = (f) => {
+  const [u, h] = I(s), g = (f) => {
     l?.(f), u.has(f.path) ? h((m) => {
       const C = new Set(m);
       return C.delete(f.path), C;
@@ -7014,7 +7014,7 @@ const X1 = {
     const { path: w, nodeType: b, name: y, items: S } = C, R = b === gs.FOLDER;
     if (!d && uh(C)) return null;
     if (!R && !t) return;
-    const x = Array.isArray(S) && S.length > 0 && S.some((B) => B.nodeType === gs.FOLDER || t), P = u.has(w), A = i === w, k = o.has(w), F = A ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", T = c?.(C) ?? [];
+    const x = Array.isArray(S) && S.length > 0 && S.some((V) => V.nodeType === gs.FOLDER || t), P = u.has(w), k = i === w, M = o.has(w), F = k ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", T = c?.(C) ?? [];
     return /* @__PURE__ */ v("div", { className: "cursor-pointer text-secondary", children: /* @__PURE__ */ K("div", { className: "flex flex-col min-w-fit w-full", children: [
       /* @__PURE__ */ v(
         Gt,
@@ -7056,7 +7056,7 @@ const X1 = {
                           )
                         }
                       ),
-                      /* @__PURE__ */ v(oh, { name: y, loading: k })
+                      /* @__PURE__ */ v(oh, { name: y, loading: M })
                     ] }) : /* @__PURE__ */ v(sh, { name: y })
                   }
                 ),
@@ -9365,48 +9365,48 @@ function xt(e, t, s) {
     return !1;
   if (t?.state && !t.state.forEach)
     return L(32), !1;
-  const C = (S, R, x, P, A) => {
+  const C = (S, R, x, P, k) => {
     if (!S)
       return;
-    const k = T0(R, t.defaultState), F = k("flex").value1;
+    const M = T0(R, t.defaultState), F = M("flex").value1;
     if (tg(
       e,
       S,
-      k("hide").value1,
-      k("sort").value1,
-      k("sortIndex").value1,
-      k("pinned").value1,
+      M("hide").value1,
+      M("sort").value1,
+      M("sortIndex").value1,
+      M("pinned").value1,
       F,
       s
     ), F == null) {
-      const T = k("width").value1;
+      const T = M("width").value1;
       if (T != null) {
-        const B = S.getColDef().minWidth ?? u.getDefaultColumnMinWidth();
-        B != null && T >= B && S.setActualWidth(T, s);
+        const V = S.getColDef().minWidth ?? u.getDefaultColumnMinWidth();
+        V != null && T >= V && S.setActualWidth(T, s);
       }
     }
-    A || !S.isPrimary() || (h?.syncColumnWithState(S, s, k), i?.syncColumnWithState(S, s, k, x), n?.syncColumnWithState(S, s, k, P));
+    k || !S.isPrimary() || (h?.syncColumnWithState(S, s, M), i?.syncColumnWithState(S, s, M, x), n?.syncColumnWithState(S, s, M, P));
   }, w = (S, R, x) => {
-    const P = rg(e, s), A = R.slice(), k = {}, F = {}, T = [], B = [], J = [];
+    const P = rg(e, s), k = R.slice(), M = {}, F = {}, T = [], V = [], J = [];
     let N = 0;
     const re = i?.columns.slice() ?? [], oe = n?.columns.slice() ?? [];
     for (const $ of S) {
-      const H = $.colId;
-      if (H.startsWith(Kn)) {
+      const B = $.colId;
+      if (B.startsWith(Kn)) {
         T.push($), J.push($);
         continue;
       }
-      if (ss(H)) {
-        B.push($), J.push($);
+      if (ss(B)) {
+        V.push($), J.push($);
         continue;
       }
-      const Y = x(H);
-      Y ? (C(Y, $, k, F, !1), Ft(A, Y)) : (J.push($), N += 1);
+      const Y = x(B);
+      Y ? (C(Y, $, M, F, !1), Ft(k, Y)) : (J.push($), N += 1);
     }
-    const O = ($) => C($, null, k, F, !1);
-    A.forEach(O), i?.sortColumns(jc.bind(i, k, re)), n?.sortColumns(jc.bind(n, F, oe)), o.refreshCols(!1, s);
-    const ae = ($, H, q = []) => {
-      for (const Y of H) {
+    const O = ($) => C($, null, M, F, !1);
+    k.forEach(O), i?.sortColumns(jc.bind(i, M, re)), n?.sortColumns(jc.bind(n, F, oe)), o.refreshCols(!1, s);
+    const ae = ($, B, q = []) => {
+      for (const Y of B) {
         const ee = $(Y.colId);
         Ft(q, ee), C(ee, Y, null, null, !0);
       }
@@ -9418,7 +9418,7 @@ function xt(e, t, s) {
       r?.getColumns()?.slice()
     ), ae(
       ($) => a?.getColumn($) ?? null,
-      B,
+      V,
       a?.getColumns()?.slice()
     ), W0(t, o, p), c.refresh(s), g.dispatchEvent({
       type: "columnEverythingChanged",
@@ -9464,14 +9464,14 @@ function rg(e, t) {
   for (const u of c)
     d[u.colId] = u;
   return () => {
-    const u = (R, x, P, A) => {
-      const k = x.map(A), F = P.map(A);
-      if (ws(k, F))
+    const u = (R, x, P, k) => {
+      const M = x.map(k), F = P.map(k);
+      if (ws(M, F))
         return;
-      const B = new Set(x);
+      const V = new Set(x);
       for (const N of P)
-        B.delete(N) || B.add(N);
-      const J = [...B];
+        V.delete(N) || V.add(N);
+      const J = [...V];
       a.dispatchEvent({
         type: R,
         columns: J,
@@ -9481,8 +9481,8 @@ function rg(e, t) {
     }, h = (R) => {
       const x = [];
       return n.forAllCols((P) => {
-        const A = d[P.getColId()];
-        A && R(A, P) && x.push(P);
+        const k = d[P.getColId()];
+        k && R(k, P) && x.push(P);
       }), x;
     }, g = (R) => R.getColId();
     u(
@@ -9497,8 +9497,8 @@ function rg(e, t) {
       g
     );
     const f = h((R, x) => {
-      const P = R.aggFunc != null, A = P != x.isValueActive(), k = P && R.aggFunc != x.getAggFunc();
-      return A || k;
+      const P = R.aggFunc != null, k = P != x.isValueActive(), M = P && R.aggFunc != x.getAggFunc();
+      return k || M;
     });
     f.length > 0 && B0(a, "columnValueChanged", f, t), Do(a, h((R, x) => R.width != x.getActualWidth()), !0, t), ng(a, h((R, x) => R.pinned != x.getPinned()), t), V0(a, h((R, x) => R.hide == x.isVisible()), t);
     const y = h((R, x) => R.sort != x.getSort() || R.sortIndex != x.getSortIndex());
@@ -15094,9 +15094,9 @@ var Ji = {
       let u, h, g = 0;
       this.invalidateVerticalScroll();
       do {
-        const { stickyTopHeight: p, stickyBottomHeight: f } = c, m = d.rowTop, C = d.rowHeight, w = r.getPixelOffset(), b = d.rowTop - w, y = b + d.rowHeight, S = this.getVScrollPosition(), R = a.divStretchOffset, x = S.top + R, P = S.bottom + R, A = P - x, k = a.getScrollPositionForPixel(b), F = a.getScrollPositionForPixel(y - A), T = Math.min((k + F) / 2, b), B = x + p > b, J = P - f < y;
+        const { stickyTopHeight: p, stickyBottomHeight: f } = c, m = d.rowTop, C = d.rowHeight, w = r.getPixelOffset(), b = d.rowTop - w, y = b + d.rowHeight, S = this.getVScrollPosition(), R = a.divStretchOffset, x = S.top + R, P = S.bottom + R, k = P - x, M = a.getScrollPositionForPixel(b), F = a.getScrollPositionForPixel(y - k), T = Math.min((M + F) / 2, b), V = x + p > b, J = P - f < y;
         let N = null;
-        t === "top" ? N = k - p : t === "bottom" ? N = F + f : t === "middle" ? N = T : B ? N = k - p : J && (F - k > A ? N = k - p : N = F + f), N !== null && (this.setVerticalScrollPosition(N), l.redraw({ afterScroll: !0 })), u = m !== d.rowTop || C !== d.rowHeight, h = p !== c.stickyTopHeight || f !== c.stickyBottomHeight, g++;
+        t === "top" ? N = M - p : t === "bottom" ? N = F + f : t === "middle" ? N = T : V ? N = M - p : J && (F - M > k ? N = M - p : N = F + f), N !== null && (this.setVerticalScrollPosition(N), l.redraw({ afterScroll: !0 })), u = m !== d.rowTop || C !== d.rowHeight, h = p !== c.stickyTopHeight || f !== c.stickyBottomHeight, g++;
       } while ((u || h) && g < 10);
       if (this.animationFrameSvc?.flushAllFrames(), s < 10 && (d?.stub || !this.beans.rowAutoHeight?.areRowsMeasured())) {
         const p = this.getVScrollPosition().top;
@@ -21614,17 +21614,17 @@ var Qx = class extends D {
             y -= p[R.getId()];
           else {
             w.push(R);
-            const A = g[x];
-            b += A;
+            const k = g[x];
+            b += k;
           }
         });
         const S = 1 / b;
         w.forEach((R, x) => {
           const P = x === w.length - 1;
-          let A;
-          P ? A = y : (A = Math.round(g[x] * u * S), y -= A);
-          const k = R.getMinWidth(), F = R.getMaxWidth();
-          A < k ? (A = k, f[R.getId()] = !0, m = !0) : F > 0 && A > F && (A = F, f[R.getId()] = !0, m = !0), p[R.getId()] = A;
+          let k;
+          P ? k = y : (k = Math.round(g[x] * u * S), y -= k);
+          const M = R.getMinWidth(), F = R.getMaxWidth();
+          k < M ? (k = M, f[R.getId()] = !0, m = !0) : F > 0 && k > F && (k = F, f[R.getId()] = !0, m = !0), p[R.getId()] = k;
         });
       }
       for (const w of h) {
@@ -31157,8 +31157,8 @@ var NP = (
       const d = this.getRowBufferInPixels(), u = this.ctrlsSvc.getScrollFeature(), h = this.gos.get("suppressRowVirtualisation");
       let g = !1, p, f;
       do {
-        const y = t.getPixelOffset(), { pageFirstPixel: S, pageLastPixel: R } = t.getCurrentPagePixelRange(), x = e.divStretchOffset, P = u.getVScrollPosition(), A = P.top, k = P.bottom;
-        h ? (p = S + x, f = R + x) : (p = Math.max(A + y - d, S) + x, f = Math.min(k + y + d, R) + x), this.firstVisibleVPixel = Math.max(A + y, S) + x, this.lastVisibleVPixel = Math.min(k + y, R) + x, g = this.ensureAllRowsInRangeHaveHeightsCalculated(p, f);
+        const y = t.getPixelOffset(), { pageFirstPixel: S, pageLastPixel: R } = t.getCurrentPagePixelRange(), x = e.divStretchOffset, P = u.getVScrollPosition(), k = P.top, M = P.bottom;
+        h ? (p = S + x, f = R + x) : (p = Math.max(k + y - d, S) + x, f = Math.min(M + y + d, R) + x), this.firstVisibleVPixel = Math.max(k + y, S) + x, this.lastVisibleVPixel = Math.min(M + y, R) + x, g = this.ensureAllRowsInRangeHaveHeightsCalculated(p, f);
       } while (g);
       let m = s.getRowIndexAtPixel(p), C = s.getRowIndexAtPixel(f);
       const w = t.getFirstRow(), b = t.getLastRow();
@@ -41585,20 +41585,20 @@ var F6 = class extends D {
     } = e;
     let h = !1;
     const g = (F, T) => {
-      const B = !o?.has(F) && !!(T || t === "api");
-      return h || (h = B), B;
+      const V = !o?.has(F) && !!(T || t === "api");
+      return h || (h = V), V;
     }, p = {}, f = (F) => {
       let T = p[F];
       return T || (T = { colId: F }, p[F] = T, T);
     }, m = {}, C = g("sort", i);
-    C && i?.sortModel.forEach(({ colId: F, sort: T }, B) => {
+    C && i?.sortModel.forEach(({ colId: F, sort: T }, V) => {
       const J = f(F);
-      J.sort = T, J.sortIndex = B;
+      J.sort = T, J.sortIndex = V;
     }), (C || !s) && (m.sort = null, m.sortIndex = null);
     const w = g("rowGroup", n);
     w && n?.groupColIds.forEach((F, T) => {
-      const B = f(F);
-      B.rowGroup = !0, B.rowGroupIndex = T;
+      const V = f(F);
+      V.rowGroup = !0, V.rowGroupIndex = T;
     }), (w || !s) && (m.rowGroup = null, m.rowGroupIndex = null);
     const b = g("aggregation", r);
     b && r?.aggregationModel.forEach(({ colId: F, aggFunc: T }) => {
@@ -41606,8 +41606,8 @@ var F6 = class extends D {
     }), (b || !s) && (m.aggFunc = null);
     const y = g("pivot", a);
     y && (a?.pivotColIds.forEach((F, T) => {
-      const B = f(F);
-      B.pivot = !0, B.pivotIndex = T;
+      const V = f(F);
+      V.pivot = !0, V.pivotIndex = T;
     }), this.gos.updateGridOptions({
       options: { pivotMode: !!a?.pivotMode },
       source: t
@@ -41627,17 +41627,17 @@ var F6 = class extends D {
     (R || !s) && (m.hide = null);
     const x = g("columnSizing", d);
     if (x)
-      for (const { colId: F, flex: T, width: B } of d?.columnSizingModel ?? []) {
+      for (const { colId: F, flex: T, width: V } of d?.columnSizingModel ?? []) {
         const J = f(F);
-        J.flex = T ?? null, J.width = B;
+        J.flex = T ?? null, J.width = V;
       }
     (x || !s) && (m.flex = null);
-    const P = u?.orderedColIds, A = !!P?.length && !o?.has("columnOrder"), k = A ? P.map((F) => f(F)) : Object.values(p);
-    (k.length || h) && (this.columnStates = k, xt(
+    const P = u?.orderedColIds, k = !!P?.length && !o?.has("columnOrder"), M = k ? P.map((F) => f(F)) : Object.values(p);
+    (M.length || h) && (this.columnStates = M, xt(
       this.beans,
       {
-        state: k,
-        applyOrder: A,
+        state: M,
+        applyOrder: k,
         defaultState: m
       },
       t
@@ -42629,10 +42629,10 @@ var gM = class extends D {
             continue;
           const P = p.getPreferredWidthForColumn(x, b);
           if (P > 0) {
-            const A = w[x.colId] ?? {};
-            A.minWidth ?? (A.minWidth = l), A.maxWidth ?? (A.maxWidth = a);
-            const k = pM(x, P, A);
-            x.setActualWidth(k, d), m.add(x), C++;
+            const k = w[x.colId] ?? {};
+            k.minWidth ?? (k.minWidth = l), k.maxWidth ?? (k.maxWidth = a);
+            const M = pM(x, P, k);
+            x.setActualWidth(M, d), m.add(x), C++;
           }
           S.push(x);
         }
@@ -42755,9 +42755,9 @@ var gM = class extends D {
         const f = p / $t(l);
         let m = p;
         for (let C = l.length - 1; C >= 0; C--) {
-          const w = l[C], b = i?.[w.getId()], y = b?.minWidth ?? o?.defaultMinWidth, S = b?.maxWidth ?? o?.defaultMaxWidth, R = w.getMinWidth(), x = w.getMaxWidth(), P = typeof y == "number" && y > R ? y : R, A = typeof S == "number" && S < x ? S : x;
-          let k = Math.round(w.getActualWidth() * f);
-          k < P ? (k = P, h(w), u = !1) : k > A ? (k = A, h(w), u = !1) : C === 0 && (k = m), w.setActualWidth(k, t, !0), m -= k;
+          const w = l[C], b = i?.[w.getId()], y = b?.minWidth ?? o?.defaultMinWidth, S = b?.maxWidth ?? o?.defaultMaxWidth, R = w.getMinWidth(), x = w.getMaxWidth(), P = typeof y == "number" && y > R ? y : R, k = typeof S == "number" && S < x ? S : x;
+          let M = Math.round(w.getActualWidth() * f);
+          M < P ? (M = P, h(w), u = !1) : M > k ? (M = k, h(w), u = !1) : C === 0 && (M = m), w.setActualWidth(M, t, !0), m -= M;
         }
       }
     }
@@ -43710,7 +43710,7 @@ var UM = {
     KT,
     TM
   ]
-}, Qe = V.createContext({}), wf = V.createContext("default"), Di = (e, t, s, o) => {
+}, Qe = G.createContext({}), wf = G.createContext("default"), Di = (e, t, s, o) => {
   if (!e || e.componentFromFramework || t.isDestroyed())
     return;
   const n = e.newAgStackInstance();
@@ -43750,7 +43750,7 @@ var UM = {
 }, Bo = (e) => {
   const t = () => typeof Symbol == "function" && Symbol.for, s = () => t() ? Symbol.for("react.memo") : 60115;
   return typeof e == "function" && !(e.prototype && e.prototype.isReactComponent) || typeof e == "object" && e.$$typeof === s();
-}, Ba = V.version?.split(".")[0], Sf = Ba === "16" || Ba === "17";
+}, Ba = G.version?.split(".")[0], Sf = Ba === "16" || Ba === "17";
 function YM() {
   return Ba === "19";
 }
@@ -43761,10 +43761,10 @@ function ZM(e) {
 var bi = (e, t) => {
   !Sf && e && !an ? Gm.flushSync(t) : t();
 }, QM = (e) => {
-  Sf ? e() : V.startTransition(e);
+  Sf ? e() : G.startTransition(e);
 };
 function XM(e, t, s) {
-  return V.useSyncExternalStore ? V.useSyncExternalStore(e, t) : s;
+  return G.useSyncExternalStore ? G.useSyncExternalStore(e, t) : s;
 }
 function Gn(e, t, s) {
   if (t == null || e == null)
@@ -43789,7 +43789,7 @@ function Gn(e, t, s) {
   return o.length === e.length && i.length === 0 ? e : o.length === 0 && i.length === t.length ? t : o.length === 0 ? i : i.length === 0 ? o : [...o, ...i];
 }
 var yf = Xa((e, t) => {
-  const { registry: s, context: o } = Be(Qe), i = I(null), n = I(null), r = I(null), a = I(null), l = I(null), c = I(), [d, u] = M(), [h, g] = M(), [p, f] = M(), [m, C] = M(() => new St()), [w, b] = M(() => new St("ag-hidden")), [y, S] = M(() => new St("ag-hidden")), [R, x] = M(() => new St("ag-invisible"));
+  const { registry: s, context: o } = Be(Qe), i = A(null), n = A(null), r = A(null), a = A(null), l = A(null), c = A(), [d, u] = I(), [h, g] = I(), [p, f] = I(), [m, C] = I(() => new St()), [w, b] = I(() => new St("ag-hidden")), [y, S] = I(() => new St("ag-hidden")), [R, x] = I(() => new St("ag-invisible"));
   Ja(t, () => ({
     // force new instance when grid tries to refresh
     refresh() {
@@ -43802,15 +43802,15 @@ var yf = Xa((e, t) => {
       return;
     }
     const O = {
-      setInnerRenderer: ($, H) => {
-        u($), f(H);
+      setInnerRenderer: ($, B) => {
+        u($), f(B);
       },
       setChildCount: ($) => g($),
-      toggleCss: ($, H) => C((q) => q.setClass($, H)),
-      setContractedDisplayed: ($) => S((H) => H.setClass("ag-hidden", !$)),
-      setExpandedDisplayed: ($) => b((H) => H.setClass("ag-hidden", !$)),
-      setCheckboxVisible: ($) => x((H) => H.setClass("ag-invisible", !$)),
-      setCheckboxSpacing: ($) => x((H) => H.setClass("ag-group-checkbox-spacing", $))
+      toggleCss: ($, B) => C((q) => q.setClass($, B)),
+      setContractedDisplayed: ($) => S((B) => B.setClass("ag-hidden", !$)),
+      setExpandedDisplayed: ($) => b((B) => B.setClass("ag-hidden", !$)),
+      setCheckboxVisible: ($) => x((B) => B.setClass("ag-invisible", !$)),
+      setCheckboxSpacing: ($) => x((B) => B.setClass("ag-group-checkbox-spacing", $))
     }, ae = s.createDynamicBean("groupCellRendererCtrl", !0);
     ae && (c.current = o.createBean(ae), c.current.init(
       O,
@@ -43821,31 +43821,31 @@ var yf = Xa((e, t) => {
       yf,
       e
     ));
-  }, []), A = W(() => `ag-cell-wrapper ${m.toString()}`, [m]), k = W(() => `ag-group-expanded ${w.toString()}`, [w]), F = W(
+  }, []), k = W(() => `ag-cell-wrapper ${m.toString()}`, [m]), M = W(() => `ag-group-expanded ${w.toString()}`, [w]), F = W(
     () => `ag-group-contracted ${y.toString()}`,
     [y]
-  ), T = W(() => `ag-group-checkbox ${R.toString()}`, [R]), B = d?.componentFromFramework, J = B ? d.componentClass : void 0, N = d == null && p != null, re = Ho(p);
-  return /* @__PURE__ */ V.createElement(
+  ), T = W(() => `ag-group-checkbox ${R.toString()}`, [R]), V = d?.componentFromFramework, J = V ? d.componentClass : void 0, N = d == null && p != null, re = Ho(p);
+  return /* @__PURE__ */ G.createElement(
     "span",
     {
-      className: A,
+      className: k,
       ref: P,
       ...e.colDef ? {} : { role: c.current?.getCellAriaRole() }
     },
-    /* @__PURE__ */ V.createElement("span", { className: k, ref: a }),
-    /* @__PURE__ */ V.createElement("span", { className: F, ref: l }),
-    /* @__PURE__ */ V.createElement("span", { className: T, ref: r }),
-    /* @__PURE__ */ V.createElement("span", { className: "ag-group-value", ref: n }, N ? re : B ? /* @__PURE__ */ V.createElement(J, { ...d.params }) : null),
-    /* @__PURE__ */ V.createElement("span", { className: "ag-group-child-count" }, h)
+    /* @__PURE__ */ G.createElement("span", { className: M, ref: a }),
+    /* @__PURE__ */ G.createElement("span", { className: F, ref: l }),
+    /* @__PURE__ */ G.createElement("span", { className: T, ref: r }),
+    /* @__PURE__ */ G.createElement("span", { className: "ag-group-value", ref: n }, N ? re : V ? /* @__PURE__ */ G.createElement(J, { ...d.params }) : null),
+    /* @__PURE__ */ G.createElement("span", { className: "ag-group-child-count" }, h)
   );
 }), ou = yf, ac = Vn({
   setMethods: () => {
   }
 }), JM = (e) => {
-  const { initialProps: t, addUpdateCallback: s, CustomComponentClass: o, setMethods: i } = e, [{ key: n, ...r }, a] = M(t);
+  const { initialProps: t, addUpdateCallback: s, CustomComponentClass: o, setMethods: i } = e, [{ key: n, ...r }, a] = I(t);
   return me(() => {
     s((l) => a(l));
-  }, []), /* @__PURE__ */ V.createElement(ac.Provider, { value: { setMethods: i } }, /* @__PURE__ */ V.createElement(o, { key: n, ...r }));
+  }, []), /* @__PURE__ */ G.createElement(ac.Provider, { value: { setMethods: i } }, /* @__PURE__ */ G.createElement(o, { key: n, ...r }));
 }, eI = it(JM), tI = 0;
 function iu() {
   return `agPortalKey_${++tI}`;
@@ -44287,7 +44287,7 @@ var mI = 1e3, CI = class {
     }
   }
 }, vI = ({ ctrl: e }) => {
-  const t = e.isAlive(), { context: s } = Be(Qe), [o, i] = M(), [n, r] = M(), a = I(), l = I(null), c = I(null), d = I(null), u = I(), h = I();
+  const t = e.isAlive(), { context: s } = Be(Qe), [o, i] = I(), [n, r] = I(), a = A(), l = A(null), c = A(null), d = A(null), u = A(), h = A();
   t && !h.current && (h.current = new Ri(() => l.current));
   const g = _((C) => {
     if (l.current = C, !C || !e.isAlive() || s.isDestroyed()) {
@@ -44321,7 +44321,7 @@ var mI = 1e3, CI = class {
     e.setDragSource(l.current);
   }, [o]);
   const p = W(() => !!(o?.componentFromFramework && Bo(o.componentClass)), [o]), f = o?.componentFromFramework, m = o?.componentClass;
-  return /* @__PURE__ */ V.createElement("div", { ref: g, style: n, className: "ag-header-cell", role: "columnheader" }, /* @__PURE__ */ V.createElement("div", { ref: c, className: "ag-header-cell-resize", role: "presentation" }), /* @__PURE__ */ V.createElement("div", { ref: d, className: "ag-header-cell-comp-wrapper", role: "presentation" }, f ? p ? /* @__PURE__ */ V.createElement(m, { ...o.params }) : /* @__PURE__ */ V.createElement(m, { ...o.params, ref: u }) : null));
+  return /* @__PURE__ */ G.createElement("div", { ref: g, style: n, className: "ag-header-cell", role: "columnheader" }, /* @__PURE__ */ G.createElement("div", { ref: c, className: "ag-header-cell-resize", role: "presentation" }), /* @__PURE__ */ G.createElement("div", { ref: d, className: "ag-header-cell-comp-wrapper", role: "presentation" }, f ? p ? /* @__PURE__ */ G.createElement(m, { ...o.params }) : /* @__PURE__ */ G.createElement(m, { ...o.params, ref: u }) : null));
 }, wI = it(vI), bI = class {
   constructor(e, t) {
     this.floatingFilterParams = e, this.refreshProps = t;
@@ -44339,11 +44339,11 @@ var mI = 1e3, CI = class {
     return ["afterGuiAttached"];
   }
 }, SI = ({ ctrl: e }) => {
-  const { context: t, gos: s } = Be(Qe), [o, i] = M(), [n, r] = M(
+  const { context: t, gos: s } = Be(Qe), [o, i] = I(), [n, r] = I(
     () => new St("ag-header-cell", "ag-floating-filter")
-  ), [a, l] = M(() => new St()), [c, d] = M(
+  ), [a, l] = I(() => new St()), [c, d] = I(
     () => new St("ag-floating-filter-button", "ag-hidden")
-  ), [u, h] = M("false"), [g, p] = M(), [, f] = M(1), m = I(), C = I(null), w = I(null), b = I(null), y = I(null), S = I(), R = I(), x = ($) => {
+  ), [u, h] = I("false"), [g, p] = I(), [, f] = I(1), m = A(), C = A(null), w = A(null), b = A(null), y = A(null), S = A(), R = A(), x = ($) => {
     $ != null && S.current && S.current($);
   }, P = _(($) => {
     if (C.current = $, !$ || !e.isAlive() || t.isDestroyed()) {
@@ -44353,7 +44353,7 @@ var mI = 1e3, CI = class {
     m.current = t.createBean(new Go()), R.current = new pe((q) => {
       S.current = q;
     });
-    const H = {
+    const B = {
       toggleCss: (q, Y) => r((ee) => ee.setClass(q, Y)),
       setUserStyles: (q) => i(q),
       addOrRemoveBodyCssClass: (q, Y) => l((ee) => ee.setClass(q, Y)),
@@ -44367,32 +44367,32 @@ var mI = 1e3, CI = class {
       getFloatingFilterComp: () => R.current ? R.current : null,
       setMenuIcon: (q) => y.current?.appendChild(q)
     };
-    e.setComp(H, $, y.current, w.current, m.current);
+    e.setComp(B, $, y.current, w.current, m.current);
   }, []);
   Rt(
     () => Di(g, t, w.current, x),
     [g]
   );
-  const A = W(() => n.toString(), [n]), k = W(() => a.toString(), [a]), F = W(() => c.toString(), [c]), T = W(() => !!(g && g.componentFromFramework && Bo(g.componentClass)), [g]), B = W(() => s.get("reactiveCustomComponents"), []), J = W(() => s.get("enableFilterHandlers"), []), [N, re] = M();
+  const k = W(() => n.toString(), [n]), M = W(() => a.toString(), [a]), F = W(() => c.toString(), [c]), T = W(() => !!(g && g.componentFromFramework && Bo(g.componentClass)), [g]), V = W(() => s.get("reactiveCustomComponents"), []), J = W(() => s.get("enableFilterHandlers"), []), [N, re] = I();
   me(() => {
     if (g?.componentFromFramework)
-      if (B) {
-        const $ = J ? bI : aI, H = new $(g.params, () => f((q) => q + 1));
-        x(H), re(H);
+      if (V) {
+        const $ = J ? bI : aI, B = new $(g.params, () => f((q) => q + 1));
+        x(B), re(B);
       } else
         lc();
   }, [g]);
   const oe = N?.getProps(), O = g?.componentFromFramework, ae = g?.componentClass;
-  return /* @__PURE__ */ V.createElement("div", { ref: P, style: o, className: A, role: "gridcell" }, /* @__PURE__ */ V.createElement("div", { ref: w, className: k, role: "presentation" }, O ? B ? oe && /* @__PURE__ */ V.createElement(
+  return /* @__PURE__ */ G.createElement("div", { ref: P, style: o, className: k, role: "gridcell" }, /* @__PURE__ */ G.createElement("div", { ref: w, className: M, role: "presentation" }, O ? V ? oe && /* @__PURE__ */ G.createElement(
     ac.Provider,
     {
       value: {
         setMethods: ($) => N.setMethods($)
       }
     },
-    /* @__PURE__ */ V.createElement(ae, { ...oe })
-  ) : /* @__PURE__ */ V.createElement(ae, { ...g.params, ref: T ? () => {
-  } : x }) : null), /* @__PURE__ */ V.createElement(
+    /* @__PURE__ */ G.createElement(ae, { ...oe })
+  ) : /* @__PURE__ */ G.createElement(ae, { ...g.params, ref: T ? () => {
+  } : x }) : null), /* @__PURE__ */ G.createElement(
     "div",
     {
       ref: b,
@@ -44400,7 +44400,7 @@ var mI = 1e3, CI = class {
       className: F,
       role: "presentation"
     },
-    /* @__PURE__ */ V.createElement(
+    /* @__PURE__ */ G.createElement(
       "button",
       {
         ref: y,
@@ -44411,17 +44411,17 @@ var mI = 1e3, CI = class {
     )
   ));
 }, yI = it(SI), RI = ({ ctrl: e }) => {
-  const { context: t } = Be(Qe), [s, o] = M(), [i, n] = M(() => new St()), [r, a] = M(() => new St()), [l, c] = M("false"), [d, u] = M(), [h, g] = M(), p = I(), f = I(null), m = I(null), C = I(null), w = I(), b = _((A) => {
-    if (f.current = A, !A || !e.isAlive() || t.isDestroyed()) {
+  const { context: t } = Be(Qe), [s, o] = I(), [i, n] = I(() => new St()), [r, a] = I(() => new St()), [l, c] = I("false"), [d, u] = I(), [h, g] = I(), p = A(), f = A(null), m = A(null), C = A(null), w = A(), b = _((k) => {
+    if (f.current = k, !k || !e.isAlive() || t.isDestroyed()) {
       p.current = t.destroyBean(p.current);
       return;
     }
     p.current = t.createBean(new Go());
-    const k = {
+    const M = {
       setWidth: (F) => {
         f.current && (f.current.style.width = F);
       },
-      toggleCss: (F, T) => n((B) => B.setClass(F, T)),
+      toggleCss: (F, T) => n((V) => V.setClass(F, T)),
       setUserStyles: (F) => o(F),
       setHeaderWrapperHidden: (F) => {
         const T = C.current;
@@ -44438,7 +44438,7 @@ var mI = 1e3, CI = class {
       setAriaExpanded: (F) => u(F),
       getUserCompInstance: () => w.current || void 0
     };
-    e.setComp(k, A, m.current, C.current, p.current);
+    e.setComp(M, k, m.current, C.current, p.current);
   }, []);
   Rt(() => Di(h, t, C.current), [h]), me(() => {
     f.current && e.setDragSource(f.current);
@@ -44447,9 +44447,9 @@ var mI = 1e3, CI = class {
     () => "ag-header-cell-resize " + r.toString(),
     [r]
   ), x = h?.componentFromFramework, P = h?.componentClass;
-  return /* @__PURE__ */ V.createElement("div", { ref: b, style: s, className: S, role: "columnheader", "aria-expanded": d }, /* @__PURE__ */ V.createElement("div", { ref: C, className: "ag-header-cell-comp-wrapper", role: "presentation" }, x ? y ? /* @__PURE__ */ V.createElement(P, { ...h.params }) : /* @__PURE__ */ V.createElement(P, { ...h.params, ref: w }) : null), /* @__PURE__ */ V.createElement("div", { ref: m, "aria-hidden": l, className: R }));
+  return /* @__PURE__ */ G.createElement("div", { ref: b, style: s, className: S, role: "columnheader", "aria-expanded": d }, /* @__PURE__ */ G.createElement("div", { ref: C, className: "ag-header-cell-comp-wrapper", role: "presentation" }, x ? y ? /* @__PURE__ */ G.createElement(P, { ...h.params }) : /* @__PURE__ */ G.createElement(P, { ...h.params, ref: w }) : null), /* @__PURE__ */ G.createElement("div", { ref: m, "aria-hidden": l, className: R }));
 }, xI = it(RI), FI = ({ ctrl: e }) => {
-  const { gos: t, context: s } = Be(Qe), { topOffset: o, rowHeight: i } = W(() => e.getTopAndHeight(), []), n = W(() => t.get("tabIndex"), []), [r, a] = M(() => e.getAriaRowIndex()), l = e.headerRowClass, [c, d] = M(() => i + "px"), [u, h] = M(() => o + "px"), g = I(null), [p, f] = M(() => e.getUpdatedHeaderCtrls()), m = I(), C = I(null), w = _((S) => {
+  const { gos: t, context: s } = Be(Qe), { topOffset: o, rowHeight: i } = W(() => e.getTopAndHeight(), []), n = W(() => t.get("tabIndex"), []), [r, a] = I(() => e.getAriaRowIndex()), l = e.headerRowClass, [c, d] = I(() => i + "px"), [u, h] = I(() => o + "px"), g = A(null), [p, f] = I(() => e.getUpdatedHeaderCtrls()), m = A(), C = A(null), w = _((S) => {
     if (C.current = S, !S || !e.isAlive() || s.isDestroyed()) {
       m.current = s.destroyBean(m.current);
       return;
@@ -44458,9 +44458,9 @@ var mI = 1e3, CI = class {
     const R = {
       setHeight: (x) => d(x),
       setTop: (x) => h(x),
-      setHeaderCtrls: (x, P, A) => {
-        const k = g.current, F = Gn(k, x, P);
-        F !== k && (g.current = F, bi(A, () => f(F)));
+      setHeaderCtrls: (x, P, k) => {
+        const M = g.current, F = Gn(M, x, P);
+        F !== M && (g.current = F, bi(k, () => f(F)));
       },
       setWidth: (x) => {
         C.current && (C.current.style.width = x);
@@ -44479,14 +44479,14 @@ var mI = 1e3, CI = class {
   ), y = _((S) => {
     switch (e.type) {
       case "group":
-        return /* @__PURE__ */ V.createElement(xI, { ctrl: S, key: S.instanceId });
+        return /* @__PURE__ */ G.createElement(xI, { ctrl: S, key: S.instanceId });
       case "filter":
-        return /* @__PURE__ */ V.createElement(yI, { ctrl: S, key: S.instanceId });
+        return /* @__PURE__ */ G.createElement(yI, { ctrl: S, key: S.instanceId });
       default:
-        return /* @__PURE__ */ V.createElement(wI, { ctrl: S, key: S.instanceId });
+        return /* @__PURE__ */ G.createElement(wI, { ctrl: S, key: S.instanceId });
     }
   }, []);
-  return /* @__PURE__ */ V.createElement(
+  return /* @__PURE__ */ G.createElement(
     "div",
     {
       ref: w,
@@ -44499,7 +44499,7 @@ var mI = 1e3, CI = class {
     p.map(y)
   );
 }, EI = it(FI), PI = ({ pinned: e }) => {
-  const [t, s] = M(!0), [o, i] = M([]), { context: n } = Be(Qe), r = I(null), a = I(null), l = I(), c = e === "left", d = e === "right", u = !c && !d, h = _((f) => {
+  const [t, s] = I(!0), [o, i] = I([]), { context: n } = Be(Qe), r = A(null), a = A(null), l = A(), c = e === "left", d = e === "right", u = !c && !d, h = _((f) => {
     if (r.current = f, !f || n.isDestroyed()) {
       l.current = n.destroyBean(l.current);
       return;
@@ -44521,10 +44521,10 @@ var mI = 1e3, CI = class {
       }
     };
     l.current.setComp(m, r.current);
-  }, []), g = t ? "" : "ag-hidden", p = () => o.map((f) => /* @__PURE__ */ V.createElement(EI, { ctrl: f, key: f.instanceId }));
-  return c ? /* @__PURE__ */ V.createElement("div", { ref: h, className: "ag-pinned-left-header " + g, "aria-hidden": !t, role: "rowgroup" }, p()) : d ? /* @__PURE__ */ V.createElement("div", { ref: h, className: "ag-pinned-right-header " + g, "aria-hidden": !t, role: "rowgroup" }, p()) : u ? /* @__PURE__ */ V.createElement("div", { ref: h, className: "ag-header-viewport " + g, role: "rowgroup", tabIndex: -1 }, /* @__PURE__ */ V.createElement("div", { ref: a, className: "ag-header-container", role: "presentation" }, p())) : null;
+  }, []), g = t ? "" : "ag-hidden", p = () => o.map((f) => /* @__PURE__ */ G.createElement(EI, { ctrl: f, key: f.instanceId }));
+  return c ? /* @__PURE__ */ G.createElement("div", { ref: h, className: "ag-pinned-left-header " + g, "aria-hidden": !t, role: "rowgroup" }, p()) : d ? /* @__PURE__ */ G.createElement("div", { ref: h, className: "ag-pinned-right-header " + g, "aria-hidden": !t, role: "rowgroup" }, p()) : u ? /* @__PURE__ */ G.createElement("div", { ref: h, className: "ag-header-viewport " + g, role: "rowgroup", tabIndex: -1 }, /* @__PURE__ */ G.createElement("div", { ref: a, className: "ag-header-container", role: "presentation" }, p())) : null;
 }, $r = it(PI), DI = () => {
-  const [e, t] = M(() => new St()), [s, o] = M(), { context: i } = Be(Qe), n = I(null), r = I(), a = _((d) => {
+  const [e, t] = I(() => new St()), [s, o] = I(), { context: i } = Be(Qe), n = A(null), r = A(), a = _((d) => {
     if (n.current = d, !d || i.isDestroyed()) {
       r.current = i.destroyBean(r.current);
       return;
@@ -44542,7 +44542,7 @@ var mI = 1e3, CI = class {
     }),
     [s]
   );
-  return /* @__PURE__ */ V.createElement("div", { ref: a, className: l, style: c, role: "presentation" }, /* @__PURE__ */ V.createElement($r, { pinned: "left" }), /* @__PURE__ */ V.createElement($r, { pinned: null }), /* @__PURE__ */ V.createElement($r, { pinned: "right" }));
+  return /* @__PURE__ */ G.createElement("div", { ref: a, className: l, style: c, role: "presentation" }, /* @__PURE__ */ G.createElement($r, { pinned: "left" }), /* @__PURE__ */ G.createElement($r, { pinned: null }), /* @__PURE__ */ G.createElement($r, { pinned: "right" }));
 }, TI = it(DI), MI = (e, t) => {
   me(() => {
     const s = t.current;
@@ -44600,12 +44600,12 @@ var mI = 1e3, CI = class {
     this.value = e, this.refreshProps();
   }
 }, AI = (e) => {
-  const t = I(e), s = I(), o = I(!1), i = I(!1), [, n] = M(0);
+  const t = A(e), s = A(), o = A(!1), i = A(!1), [, n] = I(0);
   o.current && (i.current = !0), me(() => (o.current || (s.current = t.current(), o.current = !0), n((r) => r + 1), () => {
     i.current && s.current?.();
   }), []);
 }, kI = (e) => {
-  const [t, s] = M(), o = Be(Qe), { context: i, popupSvc: n, gos: r, editSvc: a } = o, { editDetails: l, cellCtrl: c, eParentCell: d } = e;
+  const [t, s] = I(), o = Be(Qe), { context: i, popupSvc: n, gos: r, editSvc: a } = o, { editDetails: l, cellCtrl: c, eParentCell: d } = e;
   return AI(() => {
     const { compDetails: u } = l, h = r.get("stopEditingWhenCellsLoseFocus");
     let g, p;
@@ -44647,18 +44647,18 @@ var mI = 1e3, CI = class {
   const { compProxy: o } = e;
   s(o);
   const i = o.getProps(), n = Bo(t);
-  return /* @__PURE__ */ V.createElement(
+  return /* @__PURE__ */ G.createElement(
     ac.Provider,
     {
       value: {
         setMethods: (r) => o.setMethods(r)
       }
     },
-    n ? /* @__PURE__ */ V.createElement(t, { ...i }) : /* @__PURE__ */ V.createElement(t, { ...i, ref: (r) => o.setRef(r) })
+    n ? /* @__PURE__ */ G.createElement(t, { ...i }) : /* @__PURE__ */ G.createElement(t, { ...i, ref: (r) => o.setRef(r) })
   );
-}, ru = (e, t, s) => e.compProxy ? LI(e, t, s) : /* @__PURE__ */ V.createElement(t, { ...e.compDetails.params, ref: s }), OI = (e, t, s, o, i) => {
+}, ru = (e, t, s) => e.compProxy ? LI(e, t, s) : /* @__PURE__ */ G.createElement(t, { ...e.compDetails.params, ref: s }), OI = (e, t, s, o, i) => {
   const n = e.compDetails, r = n.componentClass, a = n.componentFromFramework && !e.popup, l = n.componentFromFramework && e.popup, c = !n.componentFromFramework && e.popup;
-  return a ? ru(e, r, t) : l ? /* @__PURE__ */ V.createElement(
+  return a ? ru(e, r, t) : l ? /* @__PURE__ */ G.createElement(
     nu,
     {
       editDetails: e,
@@ -44666,7 +44666,7 @@ var mI = 1e3, CI = class {
       eParentCell: s,
       wrappedContent: ru(e, r, t)
     }
-  ) : c && i ? /* @__PURE__ */ V.createElement(nu, { editDetails: e, cellCtrl: o, eParentCell: s, jsChildComp: i }) : null;
+  ) : c && i ? /* @__PURE__ */ G.createElement(nu, { editDetails: e, cellCtrl: o, eParentCell: s, jsChildComp: i }) : null;
 }, NI = (e, t, s, o, i, n) => {
   const { context: r } = Be(Qe), a = _(() => {
     const l = i.current;
@@ -44701,7 +44701,7 @@ var mI = 1e3, CI = class {
   cellCtrl: e,
   parent: t
 }) => {
-  const s = I(), o = W(() => {
+  const s = A(), o = W(() => {
     const { loadingComp: i } = e.getDeferLoadingCellRenderer();
     return i ? {
       value: void 0,
@@ -44711,9 +44711,9 @@ var mI = 1e3, CI = class {
   }, [e]);
   if (Ff(o, !1, void 0, 1, s, t), o?.compDetails?.componentFromFramework) {
     const i = o.compDetails.componentClass;
-    return /* @__PURE__ */ V.createElement(i, { ...o.compDetails.params });
+    return /* @__PURE__ */ G.createElement(i, { ...o.compDetails.params });
   }
-  return /* @__PURE__ */ V.createElement(V.Fragment, null);
+  return /* @__PURE__ */ G.createElement(G.Fragment, null);
 }, GI = ({
   cellCtrl: e,
   printLayout: t,
@@ -44722,9 +44722,9 @@ var mI = 1e3, CI = class {
   const o = Be(Qe), { context: i } = o, {
     column: { colIdSanitised: n },
     instanceId: r
-  } = e, a = I(), [l, c] = M(
+  } = e, a = A(), [l, c] = I(
     () => e.isCellRenderer() ? void 0 : { compDetails: void 0, value: e.getValueToDisplay(), force: !1 }
-  ), [d, u] = M(), [h, g] = M(1), [p, f] = M(), [m, C] = M(!1), [w, b] = M(!1), [y, S] = M(!1), [R, x] = M(), P = W(() => e.isForceWrapper(), [e]), A = W(() => e.getCellAriaRole(), [e]), k = I(null), F = I(null), T = I(null), B = I(), J = I(), N = I(), re = I([]), oe = I(), O = I(), [ae, $] = M(0), H = _((ue) => {
+  ), [d, u] = I(), [h, g] = I(1), [p, f] = I(), [m, C] = I(!1), [w, b] = I(!1), [y, S] = I(!1), [R, x] = I(), P = W(() => e.isForceWrapper(), [e]), k = W(() => e.getCellAriaRole(), [e]), M = A(null), F = A(null), T = A(null), V = A(), J = A(), N = A(), re = A([]), oe = A(), O = A(), [ae, $] = I(0), B = _((ue) => {
     O.current = ue, $((ye) => ye + 1);
   }, []), q = l != null && (m || y || w) && (d == null || !!d.popup), Y = P || q, ee = W(() => e.getCellValueClass(), [e]), ge = _(
     (ue) => {
@@ -44736,9 +44736,9 @@ var mI = 1e3, CI = class {
       }
     },
     [e]
-  ), G = I();
-  G.current || (G.current = new Ri(() => k.current)), Ff(l, Y, O.current, ae, B, k);
-  const se = I();
+  ), H = A();
+  H.current || (H.current = new Ri(() => M.current)), Ff(l, Y, O.current, ae, V, M);
+  const se = A();
   Rt(() => {
     const ue = se.current, ye = l;
     if (se.current = l, ue == null || ue.compDetails == null || ye == null || ye.compDetails == null)
@@ -44756,7 +44756,7 @@ var mI = 1e3, CI = class {
       if (!de)
         return;
       const ve = de.getGui();
-      ge(de), _e || ((P ? N : k).current?.appendChild(ve), de.afterGuiAttached?.()), x(de);
+      ge(de), _e || ((P ? N : M).current?.appendChild(ve), de.afterGuiAttached?.()), x(de);
     }), () => {
       qe.then((de) => {
         const ve = de.getGui();
@@ -44783,22 +44783,22 @@ var mI = 1e3, CI = class {
     },
     [e, i, y, w, m]
   ), xe = _(() => {
-    const ue = !e.isCellSpanning() || F.current, ye = k.current;
+    const ue = !e.isCellSpanning() || F.current, ye = M.current;
     if (!ye || !ue || !e || !e.isAlive() || i.isDestroyed()) {
       a.current = i.destroyBean(a.current);
       return;
     }
     a.current = i.createBean(new Go());
     const _e = {
-      toggleCss: (de, ve) => G.current.toggleCss(de, ve),
+      toggleCss: (de, ve) => H.current.toggleCss(de, ve),
       setUserStyles: (de) => f(de),
-      getFocusableElement: () => k.current,
+      getFocusableElement: () => M.current,
       setIncludeSelection: (de) => C(de),
       setIncludeRowDrag: (de) => b(de),
       setIncludeDndSource: (de) => S(de),
       getCellEditor: () => J.current ?? null,
-      getCellRenderer: () => T.current ?? B.current,
-      getParentOfValue: () => O.current ?? N.current ?? k.current,
+      getCellRenderer: () => T.current ?? V.current,
+      getParentOfValue: () => O.current ?? N.current ?? M.current,
       setRenderDetails: (de, ve, Xe) => {
         const is = () => {
           c((Ue) => Ue?.compDetails !== de || Ue?.value !== ve || Ue?.force !== Xe ? {
@@ -44836,9 +44836,9 @@ var mI = 1e3, CI = class {
           e.hasBrowserFocus() && _e.getFocusableElement().focus({ preventScroll: !0 }), J.current = void 0, u(void 0);
       },
       refreshEditStyles: (de, ve) => {
-        if (!k.current)
+        if (!M.current)
           return;
-        const { current: Xe } = G;
+        const { current: Xe } = H;
         Xe.toggleCss("ag-cell-value", !Y), Xe.toggleCss("ag-cell-inline-editing", !!de && !ve), Xe.toggleCss("ag-cell-popup-editing", !!de && !!ve), Xe.toggleCss("ag-cell-not-inline-editing", !de || !!ve);
       }
     }, qe = N.current || void 0;
@@ -44852,14 +44852,14 @@ var mI = 1e3, CI = class {
       a.current
     );
   }, []), z = _((ue) => {
-    k.current = ue, xe();
+    M.current = ue, xe();
   }, []), Ce = _((ue) => {
     F.current = ue, xe();
   }, []), Re = W(() => !!(l?.compDetails?.componentFromFramework && Bo(l.compDetails.componentClass)), [l]);
   Rt(() => {
-    if (!k.current)
+    if (!M.current)
       return;
-    const { current: ue } = G;
+    const { current: ue } = H;
     ue.toggleCss("ag-cell-value", !Y), ue.toggleCss("ag-cell-inline-editing", !!d && !d.popup), ue.toggleCss("ag-cell-popup-editing", !!d && !!d.popup), ue.toggleCss("ag-cell-not-inline-editing", !d || !!d.popup);
   });
   const nt = () => {
@@ -44868,30 +44868,30 @@ var mI = 1e3, CI = class {
       return ye?.toString?.() ?? ye;
     if (ue.componentFromFramework) {
       const _e = ue.componentClass;
-      return /* @__PURE__ */ V.createElement(Yf, { fallback: /* @__PURE__ */ V.createElement(HI, { cellCtrl: e, parent: k }) }, Re ? /* @__PURE__ */ V.createElement(_e, { ...ue.params, key: h }) : /* @__PURE__ */ V.createElement(_e, { ...ue.params, key: h, ref: T }));
+      return /* @__PURE__ */ G.createElement(Yf, { fallback: /* @__PURE__ */ G.createElement(HI, { cellCtrl: e, parent: M }) }, Re ? /* @__PURE__ */ G.createElement(_e, { ...ue.params, key: h }) : /* @__PURE__ */ G.createElement(_e, { ...ue.params, key: h, ref: T }));
     }
   }, zt = () => {
-    const ue = () => l == null ? null : Y ? /* @__PURE__ */ V.createElement("span", { role: "presentation", id: `cell-${r}`, className: ee, ref: H }, nt()) : nt(), ye = (_e) => OI(_e, ge, k.current, e, R);
-    return d != null ? d.popup ? /* @__PURE__ */ V.createElement(V.Fragment, null, ue(), ye(d)) : ye(d) : ue();
-  }, os = () => /* @__PURE__ */ V.createElement("div", { ref: z, style: p, role: A, "col-id": n }, Y ? /* @__PURE__ */ V.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: He }, zt()) : zt());
-  return e.isCellSpanning() ? /* @__PURE__ */ V.createElement("div", { ref: Ce, className: "ag-spanned-cell-wrapper", role: "presentation" }, os()) : os();
+    const ue = () => l == null ? null : Y ? /* @__PURE__ */ G.createElement("span", { role: "presentation", id: `cell-${r}`, className: ee, ref: B }, nt()) : nt(), ye = (_e) => OI(_e, ge, M.current, e, R);
+    return d != null ? d.popup ? /* @__PURE__ */ G.createElement(G.Fragment, null, ue(), ye(d)) : ye(d) : ue();
+  }, os = () => /* @__PURE__ */ G.createElement("div", { ref: z, style: p, role: k, "col-id": n }, Y ? /* @__PURE__ */ G.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: He }, zt()) : zt());
+  return e.isCellSpanning() ? /* @__PURE__ */ G.createElement("div", { ref: Ce, className: "ag-spanned-cell-wrapper", role: "presentation" }, os()) : os();
 }, VI = it(GI), BI = ({ rowCtrl: e, containerType: t }) => {
-  const { context: s, gos: o, editSvc: i } = Be(Qe), n = Be(wf) === "default", r = I(), a = I(e.getDomOrder()), l = e.isFullWidth(), c = e.rowNode.displayed, [d, u] = M(
+  const { context: s, gos: o, editSvc: i } = Be(Qe), n = Be(wf) === "default", r = A(), a = A(e.getDomOrder()), l = e.isFullWidth(), c = e.rowNode.displayed, [d, u] = I(
     () => c ? e.rowNode.getRowIndexString() : null
-  ), [h, g] = M(() => e.rowId), [p, f] = M(() => e.businessKey), [m, C] = M(() => e.rowStyles), w = I(null), [b, y] = M(() => null), [S, R] = M(), [x, P] = M(
+  ), [h, g] = I(() => e.rowId), [p, f] = I(() => e.businessKey), [m, C] = I(() => e.rowStyles), w = A(null), [b, y] = I(() => null), [S, R] = I(), [x, P] = I(
     () => c ? e.getInitialRowTop(t) : void 0
-  ), [A, k] = M(
+  ), [k, M] = I(
     () => c ? e.getInitialTransform(t) : void 0
-  ), F = I(null), T = I(), B = I(), J = I(!1), [N, re] = M(0);
+  ), F = A(null), T = A(), V = A(), J = A(!1), [N, re] = I(0);
   me(() => {
     if (J.current || !S || N > 10)
       return;
     const z = F.current?.firstChild;
     z ? (e.setupDetailRowAutoHeight(z), J.current = !0) : re((Ce) => Ce + 1);
   }, [S, N]);
-  const oe = I();
+  const oe = A();
   oe.current || (oe.current = new Ri(() => F.current));
-  const O = I(() => {
+  const O = A(() => {
   }), ae = _((z) => (O.current = z, () => {
     O.current = () => {
     };
@@ -44899,7 +44899,7 @@ var mI = 1e3, CI = class {
     ae,
     () => w.current,
     []
-  ), H = n ? $ : b, q = _((z) => {
+  ), B = n ? $ : b, q = _((z) => {
     if (F.current = z, r.current = z ? s.createBean(new Go()) : s.destroyBean(r.current), !z) {
       e.unsetComp(t);
       return;
@@ -44910,7 +44910,7 @@ var mI = 1e3, CI = class {
       // the rowTop is managed by state, instead of direct style manipulation by rowCtrl (like all the other styles)
       // as we need to have an initial value when it's placed into he DOM for the first time, for animation to work.
       setTop: P,
-      setTransform: k,
+      setTransform: M,
       // i found using React for managing classes at the row level was to slow, as modifying classes caused a lot of
       // React code to execute, so avoiding React for managing CSS Classes made the grid go much faster.
       toggleCss: (Re, nt) => oe.current.toggleCss(Re, nt),
@@ -44926,13 +44926,13 @@ var mI = 1e3, CI = class {
         os !== zt && (w.current = os, n ? O.current() : bi(nt, () => y(os)));
       },
       showFullWidth: (Re) => {
-        B.current = Re.params, R(Re);
+        V.current = Re.params, R(Re);
       },
       getFullWidthCellRenderer: () => T.current,
-      getFullWidthCellRendererParams: () => B.current,
+      getFullWidthCellRendererParams: () => V.current,
       refreshFullWidth: (Re) => {
         const nt = Re();
-        return B.current = nt, se.current ? (R((zt) => ({
+        return V.current = nt, se.current ? (R((zt) => ({
           ...zt,
           params: nt
         })), !0) : !T.current || !T.current.refresh ? !1 : T.current.refresh(nt);
@@ -44945,13 +44945,13 @@ var mI = 1e3, CI = class {
     [S]
   );
   const Y = W(() => {
-    const z = { top: x, transform: A };
+    const z = { top: x, transform: k };
     return Object.assign(z, m), z;
-  }, [x, A, m]), ee = l && S?.componentFromFramework, ge = !l && H != null, G = W(() => !!(S?.componentFromFramework && Bo(S.componentClass)), [S]), se = I(!1);
+  }, [x, k, m]), ee = l && S?.componentFromFramework, ge = !l && B != null, H = W(() => !!(S?.componentFromFramework && Bo(S.componentClass)), [S]), se = A(!1);
   me(() => {
-    se.current = G && !!S && !!o.get("reactiveCustomComponents");
-  }, [G, S]);
-  const He = () => H?.map((z) => /* @__PURE__ */ V.createElement(
+    se.current = H && !!S && !!o.get("reactiveCustomComponents");
+  }, [H, S]);
+  const He = () => B?.map((z) => /* @__PURE__ */ G.createElement(
     VI,
     {
       cellCtrl: z,
@@ -44961,9 +44961,9 @@ var mI = 1e3, CI = class {
     }
   )), xe = () => {
     const z = S.componentClass;
-    return G ? /* @__PURE__ */ V.createElement(z, { ...S.params }) : /* @__PURE__ */ V.createElement(z, { ...S.params, ref: T });
+    return H ? /* @__PURE__ */ G.createElement(z, { ...S.params }) : /* @__PURE__ */ G.createElement(z, { ...S.params, ref: T });
   };
-  return /* @__PURE__ */ V.createElement(
+  return /* @__PURE__ */ G.createElement(
     "div",
     {
       ref: q,
@@ -44976,12 +44976,12 @@ var mI = 1e3, CI = class {
     ge ? He() : ee ? xe() : null
   );
 }, au = it(BI), zI = ({ name: e }) => {
-  const { context: t, gos: s } = Be(Qe), o = W(() => Fi(e), [e]), i = I(null), n = I(null), r = I(null), a = I([]), l = I([]), [c, d] = M(() => []), u = !!s.get("enableCellSpan") && !!o.getSpannedRowCtrls, h = I([]), g = I([]), [p, f] = M(() => []), m = I(!1), C = I(), w = W(() => mt("ag-viewport", _g(e)), [e]), b = W(() => mt(tn(e)), [e]), y = W(() => mt("ag-spanning-container", PR(e)), [e]), S = o.type === "center" || u, R = S ? i : n;
+  const { context: t, gos: s } = Be(Qe), o = W(() => Fi(e), [e]), i = A(null), n = A(null), r = A(null), a = A([]), l = A([]), [c, d] = I(() => []), u = !!s.get("enableCellSpan") && !!o.getSpannedRowCtrls, h = A([]), g = A([]), [p, f] = I(() => []), m = A(!1), C = A(), w = W(() => mt("ag-viewport", _g(e)), [e]), b = W(() => mt(tn(e)), [e]), y = W(() => mt("ag-spanning-container", PR(e)), [e]), S = o.type === "center" || u, R = S ? i : n;
   Ps(" AG Row Container " + e + " ", R);
   const x = _(() => {
     const N = !S || i.current != null, re = n.current != null, oe = !u || r.current != null;
     return N && re && oe;
-  }, []), P = _(() => i.current == null && n.current == null && r.current == null, []), A = _(() => {
+  }, []), P = _(() => i.current == null && n.current == null && r.current == null, []), k = _(() => {
     if (P() && (C.current = t.destroyBean(C.current)), !t.isDestroyed() && x()) {
       const N = (O) => {
         const ae = Gn(
@@ -45029,49 +45029,49 @@ var mI = 1e3, CI = class {
         i.current
       );
     }
-  }, [x, P]), k = _(
+  }, [x, P]), M = _(
     (N) => {
-      n.current = N, A();
+      n.current = N, k();
     },
-    [A]
+    [k]
   ), F = _(
     (N) => {
-      r.current = N, A();
+      r.current = N, k();
     },
-    [A]
+    [k]
   ), T = _(
     (N) => {
-      i.current = N, A();
+      i.current = N, k();
     },
-    [A]
-  ), B = () => /* @__PURE__ */ V.createElement(
+    [k]
+  ), V = () => /* @__PURE__ */ G.createElement(
     "div",
     {
       className: b,
-      ref: k,
+      ref: M,
       role: S ? "presentation" : "rowgroup"
     },
-    c.map((N) => /* @__PURE__ */ V.createElement(au, { rowCtrl: N, containerType: o.type, key: N.instanceId }))
+    c.map((N) => /* @__PURE__ */ G.createElement(au, { rowCtrl: N, containerType: o.type, key: N.instanceId }))
   );
   if (!S)
-    return B();
-  const J = () => /* @__PURE__ */ V.createElement("div", { className: y, ref: F, role: "presentation" }, p.map((N) => /* @__PURE__ */ V.createElement(au, { rowCtrl: N, containerType: o.type, key: N.instanceId })));
-  return /* @__PURE__ */ V.createElement("div", { className: w, ref: T, role: "rowgroup" }, B(), u ? J() : null);
+    return V();
+  const J = () => /* @__PURE__ */ G.createElement("div", { className: y, ref: F, role: "presentation" }, p.map((N) => /* @__PURE__ */ G.createElement(au, { rowCtrl: N, containerType: o.type, key: N.instanceId })));
+  return /* @__PURE__ */ G.createElement("div", { className: w, ref: T, role: "rowgroup" }, V(), u ? J() : null);
 }, WI = it(zI), _I = () => {
-  const e = Be(Qe), { context: t, overlays: s } = e, [o, i] = M(""), [n, r] = M(0), [a, l] = M(0), [c, d] = M("0px"), [u, h] = M("0px"), [g, p] = M("100%"), [f, m] = M("0px"), [C, w] = M("0px"), [b, y] = M("100%"), [S, R] = M(!0), [x, P] = M(!0), [A, k] = M(null), [F, T] = M(""), [B, J] = M(null), [N, re] = M("ag-layout-normal"), oe = I();
+  const e = Be(Qe), { context: t, overlays: s } = e, [o, i] = I(""), [n, r] = I(0), [a, l] = I(0), [c, d] = I("0px"), [u, h] = I("0px"), [g, p] = I("100%"), [f, m] = I("0px"), [C, w] = I("0px"), [b, y] = I("100%"), [S, R] = I(!0), [x, P] = I(!0), [k, M] = I(null), [F, T] = I(""), [V, J] = I(null), [N, re] = I("ag-layout-normal"), oe = A();
   oe.current || (oe.current = new Ri(() => O.current));
-  const O = I(null), ae = I(null), $ = I(null), H = I(null), q = I(null), Y = I(null), ee = I(null), ge = I([]), G = I([]);
+  const O = A(null), ae = A(null), $ = A(null), B = A(null), q = A(null), Y = A(null), ee = A(null), ge = A([]), H = A([]);
   Ps(" AG Grid Body ", O), Ps(" AG Pinned Top ", ae), Ps(" AG Sticky Top ", $), Ps(" AG Middle ", Y), Ps(" AG Pinned Bottom ", ee);
   const se = _((ve) => {
     if (O.current = ve, !ve || t.isDestroyed()) {
       ge.current = t.destroyBeans(ge.current);
-      for (const Le of G.current)
+      for (const Le of H.current)
         Le();
-      G.current = [];
+      H.current = [];
       return;
     }
     const Xe = (Le, ct) => {
-      Le.appendChild(ct), G.current.push(() => ct.remove());
+      Le.appendChild(ct), H.current.push(() => ct.remove());
     }, is = (Le) => {
       const ct = t.createBean(new Le());
       return ge.current.push(ct), ct;
@@ -45098,7 +45098,7 @@ var mI = 1e3, CI = class {
       setBottomInvisible: P,
       setColumnMovingCss: (Le, ct) => oe.current.toggleCss(Le, ct),
       updateLayoutClasses: re,
-      setAlwaysVerticalScrollClass: k,
+      setAlwaysVerticalScrollClass: M,
       setPinnedTopBottomOverflowY: T,
       setCellSelectableCss: (Le, ct) => J(ct ? Le : null),
       setBodyViewportWidth: (Le) => {
@@ -45107,7 +45107,7 @@ var mI = 1e3, CI = class {
       registerBodyViewportResizeListener: (Le) => {
         if (Y.current) {
           const ct = es(e, Y.current, Le);
-          G.current.push(() => ct());
+          H.current.push(() => ct());
         }
       },
       setStickyBottomHeight: m,
@@ -45122,26 +45122,26 @@ var mI = 1e3, CI = class {
       ae.current,
       ee.current,
       $.current,
-      H.current
+      B.current
     );
   }, []), He = W(() => mt("ag-root", "ag-unselectable", N), [N]), xe = W(
     () => mt(
       "ag-body-viewport",
       o,
       N,
-      A,
-      B
+      k,
+      V
     ),
-    [o, N, A, B]
+    [o, N, k, V]
   ), z = W(() => mt("ag-body", N), [N]), Ce = W(
-    () => mt("ag-floating-top", S ? "ag-invisible" : null, B),
-    [B, S]
-  ), Re = W(() => mt("ag-sticky-top", B), [B]), nt = W(
-    () => mt("ag-sticky-bottom", f === "0px" ? "ag-invisible" : null, B),
-    [B, f]
+    () => mt("ag-floating-top", S ? "ag-invisible" : null, V),
+    [V, S]
+  ), Re = W(() => mt("ag-sticky-top", V), [V]), nt = W(
+    () => mt("ag-sticky-bottom", f === "0px" ? "ag-invisible" : null, V),
+    [V, f]
   ), zt = W(
-    () => mt("ag-floating-bottom", x ? "ag-invisible" : null, B),
-    [B, x]
+    () => mt("ag-floating-bottom", x ? "ag-invisible" : null, V),
+    [V, x]
   ), os = W(
     () => ({
       height: n,
@@ -45170,18 +45170,18 @@ var mI = 1e3, CI = class {
       overflowY: F
     }),
     [a, F]
-  ), qe = (ve) => /* @__PURE__ */ V.createElement(WI, { name: ve, key: `${ve}-container` }), de = ({
+  ), qe = (ve) => /* @__PURE__ */ G.createElement(WI, { name: ve, key: `${ve}-container` }), de = ({
     section: ve,
     children: Xe,
     className: is,
     style: Ue
-  }) => /* @__PURE__ */ V.createElement("div", { ref: ve, className: is, role: "presentation", style: Ue }, Xe.map(qe));
-  return /* @__PURE__ */ V.createElement("div", { ref: se, className: He }, /* @__PURE__ */ V.createElement(TI, null), de({
+  }) => /* @__PURE__ */ G.createElement("div", { ref: ve, className: is, role: "presentation", style: Ue }, Xe.map(qe));
+  return /* @__PURE__ */ G.createElement("div", { ref: se, className: He }, /* @__PURE__ */ G.createElement(TI, null), de({
     section: ae,
     className: Ce,
     style: os,
     children: ["topLeft", "topCenter", "topRight", "topFullWidth"]
-  }), /* @__PURE__ */ V.createElement("div", { className: z, ref: q, role: "presentation" }, de({
+  }), /* @__PURE__ */ G.createElement("div", { className: z, ref: q, role: "presentation" }, de({
     section: Y,
     className: xe,
     children: ["left", "center", "right", "fullWidth"]
@@ -45191,7 +45191,7 @@ var mI = 1e3, CI = class {
     style: ue,
     children: ["stickyTopLeft", "stickyTopCenter", "stickyTopRight", "stickyTopFullWidth"]
   }), de({
-    section: H,
+    section: B,
     className: nt,
     style: ye,
     children: ["stickyBottomLeft", "stickyBottomCenter", "stickyBottomRight", "stickyBottomFullWidth"]
@@ -45202,7 +45202,7 @@ var mI = 1e3, CI = class {
     children: ["bottomLeft", "bottomCenter", "bottomRight", "bottomFullWidth"]
   }));
 }, UI = it(_I), $I = (e, t) => {
-  const { children: s, eFocusableElement: o, onTabKeyDown: i, gridCtrl: n, forceFocusOutWhenTabGuardsAreEmpty: r, isEmpty: a } = e, { context: l } = Be(Qe), c = I(null), d = I(null), u = I(), h = (C) => {
+  const { children: s, eFocusableElement: o, onTabKeyDown: i, gridCtrl: n, forceFocusOutWhenTabGuardsAreEmpty: r, isEmpty: a } = e, { context: l } = Be(Qe), c = A(null), d = A(null), u = A(), h = (C) => {
     const w = C == null ? void 0 : parseInt(C, 10).toString();
     for (const b of [c, d])
       w === void 0 ? b.current?.removeAttribute("tabindex") : b.current?.setAttribute("tabindex", w);
@@ -45247,7 +45247,7 @@ var mI = 1e3, CI = class {
     [g]
   ), m = (C) => {
     const w = C === "top" ? yo.TAB_GUARD_TOP : yo.TAB_GUARD_BOTTOM;
-    return /* @__PURE__ */ V.createElement(
+    return /* @__PURE__ */ G.createElement(
       "div",
       {
         className: `${yo.TAB_GUARD} ${w}`,
@@ -45256,17 +45256,17 @@ var mI = 1e3, CI = class {
       }
     );
   };
-  return /* @__PURE__ */ V.createElement(V.Fragment, null, m("top"), s, m("bottom"));
+  return /* @__PURE__ */ G.createElement(G.Fragment, null, m("top"), s, m("bottom"));
 }, jI = Xa($I), KI = it(jI), qI = ({ context: e }) => {
-  const [t, s] = M(""), [o, i] = M(""), [n, r] = M(null), [a, l] = M(null), [c, d] = M(!1), [u, h] = M(), g = I(), p = I(null), f = I(), [m, C] = M(null), w = I(() => {
-  }), b = I(), y = I([]), S = _(() => {
+  const [t, s] = I(""), [o, i] = I(""), [n, r] = I(null), [a, l] = I(null), [c, d] = I(!1), [u, h] = I(), g = A(), p = A(null), f = A(), [m, C] = I(null), w = A(() => {
+  }), b = A(), y = A([]), S = _(() => {
   }, []);
   Ps(" AG Grid ", p);
   const R = _((T) => {
     if (p.current = T, g.current = T ? e.createBean(new _2()) : e.destroyBean(g.current), !T || e.isDestroyed())
       return;
-    const B = g.current;
-    w.current = B.focusInnerElement.bind(B);
+    const V = g.current;
+    w.current = V.focusInnerElement.bind(V);
     const J = {
       destroyGridUi: () => {
       },
@@ -45290,11 +45290,11 @@ var mI = 1e3, CI = class {
       setCursor: r,
       setUserSelect: l
     };
-    B.setComp(J, T, T), d(!0);
+    V.setComp(J, T, T), d(!0);
   }, []);
   me(() => {
-    const T = g.current, B = p.current;
-    if (!u || !T || !m || !B || e.isDestroyed())
+    const T = g.current, V = p.current;
+    if (!u || !T || !m || !V || e.isDestroyed())
       return;
     const J = [], {
       watermarkSelector: N,
@@ -45305,21 +45305,21 @@ var mI = 1e3, CI = class {
     } = T.getOptionalSelectors(), $ = [];
     if (ae) {
       const q = e.createBean(new ae.component()), Y = q.getGui();
-      B.insertAdjacentElement("afterbegin", Y), $.push(Y), J.push(q);
+      V.insertAdjacentElement("afterbegin", Y), $.push(Y), J.push(q);
     }
     if (oe) {
       const q = e.createBean(new oe.component()), Y = q.getGui(), ee = m.querySelector(".ag-tab-guard-bottom");
       ee && (ee.insertAdjacentElement("beforebegin", Y), $.push(Y)), J.push(q), y.current.push(q);
     }
-    const H = (q) => {
+    const B = (q) => {
       const Y = e.createBean(new q()), ee = Y.getGui();
-      return B.insertAdjacentElement("beforeend", ee), $.push(ee), J.push(Y), Y;
+      return V.insertAdjacentElement("beforeend", ee), $.push(ee), J.push(Y), Y;
     };
-    if (O && H(O.component), re) {
-      const q = H(re.component);
+    if (O && B(O.component), re) {
+      const q = B(re.component);
       b.current = q, y.current.push(q);
     }
-    return N && H(N.component), () => {
+    return N && B(N.component), () => {
       e.destroyBeans(J);
       for (const q of $)
         q.remove();
@@ -45331,20 +45331,20 @@ var mI = 1e3, CI = class {
   ), P = W(
     () => mt("ag-root-wrapper-body", "ag-focus-managed", o),
     [o]
-  ), A = W(
+  ), k = W(
     () => ({
       userSelect: a ?? "",
       WebkitUserSelect: a ?? "",
       cursor: n ?? ""
     }),
     [a, n]
-  ), k = _((T) => {
+  ), M = _((T) => {
     f.current = T, h(T !== null);
   }, []), F = _(() => !g.current?.isFocusable(), []);
-  return /* @__PURE__ */ V.createElement("div", { ref: R, className: x, style: A, role: "presentation" }, /* @__PURE__ */ V.createElement("div", { className: P, ref: C, role: "presentation" }, c && m && !e.isDestroyed() && /* @__PURE__ */ V.createElement(Qe.Provider, { value: e.getBeans() }, /* @__PURE__ */ V.createElement(
+  return /* @__PURE__ */ G.createElement("div", { ref: R, className: x, style: k, role: "presentation" }, /* @__PURE__ */ G.createElement("div", { className: P, ref: C, role: "presentation" }, c && m && !e.isDestroyed() && /* @__PURE__ */ G.createElement(Qe.Provider, { value: e.getBeans() }, /* @__PURE__ */ G.createElement(
     KI,
     {
-      ref: k,
+      ref: M,
       eFocusableElement: m,
       onTabKeyDown: S,
       gridCtrl: g.current,
@@ -45356,7 +45356,7 @@ var mI = 1e3, CI = class {
     // before we have set the the Layout CSS classes, causing the GridBodyComp to render rows to a grid that
     // doesn't have it's height specified, which would result if all the rows getting rendered (and if many rows,
     // hangs the UI)
-    /* @__PURE__ */ V.createElement(UI, null)
+    /* @__PURE__ */ G.createElement(UI, null)
   ))));
 }, YI = it(qI), ZI = class extends D {
   postConstruct() {
@@ -45397,7 +45397,7 @@ var mI = 1e3, CI = class {
   componentWrappingElement: void 0,
   ...Ef
 }, Pf = new Set(Object.keys(QI)), XI = new Set(Object.keys(Ef)), Df = (e) => {
-  const t = I(), s = I(null), o = I(null), i = I([]), n = I([]), r = I(e), a = I(), l = I(), c = I(!1), [d, u] = M(void 0), [, h] = M(0), g = _((C) => {
+  const t = A(), s = A(null), o = A(null), i = A([]), n = A([]), r = A(e), a = A(), l = A(), c = A(!1), [d, u] = I(void 0), [, h] = I(0), g = _((C) => {
     if (s.current = C, !C) {
       for (const F of i.current)
         F();
@@ -45449,7 +45449,7 @@ var mI = 1e3, CI = class {
           T && e.passGridApi?.(T);
         }
       );
-    }, A = (F) => {
+    }, k = (F) => {
       F.getBean("ctrlsSvc").whenReady(
         {
           addDestroyFunc: (T) => {
@@ -45462,12 +45462,12 @@ var mI = 1e3, CI = class {
           n.current.length = 0, c.current = !0;
         }
       );
-    }, k = new mD();
-    b.gridId ?? (b.gridId = l.current), t.current = k.create(
+    }, M = new mD();
+    b.gridId ?? (b.gridId = l.current), t.current = M.create(
       C,
       b,
       P,
-      A,
+      k,
       x
     ), i.current.push(() => {
       t.current = void 0;
@@ -45484,8 +45484,8 @@ var mI = 1e3, CI = class {
       t.current && S0(C, t.current);
     });
   }, [e]);
-  const m = !V.useSyncExternalStore || Zi(e, "renderingMode") === "legacy" ? "legacy" : "default";
-  return /* @__PURE__ */ V.createElement("div", { style: p, className: e.className, ref: g }, /* @__PURE__ */ V.createElement(wf.Provider, { value: m }, d && !d.isDestroyed() ? /* @__PURE__ */ V.createElement(YI, { key: d.instanceId, context: d }) : null, o.current?.getPortals() ?? null));
+  const m = !G.useSyncExternalStore || Zi(e, "renderingMode") === "legacy" ? "legacy" : "default";
+  return /* @__PURE__ */ G.createElement("div", { style: p, className: e.className, ref: g }, /* @__PURE__ */ G.createElement(wf.Provider, { value: m }, d && !d.isDestroyed() ? /* @__PURE__ */ G.createElement(YI, { key: d.instanceId, context: d }) : null, o.current?.getPortals() ?? null));
 };
 function JI(e, t) {
   const s = {};
@@ -45553,7 +45553,7 @@ var eA = class extends SD {
     return new Rf(e, this.parent, t, i);
   }
 }, tA = Xa((e, t) => {
-  const s = Be(Qe), { registry: o, context: i, gos: n, rowModel: r } = s, [a, l] = M(() => new St()), [c, d] = M(() => new St()), [u, h] = M(), [g, p] = M(), f = I(), m = I(null), C = I(), w = W(
+  const s = Be(Qe), { registry: o, context: i, gos: n, rowModel: r } = s, [a, l] = I(() => new St()), [c, d] = I(() => new St()), [u, h] = I(), [g, p] = I(), f = A(), m = A(null), C = A(), w = W(
     () => Qb(e.api.getGridId(), u?.rowModelType ?? "clientSide"),
     [e]
   ), b = W(() => a.toString() + " ag-details-row", [a]), y = W(() => c.toString() + " ag-details-grid", [c]);
@@ -45568,14 +45568,14 @@ var eA = class extends SD {
       return;
     }
     const P = {
-      toggleCss: (k, F) => l((T) => T.setClass(k, F)),
-      toggleDetailGridCss: (k, F) => d((T) => T.setClass(k, F)),
-      setDetailGrid: (k) => h(k),
-      setRowData: (k) => p(k),
+      toggleCss: (M, F) => l((T) => T.setClass(M, F)),
+      toggleDetailGridCss: (M, F) => d((T) => T.setClass(M, F)),
+      setDetailGrid: (M) => h(M),
+      setRowData: (M) => p(M),
       getGui: () => m.current
-    }, A = o.createDynamicBean("detailCellRendererCtrl", !0);
-    if (A && (i.createBean(A), A.init(P, e), f.current = A, n.get("detailRowAutoHeight"))) {
-      const k = () => {
+    }, k = o.createDynamicBean("detailCellRendererCtrl", !0);
+    if (k && (i.createBean(k), k.init(P, e), f.current = k, n.get("detailRowAutoHeight"))) {
+      const M = () => {
         if (m.current == null)
           return;
         const F = m.current.clientHeight;
@@ -45583,12 +45583,12 @@ var eA = class extends SD {
           e.node.setRowHeight(F), (Oe(n) || Ys(n)) && r.onRowHeightChanged();
         }, 0);
       };
-      C.current = es(s, x, k), k();
+      C.current = es(s, x, M), M();
     }
   }, []), R = _((x) => {
     f.current?.registerDetailWithMaster(x);
   }, []);
-  return /* @__PURE__ */ V.createElement("div", { className: b, ref: S }, u && /* @__PURE__ */ V.createElement(
+  return /* @__PURE__ */ G.createElement("div", { className: b, ref: S }, u && /* @__PURE__ */ G.createElement(
     Df,
     {
       className: y,
@@ -45642,7 +45642,7 @@ var eA = class extends SD {
     this.apiListeners.length = 0;
   }
   render() {
-    return /* @__PURE__ */ V.createElement(Df, { ...this.props, passGridApi: this.setGridApi });
+    return /* @__PURE__ */ G.createElement(Df, { ...this.props, passGridApi: this.setGridApi });
   }
 };
 const iA = "h-full", jr = {
@@ -45677,7 +45677,7 @@ const iA = "h-full", jr = {
   rowData: s,
   getRowId: o
 }) => {
-  const [i, n] = M(
+  const [i, n] = I(
     /* @__PURE__ */ new Set()
   ), r = e ?? i, a = _(
     (g) => {
@@ -45733,7 +45733,7 @@ const aA = ({
   emptyStateTitle: p = "No results found",
   emptyStateDescription: f = "Sorry, we couldn't find any results for your search."
 }) => {
-  const [m, C] = M(Kr), [w, b] = M(), y = Qa(), {
+  const [m, C] = I(Kr), [w, b] = I(), y = Qa(), {
     currentSelectedIds: S,
     handleSelectionToggle: R,
     headerCheckboxState: x,
@@ -45743,18 +45743,18 @@ const aA = ({
     onSelectionChange: c,
     rowData: t,
     getRowId: d
-  }), A = W(
+  }), k = W(
     () => ({
       ...jr,
       oddRowBackgroundColor: u ? jr.oddRowBackgroundColor : jr.backgroundColor
     }),
     [u]
-  ), k = _((H) => {
-    H.api.sizeColumnsToFit(), C(Kr);
+  ), M = _((B) => {
+    B.api.sizeColumnsToFit(), C(Kr);
   }, []), F = _(
-    (H) => {
-      if (H.data) {
-        const q = d(H.data);
+    (B) => {
+      if (B.data) {
+        const q = d(B.data);
         return S.has(q) ? "ag-row-selected" : "";
       }
     },
@@ -45769,10 +45769,10 @@ const aA = ({
       cssClass: `dial-header-select ${x}`,
       onChange: P
     }
-  ) }), [x, P]), B = _(
-    (H) => {
-      if (H.data) {
-        const q = o?.(H.data) ?? [], Y = H.value == null ? "" : String(H.value);
+  ) }), [x, P]), V = _(
+    (B) => {
+      if (B.data) {
+        const q = o?.(B.data) ?? [], Y = B.value == null ? "" : String(B.value);
         return /* @__PURE__ */ v(
           Gt,
           {
@@ -45794,9 +45794,9 @@ const aA = ({
     },
     [o]
   ), J = _(
-    (H) => {
-      if (!H.data) return null;
-      const q = d(H.data), Y = S.has(q), ee = `row-select-${q}`;
+    (B) => {
+      if (!B.data) return null;
+      const q = d(B.data), Y = S.has(q), ee = `row-select-${q}`;
       return /* @__PURE__ */ v("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ v(
         cn,
         {
@@ -45813,21 +45813,21 @@ const aA = ({
     },
     [S, d, R]
   ), N = _(
-    (H) => {
-      const q = typeof a == "function" ? a(H) : !!a;
-      if (!H.cellRenderer)
-        return { ...H, cellRenderer: B };
+    (B) => {
+      const q = typeof a == "function" ? a(B) : !!a;
+      if (!B.cellRenderer)
+        return { ...B, cellRenderer: V };
       if (!q)
-        return H;
-      const Y = H.cellRenderer;
-      return { ...H, cellRenderer: (ge) => {
-        const G = ge.data ? o?.(ge.data) ?? [] : [];
+        return B;
+      const Y = B.cellRenderer;
+      return { ...B, cellRenderer: (ge) => {
+        const H = ge.data ? o?.(ge.data) ?? [] : [];
         let se = null;
-        return typeof Y == "function" ? se = /* @__PURE__ */ v(Y, { ...ge }) : se = B(ge), /* @__PURE__ */ v(
+        return typeof Y == "function" ? se = /* @__PURE__ */ v(Y, { ...ge }) : se = V(ge), /* @__PURE__ */ v(
           Gt,
           {
             trigger: [kt.ContextMenu],
-            menu: { items: G },
+            menu: { items: H },
             anchorToMouse: !0,
             matchReferenceWidth: !0,
             cssClass: "w-full h-full",
@@ -45836,7 +45836,7 @@ const aA = ({
         );
       } };
     },
-    [o, B, a]
+    [o, V, a]
   ), re = W(
     () => ({
       colId: "__select",
@@ -45856,8 +45856,8 @@ const aA = ({
     }),
     [J, T]
   ), oe = W(() => {
-    const H = (e ?? []).map(N);
-    return r ? [re, ...H] : H;
+    const B = (e ?? []).map(N);
+    return r ? [re, ...B] : B;
   }, [e, re, r, N]), O = W(
     () => ({
       minWidth: 150,
@@ -45872,12 +45872,12 @@ const aA = ({
       comparator: nA.bind(void 0)
     }),
     [h]
-  ), ae = (H) => {
+  ), ae = (B) => {
     const q = oe.map((Y) => ({
       ...Y,
       sort: void 0
     }));
-    H.api.updateGridOptions({ columnDefs: q, rowData: t }), H.api.sizeColumnsToFit(), b(H.api), s?.onGridReady?.(H);
+    B.api.updateGridOptions({ columnDefs: q, rowData: t }), B.api.sizeColumnsToFit(), b(B.api), s?.onGridReady?.(B);
   };
   me(() => {
     w && w.redrawRows();
@@ -45926,11 +45926,11 @@ const aA = ({
               rowHeight: m,
               cellSelection: !1,
               getRowClass: F,
-              theme: KE.withPart(EE).withParams({ ...A }),
+              theme: KE.withPart(EE).withParams({ ...k }),
               autoSizeStrategy: { type: "fitGridWidth" },
               columnDefs: oe,
               defaultColDef: O,
-              onGridSizeChanged: k,
+              onGridSizeChanged: M,
               onGridReady: ae,
               suppressCellFocus: !0,
               noRowsOverlayComponent: $,
@@ -45943,7 +45943,7 @@ const aA = ({
     }
   );
 }, lA = /* @__PURE__ */ v(tl, { size: 16 }), cA = /* @__PURE__ */ v(km, { size: 16 }), lu = (e) => {
-  const [t, s] = M(!1), o = W(() => t ? cA : lA, [t]);
+  const [t, s] = I(!1), o = W(() => t ? cA : lA, [t]);
   return /* @__PURE__ */ v("div", { children: /* @__PURE__ */ v(
     Gt,
     {
@@ -45957,7 +45957,7 @@ const aA = ({
 };
 var za = /* @__PURE__ */ ((e) => (e.MyFiles = "my_files", e.Shared = "shared", e.Organization = "organization", e))(za || {}), Es = /* @__PURE__ */ ((e) => (e.Copy = "copy", e.Cut = "cut", e.Paste = "paste", e.Rename = "rename", e))(Es || {});
 const Tf = () => {
-  const [e, t] = M(Tc());
+  const [e, t] = I(Tc());
   return me(() => {
     const s = () => t(Tc());
     return window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
@@ -46091,7 +46091,7 @@ function gA({
   containerPadding: i = 8,
   dependencies: n = []
 }) {
-  const r = I(null), a = I(null), l = I(null), c = I(null), d = I([]), [u, h] = M(e.length);
+  const r = A(null), a = A(null), l = A(null), c = A(null), d = A([]), [u, h] = I(e.length);
   Rt(() => {
     if (!a.current) return;
     const f = Array.from(a.current.children);
@@ -46104,16 +46104,16 @@ function gA({
     const m = () => {
       f && cancelAnimationFrame(f), f = requestAnimationFrame(() => {
         const w = r.current, b = l.current?.offsetWidth ?? 0, y = c.current?.offsetWidth ?? 0, S = b + y, x = w.getBoundingClientRect().width - S - s - o * 2 - i * 2, P = d.current;
-        let A = 0, k = 0;
+        let k = 0, M = 0;
         if (t === po.Reverse)
-          for (let F = P.length - 1; F >= 0 && (A += P[F] + o, !(A > x)); F--)
-            k++;
+          for (let F = P.length - 1; F >= 0 && (k += P[F] + o, !(k > x)); F--)
+            M++;
         else
           for (const F of P) {
-            if (A += F + o, A > x) break;
-            k++;
+            if (k += F + o, k > x) break;
+            M++;
           }
-        h(k);
+        h(M);
       });
     }, C = new ResizeObserver(m);
     return C.observe(r.current), m(), () => {
@@ -46220,7 +46220,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
     )
   ] });
 }, fA = (e = !1) => {
-  const [t, s] = M(e);
+  const [t, s] = I(e);
   return {
     areHiddenFilesVisible: t,
     toggleHiddenFilesVisibility: () => {
@@ -46229,7 +46229,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
     setAreHiddenFilesVisible: s
   };
 }, mA = (e) => {
-  const [t, s] = M(e);
+  const [t, s] = I(e);
   return {
     isTreeCollapsed: t,
     toggleTreeCollapse: () => {
@@ -46261,7 +46261,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
   onCopyFiles: s,
   onMoveToFiles: o
 }) => {
-  const [i, n] = M(/* @__PURE__ */ new Set()), [r, a] = M(/* @__PURE__ */ new Set()), l = _((g) => {
+  const [i, n] = I(/* @__PURE__ */ new Set()), [r, a] = I(/* @__PURE__ */ new Set()), l = _((g) => {
     n(new Set(g)), a(/* @__PURE__ */ new Set());
   }, []), c = _((g) => {
     a(new Set(g)), n(/* @__PURE__ */ new Set());
@@ -46300,11 +46300,31 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
     }),
     [i, r]
   ), copy: l, cut: c, paste: u, clear: d };
-}, Mf = Vn(void 0), bA = (e) => {
+}, bA = ({
+  path: e,
+  onPathChange: t,
+  onSelectionClear: s
+}) => {
+  const [o, i] = I(e);
+  me(() => {
+    i(e), s?.();
+  }, [e, s]);
+  const n = _(
+    (r) => {
+      i(r), t?.(r), s?.();
+    },
+    [t, s]
+  );
+  return {
+    currentPath: o,
+    setCurrentPath: i,
+    handlePathChange: n
+  };
+}, Mf = Vn(void 0), SA = (e) => {
   if (!e || e <= 0) return "-";
   const t = 1024, s = t * 1024;
   return e >= s ? `${(e / s).toFixed(1)} MB` : e >= t ? `${(e / t).toFixed(0)} KB` : `${e} B`;
-}, SA = ({
+}, yA = ({
   children: e,
   cssClass: t,
   items: s = [],
@@ -46319,80 +46339,75 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
   onCopyFiles: u,
   onMoveToFiles: h
 }) => {
-  const [g, p] = M(o);
-  me(() => {
-    p(o);
-  }, [o]);
-  const { areHiddenFilesVisible: f, toggleHiddenFilesVisibility: m } = fA(), { isTreeCollapsed: C, toggleTreeCollapse: w } = mA(
+  const [g, p] = I(/* @__PURE__ */ new Set()), f = _(() => p(/* @__PURE__ */ new Set()), []), { currentPath: m, setCurrentPath: C, handlePathChange: w } = bA({
+    path: o,
+    onPathChange: c,
+    onSelectionClear: f
+  }), { areHiddenFilesVisible: b, toggleHiddenFilesVisibility: y } = fA(), { isTreeCollapsed: S, toggleTreeCollapse: R } = mA(
     i?.collapsed ?? !1
-  ), [b, y] = M(/* @__PURE__ */ new Set()), S = _(() => y(/* @__PURE__ */ new Set()), []), [R, x] = M("");
+  ), [x, P] = I("");
   me(() => {
-    const H = n?.value;
-    H != null && x(String(H));
+    const B = n?.value;
+    B != null && P(String(B));
   }, [n?.value]);
-  const P = String(
-    n?.value ?? R ?? ""
-  ).trim(), A = W(
-    () => eb(s, g) ?? s[0],
-    [s, g]
+  const k = String(
+    n?.value ?? x ?? ""
+  ).trim(), M = W(
+    () => eb(s, m) ?? s[0],
+    [s, m]
   ), {
-    state: k,
-    copy: F,
-    cut: T,
-    paste: B
+    state: F,
+    copy: T,
+    cut: V,
+    paste: J
   } = wA({
-    getDestination: () => A?.path ?? "/",
-    getDestinationFiles: () => A?.items ?? [],
+    getDestination: () => M?.path ?? "/",
+    getDestinationFiles: () => M?.items ?? [],
     onCopyFiles: u,
     onMoveToFiles: h
-  }), J = W(() => {
-    const H = $i(P).trim(), q = A?.items ?? [];
-    let Y = H ? sb(A) : q;
-    f || (Y = Y.filter((G) => !uh(G)));
-    const ee = Y.map((G) => ({
-      id: G.id ?? G.path,
-      name: G.name ?? G.path.split("/").pop() ?? "",
-      updatedAt: G.updatedAt,
-      size: G.nodeType === gs.ITEM ? bA(G.contentLength) : "-",
-      author: G.author,
-      path: G.path,
-      nodeType: G.nodeType,
-      extension: G.extension
+  }), N = W(() => {
+    const B = $i(k).trim(), q = M?.items ?? [];
+    let Y = B ? sb(M) : q;
+    b || (Y = Y.filter((H) => !uh(H)));
+    const ee = Y.map((H) => ({
+      id: H.id ?? H.path,
+      name: H.name ?? H.path.split("/").pop() ?? "",
+      updatedAt: H.updatedAt,
+      size: H.nodeType === gs.ITEM ? SA(H.contentLength) : "-",
+      author: H.author,
+      path: H.path,
+      nodeType: H.nodeType,
+      extension: H.extension
     }));
-    if (!H) return ee;
-    const ge = H.split(/\s+/).filter(Boolean);
-    return ee.filter((G) => {
-      const se = $i(G.name), He = $i(G.author), xe = tb(G.extension);
+    if (!B) return ee;
+    const ge = B.split(/\s+/).filter(Boolean);
+    return ee.filter((H) => {
+      const se = $i(H.name), He = $i(H.author), xe = tb(H.extension);
       return ge.every(
         (z) => se.includes(z) || He.includes(z) || xe.includes(z)
       );
     });
-  }, [A, P, f]), N = _(
-    (H) => {
-      p(H), c?.(H), S();
+  }, [M, k, b]), re = _(
+    (B) => {
+      w(B.path);
     },
-    [c, S]
-  ), re = _(
-    (H) => {
-      N(H.path);
-    },
-    [N]
+    [w]
   ), oe = _(
-    (H) => {
-      N(H);
+    (B) => {
+      w(B);
     },
-    [N]
+    [w]
   ), O = _(
-    (H) => {
-      const q = String(H ?? "");
-      x(q), n?.onSearchChange?.(q);
+    (B) => {
+      const q = String(B ?? "");
+      P(q), n?.onSearchChange?.(q);
     },
     [n]
   ), ae = _(
-    (H) => {
-      H.nodeType === gs.FOLDER ? N(H.path) : d?.(H);
+    (B) => {
+      B.nodeType === gs.FOLDER ? w(B.path) : d?.(B);
     },
-    [N, d]
+    [w, d]
   ), $ = {
     cssClass: t,
     items: s,
@@ -46401,25 +46416,25 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
     gridOptions: r,
     toolbarOptions: a,
     bulkActionsToolbarOptions: l,
-    currentPath: g,
-    setCurrentPath: p,
-    searchValue: R,
-    effectiveSearchValue: P,
-    setSearchValue: x,
-    areHiddenFilesVisible: f,
-    toggleHiddenFilesVisibility: m,
-    isTreeCollapsed: C,
-    toggleTreeCollapse: w,
-    selectedIds: b,
-    setSelectedIds: y,
-    clearSelection: S,
-    currentFolder: A,
-    gridRows: J,
-    clipboard: k,
-    onCopy: F,
-    onCut: T,
-    onPaste: B,
-    handlePathChange: N,
+    currentPath: m,
+    setCurrentPath: C,
+    searchValue: x,
+    effectiveSearchValue: k,
+    setSearchValue: P,
+    areHiddenFilesVisible: b,
+    toggleHiddenFilesVisibility: y,
+    isTreeCollapsed: S,
+    toggleTreeCollapse: R,
+    selectedIds: g,
+    setSelectedIds: p,
+    clearSelection: f,
+    currentFolder: M,
+    gridRows: N,
+    clipboard: F,
+    onCopy: T,
+    onCut: V,
+    onPaste: J,
+    handlePathChange: w,
     handleTreeItemClick: re,
     handleBreadcrumbItemClick: oe,
     handleSearchChange: O,
@@ -46427,14 +46442,14 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
     onTableFileClick: d
   };
   return /* @__PURE__ */ v(Mf.Provider, { value: $, children: e });
-}, yA = () => {
+}, RA = () => {
   const e = Be(Mf);
   if (!e)
     throw new Error(
       "useFileManagerContext must be used within <FileManagerProvider>"
     );
   return e;
-}, pk = (e) => /* @__PURE__ */ v(SA, { ...e, children: /* @__PURE__ */ v(RA, {}) }), RA = () => {
+}, fk = (e) => /* @__PURE__ */ v(yA, { ...e, children: /* @__PURE__ */ v(xA, {}) }), xA = () => {
   const {
     cssClass: e,
     items: t,
@@ -46461,12 +46476,12 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
     onCut: R,
     onPaste: x,
     clipboard: P
-  } = yA(), {
-    width: A = q1,
-    title: k = Y1,
+  } = RA(), {
+    width: k = q1,
+    title: M = Y1,
     containerCssClass: F = j1,
     additionalButtons: T,
-    ...B
+    ...V
   } = s ?? {}, {
     columnDefs: J,
     filterable: N = !0,
@@ -46499,7 +46514,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
       width: 120,
       suppressSizeToFit: !0
     }
-  ], [re, oe]), $ = J ?? ae, H = W(() => N ? $ : $.map((ee) => ({
+  ], [re, oe]), $ = J ?? ae, B = W(() => N ? $ : $.map((ee) => ({
     ...ee,
     filter: !1,
     floatingFilter: !1
@@ -46584,8 +46599,8 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
               children: /* @__PURE__ */ v(
                 BC,
                 {
-                  width: A,
-                  title: k,
+                  width: k,
+                  title: M,
                   containerCssClass: F,
                   additionalButtons: T,
                   isOpened: c,
@@ -46593,7 +46608,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
                   children: /* @__PURE__ */ v(
                     ob,
                     {
-                      ...B,
+                      ...V,
                       items: t,
                       selectedPath: u,
                       onItemClick: b,
@@ -46626,7 +46641,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
                 children: /* @__PURE__ */ v(
                   aA,
                   {
-                    columnDefs: H,
+                    columnDefs: B,
                     rowData: h,
                     getRowId: (ee) => ee.path,
                     ...O,
@@ -46647,7 +46662,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
       ]
     }
   );
-}, xA = ({ onClick: e }) => /* @__PURE__ */ v(
+}, FA = ({ onClick: e }) => /* @__PURE__ */ v(
   Eu,
   {
     ...we,
@@ -46656,7 +46671,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
     role: "button",
     "aria-label": "hide"
   }
-), FA = ({ onClick: e }) => /* @__PURE__ */ v(
+), EA = ({ onClick: e }) => /* @__PURE__ */ v(
   Pu,
   {
     ...we,
@@ -46665,8 +46680,8 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
     role: "button",
     "aria-label": "show"
   }
-), EA = ({ ...e }) => {
-  const [t, s] = M(!1), o = _((i) => {
+), PA = ({ ...e }) => {
+  const [t, s] = I(!1), o = _((i) => {
     s(i);
   }, []);
   return /* @__PURE__ */ v(
@@ -46675,10 +46690,10 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
       type: t ? "text" : "password",
       ...e,
       hideTooltip: !t,
-      iconAfter: t ? /* @__PURE__ */ v(xA, { onClick: () => o(!1) }) : /* @__PURE__ */ v(FA, { onClick: () => o(!0) })
+      iconAfter: t ? /* @__PURE__ */ v(FA, { onClick: () => o(!1) }) : /* @__PURE__ */ v(EA, { onClick: () => o(!0) })
     }
   );
-}, fk = ({
+}, mk = ({
   fieldTitle: e,
   optional: t,
   elementCssClass: s,
@@ -46695,7 +46710,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
     }
   ),
   /* @__PURE__ */ v(
-    EA,
+    PA,
     {
       cssClass: s,
       elementId: o,
@@ -46704,7 +46719,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
     }
   ),
   /* @__PURE__ */ v(Gs, { errorText: i })
-] }), mk = ({
+] }), Ck = ({
   placeholder: e = "",
   selectedItems: t = [],
   updateSelected: s,
@@ -46713,7 +46728,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
   containerCssClass: n,
   inputCssClass: r
 }) => {
-  const [a, l] = M(""), c = _(
+  const [a, l] = I(""), c = _(
     (u) => {
       u.key === "Enter" && (s([...t, u.currentTarget.value]), l("")), (u.key === "Backspace" || u.key === "Delete") && t.length && !a && s(t.slice(0, -1));
     },
@@ -46754,7 +46769,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
       ]
     }
   );
-}, Ck = ({
+}, vk = ({
   initialTags: e = [],
   fieldTitle: t,
   optional: s,
@@ -46765,7 +46780,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
   disabled: a,
   onChange: l
 }) => {
-  const c = I(null), [d, u] = M(e), [h, g] = M(""), [p, f] = M(!1), m = (b) => {
+  const c = A(null), [d, u] = I(e), [h, g] = I(""), [p, f] = I(!1), m = (b) => {
     const y = b.trim().replace(/,$/, "");
     if (y && !d.includes(y)) {
       const S = [y, ...d];
@@ -46840,7 +46855,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
     ),
     /* @__PURE__ */ v(Gs, { errorText: n })
   ] });
-}, PA = "dial-input flex w-full items-center justify-between gap-2 dial-small", DA = "w-full rounded", qr = "flex w-full items-center justify-between gap-2 px-3 h-[34px] dial-small text-primary truncate hover:bg-accent-primary-alpha focus:bg-accent-primary-alpha focus:outline-none", TA = "bg-accent-primary-alpha", MA = "bg-accent-primary-alpha border-l border-accent-primary border-1", du = "opacity-75", IA = /* @__PURE__ */ v(tl, { size: 16 }), If = ({
+}, DA = "dial-input flex w-full items-center justify-between gap-2 dial-small", TA = "w-full rounded", qr = "flex w-full items-center justify-between gap-2 px-3 h-[34px] dial-small text-primary truncate hover:bg-accent-primary-alpha focus:bg-accent-primary-alpha focus:outline-none", MA = "bg-accent-primary-alpha", IA = "bg-accent-primary-alpha border-l border-accent-primary border-1", du = "opacity-75", AA = /* @__PURE__ */ v(tl, { size: 16 }), If = ({
   options: e,
   selectedValues: t,
   handleRemoveTag: s
@@ -46858,7 +46873,7 @@ const pA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
   );
 }) });
 var Wa = /* @__PURE__ */ ((e) => (e.Sm = "sm", e.Md = "md", e))(Wa || {}), _a = /* @__PURE__ */ ((e) => (e.Primary = "Primary", e.Secondary = "Secondary", e))(_a || {});
-const AA = ({
+const kA = ({
   options: e,
   multiple: t = !1,
   value: s,
@@ -46882,16 +46897,16 @@ const AA = ({
   onClose: y,
   onChange: S
 }) => {
-  const [R, x] = M(!1), [P, A] = M(""), k = Qa(), F = s !== void 0, [T, B] = M(o), J = F ? s : T, N = W(() => t ? Array.isArray(J) ? J : [] : typeof J == "string" ? [J] : [], [J, t]), re = W(() => {
+  const [R, x] = I(!1), [P, k] = I(""), M = Qa(), F = s !== void 0, [T, V] = I(o), J = F ? s : T, N = W(() => t ? Array.isArray(J) ? J : [] : typeof J == "string" ? [J] : [], [J, t]), re = W(() => {
     const z = P.trim().toLowerCase();
     return z ? e.filter((Ce) => Ce.label.toLowerCase().includes(z)) : e;
   }, [e, P]);
   me(() => {
-    R || A("");
+    R || k("");
   }, [R]);
   const oe = _(
     (z) => {
-      F || B(z), S?.(z);
+      F || V(z), S?.(z);
     },
     [F, S]
   ), O = (z) => {
@@ -46913,10 +46928,10 @@ const AA = ({
   ), $ = W(
     () => re.filter((z) => !z.disabled),
     [re]
-  ), H = W(
+  ), B = W(
     () => $.filter((z) => N.includes(z.value)).length,
     [$, N]
-  ), q = $.length > 0 && H === $.length, Y = H > 0 && !q, ee = () => {
+  ), q = $.length > 0 && B === $.length, Y = B > 0 && !q, ee = () => {
     if (!(!t || $.length === 0))
       if (q) {
         const z = new Set($.map((Re) => Re.value)), Ce = N.filter((Re) => !z.has(Re));
@@ -46925,9 +46940,9 @@ const AA = ({
         const z = new Set(N);
         $.forEach((Ce) => z.add(Ce.value)), oe(Array.from(z));
       }
-  }, ge = N.length > 0, G = !t && ge ? N[0] : void 0, se = W(
-    () => G ? e.find((z) => z.value === G) : void 0,
-    [e, G]
+  }, ge = N.length > 0, H = !t && ge ? N[0] : void 0, se = W(
+    () => H ? e.find((z) => z.value === H) : void 0,
+    [e, H]
   ), He = _(() => !t || N.length === 0 ? null : /* @__PURE__ */ v(
     If,
     {
@@ -46964,10 +46979,10 @@ const AA = ({
       renderOverlay: () => /* @__PURE__ */ K(
         "div",
         {
-          id: k,
+          id: M,
           role: "listbox",
           "aria-multiselectable": t || void 0,
-          className: DA,
+          className: TA,
           children: [
             w && /* @__PURE__ */ v(et, { children: typeof w == "function" ? w() : w }),
             (l || C) && /* @__PURE__ */ K("div", { className: "flex items-center gap-2 px-2 pt-2", children: [
@@ -46975,9 +46990,9 @@ const AA = ({
                 dh,
                 {
                   placeholder: c,
-                  onChange: A,
+                  onChange: k,
                   value: P,
-                  elementId: `search-${k}`
+                  elementId: `search-${M}`
                 }
               ),
               C && /* @__PURE__ */ v(
@@ -46995,7 +47010,7 @@ const AA = ({
             t && d && $.length > 0 && /* @__PURE__ */ v("div", { className: Z(qr, "mt-2"), children: /* @__PURE__ */ v(
               cn,
               {
-                id: `${k}-selectAll`,
+                id: `${M}-selectAll`,
                 label: u,
                 checked: q,
                 indeterminate: Y,
@@ -47017,7 +47032,7 @@ const AA = ({
                 {
                   className: Z(
                     qr,
-                    Ce && TA,
+                    Ce && MA,
                     z.disabled && du,
                     "w-full"
                   ),
@@ -47025,7 +47040,7 @@ const AA = ({
                     /* @__PURE__ */ v(
                       cn,
                       {
-                        id: `${k}-${z.value}`,
+                        id: `${M}-${z.value}`,
                         label: /* @__PURE__ */ K("span", { className: "flex w-full flex-1 min-w-0 items-center gap-2 text-primary", children: [
                           z.icon && /* @__PURE__ */ v(Me, { icon: z.icon }),
                           /* @__PURE__ */ v("span", { className: "truncate", children: z.label })
@@ -47050,7 +47065,7 @@ const AA = ({
                   disabled: z.disabled,
                   className: Z(
                     qr,
-                    Ce && MA,
+                    Ce && IA,
                     z.disabled && du
                   ),
                   onClick: () => !z.disabled && O(z.value),
@@ -47073,9 +47088,9 @@ const AA = ({
           type: "button",
           "aria-haspopup": "listbox",
           "aria-expanded": R,
-          "aria-controls": k,
+          "aria-controls": M,
           className: fe(
-            PA,
+            DA,
             f && "opacity-75 !cursor-not-allowed",
             n === Wa.Sm ? "min-h-[25px] px-1.5 py-1" : "min-h-[38px] px-3 py-2",
             i === _a.Secondary ? "!bg-layer-4" : "",
@@ -47087,7 +47102,7 @@ const AA = ({
             /* @__PURE__ */ v(
               Me,
               {
-                icon: IA,
+                icon: AA,
                 className: Z("text-primary", R && "rotate-180")
               }
             )
@@ -47096,7 +47111,7 @@ const AA = ({
       )
     }
   );
-}, vk = ({
+}, wk = ({
   fieldTitle: e,
   optional: t,
   captionDescription: s,
@@ -47142,7 +47157,7 @@ const AA = ({
       value: h(),
       defaultEmptyText: d,
       children: /* @__PURE__ */ v(
-        AA,
+        kA,
         {
           cssClass: i,
           value: c,
@@ -47156,12 +47171,12 @@ function Af(e) {
   let t = null;
   return () => (t == null && (t = e()), t);
 }
-function kA(e, t) {
+function LA(e, t) {
   return e.filter(
     (s) => s !== t
   );
 }
-function LA(e, t) {
+function OA(e, t) {
   const s = /* @__PURE__ */ new Set(), o = (n) => s.add(n);
   e.forEach(o), t.forEach(o);
   const i = [];
@@ -47169,16 +47184,16 @@ function LA(e, t) {
     (n) => i.push(n)
   ), i;
 }
-class OA {
+class NA {
   enter(t) {
     const s = this.entered.length, o = (i) => this.isNodeInDocument(i) && (!i.contains || i.contains(t));
-    return this.entered = LA(this.entered.filter(o), [
+    return this.entered = OA(this.entered.filter(o), [
       t
     ]), s === 0 && this.entered.length > 0;
   }
   leave(t) {
     const s = this.entered.length;
-    return this.entered = kA(this.entered.filter(this.isNodeInDocument), t), s > 0 && this.entered.length === 0;
+    return this.entered = LA(this.entered.filter(this.isNodeInDocument), t), s > 0 && this.entered.length === 0;
   }
   reset() {
     this.entered = [];
@@ -47187,7 +47202,7 @@ class OA {
     this.entered = [], this.isNodeInDocument = t;
   }
 }
-class NA {
+class HA {
   initializeExposedProperties() {
     Object.keys(this.config.exposeProperties).forEach((t) => {
       Object.defineProperty(this.item, t, {
@@ -47284,11 +47299,11 @@ const Ua = {
     ]
   }
 };
-function HA(e, t) {
+function GA(e, t) {
   const s = Ua[e];
   if (!s)
     throw new Error(`native type ${e} has no configuration`);
-  const o = new NA(s);
+  const o = new HA(s);
   return o.loadDataTransfer(t), o;
 }
 function Zr(e) {
@@ -47302,7 +47317,7 @@ function Zr(e) {
     ) : !1;
   })[0] || null;
 }
-const GA = Af(
+const VA = Af(
   () => /firefox/i.test(navigator.userAgent)
 ), Nf = Af(
   () => !!window.safari
@@ -47363,9 +47378,9 @@ class hu {
     this.xs = t, this.ys = s, this.c1s = c, this.c2s = d, this.c3s = u;
   }
 }
-const VA = 1;
+const BA = 1;
 function Hf(e) {
-  const t = e.nodeType === VA ? e : e.parentElement;
+  const t = e.nodeType === BA ? e : e.parentElement;
   if (!t)
     return null;
   const { top: s, left: o } = t.getBoundingClientRect();
@@ -47380,22 +47395,22 @@ function _i(e) {
     y: e.clientY
   };
 }
-function BA(e) {
+function zA(e) {
   var t;
-  return e.nodeName === "IMG" && (GA() || !(!((t = document.documentElement) === null || t === void 0) && t.contains(e)));
+  return e.nodeName === "IMG" && (VA() || !(!((t = document.documentElement) === null || t === void 0) && t.contains(e)));
 }
-function zA(e, t, s, o) {
+function WA(e, t, s, o) {
   let i = e ? t.width : s, n = e ? t.height : o;
   return Nf() && e && (n /= window.devicePixelRatio, i /= window.devicePixelRatio), {
     dragPreviewWidth: i,
     dragPreviewHeight: n
   };
 }
-function WA(e, t, s, o, i) {
-  const n = BA(t), a = Hf(n ? e : t), l = {
+function _A(e, t, s, o, i) {
+  const n = zA(t), a = Hf(n ? e : t), l = {
     x: s.x - a.x,
     y: s.y - a.y
-  }, { offsetWidth: c, offsetHeight: d } = e, { anchorX: u, anchorY: h } = o, { dragPreviewWidth: g, dragPreviewHeight: p } = zA(n, t, c, d), f = () => {
+  }, { offsetWidth: c, offsetHeight: d } = e, { anchorX: u, anchorY: h } = o, { dragPreviewWidth: g, dragPreviewHeight: p } = WA(n, t, c, d), f = () => {
     let R = new hu([
       0,
       0.5,
@@ -47426,7 +47441,7 @@ function WA(e, t, s, o, i) {
     y: y ? w : f()
   };
 }
-class _A {
+class UA {
   get window() {
     if (this.globalContext)
       return this.globalContext;
@@ -47445,7 +47460,7 @@ class _A {
     this.ownerDocument = null, this.globalContext = t, this.optionsArgs = s;
   }
 }
-function UA(e, t, s) {
+function $A(e, t, s) {
   return t in e ? Object.defineProperty(e, t, {
     value: s,
     enumerable: !0,
@@ -47459,12 +47474,12 @@ function gu(e) {
     typeof Object.getOwnPropertySymbols == "function" && (o = o.concat(Object.getOwnPropertySymbols(s).filter(function(i) {
       return Object.getOwnPropertyDescriptor(s, i).enumerable;
     }))), o.forEach(function(i) {
-      UA(e, i, s[i]);
+      $A(e, i, s[i]);
     });
   }
   return e;
 }
-class $A {
+class jA {
   /**
   * Generate profiling statistics for the HTML5Backend.
   */
@@ -47557,7 +47572,7 @@ class $A {
     );
   }
   beginDragNativeItem(t, s) {
-    this.clearCurrentDragSourceNode(), this.currentNativeSource = HA(t, s), this.currentNativeHandle = this.registry.addSource(t, this.currentNativeSource), this.actions.beginDrag([
+    this.clearCurrentDragSourceNode(), this.currentNativeSource = GA(t, s), this.currentNativeHandle = this.registry.addSource(t, this.currentNativeSource), this.actions.beginDrag([
       this.currentNativeHandle
     ]);
   }
@@ -47626,7 +47641,7 @@ class $A {
         if (a && typeof a.setDragImage == "function") {
           const d = this.monitor.getSourceId(), u = this.sourceNodes.get(d), h = this.sourcePreviewNodes.get(d) || u;
           if (h) {
-            const { anchorX: g, anchorY: p, offsetX: f, offsetY: m } = this.getCurrentSourcePreviewNodeOptions(), b = WA(u, h, r, {
+            const { anchorX: g, anchorY: p, offsetX: f, offsetY: m } = this.getCurrentSourcePreviewNodeOptions(), b = _A(u, h, r, {
               anchorX: g,
               anchorY: p
             }, {
@@ -47708,12 +47723,12 @@ class $A {
     }, this.handleSelectStart = (i) => {
       const n = i.target;
       typeof n.dragDrop == "function" && (n.tagName === "INPUT" || n.tagName === "SELECT" || n.tagName === "TEXTAREA" || n.isContentEditable || (i.preventDefault(), n.dragDrop()));
-    }, this.options = new _A(s, o), this.actions = t.getActions(), this.monitor = t.getMonitor(), this.registry = t.getRegistry(), this.enterLeaveCounter = new OA(this.isNodeInDocument);
+    }, this.options = new UA(s, o), this.actions = t.getActions(), this.monitor = t.getMonitor(), this.registry = t.getRegistry(), this.enterLeaveCounter = new NA(this.isNodeInDocument);
   }
 }
-const jA = function(t, s, o) {
-  return new $A(t, s, o);
-}, KA = ({
+const KA = function(t, s, o) {
+  return new jA(t, s, o);
+}, qA = ({
   onChange: e,
   emptyTextFirstLine: t,
   emptyTextSecondLine: s,
@@ -47725,12 +47740,12 @@ const jA = function(t, s, o) {
   fileCountError: l,
   getIsFileFormatError: c
 }) => {
-  const d = I(null), u = I(null), [h, g] = M([]), [p, f] = M(!1), m = _(
+  const d = A(null), u = A(null), [h, g] = I([]), [p, f] = I(!1), m = _(
     (F) => {
       const T = F.target.files;
       if (T && T.length > 0) {
-        const B = Array.from(T);
-        c?.(B) ? f(!0) : e(B);
+        const V = Array.from(T);
+        c?.(V) ? f(!0) : e(V);
       }
     },
     [c, e]
@@ -47762,9 +47777,9 @@ const jA = function(t, s, o) {
     F?.preventDefault();
     const T = Array.from(F.dataTransfer?.items ?? []);
     f(!!c?.(T)), g(T);
-  }, A = (F) => {
+  }, k = (F) => {
     F.target === F.currentTarget && b();
-  }, k = Z(
+  }, M = Z(
     "border border-dashed rounded w-full cursor-pointer relative h-full hover:border-hover",
     !S && !w && "border-primary",
     S && (y ? "border-accent-primary" : "border-hover"),
@@ -47774,10 +47789,10 @@ const jA = function(t, s, o) {
     /* @__PURE__ */ K(
       "div",
       {
-        className: k,
+        className: M,
         ref: d,
         onDragOver: P,
-        onDragLeave: A,
+        onDragLeave: k,
         children: [
           /* @__PURE__ */ K(
             "label",
@@ -47817,7 +47832,7 @@ const jA = function(t, s, o) {
     ),
     /* @__PURE__ */ v(et, { children: p ? /* @__PURE__ */ v(Gs, { errorText: a }) : C(h) && /* @__PURE__ */ v(Gs, { errorText: l }) })
   ] });
-}, qA = ({
+}, YA = ({
   iconBefore: e,
   cssClass: t,
   errorText: s,
@@ -47835,7 +47850,7 @@ const jA = function(t, s, o) {
       hideBorder: !0
     }
   );
-}, YA = (e) => {
+}, ZA = (e) => {
   const {
     files: t,
     iconBeforeInput: s,
@@ -47855,8 +47870,8 @@ const jA = function(t, s, o) {
   ), d = (u) => {
     i(u);
   };
-  return !t || t.length === 0 ? /* @__PURE__ */ v(lw, { backend: jA, children: /* @__PURE__ */ v(KA, { ...e, onChange: d }) }) : /* @__PURE__ */ v("div", { className: "flex-1 min-h-0 border border-solid border-primary rounded", children: t && t.length > 0 && /* @__PURE__ */ v("div", { className: "max-h-full overflow-y-auto", children: t.map((u, h) => /* @__PURE__ */ v(
-    qA,
+  return !t || t.length === 0 ? /* @__PURE__ */ v(lw, { backend: KA, children: /* @__PURE__ */ v(qA, { ...e, onChange: d }) }) : /* @__PURE__ */ v("div", { className: "flex-1 min-h-0 border border-solid border-primary rounded", children: t && t.length > 0 && /* @__PURE__ */ v("div", { className: "max-h-full overflow-y-auto", children: t.map((u, h) => /* @__PURE__ */ v(
+    YA,
     {
       elementId: u.name,
       value: u.name,
@@ -47867,7 +47882,7 @@ const jA = function(t, s, o) {
     },
     u.name + h
   )) }) });
-}, wk = ({
+}, bk = ({
   onChange: e,
   fieldTitle: t,
   elementId: s,
@@ -47881,7 +47896,7 @@ const jA = function(t, s, o) {
   addButtonLabel: d,
   ...u
 }) => {
-  const h = I(null), g = () => h.current?.click(), p = () => {
+  const h = A(null), g = () => h.current?.click(), p = () => {
     e([]);
   }, f = _(
     (C) => C?.some(
@@ -47942,7 +47957,7 @@ const jA = function(t, s, o) {
       }
     ),
     /* @__PURE__ */ v(
-      YA,
+      ZA,
       {
         files: o,
         onChange: e,
@@ -47956,8 +47971,8 @@ const jA = function(t, s, o) {
       }
     )
   ] });
-}, bk = (e) => {
-  const [t, s] = M(
+}, Sk = (e) => {
+  const [t, s] = I(
     za.MyFiles
   ), o = (n) => {
     s(n);
@@ -47978,8 +47993,8 @@ export {
   lo as AlertVariant,
   Ie as ButtonVariant,
   gn as ConfirmationPopupVariant,
-  sk as DialAlert,
-  mk as DialAutocompleteInput,
+  ok as DialAlert,
+  Ck as DialAutocompleteInput,
   ch as DialAutocompleteInputValue,
   v1 as DialBreadcrumb,
   C1 as DialBreadcrumbItem,
@@ -47988,15 +48003,15 @@ export {
   cn as DialCheckbox,
   rh as DialCloseButton,
   BC as DialCollapsibleSidebar,
-  ck as DialConfirmationPopup,
+  dk as DialConfirmationPopup,
   t1 as DialDateCellRenderer,
-  nk as DialDraggableItem,
+  rk as DialDraggableItem,
   Gt as DialDropdown,
   Ht as DialEllipsisTooltip,
   Gs as DialErrorText,
   Oo as DialFieldLabel,
   Qw as DialFileIcon,
-  pk as DialFileManager,
+  fk as DialFileManager,
   Es as DialFileManagerActions,
   W1 as DialFileManagerNavigationPanel,
   za as DialFileManagerTabs,
@@ -48006,40 +48021,40 @@ export {
   Z1 as DialFileResourceType,
   oh as DialFolderName,
   nl as DialFormItem,
-  uk as DialFormPopup,
+  hk as DialFormPopup,
   Me as DialIcon,
   ai as DialInput,
   L1 as DialInputPopup,
-  ik as DialLabelledText,
-  wk as DialLoadFileAreaField,
+  nk as DialLabelledText,
+  bk as DialLoadFileAreaField,
   il as DialLoader,
   rl as DialNoDataContent,
-  rk as DialNumberInputField,
-  EA as DialPasswordInput,
-  fk as DialPasswordInputField,
+  ak as DialNumberInputField,
+  PA as DialPasswordInput,
+  mk as DialPasswordInputField,
   fl as DialPopup,
   kC as DialRadioButton,
   VC as DialRadioGroup,
-  dk as DialRadioGroupPopupField,
+  uk as DialRadioGroupPopupField,
   w1 as DialRemoveButton,
   dh as DialSearch,
-  AA as DialSelect,
-  vk as DialSelectField,
+  kA as DialSelect,
+  wk as DialSelectField,
   th as DialSharedEntityIndicator,
-  ok as DialSteps,
+  ik as DialSteps,
   F1 as DialSwitch,
   Ii as DialTab,
   d1 as DialTabs,
   ll as DialTag,
-  Ck as DialTagInput,
-  lk as DialTextAreaField,
-  ak as DialTextInputField,
+  vk as DialTagInput,
+  ck as DialTextAreaField,
+  lk as DialTextInputField,
   b1 as DialTextarea,
   Ks as DialTooltip,
   nh as DropdownItemType,
   kt as DropdownTrigger,
   s1 as DropdownType,
-  SA as FileManagerProvider,
+  yA as FileManagerProvider,
   po as FlexibleActionsDirection,
   dn as FormItemOrientation,
   hs as PopupSize,
@@ -48051,6 +48066,6 @@ export {
   ia as TabOrientation,
   al as TagVariant,
   fe as mergeClasses,
-  bk as useDialFileManagerTabs,
-  yA as useFileManagerContext
+  Sk as useDialFileManagerTabs,
+  RA as useFileManagerContext
 };