@epam/ai-dial-ui-kit 0.5.0-rc.85 → 0.5.0-rc.87

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

@@ -2,7 +2,7 @@ import { jsx as v, jsxs as W, Fragment as Ke } from "react/jsx-runtime";
 import ee from "classnames";
 import { useFloating as xc, offset as og, flip as ng, shift as rg, arrow as BC, autoUpdate as ag, useHover as lg, useFocus as VC, useDismiss as Fc, useRole as Ec, useInteractions as Dc, useMergeRefs as Pc, FloatingPortal as Tc, FloatingArrow as zC, autoPlacement as WC, size as _C, useClick as UC, FloatingFocusManager as cg, FloatingOverlay as $C } from "@floating-ui/react";
 import * as ve from "react";
-import $, { createContext as jr, useState as A, useRef as O, useEffect as we, useMemo as B, useContext as et, isValidElement as Mc, cloneElement as Pl, useCallback as T, memo as gt, useLayoutEffect as _t, PureComponent as jC, Component as KC, forwardRef as Ic, useImperativeHandle as Kr, createElement as Ao, Suspense as qC, useId as Ac, Children as YC } from "react";
+import $, { createContext as jr, useState as A, useRef as O, useEffect as we, useMemo as G, useContext as et, isValidElement as Mc, cloneElement as Pl, useCallback as T, memo as gt, useLayoutEffect as _t, PureComponent as jC, Component as KC, forwardRef as Ic, useImperativeHandle as Kr, createElement as Ao, Suspense as qC, useId as Ac, Children as YC } from "react";
 import { IconInfoCircle as dg, IconCircleCheck as ZC, IconAlertTriangle as QC, IconAlertCircle as XC, IconX as oo, IconMinus as JC, IconCheck as ug, IconExclamationCircle as kc, IconClipboardX as hg, IconChevronsLeft as ev, IconChevronsRight as tv, IconGripVertical as sv, IconFile as gg, IconFileTypeZip as iv, IconFileTypeXml as ov, IconFileTypeXls as nv, IconFileTypeVue as rv, IconFileTypeTxt as av, IconFileTypeTsx as lv, IconFileTypeTs as cv, IconFileTypeSvg as dv, IconFileTypeSql as uv, IconFileTypeRs as hv, IconFileTypePpt as gv, IconFileTypePng as pv, IconFileTypePhp as fv, IconFileTypePdf as mv, IconFileTypeJsx as Cv, IconFileTypeJs as vv, IconFileTypeJpg as wv, IconFileTypeHtml as bv, IconFileTypeDocx as Sv, IconFileTypeDoc as yv, IconFileTypeCsv as Rv, IconFileTypeCss as xv, IconFileTypeBmp as Fv, IconArrowUpRight as Ev, IconFolder as Lc, IconChevronLeft as Dv, IconChevronRight as pg, IconZoomCancel as Pv, IconChevronDown as qr, IconDotsVertical as an, IconDots as Tv, IconTrashX as ln, IconEyeOff as fg, IconEye as mg, IconSearch as Mv, IconPlus as Iv, IconChevronUp as Av, IconAlertCircleFilled as kv, IconCaretRightFilled as Lv, IconArrowLeft as Ov, IconFileZip as Nv, IconCopyMinus as Hv, IconFolderPlus as Gv, IconCopy as Oc, IconDownload as Nc, IconPencilMinus as Cg, IconCircleFilled as Qn } from "@tabler/icons-react";
 import Bv, { flushSync as Vv, createPortal as Hc } from "react-dom";
 const ni = ({ 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: ee("flex-shrink-0", t), children: e }) : null, zv = 7, Wv = 2, vg = jr(null), wg = () => {
@@ -53,7 +53,7 @@ const ni = ({ errorText: e }) => e && /* @__PURE__ */ v("span", { className: "te
       { root: null, threshold: 0 }
     );
     return C.observe(m), () => C.disconnect();
-  }, [l, d.refs.reference, c]), B(
+  }, [l, d.refs.reference, c]), G(
     () => ({
       open: l,
       setOpen: c,
@@ -418,9 +418,9 @@ const Xe = (e) => {
     "left-bottom"
   ], y = () => [...S(), le, ae], R = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", "contain", "none"], E = () => [le, ae, l], M = () => [xi, "full", "auto", ...E()], k = () => [Ds, "none", "subgrid", le, ae], F = () => ["auto", {
     span: ["full", Ds, le, ae]
-  }, Ds, le, ae], P = () => [Ds, "auto", le, ae], H = () => ["auto", "min", "max", "fr", le, ae], _ = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], V = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], se = () => ["auto", ...E()], re = () => [xi, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], N = () => [e, le, ae], ne = () => [...S(), Zd, Yd, {
+  }, Ds, le, ae], P = () => [Ds, "auto", le, ae], H = () => ["auto", "min", "max", "fr", le, ae], _ = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], se = () => ["auto", ...E()], re = () => [xi, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], N = () => [e, le, ae], ne = () => [...S(), Zd, Yd, {
     position: [le, ae]
-  }], K = () => ["no-repeat", {
+  }], j = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], q = () => ["auto", "cover", "contain", vw, fw, {
     size: [le, ae]
@@ -432,7 +432,7 @@ const Xe = (e) => {
     c,
     le,
     ae
-  ], Z = () => ["", xe, Fo, $s], ie = () => ["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"], D = () => [xe, Aa, Zd, Yd], j = () => [
+  ], Z = () => ["", xe, Fo, $s], ie = () => ["solid", "dashed", "dotted", "double"], V = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => [xe, Aa, Zd, Yd], K = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -849,14 +849,14 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...V(), "normal"]
+        "justify-items": [...B(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...V()]
+        "justify-self": ["auto", ...B()]
       }],
       /**
        * Align Content
@@ -870,7 +870,7 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...V(), {
+        items: [...B(), {
           baseline: ["", "last"]
         }]
       }],
@@ -879,7 +879,7 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...V(), {
+        self: ["auto", ...B(), {
           baseline: ["", "last"]
         }]
       }],
@@ -895,14 +895,14 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...V(), "baseline"]
+        "place-items": [...B(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...V()]
+        "place-self": ["auto", ...B()]
       }],
       // Spacing
       /**
@@ -1398,7 +1398,7 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: K()
+        bg: j()
       }],
       /**
        * Background Size
@@ -1893,14 +1893,14 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...G(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...V(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": G()
+        "bg-blend": V()
       }],
       /**
        * Mask Clip
@@ -2075,7 +2075,7 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: K()
+        mask: j()
       }],
       /**
        * Mask Size
@@ -2119,7 +2119,7 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: j()
+        blur: K()
       }],
       /**
        * Brightness
@@ -2209,7 +2209,7 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": j()
+        "backdrop-blur": K()
       }],
       /**
        * Backdrop Brightness
@@ -2962,7 +2962,7 @@ const Fw = (e) => ({
   closable: n = !1,
   onClose: r
 }) => {
-  const a = B(() => Fw({ size: i, stroke: o })[e], [e, i, o]);
+  const a = G(() => Fw({ size: i, stroke: o })[e], [e, i, o]);
   return /* @__PURE__ */ W(
     "div",
     {
@@ -3048,10 +3048,10 @@ const Fw = (e) => ({
       window.removeEventListener("resize", f), m && m.disconnect(), d.current && cancelAnimationFrame(d.current);
     };
   }, [e, h]);
-  const g = B(
+  const g = G(
     () => typeof e == "string" ? e : l,
     [l, e]
-  ), p = B(() => i ? "" : r ? g : "", [g, i, r]);
+  ), p = G(() => i ? "" : r ? g : "", [g, i, r]);
   return /* @__PURE__ */ W(bg, { ...o, children: [
     /* @__PURE__ */ v(
       yg,
@@ -3484,7 +3484,7 @@ const Gw = "flex", Bw = "pb-1 mt-2", Vw = {
   isOpened: l,
   onToggle: c
 }) => {
-  const [d, u] = A(s), [h, g] = A(!0), p = B(() => typeof l == "boolean", [l]), f = p ? l : h;
+  const [d, u] = A(s), [h, g] = A(!0), p = G(() => typeof l == "boolean", [l]), f = p ? l : h;
   we(() => {
     p && u(l ? s : La);
   }, [p, l, s]);
@@ -4767,10 +4767,10 @@ function Wg(e, t) {
   const s = [
     ...t || []
   ];
-  return t == null && typeof e != "function" && s.push(e), B(() => typeof e == "function" ? e() : e, s);
+  return t == null && typeof e != "function" && s.push(e), G(() => typeof e == "function" ? e() : e, s);
 }
 function vb(e) {
-  return B(
+  return G(
     () => e.hooks.dragSource(),
     [
       e
@@ -4778,7 +4778,7 @@ function vb(e) {
   );
 }
 function wb(e) {
-  return B(
+  return G(
     () => e.hooks.dragPreview(),
     [
       e
@@ -5144,7 +5144,7 @@ function lo() {
   return Re(e != null, "Expected drag drop context"), e;
 }
 function Tb(e, t) {
-  const s = lo(), i = B(
+  const s = lo(), i = G(
     () => new Db(s.getBackend()),
     [
       s
@@ -5160,7 +5160,7 @@ function Tb(e, t) {
 }
 function Mb() {
   const e = lo();
-  return B(
+  return G(
     () => new bb(e),
     [
       e
@@ -5190,7 +5190,7 @@ class Ib {
   }
 }
 function Ab(e, t, s) {
-  const i = B(
+  const i = G(
     () => new Ib(e, t, s),
     [
       t,
@@ -5204,7 +5204,7 @@ function Ab(e, t, s) {
   ]), i;
 }
 function kb(e) {
-  return B(() => {
+  return G(() => {
     const t = e.type;
     return Re(t != null, "spec.type must be defined"), t;
   }, [
@@ -5237,7 +5237,7 @@ function Ob(e, t) {
   ];
 }
 function Nb(e) {
-  return B(
+  return G(
     () => e.hooks.dropTarget(),
     [
       e
@@ -5245,7 +5245,7 @@ function Nb(e) {
   );
 }
 function Hb(e) {
-  const t = lo(), s = B(
+  const t = lo(), s = G(
     () => new Pb(t.getBackend()),
     [
       t
@@ -5257,7 +5257,7 @@ function Hb(e) {
 }
 function Gb() {
   const e = lo();
-  return B(
+  return G(
     () => new Sb(e),
     [
       e
@@ -5266,7 +5266,7 @@ function Gb() {
 }
 function Bb(e) {
   const { accept: t } = e;
-  return B(() => (Re(e.accept != null, "accept must be defined"), Array.isArray(t) ? t : [
+  return G(() => (Re(e.accept != null, "accept must be defined"), Array.isArray(t) ? t : [
     t
   ]), [
     t
@@ -5291,7 +5291,7 @@ class Vb {
   }
 }
 function zb(e, t) {
-  const s = B(
+  const s = G(
     () => new Vb(e, t),
     [
       t
@@ -5573,7 +5573,7 @@ var vr = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(vr ||
     t(c, s);
   }, [t, s]), a = T(function(c) {
     t(c, s);
-  }, [t, s]), l = B(function() {
+  }, [t, s]), l = G(function() {
     return Ye(Ye({ position: "absolute", userSelect: "none" }, Xb[s]), o ?? {});
   }, [o, s]);
   return v("div", { className: n || void 0, style: l, onMouseDown: r, onTouchStart: a, children: i });
@@ -5907,8 +5907,8 @@ var vr = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(vr ||
             var _ = S / this.window.innerWidth * 100;
             S = "".concat(_, "vw");
           } else if (p.endsWith("vh")) {
-            var V = S / this.window.innerHeight * 100;
-            S = "".concat(V, "vh");
+            var B = S / this.window.innerHeight * 100;
+            S = "".concat(B, "vh");
           }
         }
         if (f && typeof f == "string") {
@@ -5919,8 +5919,8 @@ var vr = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(vr ||
             var _ = b / this.window.innerWidth * 100;
             b = "".concat(_, "vw");
           } else if (f.endsWith("vh")) {
-            var V = b / this.window.innerHeight * 100;
-            b = "".concat(V, "vh");
+            var B = b / this.window.innerHeight * 100;
+            b = "".concat(B, "vh");
           }
         }
         var se = {
@@ -5928,10 +5928,10 @@ var vr = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(vr ||
           height: this.createSizeForCssProperty(b, "height")
         };
         this.flexDir === "row" ? se.flexBasis = se.width : this.flexDir === "column" && (se.flexBasis = se.height);
-        var re = this.state.width !== se.width, N = this.state.height !== se.height, ne = this.state.flexBasis !== se.flexBasis, K = re || N || ne;
-        K && Vv(function() {
+        var re = this.state.width !== se.width, N = this.state.height !== se.height, ne = this.state.flexBasis !== se.flexBasis, j = re || N || ne;
+        j && Vv(function() {
           i.setState(se);
-        }), this.props.onResize && K && this.props.onResize(s, h, this.resizable, P);
+        }), this.props.onResize && j && this.props.onResize(s, h, this.resizable, P);
       }
     }, t.prototype.onMouseUp = function(s) {
       var i, o, n = this.state, r = n.isResizing, a = n.direction;
@@ -6027,7 +6027,7 @@ const a0 = ({ 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 = B(() => {
+  }, [n, p, t]), b = G(() => {
     const S = a === vr.Left, y = /* @__PURE__ */ v(
       l0,
       {
@@ -8375,42 +8375,42 @@ function Ut(e, t, s) {
     M || !y.isPrimary() || (h?.syncColumnWithState(y, s, k), o?.syncColumnWithState(y, s, k, x), n?.syncColumnWithState(y, s, k, E));
   }, w = (y, R, x) => {
     const E = Vp(e, s), M = R.slice(), k = {}, F = {}, P = [], H = [], _ = [];
-    let V = 0;
+    let B = 0;
     const se = o?.columns.slice() ?? [], re = n?.columns.slice() ?? [];
-    for (const K of y) {
-      const q = K.colId;
+    for (const j of y) {
+      const q = j.colId;
       if (q.startsWith(sa)) {
-        P.push(K), _.push(K);
+        P.push(j), _.push(j);
         continue;
       }
       if (xs(q)) {
-        H.push(K), _.push(K);
+        H.push(j), _.push(j);
         continue;
       }
       const J = x(q);
-      J ? (C(J, K, k, F, !1), jt(M, J)) : (_.push(K), V += 1);
+      J ? (C(J, j, k, F, !1), jt(M, J)) : (_.push(j), B += 1);
     }
-    const N = (K) => C(K, null, k, F, !1);
+    const N = (j) => C(j, null, k, F, !1);
     M.forEach(N), o?.sortColumns(Eu.bind(o, k, se)), n?.sortColumns(Eu.bind(n, F, re)), i.refreshCols(!1, s);
-    const ne = (K, q, X = []) => {
+    const ne = (j, q, X = []) => {
       for (const J of q) {
-        const Z = K(J.colId);
+        const Z = j(J.colId);
         jt(X, Z), C(Z, J, null, null, !0);
       }
       X.forEach(N);
     };
     return ne(
-      (K) => r?.getColumn(K) ?? null,
+      (j) => r?.getColumn(j) ?? null,
       P,
       r?.getColumns()?.slice()
     ), ne(
-      (K) => a?.getColumn(K) ?? null,
+      (j) => a?.getColumn(j) ?? null,
       H,
       a?.getColumns()?.slice()
     ), YS(t, i, p), c.refresh(s), g.dispatchEvent({
       type: "columnEverythingChanged",
       source: s
-    }), E(), { unmatchedAndAutoStates: _, unmatchedCount: V };
+    }), E(), { unmatchedAndAutoStates: _, unmatchedCount: B };
   };
   l?.start();
   let { unmatchedAndAutoStates: b, unmatchedCount: S } = w(
@@ -8456,8 +8456,8 @@ function Vp(e, t) {
       if (zs(k, F))
         return;
       const H = new Set(x);
-      for (const V of E)
-        H.delete(V) || H.add(V);
+      for (const B of E)
+        H.delete(B) || H.add(B);
       const _ = [...H];
       a.dispatchEvent({
         type: R,
@@ -14082,8 +14082,8 @@ var rr = {
       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(), R = a.divStretchOffset, x = y.top + R, E = y.bottom + R, M = E - x, k = a.getScrollPositionForPixel(b), F = a.getScrollPositionForPixel(S - M), P = Math.min((k + F) / 2, b), H = x + p > b, _ = E - f < S;
-        let V = null;
-        t === "top" ? V = k - p : t === "bottom" ? V = F + f : t === "middle" ? V = P : H ? V = k - p : _ && (F - k > M ? V = k - p : V = F + f), V !== null && (this.setVerticalScrollPosition(V), l.redraw({ afterScroll: !0 })), u = m !== d.rowTop || C !== d.rowHeight, h = p !== c.stickyTopHeight || f !== c.stickyBottomHeight, g++;
+        let B = null;
+        t === "top" ? B = k - p : t === "bottom" ? B = F + f : t === "middle" ? B = P : H ? B = k - p : _ && (F - k > M ? B = k - 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++;
       } while ((u || h) && g < 10);
       if (this.animationFrameSvc?.flushAllFrames(), s < 10 && (d?.stub || !this.beans.rowAutoHeight?.areRowsMeasured())) {
         const p = this.getVScrollPosition().top;
@@ -42789,15 +42789,15 @@ var sC = Ic((e, t) => {
       return;
     }
     const N = {
-      setInnerRenderer: (K, q) => {
-        u(K), f(q);
+      setInnerRenderer: (j, q) => {
+        u(j), f(q);
       },
-      setChildCount: (K) => g(K),
-      toggleCss: (K, q) => C((X) => X.setClass(K, q)),
-      setContractedDisplayed: (K) => y((q) => q.setClass("ag-hidden", !K)),
-      setExpandedDisplayed: (K) => b((q) => q.setClass("ag-hidden", !K)),
-      setCheckboxVisible: (K) => x((q) => q.setClass("ag-invisible", !K)),
-      setCheckboxSpacing: (K) => x((q) => q.setClass("ag-group-checkbox-spacing", K))
+      setChildCount: (j) => g(j),
+      toggleCss: (j, q) => C((X) => X.setClass(j, q)),
+      setContractedDisplayed: (j) => y((q) => q.setClass("ag-hidden", !j)),
+      setExpandedDisplayed: (j) => b((q) => q.setClass("ag-hidden", !j)),
+      setCheckboxVisible: (j) => x((q) => q.setClass("ag-invisible", !j)),
+      setCheckboxSpacing: (j) => x((q) => q.setClass("ag-group-checkbox-spacing", j))
     }, ne = s.createDynamicBean("groupCellRendererCtrl", !0);
     ne && (c.current = i.createBean(ne), c.current.init(
       N,
@@ -42808,10 +42808,10 @@ var sC = Ic((e, t) => {
       sC,
       e
     ));
-  }, []), M = B(() => `ag-cell-wrapper ${m.toString()}`, [m]), k = B(() => `ag-group-expanded ${w.toString()}`, [w]), F = B(
+  }, []), M = G(() => `ag-cell-wrapper ${m.toString()}`, [m]), k = G(() => `ag-group-expanded ${w.toString()}`, [w]), F = G(
     () => `ag-group-contracted ${S.toString()}`,
     [S]
-  ), P = B(() => `ag-group-checkbox ${R.toString()}`, [R]), H = d?.componentFromFramework, _ = H ? d.componentClass : void 0, V = d == null && p != null, se = co(p);
+  ), P = G(() => `ag-group-checkbox ${R.toString()}`, [R]), H = d?.componentFromFramework, _ = H ? d.componentClass : void 0, B = d == null && p != null, se = co(p);
   return /* @__PURE__ */ $.createElement(
     "span",
     {
@@ -42822,7 +42822,7 @@ var sC = Ic((e, t) => {
     /* @__PURE__ */ $.createElement("span", { className: k, ref: a }),
     /* @__PURE__ */ $.createElement("span", { className: F, ref: l }),
     /* @__PURE__ */ $.createElement("span", { className: P, ref: r }),
-    /* @__PURE__ */ $.createElement("span", { className: "ag-group-value", ref: n }, V ? se : H ? /* @__PURE__ */ $.createElement(_, { ...d.params }) : null),
+    /* @__PURE__ */ $.createElement("span", { className: "ag-group-value", ref: n }, B ? se : H ? /* @__PURE__ */ $.createElement(_, { ...d.params }) : null),
     /* @__PURE__ */ $.createElement("span", { className: "ag-group-child-count" }, h)
   );
 }), Hh = sC, Wd = jr({
@@ -43307,7 +43307,7 @@ var RA = 1e3, xA = class {
   ), we(() => {
     e.setDragSource(l.current);
   }, [i]);
-  const p = B(() => !!(i?.componentFromFramework && go(i.componentClass)), [i]), f = i?.componentFromFramework, m = i?.componentClass;
+  const p = G(() => !!(i?.componentFromFramework && go(i.componentClass)), [i]), f = i?.componentFromFramework, m = i?.componentClass;
   return /* @__PURE__ */ $.createElement("div", { ref: g, style: n, className: "ag-header-cell", role: "columnheader" }, /* @__PURE__ */ $.createElement("div", { ref: c, className: "ag-header-cell-resize", role: "presentation" }), /* @__PURE__ */ $.createElement("div", { ref: d, className: "ag-header-cell-comp-wrapper", role: "presentation" }, f ? p ? /* @__PURE__ */ $.createElement(m, { ...i.params }) : /* @__PURE__ */ $.createElement(m, { ...i.params, ref: u }) : null));
 }, EA = gt(FA), DA = class {
   constructor(e, t) {
@@ -43330,10 +43330,10 @@ var RA = 1e3, xA = class {
     () => new Ht("ag-header-cell", "ag-floating-filter")
   ), [a, l] = A(() => new Ht()), [c, d] = A(
     () => new Ht("ag-floating-filter-button", "ag-hidden")
-  ), [u, h] = A("false"), [g, p] = A(), [, f] = A(1), m = O(), C = O(null), w = O(null), b = O(null), S = O(null), y = O(), R = O(), x = (K) => {
-    K != null && y.current && y.current(K);
-  }, E = T((K) => {
-    if (C.current = K, !K || !e.isAlive() || t.isDestroyed()) {
+  ), [u, h] = A("false"), [g, p] = A(), [, f] = A(1), m = O(), C = O(null), w = O(null), b = O(null), S = O(null), y = O(), R = O(), x = (j) => {
+    j != null && y.current && y.current(j);
+  }, E = T((j) => {
+    if (C.current = j, !j || !e.isAlive() || t.isDestroyed()) {
       m.current = t.destroyBean(m.current);
       return;
     }
@@ -43354,27 +43354,27 @@ var RA = 1e3, xA = class {
       getFloatingFilterComp: () => R.current ? R.current : null,
       setMenuIcon: (X) => S.current?.appendChild(X)
     };
-    e.setComp(q, K, S.current, w.current, m.current);
+    e.setComp(q, j, S.current, w.current, m.current);
   }, []);
   _t(
     () => mn(g, t, w.current, x),
     [g]
   );
-  const M = B(() => n.toString(), [n]), k = B(() => a.toString(), [a]), F = B(() => c.toString(), [c]), P = B(() => !!(g && g.componentFromFramework && go(g.componentClass)), [g]), H = B(() => s.get("reactiveCustomComponents"), []), _ = B(() => s.get("enableFilterHandlers"), []), [V, se] = A();
+  const M = G(() => n.toString(), [n]), k = G(() => a.toString(), [a]), F = G(() => c.toString(), [c]), P = G(() => !!(g && g.componentFromFramework && go(g.componentClass)), [g]), H = G(() => s.get("reactiveCustomComponents"), []), _ = G(() => s.get("enableFilterHandlers"), []), [B, se] = A();
   we(() => {
     if (g?.componentFromFramework)
       if (H) {
-        const K = _ ? DA : pA, q = new K(g.params, () => f((X) => X + 1));
+        const j = _ ? DA : pA, q = new j(g.params, () => f((X) => X + 1));
         x(q), se(q);
       } else
         _d();
   }, [g]);
-  const re = V?.getProps(), N = g?.componentFromFramework, ne = g?.componentClass;
+  const re = B?.getProps(), N = g?.componentFromFramework, ne = g?.componentClass;
   return /* @__PURE__ */ $.createElement("div", { ref: E, style: i, className: M, role: "gridcell" }, /* @__PURE__ */ $.createElement("div", { ref: w, className: k, role: "presentation" }, N ? H ? re && /* @__PURE__ */ $.createElement(
     Wd.Provider,
     {
       value: {
-        setMethods: (K) => V.setMethods(K)
+        setMethods: (j) => B.setMethods(j)
       }
     },
     /* @__PURE__ */ $.createElement(ne, { ...re })
@@ -43430,13 +43430,13 @@ var RA = 1e3, xA = class {
   _t(() => mn(h, t, C.current), [h]), we(() => {
     f.current && e.setDragSource(f.current);
   }, [h]);
-  const S = B(() => !!(h?.componentFromFramework && go(h.componentClass)), [h]), y = B(() => "ag-header-group-cell " + o.toString(), [o]), R = B(
+  const S = G(() => !!(h?.componentFromFramework && go(h.componentClass)), [h]), y = G(() => "ag-header-group-cell " + o.toString(), [o]), R = G(
     () => "ag-header-cell-resize " + r.toString(),
     [r]
   ), x = h?.componentFromFramework, E = h?.componentClass;
   return /* @__PURE__ */ $.createElement("div", { ref: b, style: s, className: y, role: "columnheader", "aria-expanded": d }, /* @__PURE__ */ $.createElement("div", { ref: C, className: "ag-header-cell-comp-wrapper", role: "presentation" }, x ? S ? /* @__PURE__ */ $.createElement(E, { ...h.params }) : /* @__PURE__ */ $.createElement(E, { ...h.params, ref: w }) : null), /* @__PURE__ */ $.createElement("div", { ref: m, "aria-hidden": l, className: R }));
 }, IA = gt(MA), AA = ({ ctrl: e }) => {
-  const { gos: t, context: s } = et(pt), { topOffset: i, rowHeight: o } = B(() => e.getTopAndHeight(), []), n = B(() => t.get("tabIndex"), []), [r, a] = A(() => e.getAriaRowIndex()), l = e.headerRowClass, [c, d] = A(() => o + "px"), [u, h] = A(() => i + "px"), g = O(null), [p, f] = A(() => e.getUpdatedHeaderCtrls()), m = O(), C = O(null), w = T((y) => {
+  const { gos: t, context: s } = et(pt), { topOffset: i, rowHeight: o } = G(() => e.getTopAndHeight(), []), n = G(() => t.get("tabIndex"), []), [r, a] = A(() => e.getAriaRowIndex()), l = e.headerRowClass, [c, d] = A(() => o + "px"), [u, h] = A(() => i + "px"), g = O(null), [p, f] = A(() => e.getUpdatedHeaderCtrls()), m = O(), C = O(null), w = T((y) => {
     if (C.current = y, !y || !e.isAlive() || s.isDestroyed()) {
       m.current = s.destroyBean(m.current);
       return;
@@ -43457,7 +43457,7 @@ var RA = 1e3, xA = class {
       }
     };
     e.setComp(R, m.current, !1);
-  }, []), b = B(
+  }, []), b = G(
     () => ({
       height: c,
       top: u
@@ -43522,7 +43522,7 @@ var RA = 1e3, xA = class {
       setHeightAndMinHeight: (h) => i(h)
     };
     r.current.setComp(u, d, d);
-  }, []), l = B(() => "ag-header " + e.toString(), [e]), c = B(
+  }, []), l = G(() => "ag-header " + e.toString(), [e]), c = G(
     () => ({
       height: s,
       minHeight: s
@@ -43688,7 +43688,7 @@ var RA = 1e3, xA = class {
   cellCtrl: e,
   parent: t
 }) => {
-  const s = O(), i = B(() => {
+  const s = O(), i = G(() => {
     const { loadingComp: o } = e.getDeferLoadingCellRenderer();
     return o ? {
       value: void 0,
@@ -43711,9 +43711,9 @@ var RA = 1e3, xA = class {
     instanceId: r
   } = e, a = O(), [l, c] = A(
     () => e.isCellRenderer() ? void 0 : { compDetails: void 0, value: e.getValueToDisplay(), force: !1 }
-  ), [d, u] = A(), [h, g] = A(1), [p, f] = A(), [m, C] = A(!1), [w, b] = A(!1), [S, y] = A(!1), [R, x] = A(), E = B(() => e.isForceWrapper(), [e]), M = B(() => e.getCellAriaRole(), [e]), k = O(null), F = O(null), P = O(null), H = O(), _ = O(), V = O(), se = O([]), re = O(), N = O(), [ne, K] = A(0), q = T((be) => {
-    N.current = be, K((De) => De + 1);
-  }, []), X = l != null && (m || S || w) && (d == null || !!d.popup), J = E || X, Z = B(() => e.getCellValueClass(), [e]), ie = T(
+  ), [d, u] = A(), [h, g] = A(1), [p, f] = A(), [m, C] = A(!1), [w, b] = A(!1), [S, y] = A(!1), [R, x] = A(), E = G(() => e.isForceWrapper(), [e]), M = G(() => e.getCellAriaRole(), [e]), k = O(null), F = O(null), P = O(null), H = O(), _ = O(), B = O(), se = O([]), re = O(), N = O(), [ne, j] = A(0), q = T((be) => {
+    N.current = be, j((De) => De + 1);
+  }, []), X = l != null && (m || S || w) && (d == null || !!d.popup), J = E || X, Z = G(() => e.getCellValueClass(), [e]), ie = T(
     (be) => {
       if (_.current = be, be) {
         const De = be.isCancelBeforeStart && be.isCancelBeforeStart();
@@ -43723,8 +43723,8 @@ var RA = 1e3, xA = class {
       }
     },
     [e]
-  ), G = O();
-  G.current || (G.current = new un(() => k.current)), nC(l, J, N.current, ne, H, k);
+  ), V = O();
+  V.current || (V.current = new un(() => k.current)), nC(l, J, N.current, ne, H, k);
   const D = O();
   _t(() => {
     const be = D.current, De = l;
@@ -43743,7 +43743,7 @@ var RA = 1e3, xA = class {
       if (!ge)
         return;
       const Se = ge.getGui();
-      ie(ge), U || ((E ? V : k).current?.appendChild(Se), ge.afterGuiAttached?.()), x(ge);
+      ie(ge), U || ((E ? B : k).current?.appendChild(Se), ge.afterGuiAttached?.()), x(ge);
     }), () => {
       ye.then((ge) => {
         const Se = ge.getGui();
@@ -43751,9 +43751,9 @@ var RA = 1e3, xA = class {
       });
     };
   }, [d]);
-  const j = T(
+  const K = T(
     (be) => {
-      if (V.current = be, !be || o.isDestroyed() || !e.isAlive()) {
+      if (B.current = be, !be || o.isDestroyed() || !e.isAlive()) {
         const ye = se.current;
         se.current = [];
         for (const ge of ye)
@@ -43777,7 +43777,7 @@ var RA = 1e3, xA = class {
     }
     a.current = o.createBean(new uo());
     const U = {
-      toggleCss: (ge, Se) => G.current.toggleCss(ge, Se),
+      toggleCss: (ge, Se) => V.current.toggleCss(ge, Se),
       setUserStyles: (ge) => f(ge),
       getFocusableElement: () => k.current,
       setIncludeSelection: (ge) => C(ge),
@@ -43785,7 +43785,7 @@ var RA = 1e3, xA = class {
       setIncludeDndSource: (ge) => y(ge),
       getCellEditor: () => _.current ?? null,
       getCellRenderer: () => P.current ?? H.current,
-      getParentOfValue: () => N.current ?? V.current ?? k.current,
+      getParentOfValue: () => N.current ?? B.current ?? k.current,
       setRenderDetails: (ge, Se, Qe) => {
         const yt = () => {
           c(($e) => $e?.compDetails !== ge || $e?.value !== Se || $e?.force !== Qe ? {
@@ -43825,10 +43825,10 @@ var RA = 1e3, xA = class {
       refreshEditStyles: (ge, Se) => {
         if (!k.current)
           return;
-        const { current: Qe } = G;
+        const { current: Qe } = V;
         Qe.toggleCss("ag-cell-value", !J), Qe.toggleCss("ag-cell-inline-editing", !!ge && !Se), Qe.toggleCss("ag-cell-popup-editing", !!ge && !!Se), Qe.toggleCss("ag-cell-not-inline-editing", !ge || !!Se);
       }
-    }, ye = V.current || void 0;
+    }, ye = B.current || void 0;
     e.setComp(
       U,
       De,
@@ -43842,11 +43842,11 @@ var RA = 1e3, xA = class {
     k.current = be, de();
   }, []), Ce = T((be) => {
     F.current = be, de();
-  }, []), Fe = B(() => !!(l?.compDetails?.componentFromFramework && go(l.compDetails.componentClass)), [l]);
+  }, []), Fe = G(() => !!(l?.compDetails?.componentFromFramework && go(l.compDetails.componentClass)), [l]);
   _t(() => {
     if (!k.current)
       return;
-    const { current: be } = G;
+    const { current: be } = V;
     be.toggleCss("ag-cell-value", !J), be.toggleCss("ag-cell-inline-editing", !!d && !d.popup), be.toggleCss("ag-cell-popup-editing", !!d && !!d.popup), be.toggleCss("ag-cell-not-inline-editing", !d || !!d.popup);
   });
   const Ee = () => {
@@ -43860,7 +43860,7 @@ var RA = 1e3, xA = class {
   }, Ae = () => {
     const be = () => l == null ? null : J ? /* @__PURE__ */ $.createElement("span", { role: "presentation", id: `cell-${r}`, className: Z, ref: q }, Ee()) : Ee(), De = (U) => WA(U, ie, k.current, e, R);
     return d != null ? d.popup ? /* @__PURE__ */ $.createElement($.Fragment, null, be(), De(d)) : De(d) : be();
-  }, ct = () => /* @__PURE__ */ $.createElement("div", { ref: oe, style: p, role: M, "col-id": n }, J ? /* @__PURE__ */ $.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: j }, Ae()) : Ae());
+  }, ct = () => /* @__PURE__ */ $.createElement("div", { ref: oe, style: p, role: M, "col-id": n }, J ? /* @__PURE__ */ $.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: K }, Ae()) : Ae());
   return e.isCellSpanning() ? /* @__PURE__ */ $.createElement("div", { ref: Ce, className: "ag-spanned-cell-wrapper", role: "presentation" }, ct()) : ct();
 }, jA = gt($A), KA = ({ rowCtrl: e, containerType: t }) => {
   const { context: s, gos: i, editSvc: o } = et(pt), n = et(Jm) === "default", r = O(), a = O(e.getDomOrder()), l = e.isFullWidth(), c = e.rowNode.displayed, [d, u] = A(
@@ -43869,24 +43869,24 @@ var RA = 1e3, xA = class {
     () => c ? e.getInitialRowTop(t) : void 0
   ), [M, k] = A(
     () => c ? e.getInitialTransform(t) : void 0
-  ), F = O(null), P = O(), H = O(), _ = O(!1), [V, se] = A(0);
+  ), F = O(null), P = O(), H = O(), _ = O(!1), [B, se] = A(0);
   we(() => {
-    if (_.current || !y || V > 10)
+    if (_.current || !y || B > 10)
       return;
     const oe = F.current?.firstChild;
     oe ? (e.setupDetailRowAutoHeight(oe), _.current = !0) : se((Ce) => Ce + 1);
-  }, [y, V]);
+  }, [y, B]);
   const re = O();
   re.current || (re.current = new un(() => F.current));
   const N = O(() => {
   }), ne = T((oe) => (N.current = oe, () => {
     N.current = () => {
     };
-  }), []), K = nA(
+  }), []), j = nA(
     ne,
     () => w.current,
     []
-  ), q = n ? K : b, X = T((oe) => {
+  ), q = n ? j : b, X = T((oe) => {
     if (F.current = oe, r.current = oe ? s.createBean(new uo()) : s.destroyBean(r.current), !oe) {
       e.unsetComp(t);
       return;
@@ -43931,14 +43931,14 @@ var RA = 1e3, xA = class {
     () => mn(y, s, F.current, P),
     [y]
   );
-  const J = B(() => {
+  const J = G(() => {
     const oe = { top: x, transform: M };
     return Object.assign(oe, m), oe;
-  }, [x, M, m]), Z = l && y?.componentFromFramework, ie = !l && q != null, G = B(() => !!(y?.componentFromFramework && go(y.componentClass)), [y]), D = O(!1);
+  }, [x, M, m]), Z = l && y?.componentFromFramework, ie = !l && q != null, V = G(() => !!(y?.componentFromFramework && go(y.componentClass)), [y]), D = O(!1);
   we(() => {
-    D.current = G && !!y && !!i.get("reactiveCustomComponents");
-  }, [G, y]);
-  const j = () => q?.map((oe) => /* @__PURE__ */ $.createElement(
+    D.current = V && !!y && !!i.get("reactiveCustomComponents");
+  }, [V, y]);
+  const K = () => q?.map((oe) => /* @__PURE__ */ $.createElement(
     jA,
     {
       cellCtrl: oe,
@@ -43948,7 +43948,7 @@ var RA = 1e3, xA = class {
     }
   )), de = () => {
     const oe = y.componentClass;
-    return G ? /* @__PURE__ */ $.createElement(oe, { ...y.params }) : /* @__PURE__ */ $.createElement(oe, { ...y.params, ref: P });
+    return V ? /* @__PURE__ */ $.createElement(oe, { ...y.params }) : /* @__PURE__ */ $.createElement(oe, { ...y.params, ref: P });
   };
   return /* @__PURE__ */ $.createElement(
     "div",
@@ -43960,17 +43960,17 @@ var RA = 1e3, xA = class {
       "row-id": h,
       "row-business-key": p
     },
-    ie ? j() : Z ? de() : null
+    ie ? K() : Z ? de() : null
   );
 }, zh = gt(KA), qA = ({ name: e }) => {
-  const { context: t, gos: s } = et(pt), i = B(() => gn(e), [e]), o = O(null), n = O(null), r = O(null), a = O([]), l = O([]), [c, d] = A(() => []), u = !!s.get("enableCellSpan") && !!i.getSpannedRowCtrls, h = O([]), g = O([]), [p, f] = A(() => []), m = O(!1), C = O(), w = B(() => It("ag-viewport", xf(e)), [e]), b = B(() => It(lr(e)), [e]), S = B(() => It("ag-spanning-container", L2(e)), [e]), y = i.type === "center" || u, R = y ? o : n;
+  const { context: t, gos: s } = et(pt), i = G(() => gn(e), [e]), o = O(null), n = O(null), r = O(null), a = O([]), l = O([]), [c, d] = A(() => []), u = !!s.get("enableCellSpan") && !!i.getSpannedRowCtrls, h = O([]), g = O([]), [p, f] = A(() => []), m = O(!1), C = O(), w = G(() => It("ag-viewport", xf(e)), [e]), b = G(() => It(lr(e)), [e]), S = G(() => It("ag-spanning-container", L2(e)), [e]), y = i.type === "center" || u, R = y ? o : n;
   qs(" AG Row Container " + e + " ", R);
   const x = T(() => {
-    const V = !y || o.current != null, se = n.current != null, re = !u || r.current != null;
-    return V && se && re;
+    const B = !y || o.current != null, se = n.current != null, re = !u || r.current != null;
+    return B && se && re;
   }, []), E = T(() => o.current == null && n.current == null && r.current == null, []), M = T(() => {
     if (E() && (C.current = t.destroyBean(C.current)), !t.isDestroyed() && x()) {
-      const V = (N) => {
+      const B = (N) => {
         const ne = Wr(
           l.current,
           a.current,
@@ -43992,15 +43992,15 @@ var RA = 1e3, xA = class {
           o.current && (o.current.style.height = N);
         },
         setRowCtrls: ({ rowCtrls: N, useFlushSync: ne }) => {
-          const K = !!ne && a.current.length > 0 && N.length > 0;
-          a.current = N, V(K);
+          const j = !!ne && a.current.length > 0 && N.length > 0;
+          a.current = N, B(j);
         },
         setSpannedRowCtrls: (N, ne) => {
-          const K = !!ne && h.current.length > 0 && N.length > 0;
-          h.current = N, se(K);
+          const j = !!ne && h.current.length > 0 && N.length > 0;
+          h.current = N, se(j);
         },
         setDomOrder: (N) => {
-          m.current != N && (m.current = N, V(!1));
+          m.current != N && (m.current = N, B(!1));
         },
         setContainerWidth: (N) => {
           n.current && (n.current.style.width = N);
@@ -44017,18 +44017,18 @@ var RA = 1e3, xA = class {
       );
     }
   }, [x, E]), k = T(
-    (V) => {
-      n.current = V, M();
+    (B) => {
+      n.current = B, M();
     },
     [M]
   ), F = T(
-    (V) => {
-      r.current = V, M();
+    (B) => {
+      r.current = B, M();
     },
     [M]
   ), P = T(
-    (V) => {
-      o.current = V, M();
+    (B) => {
+      o.current = B, M();
     },
     [M]
   ), H = () => /* @__PURE__ */ $.createElement(
@@ -44038,27 +44038,27 @@ var RA = 1e3, xA = class {
       ref: k,
       role: y ? "presentation" : "rowgroup"
     },
-    c.map((V) => /* @__PURE__ */ $.createElement(zh, { rowCtrl: V, containerType: i.type, key: V.instanceId }))
+    c.map((B) => /* @__PURE__ */ $.createElement(zh, { rowCtrl: B, containerType: i.type, key: B.instanceId }))
   );
   if (!y)
     return H();
-  const _ = () => /* @__PURE__ */ $.createElement("div", { className: S, ref: F, role: "presentation" }, p.map((V) => /* @__PURE__ */ $.createElement(zh, { rowCtrl: V, containerType: i.type, key: V.instanceId })));
+  const _ = () => /* @__PURE__ */ $.createElement("div", { className: S, ref: F, role: "presentation" }, p.map((B) => /* @__PURE__ */ $.createElement(zh, { rowCtrl: B, containerType: i.type, key: B.instanceId })));
   return /* @__PURE__ */ $.createElement("div", { className: w, ref: P, role: "rowgroup" }, H(), u ? _() : null);
 }, YA = gt(qA), ZA = () => {
-  const e = et(pt), { context: t, overlays: s } = e, [i, o] = A(""), [n, r] = A(0), [a, l] = A(0), [c, d] = A("0px"), [u, h] = A("0px"), [g, p] = A("100%"), [f, m] = A("0px"), [C, w] = A("0px"), [b, S] = A("100%"), [y, R] = A(!0), [x, E] = A(!0), [M, k] = A(null), [F, P] = A(""), [H, _] = A(null), [V, se] = A("ag-layout-normal"), re = O();
+  const e = et(pt), { context: t, overlays: s } = e, [i, o] = A(""), [n, r] = A(0), [a, l] = A(0), [c, d] = A("0px"), [u, h] = A("0px"), [g, p] = A("100%"), [f, m] = A("0px"), [C, w] = A("0px"), [b, S] = A("100%"), [y, R] = A(!0), [x, E] = A(!0), [M, k] = A(null), [F, P] = A(""), [H, _] = A(null), [B, se] = A("ag-layout-normal"), re = O();
   re.current || (re.current = new un(() => N.current));
-  const N = O(null), ne = O(null), K = O(null), q = O(null), X = O(null), J = O(null), Z = O(null), ie = O([]), G = O([]);
-  qs(" AG Grid Body ", N), qs(" AG Pinned Top ", ne), qs(" AG Sticky Top ", K), qs(" AG Middle ", J), qs(" AG Pinned Bottom ", Z);
+  const N = O(null), ne = O(null), j = O(null), q = O(null), X = O(null), J = O(null), Z = O(null), ie = O([]), V = O([]);
+  qs(" AG Grid Body ", N), qs(" AG Pinned Top ", ne), qs(" AG Sticky Top ", j), qs(" AG Middle ", J), qs(" AG Pinned Bottom ", Z);
   const D = T((Se) => {
     if (N.current = Se, !Se || t.isDestroyed()) {
       ie.current = t.destroyBeans(ie.current);
-      for (const Oe of G.current)
+      for (const Oe of V.current)
         Oe();
-      G.current = [];
+      V.current = [];
       return;
     }
     const Qe = (Oe, ot) => {
-      Oe.appendChild(ot), G.current.push(() => ot.remove());
+      Oe.appendChild(ot), V.current.push(() => ot.remove());
     }, yt = (Oe) => {
       const ot = t.createBean(new Oe());
       return ie.current.push(ot), ot;
@@ -44094,7 +44094,7 @@ var RA = 1e3, xA = class {
       registerBodyViewportResizeListener: (Oe) => {
         if (J.current) {
           const ot = ys(e, J.current, Oe);
-          G.current.push(() => ot());
+          V.current.push(() => ot());
         }
       },
       setStickyBottomHeight: m,
@@ -44108,49 +44108,49 @@ var RA = 1e3, xA = class {
       J.current,
       ne.current,
       Z.current,
-      K.current,
+      j.current,
       q.current
     );
-  }, []), j = B(() => It("ag-root", "ag-unselectable", V), [V]), de = B(
+  }, []), K = G(() => It("ag-root", "ag-unselectable", B), [B]), de = G(
     () => It(
       "ag-body-viewport",
       i,
-      V,
+      B,
       M,
       H
     ),
-    [i, V, M, H]
-  ), oe = B(() => It("ag-body", V), [V]), Ce = B(
+    [i, B, M, H]
+  ), oe = G(() => It("ag-body", B), [B]), Ce = G(
     () => It("ag-floating-top", y ? "ag-invisible" : null, H),
     [H, y]
-  ), Fe = B(() => It("ag-sticky-top", H), [H]), Ee = B(
+  ), Fe = G(() => It("ag-sticky-top", H), [H]), Ee = G(
     () => It("ag-sticky-bottom", f === "0px" ? "ag-invisible" : null, H),
     [H, f]
-  ), Ae = B(
+  ), Ae = G(
     () => It("ag-floating-bottom", x ? "ag-invisible" : null, H),
     [H, x]
-  ), ct = B(
+  ), ct = G(
     () => ({
       height: n,
       minHeight: n,
       overflowY: F
     }),
     [n, F]
-  ), be = B(
+  ), be = G(
     () => ({
       height: c,
       top: u,
       width: g
     }),
     [c, u, g]
-  ), De = B(
+  ), De = G(
     () => ({
       height: f,
       bottom: C,
       width: b
     }),
     [f, C, b]
-  ), U = B(
+  ), U = G(
     () => ({
       height: a,
       minHeight: a,
@@ -44163,7 +44163,7 @@ var RA = 1e3, xA = class {
     className: yt,
     style: $e
   }) => /* @__PURE__ */ $.createElement("div", { ref: Se, className: yt, role: "presentation", style: $e }, Qe.map(ye));
-  return /* @__PURE__ */ $.createElement("div", { ref: D, className: j }, /* @__PURE__ */ $.createElement(NA, null), ge({
+  return /* @__PURE__ */ $.createElement("div", { ref: D, className: K }, /* @__PURE__ */ $.createElement(NA, null), ge({
     section: ne,
     className: Ce,
     style: ct,
@@ -44173,7 +44173,7 @@ var RA = 1e3, xA = class {
     className: de,
     children: ["left", "center", "right", "fullWidth"]
   })), ge({
-    section: K,
+    section: j,
     className: Fe,
     style: be,
     children: ["stickyTopLeft", "stickyTopCenter", "stickyTopRight", "stickyTopFullWidth"]
@@ -44259,20 +44259,20 @@ var RA = 1e3, xA = class {
       },
       // do nothing, as framework users destroy grid by removing the comp
       setRtlClass: s,
-      forceFocusOutOfContainer: (V) => {
-        if (!V && b.current?.isDisplayed()) {
-          b.current.forceFocusOutOfContainer(V);
+      forceFocusOutOfContainer: (B) => {
+        if (!B && b.current?.isDisplayed()) {
+          b.current.forceFocusOutOfContainer(B);
           return;
         }
-        f.current?.forceFocusOutOfContainer(V);
+        f.current?.forceFocusOutOfContainer(B);
       },
       updateLayoutClasses: o,
       getFocusableContainers: () => {
-        const V = [], se = p.current?.querySelector(".ag-root");
-        se && V.push({ getGui: () => se });
+        const B = [], se = p.current?.querySelector(".ag-root");
+        se && B.push({ getGui: () => se });
         for (const re of S.current)
-          re.isDisplayed() && V.push(re);
-        return V;
+          re.isDisplayed() && B.push(re);
+        return B;
       },
       setCursor: r,
       setUserSelect: l
@@ -44284,41 +44284,41 @@ var RA = 1e3, xA = class {
     if (!u || !P || !m || !H || e.isDestroyed())
       return;
     const _ = [], {
-      watermarkSelector: V,
+      watermarkSelector: B,
       paginationSelector: se,
       sideBarSelector: re,
       statusBarSelector: N,
       gridHeaderDropZonesSelector: ne
-    } = P.getOptionalSelectors(), K = [];
+    } = P.getOptionalSelectors(), j = [];
     if (ne) {
       const X = e.createBean(new ne.component()), J = X.getGui();
-      H.insertAdjacentElement("afterbegin", J), K.push(J), _.push(X);
+      H.insertAdjacentElement("afterbegin", J), j.push(J), _.push(X);
     }
     if (re) {
       const X = e.createBean(new re.component()), J = X.getGui(), Z = m.querySelector(".ag-tab-guard-bottom");
-      Z && (Z.insertAdjacentElement("beforebegin", J), K.push(J)), _.push(X), S.current.push(X);
+      Z && (Z.insertAdjacentElement("beforebegin", J), j.push(J)), _.push(X), S.current.push(X);
     }
     const q = (X) => {
       const J = e.createBean(new X()), Z = J.getGui();
-      return H.insertAdjacentElement("beforeend", Z), K.push(Z), _.push(J), J;
+      return H.insertAdjacentElement("beforeend", Z), j.push(Z), _.push(J), J;
     };
     if (N && q(N.component), se) {
       const X = q(se.component);
       b.current = X, S.current.push(X);
     }
-    return V && q(V.component), () => {
+    return B && q(B.component), () => {
       e.destroyBeans(_);
-      for (const X of K)
+      for (const X of j)
         X.remove();
     };
   }, [u, m, e]);
-  const x = B(
+  const x = G(
     () => It("ag-root-wrapper", t, i),
     [t, i]
-  ), E = B(
+  ), E = G(
     () => It("ag-root-wrapper-body", "ag-focus-managed", i),
     [i]
-  ), M = B(
+  ), M = G(
     () => ({
       userSelect: a ?? "",
       WebkitUserSelect: a ?? "",
@@ -44459,7 +44459,7 @@ var RA = 1e3, xA = class {
     ), o.current.push(() => {
       t.current = void 0;
     }), t.current && (l.current = t.current.getGridId());
-  }, []), p = B(() => ({
+  }, []), p = G(() => ({
     height: "100%",
     ...e.containerStyle || {}
   }), [e.containerStyle]), f = T((C) => {
@@ -44540,10 +44540,10 @@ var ak = class extends P5 {
     return new iC(e, this.parent, t, o);
   }
 }, lk = Ic((e, t) => {
-  const s = et(pt), { registry: i, context: o, gos: n, rowModel: r } = s, [a, l] = A(() => new Ht()), [c, d] = A(() => new Ht()), [u, h] = A(), [g, p] = A(), f = O(), m = O(null), C = O(), w = B(
+  const s = et(pt), { registry: i, context: o, gos: n, rowModel: r } = s, [a, l] = A(() => new Ht()), [c, d] = A(() => new Ht()), [u, h] = A(), [g, p] = A(), f = O(), m = O(null), C = O(), w = G(
     () => oS(e.api.getGridId(), u?.rowModelType ?? "clientSide"),
     [e]
-  ), b = B(() => a.toString() + " ag-details-row", [a]), S = B(() => c.toString() + " ag-details-grid", [c]);
+  ), b = G(() => a.toString() + " ag-details-row", [a]), S = G(() => c.toString() + " ag-details-grid", [c]);
   t && Kr(t, () => ({
     refresh() {
       return f.current?.refresh() ?? !1;
@@ -44700,21 +44700,21 @@ const hk = ee(
       rg({ padding: Io }),
       _C({
         padding: Io,
-        apply({ availableWidth: D, availableHeight: j, elements: de }) {
+        apply({ availableWidth: D, availableHeight: K, elements: de }) {
           const oe = de.floating, Ce = F(de.reference);
           oe.style.setProperty(
             "--fui-available-height",
-            `${Math.floor(j)}px`
+            `${Math.floor(K)}px`
           ), oe.style.setProperty(
             "--reference-width",
             C ? `${Math.round(Ce)}px` : "0px"
           ), C ? oe.style.minWidth = `${Math.round(Ce)}px` : oe.style.removeProperty("min-width"), oe.style.maxWidth = `${Math.floor(D)}px`;
-          const Fe = Math.floor(j);
+          const Fe = Math.floor(K);
           oe.style.maxHeight = `${w ? Math.min(Fe, w) : Fe}px`;
         }
       })
     ]
-  }), V = UC(_, {
+  }), B = UC(_, {
     enabled: i.includes(Lt.Click) && !n
   }), se = lg(_, {
     enabled: i.includes(Lt.Hover) && !n,
@@ -44726,26 +44726,26 @@ const hk = ee(
     referencePress: !1,
     outsidePress: (D) => {
       if (!p) return !1;
-      const j = D.target;
-      return !(g?.current && j instanceof Node && g.current.contains(j));
+      const K = D.target;
+      return !(g?.current && K instanceof Node && g.current.contains(K));
     }
-  }), N = Ec(_, { role: "menu" }), { getReferenceProps: ne, getFloatingProps: K } = Dc([
-    V,
+  }), N = Ec(_, { role: "menu" }), { getReferenceProps: ne, getFloatingProps: j } = Dc([
+    B,
     se,
     re,
     N
   ]), q = T(
-    (D, j) => {
+    (D, K) => {
       P.setPositionReference({
         getBoundingClientRect: () => ({
           width: 0,
           height: 0,
           x: D,
-          y: j,
-          top: j,
+          y: K,
+          top: K,
           left: D,
           right: D,
-          bottom: j
+          bottom: K
         })
       });
     },
@@ -44771,11 +44771,11 @@ const hk = ee(
     n && R && E(!1);
   }, [n, R, E]);
   const Z = T(
-    (D) => (j) => {
-      D.disabled || (D.onClick?.({ key: D.key, domEvent: j }), t?.onClick?.({ key: D.key, domEvent: j }), E(!1));
+    (D) => (K) => {
+      D.disabled || (D.onClick?.({ key: D.key, domEvent: K }), t?.onClick?.({ key: D.key, domEvent: K }), E(!1));
     },
     [t, E]
-  ), ie = B(() => s ? s() : t ? /* @__PURE__ */ W(Ke, { children: [
+  ), ie = G(() => s ? s() : t ? /* @__PURE__ */ W(Ke, { children: [
     t.header && /* @__PURE__ */ v(Ke, { children: typeof t.header == "function" ? t.header() : t.header }),
     /* @__PURE__ */ v("div", { role: "none", className: "py-1", children: t.items.map((D) => D.type === vc.Divider ? /* @__PURE__ */ v(
       "div",
@@ -44835,22 +44835,22 @@ const hk = ee(
       D.key
     )) }),
     t.footer && /* @__PURE__ */ v(Ke, { children: typeof t.footer == "function" ? t.footer() : t.footer })
-  ] }) : null, [Z, t, s]), G = ne({
+  ] }) : null, [Z, t, s]), V = ne({
     onContextMenu: X,
     onMouseDown: J
   });
   return we(() => {
     if (!R) return;
     const D = P.reference.current;
-    let j = null;
-    if (D instanceof Element ? j = D : x.current instanceof Element && (j = x.current), !j) return;
+    let K = null;
+    if (D instanceof Element ? K = D : x.current instanceof Element && (K = x.current), !K) return;
     const de = new IntersectionObserver(
       ([oe]) => {
         oe.isIntersecting || E(!1);
       },
       { root: null, threshold: 0 }
     );
-    return de.observe(j), () => de.disconnect();
+    return de.observe(K), () => de.disconnect();
   }, [R, P.reference, E]), /* @__PURE__ */ W(Ke, { children: [
     /* @__PURE__ */ v(
       "span",
@@ -44864,7 +44864,7 @@ const hk = ee(
         "aria-haspopup": "menu",
         "aria-expanded": R,
         "aria-controls": M,
-        ...G,
+        ...V,
         children: e
       }
     ),
@@ -44886,7 +44886,7 @@ const hk = ee(
               !C && "w-max",
               h
             ),
-            ...K(),
+            ...j(),
             children: [
               c && /* @__PURE__ */ v("div", { className: "flex items-center justify-between px-2 pt-2", children: /* @__PURE__ */ v(
                 cC,
@@ -44937,7 +44937,7 @@ const hk = ee(
   rowData: o = [],
   getRowId: n
 }) => {
-  const [r, a] = A(/* @__PURE__ */ new Map()), l = t ?? r, c = B(
+  const [r, a] = A(/* @__PURE__ */ new Map()), l = t ?? r, c = G(
     () => new Set(l.keys()),
     [l]
   ), d = e !== void 0 || t !== void 0;
@@ -44965,7 +44965,7 @@ const hk = ee(
       s,
       i
     ]
-  ), h = B(() => {
+  ), h = G(() => {
     if (!o.length) return "unchecked";
     const p = o.every(
       (m) => c.has(n(m))
@@ -45037,7 +45037,7 @@ const dC = ({
     onSelectionChangeWithMap: h,
     rowData: t,
     getRowId: g
-  }), V = B(
+  }), B = G(
     () => ({
       ...bl,
       oddRowBackgroundColor: p ? bl.oddRowBackgroundColor : bl.backgroundColor,
@@ -45049,8 +45049,8 @@ const dC = ({
   }, []), re = T(
     (D) => {
       if (D.data) {
-        const j = g(D.data);
-        return F.has(j) ? "ag-row-selected" : "";
+        const K = g(D.data);
+        return F.has(K) ? "ag-row-selected" : "";
       }
     },
     [F, g]
@@ -45070,12 +45070,12 @@ const dC = ({
   ) }), [H, _, d]), ne = T(
     (D) => {
       if (D.data) {
-        const j = i?.(D.data) ?? [], de = D.value == null ? "" : String(D.value);
+        const K = i?.(D.data) ?? [], de = D.value == null ? "" : String(D.value);
         return /* @__PURE__ */ v(
           Et,
           {
             trigger: [Lt.ContextMenu],
-            menu: { items: j },
+            menu: { items: K },
             anchorToMouse: !0,
             matchReferenceWidth: !0,
             className: "w-full",
@@ -45091,10 +45091,10 @@ const dC = ({
       }
     },
     [i]
-  ), K = T(
+  ), j = T(
     (D) => {
       if (!D.data) return null;
-      const j = g(D.data), de = F.has(j), oe = `row-select-${j}`;
+      const K = g(D.data), de = F.has(K), oe = `row-select-${K}`;
       return /* @__PURE__ */ v("div", { className: "flex items-center justify-center size-full", children: /* @__PURE__ */ v(
         fr,
         {
@@ -45109,16 +45109,16 @@ const dC = ({
             D.data && P(D.data, !!Ce);
           }
         },
-        `${j}-${de}`
+        `${K}-${de}`
       ) });
     },
     [F, g, P, d]
   ), q = T(
     (D) => {
-      const j = typeof a == "function" ? a(D) : !!a;
+      const K = typeof a == "function" ? a(D) : !!a;
       if (!D.cellRenderer)
         return { ...D, cellRenderer: ne };
-      if (!j)
+      if (!K)
         return D;
       const de = D.cellRenderer;
       return { ...D, cellRenderer: (Ce) => {
@@ -45138,7 +45138,7 @@ const dC = ({
       } };
     },
     [i, ne, a]
-  ), X = B(
+  ), X = G(
     () => ({
       colId: "__select",
       headerName: "",
@@ -45152,14 +45152,14 @@ const dC = ({
       floatingFilter: !1,
       suppressMenu: !0,
       borderless: !0,
-      cellRenderer: K,
+      cellRenderer: j,
       headerComponent: N
     }),
-    [K, N]
-  ), J = B(() => {
+    [j, N]
+  ), J = G(() => {
     const D = (e ?? []).map(q);
     return r ? [X, ...D] : D;
-  }, [e, X, r, q]), Z = B(
+  }, [e, X, r, q]), Z = G(
     () => ({
       minWidth: 150,
       resizable: !0,
@@ -45174,16 +45174,16 @@ const dC = ({
     }),
     [f]
   ), ie = (D) => {
-    const j = J.map((de) => ({
+    const K = J.map((de) => ({
       ...de,
       sort: void 0
     }));
-    D.api.updateGridOptions({ columnDefs: j, rowData: t }), D.api.sizeColumnsToFit(), M(D.api), s?.onGridReady?.(D);
+    D.api.updateGridOptions({ columnDefs: K, rowData: t }), D.api.sizeColumnsToFit(), M(D.api), s?.onGridReady?.(D);
   };
   we(() => {
     E && E.redrawRows();
   }, [E, F]);
-  const G = T(
+  const V = T(
     () => /* @__PURE__ */ v(
       Vc,
       {
@@ -45229,7 +45229,7 @@ const dC = ({
               rowHeight: R,
               cellSelection: !1,
               getRowClass: re,
-              theme: e3.withPart(kD).withParams({ ...V }),
+              theme: e3.withPart(kD).withParams({ ...B }),
               autoSizeStrategy: { type: "fitGridWidth" },
               columnDefs: J,
               defaultColDef: Z,
@@ -45238,7 +45238,7 @@ const dC = ({
               loading: b,
               suppressCellFocus: !0,
               suppressDragLeaveHidesColumns: !0,
-              noRowsOverlayComponent: G,
+              noRowsOverlayComponent: V,
               rowData: t,
               ...s
             }
@@ -45313,7 +45313,7 @@ const _h = () => typeof window < "u" && window.innerWidth < 640, Uh = () => {
   smallScreenContainerClassName: n,
   smallScreenDropdownItemClassName: r
 }) => {
-  const [a, l] = A(!1), [c, d] = A(!1), [u, h] = A(!1), g = Sk(), p = g === Qs.Mobile || o === _r.Tablet && g === Qs.Tablet, f = i === wc.Horizontal, m = O(null), C = O(null), w = O(null), b = e.find((R) => R.id === t), S = B(
+  const [a, l] = A(!1), [c, d] = A(!1), [u, h] = A(!1), g = Sk(), p = g === Qs.Mobile || o === _r.Tablet && g === Qs.Tablet, f = i === wc.Horizontal, m = O(null), C = O(null), w = O(null), b = e.find((R) => R.id === t), S = G(
     () => ee(
       "flex gap-2",
       f ? "flex-row flex-nowrap overflow-x-auto" : "flex-col flex-wrap w-full"
@@ -45506,7 +45506,7 @@ const _h = () => typeof window < "u" && window.innerWidth < 640, Uh = () => {
   children: o,
   titleClassName: n
 }) => {
-  const r = B(() => e?.length ? e : YC.toArray(o).filter(Mc).map((c) => {
+  const r = G(() => e?.length ? e : YC.toArray(o).filter(Mc).map((c) => {
     const d = c.props, { titleClassName: u, isLast: h, separator: g, ...p } = d;
     return p;
   }), [e, o]), a = T(
@@ -45515,7 +45515,7 @@ const _h = () => typeof window < "u" && window.innerWidth < 640, Uh = () => {
       u.onClick ? u.onClick(c.domEvent) : u.href && (window.location.href = u.href);
     },
     [r]
-  ), l = B(() => {
+  ), l = G(() => {
     if (r.length === 0) return null;
     if (r.length <= 3)
       return r.map((p, f) => /* @__PURE__ */ Ao(
@@ -45704,23 +45704,23 @@ const _h = () => typeof window < "u" && window.innerWidth < 640, Uh = () => {
   we(() => {
     const _ = M.current;
     if (!_) return;
-    const V = (se) => {
+    const B = (se) => {
       se.preventDefault();
     };
-    return _.addEventListener("wheel", V, { passive: !1 }), () => {
-      _.removeEventListener("wheel", V);
+    return _.addEventListener("wheel", B, { passive: !1 }), () => {
+      _.removeEventListener("wheel", B);
     };
   }, []);
   const F = c === "number" || p !== void 0 || f !== void 0, P = (_) => {
     Lk(_, c, p, f);
   }, H = (_) => {
-    const V = _.currentTarget.value;
-    if (F && V !== "") {
-      const se = parseFloat(V);
-      if (isNaN(se) && V !== "-" && V !== "." || !isNaN(se) && (p !== void 0 && se < p || f !== void 0 && se > f))
+    const B = _.currentTarget.value;
+    if (F && B !== "") {
+      const se = parseFloat(B);
+      if (isNaN(se) && B !== "-" && B !== "." || !isNaN(se) && (p !== void 0 && se < p || f !== void 0 && se > f))
         return;
     }
-    g?.(V || void 0);
+    g?.(B || void 0);
   };
   return /* @__PURE__ */ W(
     "div",
@@ -46672,16 +46672,16 @@ const r8 = ({
   dismissRef: M,
   onFooterClick: k
 }) => {
-  const F = Ac(), [P, H] = A(!1), [_, V] = A(
+  const F = Ac(), [P, H] = A(!1), [_, B] = A(
     E && l || ""
-  ), se = O(null), re = i !== void 0, [N, ne] = A(o), K = re ? i : N, q = B(() => t ? Array.isArray(K) ? K : [] : typeof K == "string" ? [K] : [], [K, t]), X = B(() => {
+  ), se = O(null), re = i !== void 0, [N, ne] = A(o), j = re ? i : N, q = G(() => t ? Array.isArray(j) ? j : [] : typeof j == "string" ? [j] : [], [j, t]), X = G(() => {
     const U = _.trim().toLowerCase();
     return U ? e.filter((ye) => ye.label.toLowerCase().includes(U)) : e;
   }, [e, _]);
   we(() => {
-    !P && !E && V("");
+    !P && !E && B("");
   }, [E, P]), we(() => {
-    E && V(l || "");
+    E && B(l || "");
   }, [l, E]);
   const J = T(
     (U) => {
@@ -46704,22 +46704,22 @@ const r8 = ({
       J(ge);
     },
     [t, q, J]
-  ), G = B(
+  ), V = G(
     () => X.filter((U) => !U.disabled),
     [X]
-  ), D = B(
-    () => G.filter((U) => q.includes(U.value)).length,
-    [G, q]
-  ), j = (U) => {
+  ), D = G(
+    () => V.filter((U) => q.includes(U.value)).length,
+    [V, q]
+  ), K = (U) => {
     E && !t && !U && Z(_), H(U);
-  }, de = G.length > 0 && D === G.length, oe = D > 0 && !de, Ce = () => {
-    if (!(!t || G.length === 0))
+  }, de = V.length > 0 && D === V.length, oe = D > 0 && !de, Ce = () => {
+    if (!(!t || V.length === 0))
       if (de) {
-        const U = new Set(G.map((ge) => ge.value)), ye = q.filter((ge) => !U.has(ge));
+        const U = new Set(V.map((ge) => ge.value)), ye = q.filter((ge) => !U.has(ge));
         J(ye);
       } else {
         const U = new Set(q);
-        G.forEach((ye) => U.add(ye.value)), J(Array.from(U));
+        V.forEach((ye) => U.add(ye.value)), J(Array.from(U));
       }
   }, Fe = q.length > 0;
   we(() => {
@@ -46731,7 +46731,7 @@ const r8 = ({
       U.setSelectionRange?.(ye, ye);
     });
   }, [P, E, t, C]);
-  const Ee = !t && Fe ? q[0] : void 0, Ae = B(
+  const Ee = !t && Fe ? q[0] : void 0, Ae = G(
     () => Ee ? e.find((U) => U.value === Ee) : void 0,
     [e, Ee]
   ), ct = T(() => !t || q.length === 0 ? null : /* @__PURE__ */ v(
@@ -46766,7 +46766,7 @@ const r8 = ({
     }
   }));
   const De = () => {
-    V(
+    B(
       q.length === 1 ? Ae?.label ?? _ : ""
     );
   };
@@ -46774,7 +46774,7 @@ const r8 = ({
     Et,
     {
       open: P,
-      onOpenChange: j,
+      onOpenChange: K,
       disabled: C,
       closable: b,
       onClose: R,
@@ -46795,7 +46795,7 @@ const r8 = ({
                 CC,
                 {
                   placeholder: u,
-                  onChange: V,
+                  onChange: B,
                   value: _,
                   elementId: `search-${s || F}`
                 }
@@ -46812,7 +46812,7 @@ const r8 = ({
                 }
               )
             ] }),
-            t && h && G.length > 0 && /* @__PURE__ */ v("div", { className: ee(yl, "mt-2"), children: /* @__PURE__ */ v(
+            t && h && V.length > 0 && /* @__PURE__ */ v("div", { className: ee(yl, "mt-2"), children: /* @__PURE__ */ v(
               fr,
               {
                 id: `${s || F}-selectAll`,
@@ -46935,7 +46935,7 @@ const r8 = ({
                 type: "text",
                 placeholder: u ?? c,
                 value: _ || "",
-                onChange: (U) => V(U.currentTarget.value),
+                onChange: (U) => B(U.currentTarget.value),
                 onFocus: () => !C && H(!0),
                 onMouseDown: (U) => {
                   De(), U.stopPropagation();
@@ -47603,7 +47603,7 @@ const b8 = function(t, s, i) {
   ), C = T(
     (F) => n && F?.length > n,
     [n]
-  ), w = B(() => p || C(h), [p, h, C]), b = () => {
+  ), w = G(() => p || C(h), [p, h, C]), b = () => {
     g([]), f(!1);
   };
   we(() => {
@@ -47823,7 +47823,7 @@ const b8 = function(t, s, i) {
     )
   ] });
 }, x8 = /* @__PURE__ */ v(qr, { size: 16 }), F8 = /* @__PURE__ */ v(Av, { size: 16 }), Xh = (e) => {
-  const [t, s] = A(!1), i = B(() => t ? F8 : x8, [t]);
+  const [t, s] = A(!1), i = G(() => t ? F8 : x8, [t]);
   return /* @__PURE__ */ v("div", { children: /* @__PURE__ */ v(
     Et,
     {
@@ -48072,10 +48072,10 @@ const $r = ({
     }
   );
 }, EC = (e) => {
-  const [t, s] = A(e?.expandedPaths ?? /* @__PURE__ */ new Set()), i = B(
+  const [t, s] = A(e?.expandedPaths ?? /* @__PURE__ */ new Set()), i = G(
     () => !!e?.onExpandedPathsChange,
     [e?.onExpandedPathsChange]
-  ), o = B(
+  ), o = G(
     () => i ? e?.expandedPaths ?? /* @__PURE__ */ new Set() : t,
     [i, e?.expandedPaths, t]
   ), n = T(
@@ -48143,7 +48143,7 @@ const $r = ({
     const { path: k, nodeType: F, name: P, items: H } = M, _ = F === Ve.FOLDER;
     if (!c && FC(M)) return null;
     if (!_ && !t) return;
-    const V = Array.isArray(H) && H.length > 0 && H.some((ie) => ie.nodeType === Ve.FOLDER || t), se = b.has(k), re = n === k, N = i.has(k), ne = d === k, K = o.has(k), q = h && u && k === h && _, X = C && ((ie) => C(ie, M)), J = re ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", Z = q ? [] : p?.(M) ?? [];
+    const B = Array.isArray(H) && H.length > 0 && H.some((ie) => ie.nodeType === Ve.FOLDER || t), se = b.has(k), re = n === k, N = i.has(k), ne = d === k, j = o.has(k), q = h && u && k === h && _, X = C && ((ie) => C(ie, M)), J = re ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", Z = q ? [] : p?.(M) ?? [];
     return /* @__PURE__ */ v("div", { className: "cursor-pointer text-secondary", children: /* @__PURE__ */ W("div", { className: "flex flex-col w-full", children: [
       /* @__PURE__ */ v(
         Et,
@@ -48181,7 +48181,7 @@ const $r = ({
                           className: ee(
                             "flex-shrink-0",
                             se && "rotate-90 transition-all",
-                            K && !V && "text-transparent"
+                            j && !B && "text-transparent"
                           )
                         }
                       ),
@@ -48257,7 +48257,7 @@ const $r = ({
   searchContainerClassName: C,
   isCompactView: w = !1
 }) => {
-  const b = B(() => {
+  const b = G(() => {
     if (!i) return;
     const E = i.split("/").map((k) => k.trim()).filter(Boolean);
     if (!E.length) return [{ title: "/" }];
@@ -48387,7 +48387,7 @@ const DC = () => {
   showHiddenFilesLabel: d = "Show hidden files",
   hideHiddenFilesLabel: u = "Hide hidden files"
 }) => {
-  const h = DC(), g = B(() => [
+  const h = DC(), g = G(() => [
     {
       key: "hidden-files-switch",
       label: i ? u : d,
@@ -48785,21 +48785,21 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     handleDecideForEach: F
   } = PC({
     getDestinationFiles: e,
-    onResolve: (ie, G) => {
-      m?.type === Je.Copy ? (t?.(ie, G), i?.()) : m?.type === Je.Move && m.sourceFolder && (s?.(
+    onResolve: (ie, V) => {
+      m?.type === Je.Copy ? (t?.(ie, V), i?.()) : m?.type === Je.Move && m.sourceFolder && (s?.(
         ie,
         m.sourceFolder,
-        G
+        V
       ), o?.());
     }
   }), P = T(() => {
     u([]), g([]), C(null);
   }, []), H = T(
     (ie) => {
-      const G = y(ie, d, {
+      const V = y(ie, d, {
         type: Je.Copy
       });
-      if (C({ type: Je.Copy }), !G.hasConflicts) {
+      if (C({ type: Je.Copy }), !V.hasConflicts) {
         const D = R(
           ie,
           d,
@@ -48817,18 +48817,18 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       P
     ]
   ), _ = T(
-    (ie, G) => {
-      const D = y(ie, h, {
+    (ie, V) => {
+      const D = V || (m?.sourceFolder ?? "/");
+      if (!y(ie, h, {
         type: Je.Move,
-        sourceFolder: G
-      });
-      if (C({ type: Je.Move, sourceFolder: G }), !D.hasConflicts) {
-        const j = R(
+        sourceFolderPath: D
+      }).hasConflicts) {
+        const de = R(
           ie,
           h,
           !0
         );
-        s?.(j, G, ie), o?.(), P();
+        s?.(de, D, ie), o?.(), P();
       }
     },
     [
@@ -48837,9 +48837,10 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       R,
       s,
       o,
-      P
+      P,
+      m
     ]
-  ), V = T(() => {
+  ), B = T(() => {
     M(), P();
   }, [M, P]), se = T(() => {
     k(), P();
@@ -48850,12 +48851,12 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     [F, P]
   ), N = T(
     (ie) => {
-      const G = ie.at(0)?.parentPath ?? "/", D = R(
-        G,
+      const V = ie.at(0)?.parentPath ?? "/", D = R(
+        V,
         ie,
         !1
       );
-      t?.(D, G), n?.();
+      t?.(D, V), n?.();
     },
     [t, n, R]
   ), ne = T(
@@ -48863,7 +48864,7 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       f(ie), c(!0);
     },
     []
-  ), K = T(() => {
+  ), j = T(() => {
     c(!1), S.current || P();
   }, [P, S]), [q, X] = A(), J = T(
     (ie) => {
@@ -48872,13 +48873,16 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     [r]
   ), Z = T(
     (ie) => {
-      g(ie), a && ie.length > 0 ? X(a(ie.length, ie[0]?.name)) : X(void 0);
+      g(ie), C({
+        type: Je.Move,
+        sourceFolder: ie[0]?.folderId
+      }), a && ie.length > 0 ? X(a(ie.length, ie[0]?.name)) : X(void 0);
     },
-    [a]
+    [a, C]
   );
   return {
     handleDuplicate: N,
-    handleCloseDestinationFolderPopup: K,
+    handleCloseDestinationFolderPopup: j,
     handleOpenDestinationFolderPopup: ne,
     handleCopyTo: H,
     handleMoveTo: _,
@@ -48892,7 +48896,7 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     conflictResolutionOpen: b,
     openConflictResolution: E,
     closeConflictResolution: x,
-    handleConflictReplace: V,
+    handleConflictReplace: B,
     handleConflictDuplicate: se,
     handleConflictDecideForEach: re
   };
@@ -48979,9 +48983,9 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     handleDecideForEach: k
   } = PC({
     getDestinationFiles: () => g.current,
-    onResolve: (G, D) => {
+    onResolve: (V, D) => {
       if (!m) return;
-      const j = G.map((de) => {
+      const K = V.map((de) => {
         const oe = p.get(de.sourceUrl);
         if (!oe)
           return;
@@ -48991,44 +48995,44 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
           name: Ce
         };
       }).filter(Boolean);
-      j.length > 0 && e?.(j, D), F();
+      K.length > 0 && e?.(K, D), F();
     }
   }), F = T(() => {
     f(/* @__PURE__ */ new Map()), C(null);
   }, []);
   we(() => {
-    let G = 0;
+    let V = 0;
     const D = (Ce) => {
-      cL(Ce) && Ce.dataTransfer.types.includes(k8) && (G++, l(!0));
-    }, j = () => {
-      G--, G === 0 && l(!1);
+      cL(Ce) && Ce.dataTransfer.types.includes(k8) && (V++, l(!0));
+    }, K = () => {
+      V--, V === 0 && l(!1);
     }, de = () => {
-      G = 0, l(!1);
+      V = 0, l(!1);
     }, oe = (Ce) => {
       Ce.preventDefault();
     };
-    return window.addEventListener("dragenter", D), window.addEventListener("dragleave", j), window.addEventListener("drop", de), window.addEventListener("dragover", oe), () => {
-      window.removeEventListener("dragenter", D), window.removeEventListener("dragleave", j), window.removeEventListener("drop", de), window.removeEventListener("dragover", oe);
+    return window.addEventListener("dragenter", D), window.addEventListener("dragleave", K), window.addEventListener("drop", de), window.addEventListener("dragover", oe), () => {
+      window.removeEventListener("dragenter", D), window.removeEventListener("dragleave", K), window.removeEventListener("drop", de), window.removeEventListener("dragover", oe);
     };
   }, []);
   const P = T(
-    (G) => s ? G.filter((D) => D.fileContent.size > s).map((D) => D.name) : [],
+    (V) => s ? V.filter((D) => D.fileContent.size > s).map((D) => D.name) : [],
     [s]
   ), H = T(
-    (G, D) => G.map((j) => ({
-      id: j.name,
-      name: j.name,
+    (V, D) => V.map((K) => ({
+      id: K.name,
+      name: K.name,
       folderId: D,
-      path: j.name,
+      path: K.name,
       nodeType: Ve.ITEM,
       parentPath: D,
-      contentLength: j.fileContent.size
+      contentLength: K.fileContent.size
     })),
     []
   ), _ = T(
-    async (G, D, j) => {
-      d(void 0), g.current = j;
-      const de = P(G);
+    async (V, D, K) => {
+      d(void 0), g.current = K;
+      const de = P(V);
       if (de.length > 0) {
         const Ee = s ? (s / 1048576).toFixed(2) : 0, Ae = i.oversizedFiles || `Files exceed maximum size (${Ee}MB): ${de.join(", ")}`;
         return d(Ae), !1;
@@ -49036,8 +49040,8 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       if (t)
         try {
           const Ee = await t(
-            G,
-            j,
+            V,
+            K,
             D
           );
           if (!Ee.valid)
@@ -49049,12 +49053,12 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
             i.validationError || "Validation error occurred"
           ), !1;
         }
-      const oe = new Map(G.map((Ee) => [Ee.name, Ee]));
+      const oe = new Map(V.map((Ee) => [Ee.name, Ee]));
       f(oe);
-      const Ce = H(G, D);
+      const Ce = H(V, D);
       return C({ destinationFolder: D }), y(D, Ce, {
         destinationFolder: D
-      }).hasConflicts ? !1 : (e?.(G, D), F(), !0);
+      }).hasConflicts ? !1 : (e?.(V, D), F(), !0);
     },
     [
       e,
@@ -49066,46 +49070,46 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       y,
       F
     ]
-  ), V = T(() => {
+  ), B = T(() => {
     E(), F();
   }, [E, F]), se = T(() => {
     M(), F();
   }, [M, F]), re = T(
-    (G) => {
-      k(G), F();
+    (V) => {
+      k(V), F();
     },
     [k, F]
   ), N = T(() => {
     R(), S.current || F();
-  }, [R, S, F]), ne = T((G) => {
-    G.preventDefault(), G.stopPropagation(), G.dataTransfer.types.includes("Files") && r(!0);
-  }, []), K = T((G) => {
-    G.preventDefault(), G.stopPropagation();
-    const D = G.currentTarget.getBoundingClientRect(), j = G.clientX, de = G.clientY;
-    (j <= D.left || j >= D.right || de <= D.top || de >= D.bottom) && r(!1);
-  }, []), q = T((G) => {
-    G.preventDefault(), G.stopPropagation(), G.dataTransfer.types.includes("Files") && (G.dataTransfer.dropEffect = "copy");
+  }, [R, S, F]), ne = T((V) => {
+    V.preventDefault(), V.stopPropagation(), V.dataTransfer.types.includes("Files") && r(!0);
+  }, []), j = T((V) => {
+    V.preventDefault(), V.stopPropagation();
+    const D = V.currentTarget.getBoundingClientRect(), K = V.clientX, de = V.clientY;
+    (K <= D.left || K >= D.right || de <= D.top || de >= D.bottom) && r(!1);
+  }, []), q = T((V) => {
+    V.preventDefault(), V.stopPropagation(), V.dataTransfer.types.includes("Files") && (V.dataTransfer.dropEffect = "copy");
   }, []), X = T(
-    async (G, D, j) => {
-      if (G.preventDefault(), G.stopPropagation(), r(!1), !G.dataTransfer.types.includes("Files"))
+    async (V, D, K) => {
+      if (V.preventDefault(), V.stopPropagation(), r(!1), !V.dataTransfer.types.includes("Files"))
         return;
-      const de = Array.from(G.dataTransfer.files);
+      const de = Array.from(V.dataTransfer.files);
       if (de.length > 0) {
         const oe = de.map((Ce) => ({
           fileContent: Ce,
           name: Ce.name
         }));
-        await _(oe, D, j);
+        await _(oe, D, K);
       }
     },
     [_]
   );
   we(() => {
-    let G = u.current;
-    G || (G = document.createElement("input"), G.type = "file", G.multiple = !0, G.style.display = "none", document.body.appendChild(G), u.current = G);
+    let V = u.current;
+    V || (V = document.createElement("input"), V.type = "file", V.multiple = !0, V.style.display = "none", document.body.appendChild(V), u.current = V);
     const D = async () => {
-      if (!G?.files?.length) return;
-      const de = Array.from(G.files).map((oe) => ({
+      if (!V?.files?.length) return;
+      const de = Array.from(V.files).map((oe) => ({
         fileContent: oe,
         name: oe.name
       }));
@@ -49113,26 +49117,26 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
         de,
         h.current,
         g.current
-      ), G.value = "";
+      ), V.value = "";
     };
-    return G.addEventListener("change", D), () => {
-      G && (G.removeEventListener("change", D), u.current === G && (document.body.removeChild(G), u.current = null));
+    return V.addEventListener("change", D), () => {
+      V && (V.removeEventListener("change", D), u.current === V && (document.body.removeChild(V), u.current = null));
     };
   }, [_]);
   const J = T(
-    (G, D) => {
-      h.current = G, g.current = D, u.current && u.current.click();
+    (V, D) => {
+      h.current = V, g.current = D, u.current && u.current.click();
     },
     []
   ), Z = T(
-    (G, D) => {
+    (V, D) => {
       if (!o) return;
-      const j = document.createElement("input");
-      j.type = "file", j.accept = ".zip,application/zip", j.multiple = !1, j.style.display = "none";
+      const K = document.createElement("input");
+      K.type = "file", K.accept = ".zip,application/zip", K.multiple = !1, K.style.display = "none";
       const de = () => {
-        const oe = j.files?.[0];
+        const oe = K.files?.[0];
         if (!oe) {
-          document.body.removeChild(j);
+          document.body.removeChild(K);
           return;
         }
         const Ce = oe.name.replace(/\.zip$/i, "");
@@ -49141,16 +49145,16 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
         )) {
           d(
             i.validationFailed || `Folder with name "${Ce}" already exists`
-          ), document.body.removeChild(j);
+          ), document.body.removeChild(K);
           return;
         }
         try {
-          o(oe, Ce, G);
+          o(oe, Ce, V);
         } finally {
-          document.body.removeChild(j);
+          document.body.removeChild(K);
         }
       };
-      j.addEventListener("change", de), document.body.appendChild(j), j.click();
+      K.addEventListener("change", de), document.body.appendChild(K), K.click();
     },
     [o, i]
   ), ie = T(() => {
@@ -49161,7 +49165,7 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     isDraggingOverWindow: a,
     uploadError: c,
     handleDragEnter: ne,
-    handleDragLeave: K,
+    handleDragLeave: j,
     handleDragOver: q,
     handleDrop: X,
     clearError: ie,
@@ -49174,7 +49178,7 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     hasActiveUploadConflictRef: S,
     openUploadConflictResolution: x,
     closeUploadConflictResolution: N,
-    handleUploadConflictReplace: V,
+    handleUploadConflictReplace: B,
     handleUploadConflictDuplicate: se,
     handleUploadConflictDecideForEach: re
   };
@@ -49200,13 +49204,13 @@ const pL = ({
   validationMessages: s,
   onMoveToFiles: i
 }) => {
-  const [o, n] = A(), r = B(
+  const [o, n] = A(), r = G(
     () => ({
       ...uL,
       ...s
     }),
     [s]
-  ), a = B(() => o?.path, [o]), l = T(
+  ), a = G(() => o?.path, [o]), l = T(
     (g) => {
       const p = pi(e, g);
       p && n(p);
@@ -49289,7 +49293,7 @@ const pL = ({
   onCreateFolder: s,
   onUploadArchive: i
 }) => {
-  const o = B(() => {
+  const o = G(() => {
     const r = [];
     return e && (e.newFolder && r.push({
       key: "new-folder",
@@ -49313,7 +49317,7 @@ const pL = ({
         i && i();
       }
     })), r;
-  }, [e, t, s, i]), n = B(() => o.length > 0, [o]);
+  }, [e, t, s, i]), n = G(() => o.length > 0, [o]);
   return { newActions: o, isNewButtonVisible: n };
 }, mL = {
   emptyName: "Folder name cannot be empty",
@@ -49324,7 +49328,7 @@ const pL = ({
   onValidateFolderName: s,
   validationMessages: i
 }) => {
-  const [o, n] = A(!1), [r, a] = A(null), l = O(e?.path), c = B(
+  const [o, n] = A(!1), [r, a] = A(null), l = O(e?.path), c = G(
     () => ({
       ...mL,
       ...i
@@ -49387,7 +49391,7 @@ const pL = ({
 }) => {
   const i = t === 0;
   return {
-    additionalButtons: B(() => {
+    additionalButtons: G(() => {
       const n = me([
         "hover:text-accent-primary p-1",
         i && "text-controls-disable hover:text-controls-disable disabled:hover:cursor-default"
@@ -49443,12 +49447,12 @@ const pL = ({
   onCreateFolderValidate: H,
   folderCreationValidationMessages: _
 }) => {
-  const [V, se] = A(
+  const [B, se] = A(
     /* @__PURE__ */ new Map()
-  ), re = B(
-    () => new Set(V.keys()),
-    [V]
-  ), N = T(() => se(/* @__PURE__ */ new Map()), []), { currentPath: ne, setCurrentPath: K, handlePathChange: q } = rL({
+  ), re = G(
+    () => new Set(B.keys()),
+    [B]
+  ), N = T(() => se(/* @__PURE__ */ new Map()), []), { currentPath: ne, setCurrentPath: j, handlePathChange: q } = rL({
     path: o,
     onPathChange: m,
     onSelectionClear: N
@@ -49457,10 +49461,10 @@ const pL = ({
       p?.setDestinationFolderPath ? p.setDestinationFolderPath(ke) : J(ke);
     },
     [p]
-  ), { areHiddenFilesVisible: G, toggleHiddenFilesVisibility: D } = iL({
+  ), { areHiddenFilesVisible: V, toggleHiddenFilesVisibility: D } = iL({
     showHiddenFiles: r,
     onShowHiddenFilesChange: a
-  }), { isTreeCollapsed: j, toggleTreeCollapse: de, setIsTreeCollapsed: oe } = oL({
+  }), { isTreeCollapsed: K, toggleTreeCollapse: de, setIsTreeCollapsed: oe } = oL({
     collapsed: l?.collapsed,
     onCollapseChange: l?.onCollapseChange
   }), {
@@ -49483,7 +49487,7 @@ const pL = ({
   }, [c?.value]);
   const ge = String(
     c?.value ?? U ?? ""
-  ).trim(), Se = B(
+  ).trim(), Se = G(
     () => eg(s, ne) ?? s[0],
     [s, ne]
   ), {
@@ -49588,10 +49592,10 @@ const pL = ({
     onUploadFiles: So,
     onUploadArchive: Da,
     onCreateFolder: En
-  }), Mn = B(() => {
+  }), Mn = G(() => {
     const ke = pr(ge).trim(), zt = Se?.items ?? [];
     let xo = ke ? z8(Se) : zt;
-    G || (xo = xo.filter((tt) => !FC(tt)));
+    V || (xo = xo.filter((tt) => !FC(tt)));
     const Ma = xo.map((tt) => ({
       id: tt.id ?? tt.path,
       name: tt.name ?? tt.path.split("/").pop() ?? "",
@@ -49625,7 +49629,7 @@ const pL = ({
   }, [
     Se,
     ge,
-    G,
+    V,
     yo,
     Fs
   ]), Ta = T(
@@ -49679,17 +49683,17 @@ const pL = ({
       title: ga
     },
     currentPath: ne,
-    setCurrentPath: K,
+    setCurrentPath: j,
     searchValue: U,
     effectiveSearchValue: ge,
     setSearchValue: ye,
-    areHiddenFilesVisible: G,
+    areHiddenFilesVisible: V,
     toggleHiddenFilesVisibility: D,
-    isTreeCollapsed: j,
+    isTreeCollapsed: K,
     toggleTreeCollapse: de,
     setIsTreeCollapsed: oe,
     selectedIds: re,
-    selectedFiles: V,
+    selectedFiles: B,
     setSelectedFiles: se,
     clearSelection: N,
     currentFolder: Se,
@@ -49799,7 +49803,7 @@ const IC = ({
   emptyPlaceholder: i,
   className: o
 }) => {
-  const n = MC(e), r = B(() => n ? new Intl.DateTimeFormat(t, s).format(n) : i, [n, i, t, s]), a = n ? n.toISOString() : void 0;
+  const n = MC(e), r = G(() => n ? new Intl.DateTimeFormat(t, s).format(n) : i, [n, i, t, s]), a = n ? n.toISOString() : void 0;
   return /* @__PURE__ */ v(
     rs,
     {
@@ -49832,9 +49836,7 @@ const IC = ({
       "Do you want to delete the following",
       " ",
       /* @__PURE__ */ v("span", { className: "text-primary", children: t.length }),
-      " item",
-      t.length !== 1 ? "s" : "",
-      "?"
+      " items?"
     ] }) }),
     t.length > 1 && /* @__PURE__ */ v(Ke, { children: t.length <= 10 ? /* @__PURE__ */ v("ul", { className: "space-y-1 text-primary list-none", children: t.map((g) => /* @__PURE__ */ v("li", { className: "truncate", children: g.name }, g.path)) }) : /* @__PURE__ */ W(Ke, { children: [
       /* @__PURE__ */ v("ul", { className: "space-y-1 text-primary list-none mb-2", children: t.slice(0, 10).map((g) => /* @__PURE__ */ v("li", { className: "truncate", children: g.name }, g.path)) }),
@@ -49966,7 +49968,7 @@ const IC = ({
   onDownload: n,
   onDelete: r,
   getCurrentFolderPath: a
-}) => B(() => {
+}) => G(() => {
   const l = [], c = Array.from(e.values());
   return !c.length || !t || (t[pe.Move] && l.push({
     key: pe.Move,
@@ -50033,7 +50035,7 @@ const IC = ({
   onDownload: o,
   onRename: n,
   onDelete: r
-}) => B(() => (a) => {
+}) => G(() => (a) => {
   const l = [];
   return e && (e[pe.Duplicate] && l.push({
     key: pe.Duplicate,
@@ -50118,7 +50120,7 @@ const IC = ({
     )
   ), [H, _] = A(
     void 0
-  ), V = f ? r : a, se = /* @__PURE__ */ W(Ke, { children: [
+  ), B = f ? r : a, se = /* @__PURE__ */ W(Ke, { children: [
     "Item with the name ",
     /* @__PURE__ */ W("span", { className: "text-primary", children: [
       '"',
@@ -50127,7 +50129,7 @@ const IC = ({
     ] }),
     " ",
     "already exists in this destination."
-  ] }), re = `${n.length} items with the same names already exist in this destination.`, N = l ?? (f ? se : re), ne = B(
+  ] }), re = `${n.length} items with the same names already exist in this destination.`, N = l ?? (f ? se : re), ne = G(
     () => [
       {
         id: ut.Replace,
@@ -50139,13 +50141,13 @@ const IC = ({
       }
     ],
     [C, w]
-  ), K = B(() => n.map((Z) => ({
+  ), j = G(() => n.map((Z) => ({
     id: Z.path,
     name: Z.name,
     path: Z.path,
     nodeType: Z.nodeType ?? Ve.ITEM,
     action: F.get(Z.path) || ut.Replace
-  })), [n, F]), q = B(() => [
+  })), [n, F]), q = G(() => [
     {
       field: "name",
       headerName: g,
@@ -50195,8 +50197,8 @@ const IC = ({
             label: b,
             icon: /* @__PURE__ */ v(Qn, { size: 10, className: "text-error" })
           }
-        ], G = ie.find(
-          (j) => j.key === Z.data.action
+        ], V = ie.find(
+          (K) => K.key === Z.data.action
         ), D = H === Z.data.path;
         return /* @__PURE__ */ v("div", { className: "flex items-center h-full", children: /* @__PURE__ */ v(
           Et,
@@ -50205,12 +50207,12 @@ const IC = ({
             open: D,
             menu: {
               items: ie,
-              onClick: ({ key: j }) => {
+              onClick: ({ key: K }) => {
                 P((de) => {
                   const oe = new Map(de);
                   return oe.set(
                     Z.data.path,
-                    j
+                    K
                   ), oe;
                 }), _(void 0);
               }
@@ -50218,13 +50220,13 @@ const IC = ({
             placement: "bottom-start",
             matchReferenceWidth: !1,
             allowedPlacements: ["bottom-start", "top-start"],
-            onOpenChange: (j) => {
-              _(j ? Z.data.path : void 0);
+            onOpenChange: (K) => {
+              _(K ? Z.data.path : void 0);
             },
             children: /* @__PURE__ */ W("button", { type: "button", className: "flex items-center gap-2", children: [
               /* @__PURE__ */ W("span", { className: "flex items-center gap-2", children: [
-                G?.icon,
-                G?.label ?? C
+                V?.icon,
+                V?.label ?? C
               ] }),
               /* @__PURE__ */ v(
                 qr,
@@ -50248,7 +50250,7 @@ const IC = ({
     w,
     b,
     H
-  ]), X = B(
+  ]), X = G(
     () => [
       {
         id: Tt.ReplaceAll,
@@ -50265,7 +50267,7 @@ const IC = ({
           dC,
           {
             columnDefs: q,
-            rowData: K,
+            rowData: j,
             getRowId: (Z) => Z.id,
             withSelectionColumn: !1,
             wrapCustomCellRenderers: !1,
@@ -50283,7 +50285,7 @@ const IC = ({
       R,
       M,
       q,
-      K
+      j
     ]
   ), J = T(() => {
     if (f)
@@ -50317,7 +50319,7 @@ const IC = ({
       open: e,
       onClose: t,
       size: ns.Md,
-      title: V,
+      title: B,
       dividers: !1,
       footer: /* @__PURE__ */ W("div", { className: "flex justify-end gap-3 py-4 px-6", children: [
         /* @__PURE__ */ v(
@@ -50421,7 +50423,7 @@ const IL = ({
     },
     [e]
   );
-  return { actionsColumnDef: B(
+  return { actionsColumnDef: G(
     () => ({
       colId: "__actions",
       headerName: "",
@@ -50490,20 +50492,20 @@ const IL = ({
     handleOpenDestinationFolderPopup: P,
     handleCloseDestinationFolderPopup: H,
     openDestinationFolderPopup: _,
-    destinationFolderMode: V,
+    destinationFolderMode: B,
     handleSetCopiedFiles: se,
     handleSetMovedFiles: re,
     handleDuplicate: N,
     handleCopyTo: ne,
-    handleMoveTo: K,
+    handleMoveTo: j,
     handleDownloadFiles: q,
     openDeleteConfirmation: X,
     closeDeleteConfirmation: J,
     confirmDelete: Z,
     deleteConfirmationOpen: ie,
-    itemsToDelete: G,
+    itemsToDelete: V,
     renamedPath: D,
-    renamedItem: j,
+    renamedItem: K,
     onRename: de,
     onRenameSave: oe,
     onRenameCancel: Ce,
@@ -50561,7 +50563,7 @@ const IL = ({
     ...Fn
   } = r ?? {}, { containerRef: Fa, isBelowBreakpoint: nt } = ML(
     h
-  ), Ea = B(() => [
+  ), Ea = G(() => [
     {
       colId: Wt.Name,
       field: "name",
@@ -50588,8 +50590,8 @@ const IL = ({
               ])
             }
           );
-        if (yi === Yi.Grid && D === te.data?.path && j && te.data) {
-          const Yt = Ee(j);
+        if (yi === Yi.Grid && D === te.data?.path && K && te.data) {
+          const Yt = Ee(K);
           return /* @__PURE__ */ v(
             $r,
             {
@@ -50598,7 +50600,7 @@ const IL = ({
               elementId: `rename-${te.data.id}`,
               editing: !0,
               iconSize: Ls,
-              validate: (Es) => Fe(Es, j),
+              validate: (Es) => Fe(Es, K),
               onSave: oe,
               onCancel: Ce,
               inputContainerClassName: me([
@@ -50670,7 +50672,7 @@ const IL = ({
     bi,
     Oe,
     D,
-    j,
+    K,
     yi,
     Fe,
     oe,
@@ -50745,7 +50747,7 @@ const IL = ({
       X,
       o
     ]
-  ), Da = B(() => {
+  ), Da = G(() => {
     const te = /* @__PURE__ */ new Map();
     return S.forEach((Te, Ri) => {
       const Yt = w.find((Es) => Es.path === Ri);
@@ -50903,7 +50905,7 @@ const IL = ({
     [t, Dn]
   ), { actionsColumnDef: Ro } = IL({
     getContextMenuItems: Pn
-  }), Tn = Co ?? Ea, Mn = B(() => {
+  }), Tn = Co ?? Ea, Mn = G(() => {
     let te = Tn;
     return Co || (te = te.filter(
       (Te) => Te.colId && xn.includes(Te.colId)
@@ -51011,14 +51013,11 @@ const IL = ({
         /* @__PURE__ */ v(
           FL,
           {
+            ...c,
             open: ie,
-            itemsToDelete: G,
+            itemsToDelete: V,
             onClose: J,
-            onConfirm: Z,
-            cancelLabel: c?.cancelLabel,
-            confirmLabel: c?.confirmLabel,
-            titleRenderer: c?.titleRenderer,
-            contentRenderer: c?.contentRenderer
+            onConfirm: Z
           }
         ),
         /* @__PURE__ */ v(
@@ -51029,9 +51028,9 @@ const IL = ({
             onClose: H,
             onConfirm: () => {
               const te = d?.destinationFolderPath ?? "/";
-              V === Je.Copy ? ne(te) : K(te, C ?? "/"), H();
+              B === Je.Copy ? ne(te) : j(te), H();
             },
-            mode: V,
+            mode: B,
             items: t,
             rootItem: s,
             gridOptions: { columnDefs: Mn, loading: i },
@@ -51076,7 +51075,7 @@ const IL = ({
     Rc.MyFiles
   ), i = (n) => {
     s(n);
-  }, o = B(() => {
+  }, o = G(() => {
     if (e)
       return Object.values(Rc).map((n) => ({
         id: n,