@epam/ai-dial-ui-kit 0.5.0-rc.73 → 0.5.0-rc.74

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

@@ -2,7 +2,7 @@ import { jsx as v, jsxs as z, Fragment as je } from "react/jsx-runtime";
 import X from "classnames";
 import { useFloating as uc, offset as $h, flip as jh, shift as Kh, arrow as TC, autoUpdate as qh, useHover as Yh, useFocus as MC, useDismiss as hc, useRole as gc, useInteractions as pc, useMergeRefs as fc, FloatingPortal as mc, FloatingArrow as IC, autoPlacement as kC, size as AC, useClick as LC, FloatingFocusManager as Zh, FloatingOverlay as OC } from "@floating-ui/react";
 import * as Ce from "react";
-import U, { createContext as Br, useState as k, useRef as N, useEffect as we, useMemo as G, useContext as et, isValidElement as Cc, cloneElement as fl, useCallback as M, memo as gt, useLayoutEffect as Wt, PureComponent as NC, useId as vc, Children as HC, createElement as Eo, useImperativeHandle as Vr, Component as GC, forwardRef as wc, Suspense as BC } from "react";
+import U, { createContext as Br, useState as k, useRef as N, useEffect as ve, useMemo as B, useContext as et, isValidElement as Cc, cloneElement as fl, useCallback as M, memo as gt, useLayoutEffect as Wt, PureComponent as NC, useId as vc, Children as HC, createElement as Eo, useImperativeHandle as Vr, Component as GC, forwardRef as wc, Suspense as BC } from "react";
 import { IconInfoCircle as Qh, IconCircleCheck as VC, IconAlertTriangle as zC, IconAlertCircle as WC, IconX as so, IconMinus as _C, IconCheck as Xh, IconExclamationCircle as bc, IconClipboardX as Jh, IconChevronsLeft as UC, IconChevronsRight as $C, IconGripVertical as jC, IconFile as eg, IconFileTypeZip as KC, IconFileTypeXml as qC, IconFileTypeXls as YC, IconFileTypeVue as ZC, IconFileTypeTxt as QC, IconFileTypeTsx as XC, IconFileTypeTs as JC, IconFileTypeSvg as ev, IconFileTypeSql as tv, IconFileTypeRs as sv, IconFileTypePpt as iv, IconFileTypePng as ov, IconFileTypePhp as nv, IconFileTypePdf as rv, IconFileTypeJsx as av, IconFileTypeJs as lv, IconFileTypeJpg as cv, IconFileTypeHtml as dv, IconFileTypeDocx as uv, IconFileTypeDoc as hv, IconFileTypeCsv as gv, IconFileTypeCss as pv, IconFileTypeBmp as fv, IconArrowUpRight as mv, IconFolder as Sc, IconChevronLeft as Cv, IconChevronRight as tg, IconChevronDown as zr, IconDotsVertical as en, IconDots as vv, IconTrashX as tn, IconEyeOff as sg, IconEye as ig, IconSearch as wv, IconPlus as bv, IconChevronUp as Sv, IconAlertCircleFilled as yv, IconCaretRightFilled as Rv, IconArrowLeft as xv, IconZoomCancel as Fv, IconFileZip as Ev, IconCopyMinus as Dv, IconFolderPlus as Pv, IconCopy as yc, IconDownload as Rc, IconPencilMinus as og, IconCircleFilled as Un } from "@tabler/icons-react";
 import Tv, { flushSync as Mv, createPortal as xc } from "react-dom";
 const oi = ({ errorText: e }) => e && /* @__PURE__ */ v("span", { className: "text-error dial-tiny mt-1", children: e }), He = ({ icon: e, className: t }) => e ? /* @__PURE__ */ v("span", { className: X("flex-shrink-0", t), children: e }) : null, Iv = 7, kv = 2, ng = Br(null), rg = () => {
@@ -42,7 +42,7 @@ const oi = ({ errorText: e }) => e && /* @__PURE__ */ v("span", { className: "te
   }), h = MC(d.context, {
     enabled: i == null
   }), g = hc(d.context), p = gc(d.context, { role: "tooltip" }), f = pc([u, h, g, p]);
-  return we(() => {
+  return ve(() => {
     if (!l) return;
     const m = d.refs.reference.current;
     if (!(m instanceof Element)) return;
@@ -53,7 +53,7 @@ const oi = ({ errorText: e }) => e && /* @__PURE__ */ v("span", { className: "te
       { root: null, threshold: 0 }
     );
     return C.observe(m), () => C.disconnect();
-  }, [l, d.refs.reference, c]), G(
+  }, [l, d.refs.reference, c]), B(
     () => ({
       open: l,
       setOpen: c,
@@ -417,7 +417,7 @@ const Xe = (e) => {
     "left-bottom"
   ], y = () => [...S(), ne, oe], x = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], R = () => [ne, oe, l], D = () => [Ri, "full", "auto", ...R()], T = () => [Es, "none", "subgrid", ne, oe], F = () => ["auto", {
     span: ["full", Es, ne, oe]
-  }, Es, ne, oe], P = () => [Es, "auto", ne, oe], A = () => ["auto", "min", "max", "fr", ne, oe], W = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], J = () => ["auto", ...R()], re = () => [Ri, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...R()], H = () => [e, ne, oe], se = () => [...S(), Gd, Hd, {
+  }, Es, ne, oe], P = () => [Es, "auto", ne, oe], A = () => ["auto", "min", "max", "fr", ne, oe], W = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], J = () => ["auto", ...R()], re = () => [Ri, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...R()], H = () => [e, ne, oe], se = () => [...S(), Gd, Hd, {
     position: [ne, oe]
   }], $ = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -848,14 +848,14 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...B(), "normal"]
+        "justify-items": [...G(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...B()]
+        "justify-self": ["auto", ...G()]
       }],
       /**
        * Align Content
@@ -869,7 +869,7 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...B(), {
+        items: [...G(), {
           baseline: ["", "last"]
         }]
       }],
@@ -878,7 +878,7 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...B(), {
+        self: ["auto", ...G(), {
           baseline: ["", "last"]
         }]
       }],
@@ -894,14 +894,14 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...B(), "baseline"]
+        "place-items": [...G(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...B()]
+        "place-self": ["auto", ...G()]
       }],
       // Spacing
       /**
@@ -3033,7 +3033,7 @@ const fw = {
   }, h = M(() => {
     d.current && cancelAnimationFrame(d.current), d.current = requestAnimationFrame(u);
   }, []);
-  we(() => {
+  ve(() => {
     h();
     const f = () => h();
     window.addEventListener("resize", f);
@@ -3042,10 +3042,10 @@ const fw = {
       window.removeEventListener("resize", f), m && m.disconnect(), d.current && cancelAnimationFrame(d.current);
     };
   }, [e, h]);
-  const g = G(
+  const g = B(
     () => typeof e == "string" ? e : l,
     [l, e]
-  ), p = G(() => i ? "" : r ? g : "", [g, i, r]);
+  ), p = B(() => i ? "" : r ? g : "", [g, i, r]);
   return /* @__PURE__ */ z(ag, { ...o, children: [
     /* @__PURE__ */ v(
       cg,
@@ -3478,8 +3478,8 @@ const Pw = "flex", Tw = "pb-1 mt-2", Mw = {
   isOpened: l,
   onToggle: c
 }) => {
-  const [d, u] = k(s), [h, g] = k(!0), p = G(() => typeof l == "boolean", [l]), f = p ? l : h;
-  we(() => {
+  const [d, u] = k(s), [h, g] = k(!0), p = B(() => typeof l == "boolean", [l]), f = p ? l : h;
+  ve(() => {
     p && u(l ? s : Sa);
   }, [p, l, s]);
   const m = X([
@@ -4651,7 +4651,7 @@ var J1 = /* @__PURE__ */ gt(function(t) {
     "children"
   ]);
   const [o, n] = eb(i);
-  return we(() => {
+  return ve(() => {
     if (n) {
       const r = Dg();
       return ++Kd, () => {
@@ -4718,7 +4718,7 @@ function ib() {
   }), ya;
 }
 var ob = ib();
-const nb = /* @__PURE__ */ sb(ob), ni = typeof window < "u" ? Wt : we;
+const nb = /* @__PURE__ */ sb(ob), ni = typeof window < "u" ? Wt : ve;
 function rb(e, t, s) {
   const [i, o] = k(
     () => t(e)
@@ -4761,10 +4761,10 @@ function Tg(e, t) {
   const s = [
     ...t || []
   ];
-  return t == null && typeof e != "function" && s.push(e), G(() => typeof e == "function" ? e() : e, s);
+  return t == null && typeof e != "function" && s.push(e), B(() => typeof e == "function" ? e() : e, s);
 }
 function lb(e) {
-  return G(
+  return B(
     () => e.hooks.dragSource(),
     [
       e
@@ -4772,7 +4772,7 @@ function lb(e) {
   );
 }
 function cb(e) {
-  return G(
+  return B(
     () => e.hooks.dragPreview(),
     [
       e
@@ -5138,7 +5138,7 @@ function ro() {
   return be(e != null, "Expected drag drop context"), e;
 }
 function wb(e, t) {
-  const s = ro(), i = G(
+  const s = ro(), i = B(
     () => new Cb(s.getBackend()),
     [
       s
@@ -5154,7 +5154,7 @@ function wb(e, t) {
 }
 function bb() {
   const e = ro();
-  return G(
+  return B(
     () => new db(e),
     [
       e
@@ -5184,21 +5184,21 @@ class Sb {
   }
 }
 function yb(e, t, s) {
-  const i = G(
+  const i = B(
     () => new Sb(e, t, s),
     [
       t,
       s
     ]
   );
-  return we(() => {
+  return ve(() => {
     i.spec = e;
   }, [
     e
   ]), i;
 }
 function Rb(e) {
-  return G(() => {
+  return B(() => {
     const t = e.type;
     return be(t != null, "spec.type must be defined"), t;
   }, [
@@ -5231,7 +5231,7 @@ function Fb(e, t) {
   ];
 }
 function Eb(e) {
-  return G(
+  return B(
     () => e.hooks.dropTarget(),
     [
       e
@@ -5239,7 +5239,7 @@ function Eb(e) {
   );
 }
 function Db(e) {
-  const t = ro(), s = G(
+  const t = ro(), s = B(
     () => new vb(t.getBackend()),
     [
       t
@@ -5251,7 +5251,7 @@ function Db(e) {
 }
 function Pb() {
   const e = ro();
-  return G(
+  return B(
     () => new ub(e),
     [
       e
@@ -5260,7 +5260,7 @@ function Pb() {
 }
 function Tb(e) {
   const { accept: t } = e;
-  return G(() => (be(e.accept != null, "accept must be defined"), Array.isArray(t) ? t : [
+  return B(() => (be(e.accept != null, "accept must be defined"), Array.isArray(t) ? t : [
     t
   ]), [
     t
@@ -5285,13 +5285,13 @@ class Mb {
   }
 }
 function Ib(e, t) {
-  const s = G(
+  const s = B(
     () => new Mb(e, t),
     [
       t
     ]
   );
-  return we(() => {
+  return ve(() => {
     s.spec = e;
   }, [
     e
@@ -5567,7 +5567,7 @@ var ur = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(ur ||
     t(c, s);
   }, [t, s]), a = M(function(c) {
     t(c, s);
-  }, [t, s]), l = G(function() {
+  }, [t, s]), l = B(function() {
     return Ze(Ze({ position: "absolute", userSelect: "none" }, Wb[s]), o ?? {});
   }, [o, s]);
   return v("div", { className: n || void 0, style: l, onMouseDown: r, onTouchStart: a, children: i });
@@ -5901,8 +5901,8 @@ var ur = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(ur ||
             var W = S / this.window.innerWidth * 100;
             S = "".concat(W, "vw");
           } else if (p.endsWith("vh")) {
-            var B = S / this.window.innerHeight * 100;
-            S = "".concat(B, "vh");
+            var G = S / this.window.innerHeight * 100;
+            S = "".concat(G, "vh");
           }
         }
         if (f && typeof f == "string") {
@@ -5913,8 +5913,8 @@ var ur = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(ur ||
             var W = b / this.window.innerWidth * 100;
             b = "".concat(W, "vw");
           } else if (f.endsWith("vh")) {
-            var B = b / this.window.innerHeight * 100;
-            b = "".concat(B, "vh");
+            var G = b / this.window.innerHeight * 100;
+            b = "".concat(G, "vh");
           }
         }
         var J = {
@@ -6021,7 +6021,7 @@ const Qb = ({ side: e, className: t }) => {
     u(!1);
     const S = m.current?.resizable?.getBoundingClientRect(), y = S ? Math.round(S.width) : t;
     p || g(y), n?.(y);
-  }, [n, p, t]), b = G(() => {
+  }, [n, p, t]), b = B(() => {
     const S = a === ur.Left, y = /* @__PURE__ */ v(
       Xb,
       {
@@ -6107,7 +6107,7 @@ const Lg = ({
   emptyPlaceholder: i = "—",
   className: o
 }) => {
-  const n = Ag(e), r = G(() => n ? new Intl.DateTimeFormat(t, s).format(n) : i, [n, i, t, s]), a = n ? n.toISOString() : void 0;
+  const n = Ag(e), r = B(() => n ? new Intl.DateTimeFormat(t, s).format(n) : i, [n, i, t, s]), a = n ? n.toISOString() : void 0;
   return /* @__PURE__ */ v(
     os,
     {
@@ -6200,7 +6200,7 @@ const n0 = X(
         }
       })
     ]
-  }), B = LC(W, {
+  }), G = LC(W, {
     enabled: i.includes(At.Click) && !n
   }), J = Yh(W, {
     enabled: i.includes(At.Hover) && !n,
@@ -6216,7 +6216,7 @@ const n0 = X(
       return !(g?.current && le instanceof Node && g.current.contains(le));
     }
   }), H = gc(W, { role: "menu" }), { getReferenceProps: se, getFloatingProps: $ } = pc([
-    B,
+    G,
     J,
     re,
     H
@@ -6253,7 +6253,7 @@ const n0 = X(
     },
     [m, n, j, x, i, R]
   );
-  we(() => {
+  ve(() => {
     n && x && R(!1);
   }, [n, x, R]);
   const Y = M(
@@ -6261,7 +6261,7 @@ const n0 = X(
       L.disabled || (L.onClick?.({ key: L.key, domEvent: le }), t?.onClick?.({ key: L.key, domEvent: le }), R(!1));
     },
     [t, R]
-  ), ee = G(() => s ? s() : t ? /* @__PURE__ */ z(je, { children: [
+  ), ee = B(() => s ? s() : t ? /* @__PURE__ */ z(je, { children: [
     t.header && /* @__PURE__ */ v(je, { children: typeof t.header == "function" ? t.header() : t.header }),
     /* @__PURE__ */ v("div", { role: "none", className: "py-1", children: t.items.map((L) => L.type === Fl.Divider ? /* @__PURE__ */ v(
       "div",
@@ -6325,7 +6325,7 @@ const n0 = X(
     onContextMenu: Z,
     onMouseDown: Q
   });
-  return we(() => {
+  return ve(() => {
     if (!x) return;
     const L = P.reference.current;
     let le = null;
@@ -6441,7 +6441,7 @@ const ou = () => typeof window < "u" && window.innerWidth < 640, nu = () => {
   return e >= 1024 ? qs.Desktop : e < 640 ? qs.Mobile : qs.Tablet;
 }, u0 = () => {
   const [e, t] = k(nu());
-  return we(() => {
+  return ve(() => {
     const s = () => t(nu());
     return window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
   }, []), e;
@@ -6454,7 +6454,7 @@ const ou = () => typeof window < "u" && window.innerWidth < 640, nu = () => {
   smallScreenContainerClassName: n,
   smallScreenDropdownItemClassName: r
 }) => {
-  const [a, l] = k(!1), [c, d] = k(!1), [u, h] = k(!1), g = u0(), p = g === qs.Mobile || o === hr.Tablet && g === qs.Tablet, f = i === xl.Horizontal, m = N(null), C = N(null), w = N(null), b = e.find((x) => x.id === t), S = G(
+  const [a, l] = k(!1), [c, d] = k(!1), [u, h] = k(!1), g = u0(), p = g === qs.Mobile || o === hr.Tablet && g === qs.Tablet, f = i === xl.Horizontal, m = N(null), C = N(null), w = N(null), b = e.find((x) => x.id === t), S = B(
     () => X(
       "flex gap-2",
       f ? "flex-row flex-nowrap overflow-x-auto" : "flex-col flex-wrap w-full"
@@ -6464,11 +6464,11 @@ const ou = () => typeof window < "u" && window.innerWidth < 640, nu = () => {
     const x = C.current;
     x && h(x.scrollWidth > x.clientWidth);
   }, []);
-  return we(() => {
+  return ve(() => {
     y();
     const x = new ResizeObserver(() => y()), E = C.current;
     return E && x.observe(E), () => x.disconnect();
-  }, [e, y]), we(() => {
+  }, [e, y]), ve(() => {
     const x = w.current, E = C.current;
     if (!x || !E) return;
     const R = x.offsetLeft, D = R + x.offsetWidth, T = E.scrollLeft, F = T + E.clientWidth;
@@ -6647,7 +6647,7 @@ const ou = () => typeof window < "u" && window.innerWidth < 640, nu = () => {
   children: o,
   titleClassName: n
 }) => {
-  const r = G(() => e?.length ? e : HC.toArray(o).filter(Cc).map((c) => {
+  const r = B(() => e?.length ? e : HC.toArray(o).filter(Cc).map((c) => {
     const d = c.props, { titleClassName: u, isLast: h, separator: g, ...p } = d;
     return p;
   }), [e, o]), a = M(
@@ -6656,7 +6656,7 @@ const ou = () => typeof window < "u" && window.innerWidth < 640, nu = () => {
       u.onClick ? u.onClick(c.domEvent) : u.href && (window.location.href = u.href);
     },
     [r]
-  ), l = G(() => {
+  ), l = B(() => {
     if (r.length === 0) return null;
     if (r.length <= 3)
       return r.map((p, f) => /* @__PURE__ */ Eo(
@@ -6842,26 +6842,26 @@ const ou = () => typeof window < "u" && window.innerWidth < 640, nu = () => {
   inputRef: R
 }) => {
   const D = N(null), T = fc([R, D]);
-  we(() => {
+  ve(() => {
     const W = D.current;
     if (!W) return;
-    const B = (J) => {
+    const G = (J) => {
       J.preventDefault();
     };
-    return W.addEventListener("wheel", B, { passive: !1 }), () => {
-      W.removeEventListener("wheel", B);
+    return W.addEventListener("wheel", G, { passive: !1 }), () => {
+      W.removeEventListener("wheel", G);
     };
   }, []);
   const F = c === "number" || p !== void 0 || f !== void 0, P = (W) => {
     x0(W, c, p, f);
   }, A = (W) => {
-    const B = W.currentTarget.value;
-    if (F && B !== "") {
-      const J = parseFloat(B);
-      if (isNaN(J) && B !== "-" && B !== "." || !isNaN(J) && (p !== void 0 && J < p || f !== void 0 && J > f))
+    const G = W.currentTarget.value;
+    if (F && G !== "") {
+      const J = parseFloat(G);
+      if (isNaN(J) && G !== "-" && G !== "." || !isNaN(J) && (p !== void 0 && J < p || f !== void 0 && J > f))
         return;
     }
-    g?.(B || void 0);
+    g?.(G || void 0);
   };
   return /* @__PURE__ */ z(
     "div",
@@ -7557,7 +7557,7 @@ const _0 = {
   allowClear: d = !0
 }) => {
   const [u, h] = k(t || "");
-  we(() => {
+  ve(() => {
     h(t || "");
   }, [t]);
   const g = M(
@@ -7703,7 +7703,7 @@ const _0 = {
     const S = d.filter((y, x) => x !== b);
     u(S), l?.(S);
   };
-  return we(() => {
+  return ve(() => {
     const b = new ResizeObserver(() => {
       if (c.current) {
         const S = c.current.scrollHeight > c.current.clientHeight + 10;
@@ -7813,15 +7813,17 @@ const Z0 = ({
   dismissRef: D,
   onFooterClick: T
 }) => {
-  const F = vc(), [P, A] = k(!1), [W, B] = k(
+  const F = vc(), [P, A] = k(!1), [W, G] = k(
     R && l || ""
-  ), J = N(null), re = i !== void 0, [H, se] = k(o), $ = re ? i : H, j = G(() => t ? Array.isArray($) ? $ : [] : typeof $ == "string" ? [$] : [], [$, t]), Z = G(() => {
+  ), J = N(null), re = i !== void 0, [H, se] = k(o), $ = re ? i : H, j = B(() => t ? Array.isArray($) ? $ : [] : typeof $ == "string" ? [$] : [], [$, t]), Z = B(() => {
     const _ = W.trim().toLowerCase();
     return _ ? e.filter((te) => te.label.toLowerCase().includes(_)) : e;
   }, [e, W]);
-  we(() => {
-    !P && !R && B("");
-  }, [R, P]);
+  ve(() => {
+    !P && !R && G("");
+  }, [R, P]), ve(() => {
+    R && G(l || "");
+  }, [l, R]);
   const Q = M(
     (_) => {
       re || se(_), E?.(_);
@@ -7843,10 +7845,10 @@ const Z0 = ({
       Q(fe);
     },
     [t, j, Q]
-  ), he = G(
+  ), he = B(
     () => Z.filter((_) => !_.disabled),
     [Z]
-  ), L = G(
+  ), L = B(
     () => he.filter((_) => j.includes(_.value)).length,
     [he, j]
   ), le = (_) => {
@@ -7861,7 +7863,7 @@ const Z0 = ({
         he.forEach((te) => _.add(te.value)), Q(Array.from(_));
       }
   }, Re = j.length > 0;
-  we(() => {
+  ve(() => {
     P && R && !t && !C && requestAnimationFrame(() => {
       const _ = J.current;
       if (!_) return;
@@ -7870,7 +7872,7 @@ const Z0 = ({
       _.setSelectionRange?.(te, te);
     });
   }, [P, R, t, C]);
-  const Ne = !t && Re ? j[0] : void 0, Te = G(
+  const Ne = !t && Re ? j[0] : void 0, Te = B(
     () => Ne ? e.find((_) => _.value === Ne) : void 0,
     [e, Ne]
   ), ct = M(() => !t || j.length === 0 ? null : /* @__PURE__ */ v(
@@ -7880,7 +7882,7 @@ const Z0 = ({
       selectedValues: j,
       handleRemoveTag: ee
     }
-  ), [t, e, j, ee]), ve = M(() => t ? Re ? ct() : /* @__PURE__ */ v("span", { className: "text-secondary truncate", children: c }) : Te ? /* @__PURE__ */ z(je, { children: [
+  ), [t, e, j, ee]), we = M(() => t ? Re ? ct() : /* @__PURE__ */ v("span", { className: "text-secondary truncate", children: c }) : Te ? /* @__PURE__ */ z(je, { children: [
     Te.icon && /* @__PURE__ */ v(He, { icon: Te.icon }),
     /* @__PURE__ */ v(
       os,
@@ -7898,14 +7900,14 @@ const Z0 = ({
     c,
     ct,
     Te
-  ]), Fe = G(() => W || Te?.label || "", [W, Te]);
+  ]), Fe = B(() => W || Te?.label || "", [W, Te]);
   Vr(D, () => ({
     dismiss: () => {
       A(!1);
     }
   }));
   const Le = () => {
-    B(
+    G(
       j.length === 1 ? Te?.label ?? W : ""
     );
   };
@@ -7934,7 +7936,7 @@ const Z0 = ({
                 Wg,
                 {
                   placeholder: u,
-                  onChange: B,
+                  onChange: G,
                   value: W,
                   elementId: `search-${s || F}`
                 }
@@ -8074,7 +8076,7 @@ const Z0 = ({
                 type: "text",
                 placeholder: u ?? c,
                 value: Fe,
-                onChange: (_) => B(_.currentTarget.value),
+                onChange: (_) => G(_.currentTarget.value),
                 onFocus: () => !C && A(!0),
                 onMouseDown: (_) => {
                   Le(), _.stopPropagation();
@@ -8087,7 +8089,7 @@ const Z0 = ({
                 disabled: C,
                 "aria-disabled": C
               }
-            ) }) : /* @__PURE__ */ v("div", { className: "flex min-w-0 items-center gap-2 text-primary", children: ve() }),
+            ) }) : /* @__PURE__ */ v("div", { className: "flex min-w-0 items-center gap-2 text-primary", children: we() }),
             !R && /* @__PURE__ */ v(
               He,
               {
@@ -8742,10 +8744,10 @@ const dS = function(t, s, i) {
   ), C = M(
     (F) => n && F?.length > n,
     [n]
-  ), w = G(() => p || C(h), [p, h, C]), b = () => {
+  ), w = B(() => p || C(h), [p, h, C]), b = () => {
     g([]), f(!1);
   };
-  we(() => {
+  ve(() => {
     b();
   }, [o]);
   const [{ isOver: S, canDrop: y }, x] = Ig(
@@ -8962,7 +8964,7 @@ const dS = function(t, s, i) {
     )
   ] });
 }, pS = /* @__PURE__ */ v(zr, { size: 16 }), fS = /* @__PURE__ */ v(Sv, { size: 16 }), gu = (e) => {
-  const [t, s] = k(!1), i = G(() => t ? fS : pS, [t]);
+  const [t, s] = k(!1), i = B(() => t ? fS : pS, [t]);
   return /* @__PURE__ */ v("div", { children: /* @__PURE__ */ v(
     Et,
     {
@@ -9133,18 +9135,18 @@ function NS({
   }, [p, o, r]), C = M(() => {
     s && a(e), g(), n?.();
   }, [e, n, s, g]);
-  return we(() => {
+  return ve(() => {
     t && (a(e), g(), requestAnimationFrame(() => {
       h.current?.focus(), h.current?.select();
     }));
-  }, [t, e, g]), we(() => {
+  }, [t, e, g]), ve(() => {
     const w = h.current;
     if (!t || !w) return;
     const b = (S) => {
       S.key === "Enter" ? (S.preventDefault(), h.current?.blur()) : S.key === "Escape" && (S.preventDefault(), C());
     };
     return w.addEventListener("keydown", b), () => w.removeEventListener("keydown", b);
-  }, [t, m, C]), we(() => {
+  }, [t, m, C]), ve(() => {
     if (!t) return;
     const w = h.current;
     if (!w) return;
@@ -9211,10 +9213,10 @@ const pr = ({
     }
   );
 }, Qg = (e) => {
-  const [t, s] = k(e?.expandedPaths ?? /* @__PURE__ */ new Set()), i = G(
+  const [t, s] = k(e?.expandedPaths ?? /* @__PURE__ */ new Set()), i = B(
     () => !!e?.onExpandedPathsChange,
     [e?.onExpandedPathsChange]
-  ), o = G(
+  ), o = B(
     () => i ? e?.expandedPaths ?? /* @__PURE__ */ new Set() : t,
     [i, e?.expandedPaths, t]
   ), n = M(
@@ -9282,7 +9284,7 @@ const pr = ({
     const { path: T, nodeType: F, name: P, items: A } = D, W = F === Ke.FOLDER;
     if (!c && Zg(D)) return null;
     if (!W && !t) return;
-    const B = Array.isArray(A) && A.length > 0 && A.some((ee) => ee.nodeType === Ke.FOLDER || t), J = b.has(T), re = n === T, H = i.has(T), se = d === T, $ = o.has(T), j = h && u && T === h && W, Z = C && ((ee) => C(ee, D)), Q = re ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", Y = j ? [] : p?.(D) ?? [];
+    const G = Array.isArray(A) && A.length > 0 && A.some((ee) => ee.nodeType === Ke.FOLDER || t), J = b.has(T), re = n === T, H = i.has(T), se = d === T, $ = o.has(T), j = h && u && T === h && W, Z = C && ((ee) => C(ee, D)), Q = re ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", Y = j ? [] : p?.(D) ?? [];
     return /* @__PURE__ */ v("div", { className: "cursor-pointer text-secondary", children: /* @__PURE__ */ z("div", { className: "flex flex-col w-full", children: [
       /* @__PURE__ */ v(
         Et,
@@ -9320,7 +9322,7 @@ const pr = ({
                           className: X(
                             "flex-shrink-0",
                             J && "rotate-90 transition-all",
-                            $ && !B && "text-transparent"
+                            $ && !G && "text-transparent"
                           )
                         }
                       ),
@@ -9396,7 +9398,7 @@ const pr = ({
   searchContainerClassName: C,
   isCompactView: w = !1
 }) => {
-  const b = G(() => {
+  const b = B(() => {
     if (!i) return;
     const R = i.split("/").map((T) => T.trim()).filter(Boolean);
     if (!R.length) return [{ title: "/" }];
@@ -11800,7 +11802,7 @@ function Ut(e, t, s) {
     D || !y.isPrimary() || (h?.syncColumnWithState(y, s, T), o?.syncColumnWithState(y, s, T, E), n?.syncColumnWithState(y, s, T, R));
   }, w = (y, x, E) => {
     const R = jp(e, s), D = x.slice(), T = {}, F = {}, P = [], A = [], W = [];
-    let B = 0;
+    let G = 0;
     const J = o?.columns.slice() ?? [], re = n?.columns.slice() ?? [];
     for (const $ of y) {
       const j = $.colId;
@@ -11813,7 +11815,7 @@ function Ut(e, t, s) {
         continue;
       }
       const Q = E(j);
-      Q ? (C(Q, $, T, F, !1), $t(D, Q)) : (W.push($), B += 1);
+      Q ? (C(Q, $, T, F, !1), $t(D, Q)) : (W.push($), G += 1);
     }
     const H = ($) => C($, null, T, F, !1);
     D.forEach(H), o?.sortColumns(Du.bind(o, T, J)), n?.sortColumns(Du.bind(n, F, re)), i.refreshCols(!1, s);
@@ -11835,7 +11837,7 @@ function Ut(e, t, s) {
     ), ER(t, i, p), c.refresh(s), g.dispatchEvent({
       type: "columnEverythingChanged",
       source: s
-    }), R(), { unmatchedAndAutoStates: W, unmatchedCount: B };
+    }), R(), { unmatchedAndAutoStates: W, unmatchedCount: G };
   };
   l?.start();
   let { unmatchedAndAutoStates: b, unmatchedCount: S } = w(
@@ -11881,8 +11883,8 @@ function jp(e, t) {
       if (Vs(T, F))
         return;
       const A = new Set(E);
-      for (const B of R)
-        A.delete(B) || A.add(B);
+      for (const G of R)
+        A.delete(G) || A.add(G);
       const W = [...A];
       a.dispatchEvent({
         type: x,
@@ -17507,8 +17509,8 @@ var er = {
       this.invalidateVerticalScroll();
       do {
         const { stickyTopHeight: p, stickyBottomHeight: f } = c, m = d.rowTop, C = d.rowHeight, w = r.getPixelOffset(), b = d.rowTop - w, S = b + d.rowHeight, y = this.getVScrollPosition(), x = a.divStretchOffset, E = y.top + x, R = y.bottom + x, D = R - E, T = a.getScrollPositionForPixel(b), F = a.getScrollPositionForPixel(S - D), P = Math.min((T + F) / 2, b), A = E + p > b, W = R - f < S;
-        let B = null;
-        t === "top" ? B = T - p : t === "bottom" ? B = F + f : t === "middle" ? B = P : A ? B = T - p : W && (F - T > D ? B = T - p : B = F + f), B !== null && (this.setVerticalScrollPosition(B), l.redraw({ afterScroll: !0 })), u = m !== d.rowTop || C !== d.rowHeight, h = p !== c.stickyTopHeight || f !== c.stickyBottomHeight, g++;
+        let G = null;
+        t === "top" ? G = T - p : t === "bottom" ? G = F + f : t === "middle" ? G = P : A ? G = T - p : W && (F - T > D ? G = T - p : G = F + f), G !== null && (this.setVerticalScrollPosition(G), 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;
@@ -46233,10 +46235,10 @@ var lC = wc((e, t) => {
       lC,
       e
     ));
-  }, []), D = G(() => `ag-cell-wrapper ${m.toString()}`, [m]), T = G(() => `ag-group-expanded ${w.toString()}`, [w]), F = G(
+  }, []), D = B(() => `ag-cell-wrapper ${m.toString()}`, [m]), T = B(() => `ag-group-expanded ${w.toString()}`, [w]), F = B(
     () => `ag-group-contracted ${S.toString()}`,
     [S]
-  ), P = G(() => `ag-group-checkbox ${x.toString()}`, [x]), A = d?.componentFromFramework, W = A ? d.componentClass : void 0, B = d == null && p != null, J = ao(p);
+  ), P = B(() => `ag-group-checkbox ${x.toString()}`, [x]), A = d?.componentFromFramework, W = A ? d.componentClass : void 0, G = d == null && p != null, J = ao(p);
   return /* @__PURE__ */ U.createElement(
     "span",
     {
@@ -46247,7 +46249,7 @@ var lC = wc((e, t) => {
     /* @__PURE__ */ U.createElement("span", { className: T, ref: a }),
     /* @__PURE__ */ U.createElement("span", { className: F, ref: l }),
     /* @__PURE__ */ U.createElement("span", { className: P, ref: r }),
-    /* @__PURE__ */ U.createElement("span", { className: "ag-group-value", ref: n }, B ? J : A ? /* @__PURE__ */ U.createElement(W, { ...d.params }) : null),
+    /* @__PURE__ */ U.createElement("span", { className: "ag-group-value", ref: n }, G ? J : A ? /* @__PURE__ */ U.createElement(W, { ...d.params }) : null),
     /* @__PURE__ */ U.createElement("span", { className: "ag-group-child-count" }, h)
   );
 }), Gh = lC, Md = Br({
@@ -46255,7 +46257,7 @@ var lC = wc((e, t) => {
   }
 }), HA = (e) => {
   const { initialProps: t, addUpdateCallback: s, CustomComponentClass: i, setMethods: o } = e, [{ key: n, ...r }, a] = k(t);
-  return we(() => {
+  return ve(() => {
     s((l) => a(l));
   }, []), /* @__PURE__ */ U.createElement(Md.Provider, { value: { setMethods: o } }, /* @__PURE__ */ U.createElement(i, { key: n, ...r }));
 }, GA = gt(HA), BA = 0;
@@ -46729,10 +46731,10 @@ var e8 = 1e3, t8 = class {
   Wt(
     () => un(i, s, d.current, u),
     [i]
-  ), we(() => {
+  ), ve(() => {
     e.setDragSource(l.current);
   }, [i]);
-  const p = G(() => !!(i?.componentFromFramework && uo(i.componentClass)), [i]), f = i?.componentFromFramework, m = i?.componentClass;
+  const p = B(() => !!(i?.componentFromFramework && uo(i.componentClass)), [i]), f = i?.componentFromFramework, m = i?.componentClass;
   return /* @__PURE__ */ U.createElement("div", { ref: g, style: n, className: "ag-header-cell", role: "columnheader" }, /* @__PURE__ */ U.createElement("div", { ref: c, className: "ag-header-cell-resize", role: "presentation" }), /* @__PURE__ */ U.createElement("div", { ref: d, className: "ag-header-cell-comp-wrapper", role: "presentation" }, f ? p ? /* @__PURE__ */ U.createElement(m, { ...i.params }) : /* @__PURE__ */ U.createElement(m, { ...i.params, ref: u }) : null));
 }, i8 = gt(s8), o8 = class {
   constructor(e, t) {
@@ -46785,8 +46787,8 @@ var e8 = 1e3, t8 = class {
     () => un(g, t, w.current, E),
     [g]
   );
-  const D = G(() => n.toString(), [n]), T = G(() => a.toString(), [a]), F = G(() => c.toString(), [c]), P = G(() => !!(g && g.componentFromFramework && uo(g.componentClass)), [g]), A = G(() => s.get("reactiveCustomComponents"), []), W = G(() => s.get("enableFilterHandlers"), []), [B, J] = k();
-  we(() => {
+  const D = B(() => n.toString(), [n]), T = B(() => a.toString(), [a]), F = B(() => c.toString(), [c]), P = B(() => !!(g && g.componentFromFramework && uo(g.componentClass)), [g]), A = B(() => s.get("reactiveCustomComponents"), []), W = B(() => s.get("enableFilterHandlers"), []), [G, J] = k();
+  ve(() => {
     if (g?.componentFromFramework)
       if (A) {
         const $ = W ? o8 : $A, j = new $(g.params, () => f((Z) => Z + 1));
@@ -46794,12 +46796,12 @@ var e8 = 1e3, t8 = class {
       } else
         Id();
   }, [g]);
-  const re = B?.getProps(), H = g?.componentFromFramework, se = g?.componentClass;
+  const re = G?.getProps(), H = g?.componentFromFramework, se = g?.componentClass;
   return /* @__PURE__ */ U.createElement("div", { ref: R, style: i, className: D, role: "gridcell" }, /* @__PURE__ */ U.createElement("div", { ref: w, className: T, role: "presentation" }, H ? A ? re && /* @__PURE__ */ U.createElement(
     Md.Provider,
     {
       value: {
-        setMethods: ($) => B.setMethods($)
+        setMethods: ($) => G.setMethods($)
       }
     },
     /* @__PURE__ */ U.createElement(se, { ...re })
@@ -46852,16 +46854,16 @@ var e8 = 1e3, t8 = class {
     };
     e.setComp(T, D, m.current, C.current, p.current);
   }, []);
-  Wt(() => un(h, t, C.current), [h]), we(() => {
+  Wt(() => un(h, t, C.current), [h]), ve(() => {
     f.current && e.setDragSource(f.current);
   }, [h]);
-  const S = G(() => !!(h?.componentFromFramework && uo(h.componentClass)), [h]), y = G(() => "ag-header-group-cell " + o.toString(), [o]), x = G(
+  const S = B(() => !!(h?.componentFromFramework && uo(h.componentClass)), [h]), y = B(() => "ag-header-group-cell " + o.toString(), [o]), x = B(
     () => "ag-header-cell-resize " + r.toString(),
     [r]
   ), E = h?.componentFromFramework, R = h?.componentClass;
   return /* @__PURE__ */ U.createElement("div", { ref: b, style: s, className: y, role: "columnheader", "aria-expanded": d }, /* @__PURE__ */ U.createElement("div", { ref: C, className: "ag-header-cell-comp-wrapper", role: "presentation" }, E ? S ? /* @__PURE__ */ U.createElement(R, { ...h.params }) : /* @__PURE__ */ U.createElement(R, { ...h.params, ref: w }) : null), /* @__PURE__ */ U.createElement("div", { ref: m, "aria-hidden": l, className: x }));
 }, l8 = gt(a8), c8 = ({ ctrl: e }) => {
-  const { gos: t, context: s } = et(pt), { topOffset: i, rowHeight: o } = G(() => e.getTopAndHeight(), []), n = G(() => t.get("tabIndex"), []), [r, a] = k(() => e.getAriaRowIndex()), l = e.headerRowClass, [c, d] = k(() => o + "px"), [u, h] = k(() => i + "px"), g = N(null), [p, f] = k(() => e.getUpdatedHeaderCtrls()), m = N(), C = N(null), w = M((y) => {
+  const { gos: t, context: s } = et(pt), { topOffset: i, rowHeight: o } = B(() => e.getTopAndHeight(), []), n = B(() => t.get("tabIndex"), []), [r, a] = k(() => e.getAriaRowIndex()), l = e.headerRowClass, [c, d] = k(() => o + "px"), [u, h] = k(() => i + "px"), g = N(null), [p, f] = k(() => e.getUpdatedHeaderCtrls()), m = N(), C = N(null), w = M((y) => {
     if (C.current = y, !y || !e.isAlive() || s.isDestroyed()) {
       m.current = s.destroyBean(m.current);
       return;
@@ -46882,7 +46884,7 @@ var e8 = 1e3, t8 = class {
       }
     };
     e.setComp(x, m.current, !1);
-  }, []), b = G(
+  }, []), b = B(
     () => ({
       height: c,
       top: u
@@ -46947,7 +46949,7 @@ var e8 = 1e3, t8 = class {
       setHeightAndMinHeight: (h) => i(h)
     };
     r.current.setComp(u, d, d);
-  }, []), l = G(() => "ag-header " + e.toString(), [e]), c = G(
+  }, []), l = B(() => "ag-header " + e.toString(), [e]), c = B(
     () => ({
       height: s,
       minHeight: s
@@ -46956,7 +46958,7 @@ var e8 = 1e3, t8 = class {
   );
   return /* @__PURE__ */ U.createElement("div", { ref: a, className: l, style: c, role: "presentation" }, /* @__PURE__ */ U.createElement(ul, { pinned: "left" }), /* @__PURE__ */ U.createElement(ul, { pinned: null }), /* @__PURE__ */ U.createElement(ul, { pinned: "right" }));
 }, g8 = gt(h8), p8 = (e, t) => {
-  we(() => {
+  ve(() => {
     const s = t.current;
     if (s) {
       const i = s.parentElement;
@@ -47013,7 +47015,7 @@ var e8 = 1e3, t8 = class {
   }
 }, m8 = (e) => {
   const t = N(e), s = N(), i = N(!1), o = N(!1), [, n] = k(0);
-  i.current && (o.current = !0), we(() => (i.current || (s.current = t.current(), i.current = !0), n((r) => r + 1), () => {
+  i.current && (o.current = !0), ve(() => (i.current || (s.current = t.current(), i.current = !0), n((r) => r + 1), () => {
     o.current && s.current?.();
   }), []);
 }, C8 = (e) => {
@@ -47087,7 +47089,7 @@ var e8 = 1e3, t8 = class {
     const c = l.getGui();
     c && c.parentElement && c.remove(), r.destroyBean(l), o.current = void 0;
   }, []);
-  we(() => {
+  ve(() => {
     const l = e != null, c = e?.compDetails && !e.compDetails.componentFromFramework, d = t && s == null;
     if (!(l && c && !d)) {
       a();
@@ -47108,12 +47110,12 @@ var e8 = 1e3, t8 = class {
         return;
       (t ? s : n.current).appendChild(f), o.current = p;
     });
-  }, [e, t, i]), we(() => a, []);
+  }, [e, t, i]), ve(() => a, []);
 }, uC = b8, S8 = ({
   cellCtrl: e,
   parent: t
 }) => {
-  const s = N(), i = G(() => {
+  const s = N(), i = B(() => {
     const { loadingComp: o } = e.getDeferLoadingCellRenderer();
     return o ? {
       value: void 0,
@@ -47136,14 +47138,14 @@ var e8 = 1e3, t8 = class {
     instanceId: r
   } = e, a = N(), [l, c] = k(
     () => e.isCellRenderer() ? void 0 : { compDetails: void 0, value: e.getValueToDisplay(), force: !1 }
-  ), [d, u] = k(), [h, g] = k(1), [p, f] = k(), [m, C] = k(!1), [w, b] = k(!1), [S, y] = k(!1), [x, E] = k(), R = G(() => e.isForceWrapper(), [e]), D = G(() => e.getCellAriaRole(), [e]), T = N(null), F = N(null), P = N(null), A = N(), W = N(), B = N(), J = N([]), re = N(), H = N(), [se, $] = k(0), j = M((ve) => {
-    H.current = ve, $((Fe) => Fe + 1);
-  }, []), Z = l != null && (m || S || w) && (d == null || !!d.popup), Q = R || Z, Y = G(() => e.getCellValueClass(), [e]), ee = M(
-    (ve) => {
-      if (W.current = ve, ve) {
-        const Fe = ve.isCancelBeforeStart && ve.isCancelBeforeStart();
+  ), [d, u] = k(), [h, g] = k(1), [p, f] = k(), [m, C] = k(!1), [w, b] = k(!1), [S, y] = k(!1), [x, E] = k(), R = B(() => e.isForceWrapper(), [e]), D = B(() => e.getCellAriaRole(), [e]), T = N(null), F = N(null), P = N(null), A = N(), W = N(), G = N(), J = N([]), re = N(), H = N(), [se, $] = k(0), j = M((we) => {
+    H.current = we, $((Fe) => Fe + 1);
+  }, []), Z = l != null && (m || S || w) && (d == null || !!d.popup), Q = R || Z, Y = B(() => e.getCellValueClass(), [e]), ee = M(
+    (we) => {
+      if (W.current = we, we) {
+        const Fe = we.isCancelBeforeStart && we.isCancelBeforeStart();
         setTimeout(() => {
-          Fe ? (e.stopEditing(!0), e.focusCell(!0)) : (e.cellEditorAttached(), e.enableEditorTooltipFeature(ve));
+          Fe ? (e.stopEditing(!0), e.focusCell(!0)) : (e.cellEditorAttached(), e.enableEditorTooltipFeature(we));
         });
       }
     },
@@ -47152,11 +47154,11 @@ var e8 = 1e3, t8 = class {
   he.current || (he.current = new rn(() => T.current)), uC(l, Q, H.current, se, A, T);
   const L = N();
   Wt(() => {
-    const ve = L.current, Fe = l;
-    if (L.current = l, ve == null || ve.compDetails == null || Fe == null || Fe.compDetails == null)
+    const we = L.current, Fe = l;
+    if (L.current = l, we == null || we.compDetails == null || Fe == null || Fe.compDetails == null)
       return;
     re.current?.refreshVisibility();
-    const Le = ve.compDetails, _ = Fe.compDetails;
+    const Le = we.compDetails, _ = Fe.compDetails;
     if (Le.componentClass != _.componentClass || P.current?.refresh == null)
       return;
     P.current.refresh(_.params) != !0 && g((fe) => fe + 1);
@@ -47168,7 +47170,7 @@ var e8 = 1e3, t8 = class {
       if (!te)
         return;
       const fe = te.getGui();
-      ee(te), Le || ((R ? B : T).current?.appendChild(fe), te.afterGuiAttached?.()), E(te);
+      ee(te), Le || ((R ? G : T).current?.appendChild(fe), te.afterGuiAttached?.()), E(te);
     }), () => {
       _.then((te) => {
         const fe = te.getGui();
@@ -47177,8 +47179,8 @@ var e8 = 1e3, t8 = class {
     };
   }, [d]);
   const le = M(
-    (ve) => {
-      if (B.current = ve, !ve || o.isDestroyed() || !e.isAlive()) {
+    (we) => {
+      if (G.current = we, !we || o.isDestroyed() || !e.isAlive()) {
         const _ = J.current;
         J.current = [];
         for (const te of _)
@@ -47187,7 +47189,7 @@ var e8 = 1e3, t8 = class {
       }
       let Fe;
       const Le = (_) => {
-        _ && (ve.insertAdjacentElement("afterbegin", _.getGui()), J.current.push(() => {
+        _ && (we.insertAdjacentElement("afterbegin", _.getGui()), J.current.push(() => {
           Ls(_.getGui()), o.destroyBean(_), re.current === Fe && (re.current = void 0);
         }));
       };
@@ -47195,8 +47197,8 @@ var e8 = 1e3, t8 = class {
     },
     [e, o, S, w, m]
   ), Se = M(() => {
-    const ve = !e.isCellSpanning() || F.current, Fe = T.current;
-    if (!Fe || !ve || !e || !e.isAlive() || o.isDestroyed()) {
+    const we = !e.isCellSpanning() || F.current, Fe = T.current;
+    if (!Fe || !we || !e || !e.isAlive() || o.isDestroyed()) {
       a.current = o.destroyBean(a.current);
       return;
     }
@@ -47210,7 +47212,7 @@ var e8 = 1e3, t8 = class {
       setIncludeDndSource: (te) => y(te),
       getCellEditor: () => W.current ?? null,
       getCellRenderer: () => P.current ?? A.current,
-      getParentOfValue: () => H.current ?? B.current ?? T.current,
+      getParentOfValue: () => H.current ?? G.current ?? T.current,
       setRenderDetails: (te, fe, qe) => {
         const yt = () => {
           c((Ue) => Ue?.compDetails !== te || Ue?.value !== fe || Ue?.force !== qe ? {
@@ -47253,7 +47255,7 @@ var e8 = 1e3, t8 = class {
         const { current: qe } = he;
         qe.toggleCss("ag-cell-value", !Q), qe.toggleCss("ag-cell-inline-editing", !!te && !fe), qe.toggleCss("ag-cell-popup-editing", !!te && !!fe), qe.toggleCss("ag-cell-not-inline-editing", !te || !!fe);
       }
-    }, _ = B.current || void 0;
+    }, _ = G.current || void 0;
     e.setComp(
       Le,
       Fe,
@@ -47263,28 +47265,28 @@ var e8 = 1e3, t8 = class {
       s,
       a.current
     );
-  }, []), ue = M((ve) => {
-    T.current = ve, Se();
-  }, []), Ee = M((ve) => {
-    F.current = ve, Se();
-  }, []), Re = G(() => !!(l?.compDetails?.componentFromFramework && uo(l.compDetails.componentClass)), [l]);
+  }, []), ue = M((we) => {
+    T.current = we, Se();
+  }, []), Ee = M((we) => {
+    F.current = we, Se();
+  }, []), Re = B(() => !!(l?.compDetails?.componentFromFramework && uo(l.compDetails.componentClass)), [l]);
   Wt(() => {
     if (!T.current)
       return;
-    const { current: ve } = he;
-    ve.toggleCss("ag-cell-value", !Q), ve.toggleCss("ag-cell-inline-editing", !!d && !d.popup), ve.toggleCss("ag-cell-popup-editing", !!d && !!d.popup), ve.toggleCss("ag-cell-not-inline-editing", !d || !!d.popup);
+    const { current: we } = he;
+    we.toggleCss("ag-cell-value", !Q), we.toggleCss("ag-cell-inline-editing", !!d && !d.popup), we.toggleCss("ag-cell-popup-editing", !!d && !!d.popup), we.toggleCss("ag-cell-not-inline-editing", !d || !!d.popup);
   });
   const Ne = () => {
-    const { compDetails: ve, value: Fe } = l;
-    if (!ve)
+    const { compDetails: we, value: Fe } = l;
+    if (!we)
       return Fe?.toString?.() ?? Fe;
-    if (ve.componentFromFramework) {
-      const Le = ve.componentClass;
-      return /* @__PURE__ */ U.createElement(BC, { fallback: /* @__PURE__ */ U.createElement(S8, { cellCtrl: e, parent: T }) }, Re ? /* @__PURE__ */ U.createElement(Le, { ...ve.params, key: h }) : /* @__PURE__ */ U.createElement(Le, { ...ve.params, key: h, ref: P }));
+    if (we.componentFromFramework) {
+      const Le = we.componentClass;
+      return /* @__PURE__ */ U.createElement(BC, { fallback: /* @__PURE__ */ U.createElement(S8, { cellCtrl: e, parent: T }) }, Re ? /* @__PURE__ */ U.createElement(Le, { ...we.params, key: h }) : /* @__PURE__ */ U.createElement(Le, { ...we.params, key: h, ref: P }));
     }
   }, Te = () => {
-    const ve = () => l == null ? null : Q ? /* @__PURE__ */ U.createElement("span", { role: "presentation", id: `cell-${r}`, className: Y, ref: j }, Ne()) : Ne(), Fe = (Le) => w8(Le, ee, T.current, e, x);
-    return d != null ? d.popup ? /* @__PURE__ */ U.createElement(U.Fragment, null, ve(), Fe(d)) : Fe(d) : ve();
+    const we = () => l == null ? null : Q ? /* @__PURE__ */ U.createElement("span", { role: "presentation", id: `cell-${r}`, className: Y, ref: j }, Ne()) : Ne(), Fe = (Le) => w8(Le, ee, T.current, e, x);
+    return d != null ? d.popup ? /* @__PURE__ */ U.createElement(U.Fragment, null, we(), Fe(d)) : Fe(d) : we();
   }, ct = () => /* @__PURE__ */ U.createElement("div", { ref: ue, style: p, role: D, "col-id": n }, Q ? /* @__PURE__ */ U.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: le }, Te()) : Te());
   return e.isCellSpanning() ? /* @__PURE__ */ U.createElement("div", { ref: Ee, className: "ag-spanned-cell-wrapper", role: "presentation" }, ct()) : ct();
 }, R8 = gt(y8), x8 = ({ rowCtrl: e, containerType: t }) => {
@@ -47294,13 +47296,13 @@ var e8 = 1e3, t8 = class {
     () => c ? e.getInitialRowTop(t) : void 0
   ), [D, T] = k(
     () => c ? e.getInitialTransform(t) : void 0
-  ), F = N(null), P = N(), A = N(), W = N(!1), [B, J] = k(0);
-  we(() => {
-    if (W.current || !y || B > 10)
+  ), F = N(null), P = N(), A = N(), W = N(!1), [G, J] = k(0);
+  ve(() => {
+    if (W.current || !y || G > 10)
       return;
     const ue = F.current?.firstChild;
     ue ? (e.setupDetailRowAutoHeight(ue), W.current = !0) : J((Ee) => Ee + 1);
-  }, [y, B]);
+  }, [y, G]);
   const re = N();
   re.current || (re.current = new rn(() => F.current));
   const H = N(() => {
@@ -47356,11 +47358,11 @@ var e8 = 1e3, t8 = class {
     () => un(y, s, F.current, P),
     [y]
   );
-  const Q = G(() => {
+  const Q = B(() => {
     const ue = { top: E, transform: D };
     return Object.assign(ue, m), ue;
-  }, [E, D, m]), Y = l && y?.componentFromFramework, ee = !l && j != null, he = G(() => !!(y?.componentFromFramework && uo(y.componentClass)), [y]), L = N(!1);
-  we(() => {
+  }, [E, D, m]), Y = l && y?.componentFromFramework, ee = !l && j != null, he = B(() => !!(y?.componentFromFramework && uo(y.componentClass)), [y]), L = N(!1);
+  ve(() => {
     L.current = he && !!y && !!i.get("reactiveCustomComponents");
   }, [he, y]);
   const le = () => j?.map((ue) => /* @__PURE__ */ U.createElement(
@@ -47388,14 +47390,14 @@ var e8 = 1e3, t8 = class {
     ee ? le() : Y ? Se() : null
   );
 }, Wh = gt(x8), F8 = ({ name: e }) => {
-  const { context: t, gos: s } = et(pt), i = G(() => ln(e), [e]), o = N(null), n = N(null), r = N(null), a = N([]), l = N([]), [c, d] = k(() => []), u = !!s.get("enableCellSpan") && !!i.getSpannedRowCtrls, h = N([]), g = N([]), [p, f] = k(() => []), m = N(!1), C = N(), w = G(() => It("ag-viewport", Mf(e)), [e]), b = G(() => It(sr(e)), [e]), S = G(() => It("ag-spanning-container", uF(e)), [e]), y = i.type === "center" || u, x = y ? o : n;
+  const { context: t, gos: s } = et(pt), i = B(() => ln(e), [e]), o = N(null), n = N(null), r = N(null), a = N([]), l = N([]), [c, d] = k(() => []), u = !!s.get("enableCellSpan") && !!i.getSpannedRowCtrls, h = N([]), g = N([]), [p, f] = k(() => []), m = N(!1), C = N(), w = B(() => It("ag-viewport", Mf(e)), [e]), b = B(() => It(sr(e)), [e]), S = B(() => It("ag-spanning-container", uF(e)), [e]), y = i.type === "center" || u, x = y ? o : n;
   Ks(" AG Row Container " + e + " ", x);
   const E = M(() => {
-    const B = !y || o.current != null, J = n.current != null, re = !u || r.current != null;
-    return B && J && re;
+    const G = !y || o.current != null, J = n.current != null, re = !u || r.current != null;
+    return G && J && re;
   }, []), R = M(() => o.current == null && n.current == null && r.current == null, []), D = M(() => {
     if (R() && (C.current = t.destroyBean(C.current)), !t.isDestroyed() && E()) {
-      const B = (H) => {
+      const G = (H) => {
         const se = Gr(
           l.current,
           a.current,
@@ -47418,14 +47420,14 @@ var e8 = 1e3, t8 = class {
         },
         setRowCtrls: ({ rowCtrls: H, useFlushSync: se }) => {
           const $ = !!se && a.current.length > 0 && H.length > 0;
-          a.current = H, B($);
+          a.current = H, G($);
         },
         setSpannedRowCtrls: (H, se) => {
           const $ = !!se && h.current.length > 0 && H.length > 0;
           h.current = H, J($);
         },
         setDomOrder: (H) => {
-          m.current != H && (m.current = H, B(!1));
+          m.current != H && (m.current = H, G(!1));
         },
         setContainerWidth: (H) => {
           n.current && (n.current.style.width = H);
@@ -47442,18 +47444,18 @@ var e8 = 1e3, t8 = class {
       );
     }
   }, [E, R]), T = M(
-    (B) => {
-      n.current = B, D();
+    (G) => {
+      n.current = G, D();
     },
     [D]
   ), F = M(
-    (B) => {
-      r.current = B, D();
+    (G) => {
+      r.current = G, D();
     },
     [D]
   ), P = M(
-    (B) => {
-      o.current = B, D();
+    (G) => {
+      o.current = G, D();
     },
     [D]
   ), A = () => /* @__PURE__ */ U.createElement(
@@ -47463,14 +47465,14 @@ var e8 = 1e3, t8 = class {
       ref: T,
       role: y ? "presentation" : "rowgroup"
     },
-    c.map((B) => /* @__PURE__ */ U.createElement(Wh, { rowCtrl: B, containerType: i.type, key: B.instanceId }))
+    c.map((G) => /* @__PURE__ */ U.createElement(Wh, { rowCtrl: G, containerType: i.type, key: G.instanceId }))
   );
   if (!y)
     return A();
-  const W = () => /* @__PURE__ */ U.createElement("div", { className: S, ref: F, role: "presentation" }, p.map((B) => /* @__PURE__ */ U.createElement(Wh, { rowCtrl: B, containerType: i.type, key: B.instanceId })));
+  const W = () => /* @__PURE__ */ U.createElement("div", { className: S, ref: F, role: "presentation" }, p.map((G) => /* @__PURE__ */ U.createElement(Wh, { rowCtrl: G, containerType: i.type, key: G.instanceId })));
   return /* @__PURE__ */ U.createElement("div", { className: w, ref: P, role: "rowgroup" }, A(), u ? W() : null);
 }, E8 = gt(F8), D8 = () => {
-  const e = et(pt), { context: t, overlays: s } = e, [i, o] = k(""), [n, r] = k(0), [a, l] = k(0), [c, d] = k("0px"), [u, h] = k("0px"), [g, p] = k("100%"), [f, m] = k("0px"), [C, w] = k("0px"), [b, S] = k("100%"), [y, x] = k(!0), [E, R] = k(!0), [D, T] = k(null), [F, P] = k(""), [A, W] = k(null), [B, J] = k("ag-layout-normal"), re = N();
+  const e = et(pt), { context: t, overlays: s } = e, [i, o] = k(""), [n, r] = k(0), [a, l] = k(0), [c, d] = k("0px"), [u, h] = k("0px"), [g, p] = k("100%"), [f, m] = k("0px"), [C, w] = k("0px"), [b, S] = k("100%"), [y, x] = k(!0), [E, R] = k(!0), [D, T] = k(null), [F, P] = k(""), [A, W] = k(null), [G, J] = k("ag-layout-normal"), re = N();
   re.current || (re.current = new rn(() => H.current));
   const H = N(null), se = N(null), $ = N(null), j = N(null), Z = N(null), Q = N(null), Y = N(null), ee = N([]), he = N([]);
   Ks(" AG Grid Body ", H), Ks(" AG Pinned Top ", se), Ks(" AG Sticky Top ", $), Ks(" AG Middle ", Q), Ks(" AG Pinned Bottom ", Y);
@@ -47536,46 +47538,46 @@ var e8 = 1e3, t8 = class {
       $.current,
       j.current
     );
-  }, []), le = G(() => It("ag-root", "ag-unselectable", B), [B]), Se = G(
+  }, []), le = B(() => It("ag-root", "ag-unselectable", G), [G]), Se = B(
     () => It(
       "ag-body-viewport",
       i,
-      B,
+      G,
       D,
       A
     ),
-    [i, B, D, A]
-  ), ue = G(() => It("ag-body", B), [B]), Ee = G(
+    [i, G, D, A]
+  ), ue = B(() => It("ag-body", G), [G]), Ee = B(
     () => It("ag-floating-top", y ? "ag-invisible" : null, A),
     [A, y]
-  ), Re = G(() => It("ag-sticky-top", A), [A]), Ne = G(
+  ), Re = B(() => It("ag-sticky-top", A), [A]), Ne = B(
     () => It("ag-sticky-bottom", f === "0px" ? "ag-invisible" : null, A),
     [A, f]
-  ), Te = G(
+  ), Te = B(
     () => It("ag-floating-bottom", E ? "ag-invisible" : null, A),
     [A, E]
-  ), ct = G(
+  ), ct = B(
     () => ({
       height: n,
       minHeight: n,
       overflowY: F
     }),
     [n, F]
-  ), ve = G(
+  ), we = B(
     () => ({
       height: c,
       top: u,
       width: g
     }),
     [c, u, g]
-  ), Fe = G(
+  ), Fe = B(
     () => ({
       height: f,
       bottom: C,
       width: b
     }),
     [f, C, b]
-  ), Le = G(
+  ), Le = B(
     () => ({
       height: a,
       minHeight: a,
@@ -47600,7 +47602,7 @@ var e8 = 1e3, t8 = class {
   })), te({
     section: $,
     className: Re,
-    style: ve,
+    style: we,
     children: ["stickyTopLeft", "stickyTopCenter", "stickyTopRight", "stickyTopFullWidth"]
   }), te({
     section: j,
@@ -47684,32 +47686,32 @@ var e8 = 1e3, t8 = class {
       },
       // do nothing, as framework users destroy grid by removing the comp
       setRtlClass: s,
-      forceFocusOutOfContainer: (B) => {
-        if (!B && b.current?.isDisplayed()) {
-          b.current.forceFocusOutOfContainer(B);
+      forceFocusOutOfContainer: (G) => {
+        if (!G && b.current?.isDisplayed()) {
+          b.current.forceFocusOutOfContainer(G);
           return;
         }
-        f.current?.forceFocusOutOfContainer(B);
+        f.current?.forceFocusOutOfContainer(G);
       },
       updateLayoutClasses: o,
       getFocusableContainers: () => {
-        const B = [], J = p.current?.querySelector(".ag-root");
-        J && B.push({ getGui: () => J });
+        const G = [], J = p.current?.querySelector(".ag-root");
+        J && G.push({ getGui: () => J });
         for (const re of S.current)
-          re.isDisplayed() && B.push(re);
-        return B;
+          re.isDisplayed() && G.push(re);
+        return G;
       },
       setCursor: r,
       setUserSelect: l
     };
     A.setComp(W, P, P), d(!0);
   }, []);
-  we(() => {
+  ve(() => {
     const P = g.current, A = p.current;
     if (!u || !P || !m || !A || e.isDestroyed())
       return;
     const W = [], {
-      watermarkSelector: B,
+      watermarkSelector: G,
       paginationSelector: J,
       sideBarSelector: re,
       statusBarSelector: H,
@@ -47731,19 +47733,19 @@ var e8 = 1e3, t8 = class {
       const Z = j(J.component);
       b.current = Z, S.current.push(Z);
     }
-    return B && j(B.component), () => {
+    return G && j(G.component), () => {
       e.destroyBeans(W);
       for (const Z of $)
         Z.remove();
     };
   }, [u, m, e]);
-  const E = G(
+  const E = B(
     () => It("ag-root-wrapper", t, i),
     [t, i]
-  ), R = G(
+  ), R = B(
     () => It("ag-root-wrapper-body", "ag-focus-managed", i),
     [i]
-  ), D = G(
+  ), D = B(
     () => ({
       userSelect: a ?? "",
       WebkitUserSelect: a ?? "",
@@ -47884,13 +47886,13 @@ var e8 = 1e3, t8 = class {
     ), o.current.push(() => {
       t.current = void 0;
     }), t.current && (l.current = t.current.getGridId());
-  }, []), p = G(() => ({
+  }, []), p = B(() => ({
     height: "100%",
     ...e.containerStyle || {}
   }), [e.containerStyle]), f = M((C) => {
     c.current && !a.current?.shouldQueueUpdates() ? C() : n.current.push(C);
   }, []);
-  we(() => {
+  ve(() => {
     const C = H8(r.current, e);
     r.current = e, f(() => {
       t.current && nR(C, t.current);
@@ -47965,10 +47967,10 @@ var G8 = class extends nT {
     return new cC(e, this.parent, t, o);
   }
 }, B8 = wc((e, t) => {
-  const s = et(pt), { registry: i, context: o, gos: n, rowModel: r } = s, [a, l] = k(() => new Ht()), [c, d] = k(() => new Ht()), [u, h] = k(), [g, p] = k(), f = N(), m = N(null), C = N(), w = G(
+  const s = et(pt), { registry: i, context: o, gos: n, rowModel: r } = s, [a, l] = k(() => new Ht()), [c, d] = k(() => new Ht()), [u, h] = k(), [g, p] = k(), f = N(), m = N(null), C = N(), w = B(
     () => Oy(e.api.getGridId(), u?.rowModelType ?? "clientSide"),
     [e]
-  ), b = G(() => a.toString() + " ag-details-row", [a]), S = G(() => c.toString() + " ag-details-grid", [c]);
+  ), b = B(() => a.toString() + " ag-details-row", [a]), S = B(() => c.toString() + " ag-details-grid", [c]);
   t && Vr(t, () => ({
     refresh() {
       return f.current?.refresh() ?? !1;
@@ -48090,11 +48092,11 @@ const W8 = "h-full", hl = {
   rowData: o = [],
   getRowId: n
 }) => {
-  const [r, a] = k(/* @__PURE__ */ new Map()), l = t ?? r, c = G(
+  const [r, a] = k(/* @__PURE__ */ new Map()), l = t ?? r, c = B(
     () => new Set(l.keys()),
     [l]
   ), d = e !== void 0 || t !== void 0;
-  we(() => {
+  ve(() => {
     if (e !== void 0 && !t) {
       const p = /* @__PURE__ */ new Map();
       o.forEach((m) => {
@@ -48118,7 +48120,7 @@ const W8 = "h-full", hl = {
       s,
       i
     ]
-  ), h = G(() => {
+  ), h = B(() => {
     if (!o.length) return "unchecked";
     const p = o.every(
       (m) => c.has(n(m))
@@ -48190,7 +48192,7 @@ const fC = ({
     onSelectionChangeWithMap: h,
     rowData: t,
     getRowId: g
-  }), B = G(
+  }), G = B(
     () => ({
       ...hl,
       oddRowBackgroundColor: p ? hl.oddRowBackgroundColor : hl.backgroundColor,
@@ -48291,7 +48293,7 @@ const fC = ({
       } };
     },
     [i, se, a]
-  ), Z = G(
+  ), Z = B(
     () => ({
       colId: "__select",
       headerName: "",
@@ -48309,10 +48311,10 @@ const fC = ({
       headerComponent: H
     }),
     [$, H]
-  ), Q = G(() => {
+  ), Q = B(() => {
     const L = (e ?? []).map(j);
     return r ? [Z, ...L] : L;
-  }, [e, Z, r, j]), Y = G(
+  }, [e, Z, r, j]), Y = B(
     () => ({
       minWidth: 150,
       resizable: !0,
@@ -48333,7 +48335,7 @@ const fC = ({
     }));
     L.api.updateGridOptions({ columnDefs: le, rowData: t }), L.api.sizeColumnsToFit(), D(L.api), s?.onGridReady?.(L);
   };
-  we(() => {
+  ve(() => {
     R && R.redrawRows();
   }, [R, F]);
   const he = M(
@@ -48382,7 +48384,7 @@ const fC = ({
               rowHeight: x,
               cellSelection: !1,
               getRowClass: re,
-              theme: IP.withPart(dP).withParams({ ...B }),
+              theme: IP.withPart(dP).withParams({ ...G }),
               autoSizeStrategy: { type: "fitGridWidth" },
               columnDefs: Q,
               defaultColDef: Y,
@@ -48404,7 +48406,7 @@ const fC = ({
 var dc = /* @__PURE__ */ ((e) => (e.MyFiles = "my_files", e.Shared = "shared", e.Organization = "organization", e))(dc || {}), ge = /* @__PURE__ */ ((e) => (e.Duplicate = "duplicate", e.Copy = "copy", e.Move = "move", e.Rename = "rename", e.Download = "download", e.Delete = "delete", e))(ge || {}), ut = /* @__PURE__ */ ((e) => (e.Replace = "replace", e.Duplicate = "duplicate", e.Cancel = "cancel", e))(ut || {}), Tt = /* @__PURE__ */ ((e) => (e.ReplaceAll = "replaceAll", e.DuplicateAll = "duplicateAll", e.DecideForEach = "decideForEach", e))(Tt || {}), Je = /* @__PURE__ */ ((e) => (e.Copy = "copy", e.Move = "move", e))(Je || {});
 const mC = () => {
   const [e, t] = k(ou());
-  return we(() => {
+  return ve(() => {
     const s = () => t(ou());
     return window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
   }, []), e;
@@ -48422,7 +48424,7 @@ const mC = () => {
   showHiddenFilesLabel: d = "Show hidden files",
   hideHiddenFilesLabel: u = "Hide hidden files"
 }) => {
-  const h = mC(), g = G(() => [
+  const h = mC(), g = B(() => [
     {
       key: "hidden-files-switch",
       label: i ? u : d,
@@ -48516,7 +48518,7 @@ function q8({
     d.current = f.map(
       (m) => Math.ceil(m.getBoundingClientRect().width)
     );
-  }, [e, ...n]), we(() => {
+  }, [e, ...n]), ve(() => {
     if (!r.current) return;
     let f = null;
     const m = () => {
@@ -48874,7 +48876,7 @@ const Y8 = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       o,
       P
     ]
-  ), B = M(() => {
+  ), G = M(() => {
     D(), P();
   }, [D, P]), J = M(() => {
     T(), P();
@@ -48927,7 +48929,7 @@ const Y8 = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     conflictResolutionOpen: b,
     openConflictResolution: R,
     closeConflictResolution: E,
-    handleConflictReplace: B,
+    handleConflictReplace: G,
     handleConflictDuplicate: J,
     handleConflictDecideForEach: re
   };
@@ -48937,7 +48939,7 @@ const Y8 = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
   onSelectionClear: s
 }) => {
   const [i, o] = k(e);
-  we(() => {
+  ve(() => {
     o(e), s?.();
   }, [e, s]);
   const n = M(
@@ -49003,7 +49005,7 @@ const Y8 = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
   onUploadArchive: o
 } = {}) => {
   const [n, r] = k(!1), [a, l] = k(!1), [c, d] = k(), u = N(null), h = N(""), g = N([]);
-  we(() => {
+  ve(() => {
     let R = 0;
     const D = (A) => {
       iL(A) && A.dataTransfer.types.includes(RS) && (R++, l(!0));
@@ -49091,7 +49093,7 @@ const Y8 = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     },
     [m]
   );
-  we(() => {
+  ve(() => {
     let R = u.current;
     R || (R = document.createElement("input"), R.type = "file", R.multiple = !0, R.style.display = "none", document.body.appendChild(R), u.current = R);
     const D = async () => {
@@ -49128,7 +49130,7 @@ const Y8 = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
         }
         const A = P.name.replace(/\.zip$/i, "");
         if (D.some(
-          (B) => B.nodeType === Ke.FOLDER && B.name.toLowerCase() === A.toLowerCase()
+          (G) => G.nodeType === Ke.FOLDER && G.name.toLowerCase() === A.toLowerCase()
         )) {
           d(
             i.validationFailed || `Folder with name "${A}" already exists`
@@ -49183,13 +49185,13 @@ const lL = ({
   validationMessages: s,
   onMoveToFiles: i
 }) => {
-  const [o, n] = k(), r = G(
+  const [o, n] = k(), r = B(
     () => ({
       ...nL,
       ...s
     }),
     [s]
-  ), a = G(() => o?.path, [o]), l = M(
+  ), a = B(() => o?.path, [o]), l = M(
     (g) => {
       const p = ri(e, g);
       p && n(p);
@@ -49272,7 +49274,7 @@ const lL = ({
   onCreateFolder: s,
   onUploadArchive: i
 }) => {
-  const o = G(() => {
+  const o = B(() => {
     const r = [];
     return e && (e.newFolder && r.push({
       key: "new-folder",
@@ -49296,7 +49298,7 @@ const lL = ({
         i && i();
       }
     })), r;
-  }, [e, t, s, i]), n = G(() => o.length > 0, [o]);
+  }, [e, t, s, i]), n = B(() => o.length > 0, [o]);
   return { newActions: o, isNewButtonVisible: n };
 }, dL = {
   emptyName: "Folder name cannot be empty",
@@ -49307,14 +49309,14 @@ const lL = ({
   onValidateFolderName: s,
   validationMessages: i
 }) => {
-  const [o, n] = k(!1), [r, a] = k(null), l = N(e?.path), c = G(
+  const [o, n] = k(!1), [r, a] = k(null), l = N(e?.path), c = B(
     () => ({
       ...dL,
       ...i
     }),
     [i]
   );
-  we(() => {
+  ve(() => {
     const p = e?.path;
     l.current !== p && o && (n(!1), a(null)), l.current = p;
   }, [e?.path, o]);
@@ -49370,7 +49372,7 @@ const lL = ({
 }) => {
   const i = t === 0;
   return {
-    additionalButtons: G(() => {
+    additionalButtons: B(() => {
       const n = me([
         "hover:text-accent-primary p-1",
         i && "text-controls-disable hover:text-controls-disable disabled:hover:cursor-default"
@@ -49426,11 +49428,11 @@ const lL = ({
   onCreateFolderValidate: A,
   folderCreationValidationMessages: W
 }) => {
-  const [B, J] = k(
+  const [G, J] = k(
     /* @__PURE__ */ new Map()
-  ), re = G(
-    () => new Set(B.keys()),
-    [B]
+  ), re = B(
+    () => new Set(G.keys()),
+    [G]
   ), H = M(() => J(/* @__PURE__ */ new Map()), []), { currentPath: se, setCurrentPath: $, handlePathChange: j } = eL({
     path: o,
     onPathChange: m,
@@ -49452,7 +49454,7 @@ const lL = ({
     renameHandler: Ne,
     renameSaveHandler: Te,
     renameCancelHandler: ct,
-    renameValidateHandler: ve,
+    renameValidateHandler: we,
     getDisplayName: Fe
   } = lL({
     items: s,
@@ -49460,13 +49462,13 @@ const lL = ({
     validationMessages: E,
     onMoveToFiles: b
   }), [Le, _] = k("");
-  we(() => {
+  ve(() => {
     const Me = c?.value;
     Me != null && _(String(Me));
   }, [c?.value]);
   const te = String(
     c?.value ?? Le ?? ""
-  ).trim(), fe = G(
+  ).trim(), fe = B(
     () => fu(s, se) ?? s[0],
     [s, se]
   ), {
@@ -49496,7 +49498,7 @@ const lL = ({
     getCopyHeader: p?.getCopyHeader,
     getMoveHeader: p?.getMoveHeader
   });
-  we(() => {
+  ve(() => {
     Vt && !Y && ee(se ?? i?.path ?? "/");
   }, [
     Vt,
@@ -49504,7 +49506,7 @@ const lL = ({
     se,
     i?.path,
     ee
-  ]), we(() => {
+  ]), ve(() => {
     Vt || ee(void 0);
   }, [Vt, ee]);
   const {
@@ -49565,7 +49567,7 @@ const lL = ({
     onUploadFiles: Sn,
     onUploadArchive: ma,
     onCreateFolder: Co
-  }), as = G(() => {
+  }), as = B(() => {
     const Me = jn(te).trim(), zt = fe?.items ?? [];
     let vo = Me ? IS(fe) : zt;
     he || (vo = vo.filter((tt) => !Zg(tt)));
@@ -49666,7 +49668,7 @@ const lL = ({
     toggleTreeCollapse: Se,
     setIsTreeCollapsed: ue,
     selectedIds: re,
-    selectedFiles: B,
+    selectedFiles: G,
     setSelectedFiles: J,
     clearSelection: H,
     currentFolder: fe,
@@ -49686,7 +49688,7 @@ const lL = ({
     onRename: Ne,
     onRenameSave: Te,
     onRenameCancel: ct,
-    onRenameValidate: ve,
+    onRenameValidate: we,
     getDisplayName: Fe,
     openDeleteConfirmation: bi,
     closeDeleteConfirmation: mn,
@@ -49890,7 +49892,7 @@ const lL = ({
   onDownload: n,
   onDelete: r,
   getCurrentFolderPath: a
-}) => G(() => {
+}) => B(() => {
   const l = [], c = Array.from(e.values());
   return !c.length || !t || (t[ge.Move] && l.push({
     key: ge.Move,
@@ -49957,7 +49959,7 @@ const lL = ({
   onDownload: o,
   onRename: n,
   onDelete: r
-}) => G(() => (a) => {
+}) => B(() => (a) => {
   const l = [];
   return e && (e[ge.Duplicate] && l.push({
     key: ge.Duplicate,
@@ -50042,7 +50044,7 @@ const lL = ({
     )
   ), [A, W] = k(
     void 0
-  ), B = f ? r : a, J = /* @__PURE__ */ z(je, { children: [
+  ), G = f ? r : a, J = /* @__PURE__ */ z(je, { children: [
     "Item with the name ",
     /* @__PURE__ */ z("span", { className: "text-primary", children: [
       '"',
@@ -50051,7 +50053,7 @@ const lL = ({
     ] }),
     " ",
     "already exists in this destination."
-  ] }), re = `${n.length} items with the same names already exist in this destination.`, H = l ?? (f ? J : re), se = G(
+  ] }), re = `${n.length} items with the same names already exist in this destination.`, H = l ?? (f ? J : re), se = B(
     () => [
       {
         id: ut.Replace,
@@ -50063,13 +50065,13 @@ const lL = ({
       }
     ],
     [C, w]
-  ), $ = G(() => n.map((Y) => ({
+  ), $ = B(() => n.map((Y) => ({
     id: Y.path,
     name: Y.name,
     path: Y.path,
     nodeType: Y.nodeType ?? Ke.ITEM,
     action: F.get(Y.path) || ut.Replace
-  })), [n, F]), j = G(() => [
+  })), [n, F]), j = B(() => [
     {
       field: "name",
       headerName: g,
@@ -50172,7 +50174,7 @@ const lL = ({
     w,
     b,
     A
-  ]), Z = G(
+  ]), Z = B(
     () => [
       {
         id: Tt.ReplaceAll,
@@ -50241,7 +50243,7 @@ const lL = ({
       open: e,
       onClose: t,
       size: ts.Md,
-      title: B,
+      title: G,
       dividers: !1,
       footer: /* @__PURE__ */ z("div", { className: "flex justify-end gap-3 py-4 px-6", children: [
         /* @__PURE__ */ v(
@@ -50310,7 +50312,7 @@ const lL = ({
 ) }) });
 function yL(e) {
   const t = N(null), [s, i] = k(!1);
-  return we(() => {
+  return ve(() => {
     if (!t.current) return;
     const o = new ResizeObserver(([n]) => {
       const r = n.contentRect.width;
@@ -50345,7 +50347,7 @@ const RL = ({
     },
     [e]
   );
-  return { actionsColumnDef: G(
+  return { actionsColumnDef: B(
     () => ({
       colId: "__actions",
       headerName: "",
@@ -50395,7 +50397,7 @@ const RL = ({
     handleOpenDestinationFolderPopup: P,
     handleCloseDestinationFolderPopup: A,
     openDestinationFolderPopup: W,
-    destinationFolderMode: B,
+    destinationFolderMode: G,
     handleSetCopiedFiles: J,
     handleSetMovedFiles: re,
     handleDuplicate: H,
@@ -50416,7 +50418,7 @@ const RL = ({
     getDisplayName: Ne,
     isDragging: Te,
     isDraggingOverWindow: ct,
-    handleDragEnter: ve,
+    handleDragEnter: we,
     handleDragLeave: Fe,
     handleDragOver: Le,
     handleDrop: _,
@@ -50453,7 +50455,7 @@ const RL = ({
     ...vn
   } = r ?? {}, { containerRef: ga, isBelowBreakpoint: nt } = yL(
     h
-  ), pa = G(() => [
+  ), pa = B(() => [
     {
       field: "name",
       headerName: "Name",
@@ -50622,7 +50624,7 @@ const RL = ({
       Z,
       o
     ]
-  ), fa = G(() => {
+  ), fa = B(() => {
     const ie = /* @__PURE__ */ new Map();
     return S.forEach((Oe, yi) => {
       const as = w.find((Fs) => Fs.path === yi);
@@ -50779,7 +50781,7 @@ const RL = ({
     [t, Si]
   ), { actionsColumnDef: Co } = RL({
     getContextMenuItems: xs
-  }), yn = ha ?? pa, Rn = G(() => {
+  }), yn = ha ?? pa, Rn = B(() => {
     let ie = yn;
     return nt && (ie = ie.slice(0, 1), ie.push(Co)), Cn ? ie : ie.map((Oe) => ({
       ...Oe,
@@ -50831,7 +50833,7 @@ const RL = ({
                     role: "region",
                     "aria-label": "File Manager Grid View",
                     className: me(bS),
-                    onDragEnter: ve,
+                    onDragEnter: we,
                     onDragLeave: Fe,
                     onDragOver: Le,
                     onDrop: _,
@@ -50893,9 +50895,9 @@ const RL = ({
             onClose: A,
             onConfirm: () => {
               const ie = d?.destinationFolderPath ?? "/";
-              B === Je.Copy ? se(ie) : $(ie, C ?? "/"), A();
+              G === Je.Copy ? se(ie) : $(ie, C ?? "/"), A();
             },
-            mode: B,
+            mode: G,
             items: t,
             rootItem: s,
             gridOptions: { columnDefs: Rn, loading: i },
@@ -50924,7 +50926,7 @@ const RL = ({
     dc.MyFiles
   ), i = (n) => {
     s(n);
-  }, o = G(() => {
+  }, o = B(() => {
     if (e)
       return Object.values(dc).map((n) => ({
         id: n,