@epam/ai-dial-ui-kit 0.6.0-rc.61 → 0.6.0-rc.62

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

@@ -199,14 +199,14 @@ const Nd = "-", Nw = (e) => {
       }
       C = !1;
     }
-    const w = n(h).join(":"), b = g ? w + Fc : w, y = b + v;
-    if (r.includes(y))
+    const w = n(h).join(":"), b = g ? w + Fc : w, S = b + v;
+    if (r.includes(S))
       continue;
-    r.push(y);
-    const S = o(v, C);
-    for (let R = 0; R < S.length; ++R) {
-      const F = S[R];
-      r.push(b + F);
+    r.push(S);
+    const y = o(v, C);
+    for (let R = 0; R < y.length; ++R) {
+      const x = y[R];
+      r.push(b + x);
     }
     l = d + (l.length > 0 ? " " + l : l);
   }
@@ -258,7 +258,7 @@ const st = (e) => {
   const i = bp.exec(e);
   return i ? i[1] ? t(i[1]) : s : !1;
 }, yp = (e) => e === "position" || e === "percentage", Rp = (e) => e === "image" || e === "url", xp = (e) => e === "length" || e === "size" || e === "bg-size", Fp = (e) => e === "length", h1 = (e) => e === "number", g1 = (e) => e === "family-name", Ep = (e) => e === "shadow", p1 = () => {
-  const e = st("color"), t = st("font"), s = st("text"), i = st("font-weight"), o = st("tracking"), n = st("leading"), r = st("breakpoint"), a = st("container"), l = st("spacing"), c = st("radius"), d = st("shadow"), u = st("inset-shadow"), h = st("text-shadow"), g = st("drop-shadow"), p = st("blur"), f = st("perspective"), C = st("aspect"), v = st("ease"), w = st("animate"), b = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], y = () => [
+  const e = st("color"), t = st("font"), s = st("text"), i = st("font-weight"), o = st("tracking"), n = st("leading"), r = st("breakpoint"), a = st("container"), l = st("spacing"), c = st("radius"), d = st("shadow"), u = st("inset-shadow"), h = st("text-shadow"), g = st("drop-shadow"), p = st("blur"), f = st("perspective"), C = st("aspect"), v = st("ease"), w = st("animate"), b = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], S = () => [
     "center",
     "top",
     "bottom",
@@ -276,9 +276,9 @@ const st = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], S = () => [...y(), ue, de], R = () => ["auto", "hidden", "clip", "visible", "scroll"], F = () => ["auto", "contain", "none"], x = () => [ue, de, l], P = () => [Bi, "full", "auto", ...x()], T = () => [Vs, "none", "subgrid", ue, de], E = () => ["auto", {
+  ], y = () => [...S(), ue, de], R = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", "contain", "none"], F = () => [ue, de, l], P = () => [Bi, "full", "auto", ...F()], T = () => [Vs, "none", "subgrid", ue, de], E = () => ["auto", {
     span: ["full", Vs, ue, de]
-  }, Vs, ue, de], M = () => [Vs, "auto", ue, de], U = () => ["auto", "min", "max", "fr", ue, de], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], N = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], J = () => ["auto", ...x()], ne = () => [Bi, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...x()], O = () => [e, ue, de], le = () => [...y(), Yu, qu, {
+  }, Vs, ue, de], M = () => [Vs, "auto", ue, de], U = () => ["auto", "min", "max", "fr", ue, de], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], N = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], J = () => ["auto", ...F()], ne = () => [Bi, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...F()], O = () => [e, ue, de], le = () => [...S(), Yu, qu, {
     position: [ue, de]
   }], $ = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -299,7 +299,7 @@ const st = (e) => {
     p,
     ue,
     de
-  ], H = () => ["none", De, ue, de], G = () => ["none", De, ue, de], re = () => [De, ue, de], ae = () => [Bi, "full", ...x()];
+  ], H = () => ["none", De, ue, de], G = () => ["none", De, ue, de], re = () => [De, ue, de], ae = () => [Bi, "full", ...F()];
   return {
     cacheSize: 500,
     theme: {
@@ -423,7 +423,7 @@ const st = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: S()
+        object: y()
       }],
       /**
        * Overflow
@@ -451,21 +451,21 @@ const st = (e) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: F()
+        overscroll: x()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": F()
+        "overscroll-x": x()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": F()
+        "overscroll-y": x()
       }],
       /**
        * Position
@@ -555,7 +555,7 @@ const st = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Bi, "full", "auto", a, ...x()]
+        basis: [Bi, "full", "auto", a, ...F()]
       }],
       /**
        * Flex Direction
@@ -681,21 +681,21 @@ const st = (e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: x()
+        gap: F()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": x()
+        "gap-x": F()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": x()
+        "gap-y": F()
       }],
       /**
        * Justify Content
@@ -770,63 +770,63 @@ const st = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: x()
+        p: F()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: x()
+        px: F()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: x()
+        py: F()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: x()
+        ps: F()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: x()
+        pe: F()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: x()
+        pt: F()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: x()
+        pr: F()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: x()
+        pb: F()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: x()
+        pl: F()
       }],
       /**
        * Margin
@@ -896,7 +896,7 @@ const st = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": x()
+        "space-x": F()
       }],
       /**
        * Space Between X Reverse
@@ -908,7 +908,7 @@ const st = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": x()
+        "space-y": F()
       }],
       /**
        * Space Between Y Reverse
@@ -1077,7 +1077,7 @@ const st = (e) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           n,
-          ...x()
+          ...F()
         ]
       }],
       /**
@@ -1178,7 +1178,7 @@ const st = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: x()
+        indent: F()
       }],
       /**
        * Vertical Alignment
@@ -1892,7 +1892,7 @@ const st = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": y()
+        "mask-radial-at": S()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [De]
@@ -2142,21 +2142,21 @@ const st = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": x()
+        "border-spacing": F()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": x()
+        "border-spacing-x": F()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": x()
+        "border-spacing-y": F()
       }],
       /**
        * Table Layout
@@ -2239,7 +2239,7 @@ const st = (e) => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": S()
+        "perspective-origin": y()
       }],
       /**
        * Rotate
@@ -2335,7 +2335,7 @@ const st = (e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: S()
+        origin: y()
       }],
       /**
        * Transform Style
@@ -2448,126 +2448,126 @@ const st = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": x()
+        "scroll-m": F()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": x()
+        "scroll-mx": F()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": x()
+        "scroll-my": F()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": x()
+        "scroll-ms": F()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": x()
+        "scroll-me": F()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": x()
+        "scroll-mt": F()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": x()
+        "scroll-mr": F()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": x()
+        "scroll-mb": F()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": x()
+        "scroll-ml": F()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": x()
+        "scroll-p": F()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": x()
+        "scroll-px": F()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": x()
+        "scroll-py": F()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": x()
+        "scroll-ps": F()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": x()
+        "scroll-pe": F()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": x()
+        "scroll-pt": F()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": x()
+        "scroll-pr": F()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": x()
+        "scroll-pb": F()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": x()
+        "scroll-pl": F()
       }],
       /**
        * Scroll Snap Align
@@ -3333,7 +3333,7 @@ const I1 = "w-full flex", A1 = {
   defaultEmptyText: f,
   children: C
 }) => {
-  const v = `${e}-label`, w = o ? `${e}-desc` : void 0, b = n ? `${e}-err` : void 0, y = `${e}-caption-desc`, S = [w, b].filter(Boolean).join(" ") || void 0, R = D(() => typeof n == "boolean" ? null : typeof n == "string" || typeof n > "u" ? n ? /* @__PURE__ */ m(
+  const v = `${e}-label`, w = o ? `${e}-desc` : void 0, b = n ? `${e}-err` : void 0, S = `${e}-caption-desc`, y = [w, b].filter(Boolean).join(" ") || void 0, R = D(() => typeof n == "boolean" ? null : typeof n == "string" || typeof n > "u" ? n ? /* @__PURE__ */ m(
     "div",
     {
       id: b,
@@ -3351,13 +3351,13 @@ const I1 = "w-full flex", A1 = {
       className: d,
       children: n
     }
-  ), [n, d, b]), F = D(() => p ? typeof p == "string" || typeof p == "number" ? /* @__PURE__ */ m("span", { "aria-readonly": "true", children: p }) : p : /* @__PURE__ */ m("span", { className: "flex min-h-4", "aria-readonly": "true", children: f ?? "None" }), [p, f]);
+  ), [n, d, b]), x = D(() => p ? typeof p == "string" || typeof p == "number" ? /* @__PURE__ */ m("span", { "aria-readonly": "true", children: p }) : p : /* @__PURE__ */ m("span", { className: "flex min-h-4", "aria-readonly": "true", children: f ?? "None" }), [p, f]);
   return /* @__PURE__ */ z(
     "div",
     {
       role: "group",
       "aria-labelledby": t ? v : void 0,
-      "aria-describedby": S,
+      "aria-describedby": y,
       className: pe(
         I1,
         A1[r],
@@ -3386,11 +3386,11 @@ const I1 = "w-full flex", A1 = {
           }
         ),
         /* @__PURE__ */ z("div", { className: pe("min-w-0 w-full", u), children: [
-          g ? /* @__PURE__ */ m("div", { className: "dial-input px-3 py-2", children: F() }) : C,
+          g ? /* @__PURE__ */ m("div", { className: "dial-input px-3 py-2", children: x() }) : C,
           h && /* @__PURE__ */ m(
             "div",
             {
-              id: y,
+              id: S,
               className: pe({
                 "dial-tiny text-secondary mt-1": !0,
                 "text-error": !!n
@@ -3547,12 +3547,12 @@ const k1 = "flex", L1 = "pb-1 mt-2", O1 = {
     "flex flex-row gap-2 cursor-pointer text-secondary p-2 px-4",
     f ? "justify-end" : "justify-center"
   ]), w = (b) => {
-    const y = !f;
+    const S = !f;
     if (p) {
-      u(y ? s : Dl), c?.(y, b);
+      u(S ? s : Dl), c?.(S, b);
       return;
     }
-    u(y ? s : Dl), g(y);
+    u(S ? s : Dl), g(S);
   };
   return /* @__PURE__ */ z(
     "div",
@@ -3795,9 +3795,9 @@ function kp(e, t, s) {
           w.next && w.next(d());
         }
         b();
-        var y = C(b);
+        var S = C(b);
         return {
-          unsubscribe: y
+          unsubscribe: S
         };
       }
     }, f[Qu] = function() {
@@ -5898,8 +5898,8 @@ var Xr = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(Xr ||
     }, t.prototype.calculateNewSizeFromAspectRatio = function(s, i, o, n) {
       var r = this.props, a = r.lockAspectRatio, l = r.lockAspectRatioExtraHeight, c = r.lockAspectRatioExtraWidth, d = typeof n.width > "u" ? 10 : n.width, u = typeof o.width > "u" || o.width < 0 ? s : o.width, h = typeof n.height > "u" ? 10 : n.height, g = typeof o.height > "u" || o.height < 0 ? i : o.height, p = l || 0, f = c || 0;
       if (a) {
-        var C = (h - p) * this.ratio + f, v = (g - p) * this.ratio + f, w = (d - f) / this.ratio + p, b = (u - f) / this.ratio + p, y = Math.max(d, C), S = Math.min(u, v), R = Math.max(h, w), F = Math.min(g, b);
-        s = ur(s, y, S), i = ur(i, R, F);
+        var C = (h - p) * this.ratio + f, v = (g - p) * this.ratio + f, w = (d - f) / this.ratio + p, b = (u - f) / this.ratio + p, S = Math.max(d, C), y = Math.min(u, v), R = Math.max(h, w), x = Math.min(g, b);
+        s = ur(s, S, y), i = ur(i, R, x);
       } else
         s = ur(s, d, u), i = ur(i, h, g);
       return { newWidth: s, newHeight: i };
@@ -5962,27 +5962,27 @@ var Xr = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(Xr ||
           }
         var o = this.props, n = o.maxWidth, r = o.maxHeight, a = o.minWidth, l = o.minHeight, c = hr(s) ? s.touches[0].clientX : s.clientX, d = hr(s) ? s.touches[0].clientY : s.clientY, u = this.state, h = u.direction, g = u.original, p = u.width, f = u.height, C = this.getParentSize(), v = X0(C, this.window.innerWidth, this.window.innerHeight, n, r, a, l);
         n = v.maxWidth, r = v.maxHeight, a = v.minWidth, l = v.minHeight;
-        var w = this.calculateNewSizeFromDirection(c, d), b = w.newHeight, y = w.newWidth, S = this.calculateNewMaxFromBoundary(n, r);
-        this.props.snap && this.props.snap.x && (y = gh(y, this.props.snap.x, this.props.snapGap)), this.props.snap && this.props.snap.y && (b = gh(b, this.props.snap.y, this.props.snapGap));
-        var R = this.calculateNewSizeFromAspectRatio(y, b, { width: S.maxWidth, height: S.maxHeight }, { width: a, height: l });
-        if (y = R.newWidth, b = R.newHeight, this.props.grid) {
-          var F = hh(y, this.props.grid[0], this.props.gridGap ? this.props.gridGap[0] : 0), x = hh(b, this.props.grid[1], this.props.gridGap ? this.props.gridGap[1] : 0), P = this.props.snapGap || 0, T = P === 0 || Math.abs(F - y) <= P ? F : y, E = P === 0 || Math.abs(x - b) <= P ? x : b;
-          y = T, b = E;
+        var w = this.calculateNewSizeFromDirection(c, d), b = w.newHeight, S = w.newWidth, y = this.calculateNewMaxFromBoundary(n, r);
+        this.props.snap && this.props.snap.x && (S = gh(S, this.props.snap.x, this.props.snapGap)), this.props.snap && this.props.snap.y && (b = gh(b, this.props.snap.y, this.props.snapGap));
+        var R = this.calculateNewSizeFromAspectRatio(S, b, { width: y.maxWidth, height: y.maxHeight }, { width: a, height: l });
+        if (S = R.newWidth, b = R.newHeight, this.props.grid) {
+          var x = hh(S, this.props.grid[0], this.props.gridGap ? this.props.gridGap[0] : 0), F = hh(b, this.props.grid[1], this.props.gridGap ? this.props.gridGap[1] : 0), P = this.props.snapGap || 0, T = P === 0 || Math.abs(x - S) <= P ? x : S, E = P === 0 || Math.abs(F - b) <= P ? F : b;
+          S = T, b = E;
         }
         var M = {
-          width: y - g.width,
+          width: S - g.width,
           height: b - g.height
         };
         if (this.delta = M, p && typeof p == "string") {
           if (p.endsWith("%")) {
-            var U = y / C.width * 100;
-            y = "".concat(U, "%");
+            var U = S / C.width * 100;
+            S = "".concat(U, "%");
           } else if (p.endsWith("vw")) {
-            var K = y / this.window.innerWidth * 100;
-            y = "".concat(K, "vw");
+            var K = S / this.window.innerWidth * 100;
+            S = "".concat(K, "vw");
           } else if (p.endsWith("vh")) {
-            var N = y / this.window.innerHeight * 100;
-            y = "".concat(N, "vh");
+            var N = S / this.window.innerHeight * 100;
+            S = "".concat(N, "vh");
           }
         }
         if (f && typeof f == "string") {
@@ -5998,7 +5998,7 @@ var Xr = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(Xr ||
           }
         }
         var J = {
-          width: this.createSizeForCssProperty(y, "width"),
+          width: this.createSizeForCssProperty(S, "width"),
           height: this.createSizeForCssProperty(b, "height")
         };
         this.flexDir === "row" ? J.flexBasis = J.width : this.flexDir === "column" && (J.flexBasis = J.height);
@@ -6099,10 +6099,10 @@ const sS = ({ side: e, className: t }) => {
     u(!0);
   }, []), w = D(() => {
     u(!1);
-    const y = C.current?.resizable?.getBoundingClientRect(), S = y ? Math.round(y.width) : t;
-    p || g(S), n?.(S);
+    const S = C.current?.resizable?.getBoundingClientRect(), y = S ? Math.round(S.width) : t;
+    p || g(y), n?.(y);
   }, [n, p, t]), b = B(() => {
-    const y = a === Xr.Left, S = /* @__PURE__ */ m(
+    const S = a === Xr.Left, y = /* @__PURE__ */ m(
       iS,
       {
         side: a,
@@ -6117,8 +6117,8 @@ const sS = ({ side: e, className: t }) => {
       minWidth: t,
       maxWidth: s,
       enable: {
-        left: y,
-        right: !y
+        left: S,
+        right: !S
       },
       handleClasses: {
         right: "group",
@@ -6129,12 +6129,12 @@ const sS = ({ side: e, className: t }) => {
         left: { left: 0, zIndex: 10 }
       },
       handleComponent: {
-        left: y ? S : void 0,
-        right: y ? void 0 : S
+        left: S ? y : void 0,
+        right: S ? void 0 : y
       },
       onResizeStart: v,
-      onResize: (R, F, x) => {
-        const P = Math.round(x.offsetWidth);
+      onResize: (R, x, F) => {
+        const P = Math.round(F.offsetWidth);
         r?.(P);
       },
       onResizeStop: w
@@ -6187,15 +6187,15 @@ const rS = (e) => {
     c
   );
   if (r !== Zt.Default) {
-    const x = pe(
+    const F = pe(
       u,
       r === Zt.Circular && "rounded-full",
       r === Zt.Rectangular && "rounded",
       r === Zt.Text && "rounded"
     ), P = {};
-    return a && (P.width = typeof a == "number" ? `${a}px` : a), l && (P.height = typeof l == "number" ? `${l}px` : l), /* @__PURE__ */ m("div", { className: x, style: P, ...d });
+    return a && (P.width = typeof a == "number" ? `${a}px` : a), l && (P.height = typeof l == "number" ? `${l}px` : l), /* @__PURE__ */ m("div", { className: F, style: P, ...d });
   }
-  const h = !!s, g = !!i, p = !!t, f = typeof s == "object" ? s : {}, C = typeof i == "object" ? i : {}, v = typeof t == "object" ? t : {}, w = rS(f.size), b = f.shape ?? Ac.Circle, y = C.width ?? "38%", S = v.rows ?? 3, R = v.width, F = (x) => R ? Array.isArray(R) ? R[x] ?? "100%" : R : x === S - 1 ? "61%" : "100%";
+  const h = !!s, g = !!i, p = !!t, f = typeof s == "object" ? s : {}, C = typeof i == "object" ? i : {}, v = typeof t == "object" ? t : {}, w = rS(f.size), b = f.shape ?? Ac.Circle, S = C.width ?? "38%", y = v.rows ?? 3, R = v.width, x = (F) => R ? Array.isArray(R) ? R[F] ?? "100%" : R : F === y - 1 ? "61%" : "100%";
   return /* @__PURE__ */ z("div", { ...d, className: pe("flex gap-4", c), children: [
     h && /* @__PURE__ */ m(
       "div",
@@ -6213,14 +6213,14 @@ const rS = (e) => {
         "div",
         {
           className: pe(u, "h-4 rounded"),
-          style: { width: y }
+          style: { width: S }
         }
       ),
-      p && /* @__PURE__ */ m("div", { className: "flex flex-col gap-3", children: Array.from({ length: S }).map((x, P) => /* @__PURE__ */ m(
+      p && /* @__PURE__ */ m("div", { className: "flex flex-col gap-3", children: Array.from({ length: y }).map((F, P) => /* @__PURE__ */ m(
         "div",
         {
           className: pe(u, "h-4 rounded"),
-          style: { width: F(P) }
+          style: { width: x(P) }
         },
         P
       )) })
@@ -8499,13 +8499,13 @@ function Xt(e, t, s) {
     return !1;
   if (t?.state && !t.state.forEach)
     return _(32), !1;
-  const v = (S, R, F, x, P) => {
-    if (!S)
+  const v = (y, R, x, F, P) => {
+    if (!y)
       return;
     const T = Ay(R, t.defaultState), E = T("flex").value1;
     if (Of(
       e,
-      S,
+      y,
       T("hide").value1,
       T("sort").value1,
       T("sortIndex").value1,
@@ -8515,16 +8515,16 @@ function Xt(e, t, s) {
     ), E == null) {
       const M = T("width").value1;
       if (M != null) {
-        const U = S.getColDef().minWidth ?? u.getDefaultColumnMinWidth();
-        U != null && M >= U && S.setActualWidth(M, s);
+        const U = y.getColDef().minWidth ?? u.getDefaultColumnMinWidth();
+        U != null && M >= U && y.setActualWidth(M, s);
       }
     }
-    P || !S.isPrimary() || (h?.syncColumnWithState(S, s, T), o?.syncColumnWithState(S, s, T, F), n?.syncColumnWithState(S, s, T, x));
-  }, w = (S, R, F) => {
-    const x = Vf(e, s), P = R.slice(), T = {}, E = {}, M = [], U = [], K = [];
+    P || !y.isPrimary() || (h?.syncColumnWithState(y, s, T), o?.syncColumnWithState(y, s, T, x), n?.syncColumnWithState(y, s, T, F));
+  }, w = (y, R, x) => {
+    const F = Vf(e, s), P = R.slice(), T = {}, E = {}, M = [], U = [], K = [];
     let N = 0;
     const J = o?.columns.slice() ?? [], ne = n?.columns.slice() ?? [];
-    for (const $ of S) {
+    for (const $ of y) {
       const oe = $.colId;
       if (oe.startsWith(Na)) {
         M.push($), K.push($);
@@ -8534,7 +8534,7 @@ function Xt(e, t, s) {
         U.push($), K.push($);
         continue;
       }
-      const te = F(oe);
+      const te = x(oe);
       te ? (v(te, $, T, E, !1), es(P, te)) : (K.push($), N += 1);
     }
     const O = ($) => v($, null, T, E, !1);
@@ -8557,23 +8557,23 @@ function Xt(e, t, s) {
     ), $y(t, i, p), c.refresh(s), g.dispatchEvent({
       type: "columnEverythingChanged",
       source: s
-    }), x(), { unmatchedAndAutoStates: K, unmatchedCount: N };
+    }), F(), { unmatchedAndAutoStates: K, unmatchedCount: N };
   };
   l?.start();
-  let { unmatchedAndAutoStates: b, unmatchedCount: y } = w(
+  let { unmatchedAndAutoStates: b, unmatchedCount: S } = w(
     t.state || [],
     f,
-    (S) => i.getColDefCol(S)
+    (y) => i.getColDefCol(y)
   );
   if (b.length > 0 || Q(t.defaultState)) {
-    const S = d?.getPivotResultCols()?.list ?? [];
-    y = w(
+    const y = d?.getPivotResultCols()?.list ?? [];
+    S = w(
       b,
-      S,
+      y,
       (R) => d?.getPivotResultCol(R) ?? null
     ).unmatchedCount;
   }
-  return l?.finish(), y === 0;
+  return l?.finish(), S === 0;
 }
 function Uy(e, t) {
   const { colModel: s, autoColSvc: i, selectionColSvc: o, eventSvc: n, gos: r } = e, a = s.getColDefCols();
@@ -8598,12 +8598,12 @@ function Vf(e, t) {
   for (const u of c)
     d[u.colId] = u;
   return () => {
-    const u = (R, F, x, P) => {
-      const T = F.map(P), E = x.map(P);
+    const u = (R, x, F, P) => {
+      const T = x.map(P), E = F.map(P);
       if (ti(T, E))
         return;
-      const U = new Set(F);
-      for (const N of x)
+      const U = new Set(x);
+      for (const N of F)
         U.delete(N) || U.add(N);
       const K = [...U];
       a.dispatchEvent({
@@ -8613,11 +8613,11 @@ function Vf(e, t) {
         source: t
       });
     }, h = (R) => {
-      const F = [];
-      return n.forAllCols((x) => {
-        const P = d[x.getColId()];
-        P && R(P, x) && F.push(x);
-      }), F;
+      const x = [];
+      return n.forAllCols((F) => {
+        const P = d[F.getColId()];
+        P && R(P, F) && x.push(F);
+      }), x;
     }, g = (R) => R.getColId();
     u(
       "columnRowGroupChanged",
@@ -8630,15 +8630,15 @@ function Vf(e, t) {
       i?.columns ?? [],
       g
     );
-    const f = h((R, F) => {
-      const x = R.aggFunc != null, P = x != F.isValueActive(), T = x && R.aggFunc != F.getAggFunc();
+    const f = h((R, x) => {
+      const F = R.aggFunc != null, P = F != x.isValueActive(), T = F && R.aggFunc != x.getAggFunc();
       return P || T;
     });
-    f.length > 0 && _y(a, "columnValueChanged", f, t), mo(a, h((R, F) => R.width != F.getActualWidth()), !0, t), Bf(a, h((R, F) => R.pinned != F.getPinned()), t), Wy(a, h((R, F) => R.hide == F.isVisible()), t);
-    const y = h((R, F) => R.sort != F.getSort() || R.sortIndex != F.getSortIndex());
-    y.length > 0 && r?.dispatchSortChangedEvents(t, y);
-    const S = ua(e);
-    Ky(c, S, t, n, a);
+    f.length > 0 && _y(a, "columnValueChanged", f, t), mo(a, h((R, x) => R.width != x.getActualWidth()), !0, t), Bf(a, h((R, x) => R.pinned != x.getPinned()), t), Wy(a, h((R, x) => R.hide == x.isVisible()), t);
+    const S = h((R, x) => R.sort != x.getSort() || R.sortIndex != x.getSortIndex());
+    S.length > 0 && r?.dispatchSortChangedEvents(t, S);
+    const y = ua(e);
+    Ky(c, y, t, n, a);
   };
 }
 function ua(e) {
@@ -9349,8 +9349,8 @@ var Xy = class extends L {
     const { name: n, cellRenderer: r } = t;
     let { compName: a, jsComp: l, fwComp: c, paramsFromSelector: d, popupFromSelector: u, popupPositionFromSelector: h } = Uf(this.beans.frameworkOverrides, e, t, i), g, p;
     const f = (b) => {
-      const y = this.registry.getUserComponent(n, b);
-      y && (l = y.componentFromFramework ? void 0 : y.component, c = y.componentFromFramework ? y.component : void 0, g = y.params, p = y.processParams);
+      const S = this.registry.getUserComponent(n, b);
+      S && (l = S.componentFromFramework ? void 0 : S.component, c = S.componentFromFramework ? S.component : void 0, g = S.params, p = S.processParams);
     };
     if (a != null && f(a), l == null && c == null && s != null && f(s), l && r && !Qy(l) && (l = this.agCompUtils?.adaptFunction(t, l)), !l && !c) {
       const { validation: b } = this.beans;
@@ -11750,12 +11750,12 @@ ${n}}
             C.last !== w && (C.initial = w, C.last = w);
             const b = h[v] - g[v];
             if (b != C.lastDiff) {
-              const y = this.keepXYWithinBounds(
+              const S = this.keepXYWithinBounds(
                 o,
                 C.initial + C.initialDiff - b,
                 C.direction
               );
-              o.style[v] = `${y}px`, C.last = y;
+              o.style[v] = `${S}px`, C.last = S;
             }
             C.lastDiff = b;
           };
@@ -14228,7 +14228,7 @@ var Vr = {
       let u, h, g = 0;
       this.invalidateVerticalScroll();
       do {
-        const { stickyTopHeight: p, stickyBottomHeight: f } = c, C = d.rowTop, v = d.rowHeight, w = r.getPixelOffset(), b = d.rowTop - w, y = b + d.rowHeight, S = this.getVScrollPosition(), R = a.divStretchOffset, F = S.top + R, x = S.bottom + R, P = x - F, T = a.getScrollPositionForPixel(b), E = a.getScrollPositionForPixel(y - P), M = Math.min((T + E) / 2, b), U = F + p > b, K = x - f < y;
+        const { stickyTopHeight: p, stickyBottomHeight: f } = c, C = d.rowTop, v = d.rowHeight, w = r.getPixelOffset(), b = d.rowTop - w, S = b + d.rowHeight, y = this.getVScrollPosition(), R = a.divStretchOffset, x = y.top + R, F = y.bottom + R, P = F - x, T = a.getScrollPositionForPixel(b), E = a.getScrollPositionForPixel(S - P), M = Math.min((T + E) / 2, b), U = x + p > b, K = F - f < S;
         let N = null;
         t === "top" ? N = T - p : t === "bottom" ? N = E + f : t === "middle" ? N = M : U ? N = T - p : K && (E - T > P ? N = T - p : N = E + f), N !== null && (this.setVerticalScrollPosition(N), l.redraw({ afterScroll: !0 })), u = C !== d.rowTop || v !== d.rowHeight, h = p !== c.stickyTopHeight || f !== c.stickyBottomHeight, g++;
       } while ((u || h) && g < 10);
@@ -15611,8 +15611,8 @@ var rF = class extends L {
         return;
       const { paddingTop: h, paddingBottom: g, borderBottomWidth: p, borderTopWidth: f } = Mi(this.eGui), C = h + g + p + f, w = t.offsetHeight + C;
       if (u < 5) {
-        const y = !rt(o)?.contains(t), S = w == 0;
-        if (y || S) {
+        const S = !rt(o)?.contains(t), y = w == 0;
+        if (S || y) {
           Oc(() => n(u + 1), "raf", o);
           return;
         }
@@ -19835,14 +19835,14 @@ function zE(e) {
   let p = 0, f = i;
   if (s) {
     let b = 0;
-    for (const y of u)
-      b += y.getActualWidth();
+    for (const S of u)
+      b += S.getActualWidth();
     f -= b;
   }
   if (f > 0) {
     for (let b = 0; b < h.length; b++) {
-      const y = h[b];
-      if (f -= y.getActualWidth(), f < 0)
+      const S = h[b];
+      if (f -= S.getActualWidth(), f < 0)
         break;
       p++;
     }
@@ -19854,19 +19854,19 @@ function zE(e) {
     C = g.indexOf(b) + 1;
   } else
     C = g.indexOf(h[0]), C === -1 && (C = 0);
-  const v = [C], w = (b, y) => b - y;
+  const v = [C], w = (b, S) => b - S;
   if (s) {
     let b = C + 1;
-    const y = d.length - 1;
-    for (; b <= y; )
+    const S = d.length - 1;
+    for (; b <= S; )
       v.push(b), b++;
     v.sort(w);
   } else {
     let b = C;
-    const y = d.length - 1;
-    let S = d[b];
-    for (; b <= y && c.indexOf(S) < 0; )
-      b++, v.push(b), S = d[b];
+    const S = d.length - 1;
+    let y = d[b];
+    for (; b <= S && c.indexOf(y) < 0; )
+      b++, v.push(b), y = d[b];
     b = C - 1;
     const R = 0;
     for (; b >= R; )
@@ -20361,13 +20361,13 @@ var jE = class extends L {
     if (n.getScrollFeature().ensureColumnVisible(v, "auto"), (!o.isAlive() || r.get("ensureDomOrder")) && C) {
       let w;
       if (h) {
-        const b = s.getGroupId(), y = s.getLeafColumns();
-        if (!y.length)
+        const b = s.getGroupId(), S = s.getLeafColumns();
+        if (!S.length)
           return;
-        const S = y[0].getParent();
-        if (!S)
+        const y = S[0].getParent();
+        if (!y)
           return;
-        w = qE(S, b);
+        w = qE(y, b);
       } else
         w = s;
       w && c.focusHeaderPosition({
@@ -20742,21 +20742,21 @@ var eD = class extends L {
         }
         C = !1;
         const w = [];
-        let b = 0, y = u;
-        h.forEach((R, F) => {
+        let b = 0, S = u;
+        h.forEach((R, x) => {
           if (f[R.getId()])
-            y -= p[R.getId()];
+            S -= p[R.getId()];
           else {
             w.push(R);
-            const P = g[F];
+            const P = g[x];
             b += P;
           }
         });
-        const S = 1 / b;
-        w.forEach((R, F) => {
-          const x = F === w.length - 1;
+        const y = 1 / b;
+        w.forEach((R, x) => {
+          const F = x === w.length - 1;
           let P;
-          x ? P = y : (P = Math.round(g[F] * u * S), y -= P);
+          F ? P = S : (P = Math.round(g[x] * u * y), S -= P);
           const T = R.getMinWidth(), E = R.getMaxWidth();
           P < T ? (P = T, f[R.getId()] = !0, C = !0) : E > 0 && P > E && (P = E, f[R.getId()] = !0, C = !0), p[R.getId()] = P;
         });
@@ -21759,24 +21759,24 @@ var KD = class extends L {
     for (; c > 0; ) {
       const f = Math.round(d < 1 ? u * d : u);
       let C, v = 0, w = 0;
-      for (const S of l) {
-        if (g(S))
+      for (const y of l) {
+        if (g(y))
           continue;
-        C = S, w += f * (S.flex / d);
-        const R = w - v, F = Math.round(R);
-        S.targetSize = F, v += F;
+        C = y, w += f * (y.flex / d);
+        const R = w - v, x = Math.round(R);
+        y.targetSize = x, v += x;
       }
       C && (C.targetSize += f - v);
       let b = 0;
-      for (const S of l) {
-        if (g(S))
+      for (const y of l) {
+        if (g(y))
           continue;
-        const R = S.targetSize, F = Math.min(Math.max(R, S.min), S.max);
-        b += F - R, S.violationType = F === R ? void 0 : F < R ? "max" : "min", S.targetSize = F;
+        const R = y.targetSize, x = Math.min(Math.max(R, y.min), y.max);
+        b += x - R, y.violationType = x === R ? void 0 : x < R ? "max" : "min", y.targetSize = x;
       }
-      const y = b === 0 ? "all" : b > 0 ? "min" : "max";
-      for (const S of l)
-        g(S) || (y === "all" || S.violationType === y) && h(S, S.targetSize);
+      const S = b === 0 ? "all" : b > 0 ? "min" : "max";
+      for (const y of l)
+        g(y) || (S === "all" || y.violationType === S) && h(y, y.targetSize);
     }
     e.skipSetLeft || i.setLeftValues(t), e.updateBodyWidths && i.updateBodyWidths();
     const p = l.filter((f) => f.isFlex && !f.violationType).map((f) => f.col);
@@ -26859,8 +26859,8 @@ function Pi(e, t) {
   for (const h of s) {
     const { ctrl: g, editor: p } = h, { rowNode: f, column: C } = g, v = p.getValidationErrors?.() ?? [], w = p.getValidationElement?.(!1) || !p.isPopup?.() && g.eGui;
     if (w) {
-      const b = v != null && v.length > 0, y = b ? v.join(". ") : "";
-      mS(w, b), b && o.announceValue(`${d} ${v}`, "editorValidation"), w instanceof HTMLInputElement ? w.setCustomValidity(y) : w.classList.toggle("invalid", b);
+      const b = v != null && v.length > 0, S = b ? v.join(". ") : "";
+      mS(w, b), b && o.announceValue(`${d} ${v}`, "editorValidation"), w instanceof HTMLInputElement ? w.setCustomValidity(S) : w.classList.toggle("invalid", b);
     }
     v?.length > 0 && i.setCellValidation(
       {
@@ -27155,8 +27155,8 @@ var c5 = class extends L {
   }
   onMouseDown(e) {
     const { ctrlKey: t, metaKey: s, shiftKey: i } = e, o = e.target, { cellCtrl: n, beans: r } = this, { eventSvc: a, rangeSvc: l, rowNumbersSvc: c, focusSvc: d, gos: u, editSvc: h } = r, { column: g, rowNode: p, cellPosition: f } = n, C = zr(u, g, p, e), v = () => {
-      const S = n.createEvent(e, "cellMouseDown");
-      S.isEventHandlingSuppressed = C, a.dispatchEvent(S);
+      const y = n.createEvent(e, "cellMouseDown");
+      y.isEventHandlingSuppressed = C, a.dispatchEvent(y);
     };
     if (C) {
       v();
@@ -27164,24 +27164,24 @@ var c5 = class extends L {
     }
     if (this.isRightClickInExistingRange(e))
       return;
-    const w = l && !l.isEmpty(), b = this.containsWidget(o), y = Ms(g);
-    if (c && y && !c.handleMouseDownOnCell(f, e)) {
+    const w = l && !l.isEmpty(), b = this.containsWidget(o), S = Ms(g);
+    if (c && S && !c.handleMouseDownOnCell(f, e)) {
       l && e.preventDefault(), e.stopImmediatePropagation();
       return;
     }
     if (!i || !w) {
-      const S = h?.isEditing(n), F = u.get("enableCellTextSelection") && e.defaultPrevented, x = (si() || F) && !S && !rn(o) && !b;
-      n.focusCell(x, e);
+      const y = h?.isEditing(n), x = u.get("enableCellTextSelection") && e.defaultPrevented, F = (si() || x) && !y && !rn(o) && !b;
+      n.focusCell(F, e);
     }
     if (i && w && !d.isCellFocused(f)) {
       e.preventDefault();
-      const S = d.getFocusedCell();
-      if (S) {
-        const { column: R, rowIndex: F, rowPinned: x } = S;
-        h?.isEditing(S) && h?.stopEditing(S), d.setFocusedCell({
+      const y = d.getFocusedCell();
+      if (y) {
+        const { column: R, rowIndex: x, rowPinned: F } = y;
+        h?.isEditing(y) && h?.stopEditing(y), d.setFocusedCell({
           column: R,
-          rowIndex: F,
-          rowPinned: x,
+          rowIndex: x,
+          rowPinned: F,
           forceBrowserFocus: !0,
           preventScrollOnBrowserFocus: !0,
           sourceEvent: e
@@ -27190,11 +27190,11 @@ var c5 = class extends L {
     }
     if (!b) {
       if (l) {
-        y && e.preventDefault();
-        const S = Rh(r, e) && y;
+        S && e.preventDefault();
+        const y = Rh(r, e) && S;
         if (i)
           l.extendLatestRangeToCell(f);
-        else if (!S) {
+        else if (!y) {
           const R = t || s;
           l.setRangeToCell(f, R);
         }
@@ -27523,12 +27523,12 @@ var c5 = class extends L {
     } = this;
     if (d)
       return;
-    const { field: h, valueGetter: g, showRowGroup: p, enableCellChangeFlash: f } = l.getColDef(), C = h == null && g == null && p == null, v = e || C || s, w = !!c, b = this.updateAndFormatValue(w), y = v || b;
+    const { field: h, valueGetter: g, showRowGroup: p, enableCellChangeFlash: f } = l.getColDef(), C = h == null && g == null && p == null, v = e || C || s, w = !!c, b = this.updateAndFormatValue(w), S = v || b;
     if (w) {
-      if (y) {
+      if (S) {
         this.showValue(!!s, !1);
-        const S = a?.isSuppressFlashingCellsBecauseFiltering();
-        !t && !S && f && r?.flashCell(this), i?.applyCellStyles?.(), o?.applyUserStyles(), o?.applyClassesFromColDef(), n?.applyRowStyles();
+        const y = a?.isSuppressFlashingCellsBecauseFiltering();
+        !t && !y && f && r?.flashCell(this), i?.applyCellStyles?.(), o?.applyUserStyles(), o?.applyClassesFromColDef(), n?.applyRowStyles();
       }
       u?.refreshTooltip(), o?.applyCellClassRules();
     }
@@ -30291,8 +30291,8 @@ var B5 = (
       const d = this.getRowBufferInPixels(), u = this.ctrlsSvc.getScrollFeature(), h = this.gos.get("suppressRowVirtualisation");
       let g = !1, p, f;
       do {
-        const y = t.getPixelOffset(), { pageFirstPixel: S, pageLastPixel: R } = t.getCurrentPagePixelRange(), F = e.divStretchOffset, x = u.getVScrollPosition(), P = x.top, T = x.bottom;
-        h ? (p = S + F, f = R + F) : (p = Math.max(P + y - d, S) + F, f = Math.min(T + y + d, R) + F), this.firstVisibleVPixel = Math.max(P + y, S) + F, this.lastVisibleVPixel = Math.min(T + y, R) + F, g = this.ensureAllRowsInRangeHaveHeightsCalculated(p, f);
+        const S = t.getPixelOffset(), { pageFirstPixel: y, pageLastPixel: R } = t.getCurrentPagePixelRange(), x = e.divStretchOffset, F = u.getVScrollPosition(), P = F.top, T = F.bottom;
+        h ? (p = y + x, f = R + x) : (p = Math.max(P + S - d, y) + x, f = Math.min(T + S + d, R) + x), this.firstVisibleVPixel = Math.max(P + S, y) + x, this.lastVisibleVPixel = Math.min(T + S, R) + x, g = this.ensureAllRowsInRangeHaveHeightsCalculated(p, f);
       } while (g);
       let C = s.getRowIndexAtPixel(p), v = s.getRowIndexAtPixel(f);
       const w = t.getFirstRow(), b = t.getLastRow();
@@ -31752,13 +31752,13 @@ function y4(e, t = !1) {
       rowGroupIndex: v,
       aggFunc: w,
       pivot: b,
-      pivotIndex: y,
-      pinned: S,
+      pivotIndex: S,
+      pinned: y,
       hide: R,
-      width: F,
-      flex: x
+      width: x,
+      flex: F
     } = e[h];
-    d.push(g), p && (s[f ?? u++] = { colId: g, sort: p }), C && (i[v ?? 0] = g), typeof w == "string" && o.push({ colId: g, aggFunc: w }), b && (n[y ?? 0] = g), S && (S === "right" ? a : r).push(g), R && l.push(g), (x != null || F) && c.push({ colId: g, flex: x ?? void 0, width: F });
+    d.push(g), p && (s[f ?? u++] = { colId: g, sort: p }), C && (i[v ?? 0] = g), typeof w == "string" && o.push({ colId: g, aggFunc: w }), b && (n[S ?? 0] = g), y && (y === "right" ? a : r).push(g), R && l.push(g), (F != null || x) && c.push({ colId: g, flex: F ?? void 0, width: x });
   }
   return {
     sort: s.length ? { sortModel: lc(s) } : void 0,
@@ -33529,12 +33529,12 @@ var nT = {
     if (h) {
       const C = d?.handlerNameOrCallback ?? d?.filterHandler, v = nt(this.model, e);
       if (s.handlerGenerator != C) {
-        const w = s.handler, { handler: b, handlerParams: y } = this.createHandlerFromFunc(
+        const w = s.handler, { handler: b, handlerParams: S } = this.createHandlerFromFunc(
           o,
           d.filterHandler,
           f
         );
-        s.handler = b, s.handlerParams = y, s.handlerGenerator = C, delete this.model[e], b.init?.({ ...y, source: "init", model: null }), this.destroyBean(w), v != null && this.beans.filterManager?.onFilterChanged({
+        s.handler = b, s.handlerParams = S, s.handlerGenerator = C, delete this.model[e], b.init?.({ ...S, source: "init", model: null }), this.destroyBean(w), v != null && this.beans.filterManager?.onFilterChanged({
           columns: [o],
           source: t
         });
@@ -37108,8 +37108,8 @@ var OM = class extends L {
         l.clearEditValue(w);
       this.bulkRefresh(void 0, h);
       for (const w of l.getEditPositions(C)) {
-        const b = Ue(a, w), y = Ps(w);
-        b?.refreshCell({ force: !0, suppressFlash: !y });
+        const b = Ue(a, w), S = Ps(w);
+        b?.refreshCell({ force: !0, suppressFlash: !S });
       }
       h = C, g || (g = p);
     } else if (s instanceof KeyboardEvent && this.batch && this.strategy?.midBatchInputsAllowed(e) && this.isEditing(e, { withOpenEditor: !0 })) {
@@ -38696,18 +38696,18 @@ var R6 = {
       }
       v.data !== w && (v.updateData(w), r.has(v) || a.add(v), !v.selectable && v.isSelected() && c.push(v));
     }, f = (v, w, b) => {
-      for (let y = 0, S = w.length; y < S; ++y) {
-        const R = w[y];
+      for (let S = 0, y = w.length; S < y; ++S) {
+        const R = w[S];
         if (!R)
           continue;
-        let F = this.getRowNode(o({ data: R, level: b }));
-        if (F ? (p(F, R), g || (g = !!d && F.treeParent !== v)) : (F = this.createRowNode(R, b), r.add(F)), !d || l.has(F)) {
-          l.add(F);
+        let x = this.getRowNode(o({ data: R, level: b }));
+        if (x ? (p(x, R), g || (g = !!d && x.treeParent !== v)) : (x = this.createRowNode(R, b), r.add(x)), !d || l.has(x)) {
+          l.add(x);
           continue;
         }
-        l.add(F), F.treeParent = v;
-        const x = d(R);
-        x && f(F, x, b + 1);
+        l.add(x), x.treeParent = v;
+        const F = d(R);
+        F && f(x, F, b + 1);
       }
     };
     f(s, t, 0);
@@ -38891,18 +38891,18 @@ var R6 = {
     let f = !1, C;
     const v = (w) => {
       const b = g && w.leafGroup;
-      let y = d && u && !w.leafGroup;
-      y && (C ?? (C = this.shouldSortContainsGroupCols(e)), y && (y = !C));
-      let S = null;
-      if (y) {
+      let S = d && u && !w.leafGroup;
+      S && (C ?? (C = this.shouldSortContainsGroupCols(e)), S && (S = !C));
+      let y = null;
+      if (S) {
         let R = !1;
         if (h) {
-          const F = w.level + 1;
-          F < h.length && (R = h[F].getSort() === null);
+          const x = w.level + 1;
+          x < h.length && (R = h[x].getSort() === null);
         }
-        R || (S = H6(w));
-      } else !e.length || b || (t && s ? S = O6(a, w, s, i, e) : S = a.doFullSort(w.childrenAfterAggFilter, e));
-      if (S || (S = w.childrenAfterAggFilter?.slice(0) ?? []), f || (f = w.childrenAfterSort?.[0] !== S[0]), w.childrenAfterSort = S, qC(w), p) {
+        R || (y = H6(w));
+      } else !e.length || b || (t && s ? y = O6(a, w, s, i, e) : y = a.doFullSort(w.childrenAfterAggFilter, e));
+      if (y || (y = w.childrenAfterAggFilter?.slice(0) ?? []), f || (f = w.childrenAfterSort?.[0] !== y[0]), w.childrenAfterSort = y, qC(w), p) {
         const R = { nodes: w.childrenAfterSort };
         p(R);
       }
@@ -40738,35 +40738,35 @@ var PI = class extends L {
     b && r?.aggregationModel.forEach(({ colId: E, aggFunc: M }) => {
       f(E).aggFunc = M;
     }), (b || !s) && (C.aggFunc = null);
-    const y = g("pivot", a);
-    y && (a?.pivotColIds.forEach((E, M) => {
+    const S = g("pivot", a);
+    S && (a?.pivotColIds.forEach((E, M) => {
       const U = f(E);
       U.pivot = !0, U.pivotIndex = M;
     }), this.gos.updateGridOptions({
       options: { pivotMode: !!a?.pivotMode },
       source: t
-    })), (y || !s) && (C.pivot = null, C.pivotIndex = null);
-    const S = g("columnPinning", l);
-    if (S) {
+    })), (S || !s) && (C.pivot = null, C.pivotIndex = null);
+    const y = g("columnPinning", l);
+    if (y) {
       for (const E of l?.leftColIds ?? [])
         f(E).pinned = "left";
       for (const E of l?.rightColIds ?? [])
         f(E).pinned = "right";
     }
-    (S || !s) && (C.pinned = null);
+    (y || !s) && (C.pinned = null);
     const R = g("columnVisibility", c);
     if (R)
       for (const E of c?.hiddenColIds ?? [])
         f(E).hide = !0;
     (R || !s) && (C.hide = null);
-    const F = g("columnSizing", d);
-    if (F)
+    const x = g("columnSizing", d);
+    if (x)
       for (const { colId: E, flex: M, width: U } of d?.columnSizingModel ?? []) {
         const K = f(E);
         K.flex = M ?? null, K.width = U;
       }
-    (F || !s) && (C.flex = null);
-    const x = u?.orderedColIds, P = !!x?.length && !i?.has("columnOrder"), T = P ? x.map((E) => f(E)) : Object.values(p);
+    (x || !s) && (C.flex = null);
+    const F = u?.orderedColIds, P = !!F?.length && !i?.has("columnOrder"), T = P ? F.map((E) => f(E)) : Object.values(p);
     (T.length || h) && (this.columnStates = T, Xt(
       this.beans,
       {
@@ -41750,29 +41750,29 @@ var mA = class extends L {
       const C = /* @__PURE__ */ new Set();
       let v = -1;
       const w = Object.fromEntries(
-        c.map(({ colId: S, ...R }) => [S, R])
-      ), b = o ?? this.gos.get("skipHeaderOnAutoSize"), y = n ?? b;
+        c.map(({ colId: y, ...R }) => [y, R])
+      ), b = o ?? this.gos.get("skipHeaderOnAutoSize"), S = n ?? b;
       for (; v !== 0; ) {
         v = 0;
-        const S = [];
+        const y = [];
         for (const R of i) {
           if (!R || Ty(R))
             continue;
-          const F = g.getCol(R);
-          if (!F || C.has(F))
+          const x = g.getCol(R);
+          if (!x || C.has(x))
             continue;
-          const x = p.getPreferredWidthForColumn(F, b);
-          if (x > 0) {
-            const P = w[F.colId] ?? {};
+          const F = p.getPreferredWidthForColumn(x, b);
+          if (F > 0) {
+            const P = w[x.colId] ?? {};
             P.minWidth ?? (P.minWidth = l), P.maxWidth ?? (P.maxWidth = a);
-            const T = CA(F, x, P);
-            F.setActualWidth(T, d), C.add(F), v++;
+            const T = CA(x, F, P);
+            x.setActualWidth(T, d), C.add(x), v++;
           }
-          S.push(F);
+          y.push(x);
         }
-        S.length && f.refresh(d);
+        y.length && f.refresh(d);
       }
-      y || this.autoSizeColumnGroupsByColumns(i, d, r), t(C);
+      S || this.autoSizeColumnGroupsByColumns(i, d, r), t(C);
     });
   }
   autoSizeColumn(e, t, s) {
@@ -41889,9 +41889,9 @@ var mA = class extends L {
         const f = p / Fs(l);
         let C = p;
         for (let v = l.length - 1; v >= 0; v--) {
-          const w = l[v], b = o?.[w.getId()], y = b?.minWidth ?? i?.defaultMinWidth, S = b?.maxWidth ?? i?.defaultMaxWidth, R = w.getMinWidth(), F = w.getMaxWidth(), x = typeof y == "number" && y > R ? y : R, P = typeof S == "number" && S < F ? S : F;
+          const w = l[v], b = o?.[w.getId()], S = b?.minWidth ?? i?.defaultMinWidth, y = b?.maxWidth ?? i?.defaultMaxWidth, R = w.getMinWidth(), x = w.getMaxWidth(), F = typeof S == "number" && S > R ? S : R, P = typeof y == "number" && y < x ? y : x;
           let T = Math.round(w.getActualWidth() * f);
-          T < x ? (T = x, h(w), u = !1) : T > P ? (T = P, h(w), u = !1) : v === 0 && (T = C), w.setActualWidth(T, t, !0), C -= T;
+          T < F ? (T = F, h(w), u = !1) : T > P ? (T = P, h(w), u = !1) : v === 0 && (T = C), w.setActualWidth(T, t, !0), C -= T;
         }
       }
     }
@@ -42047,11 +42047,11 @@ var FA = {
       beans: { gos: s, pinnedRowModel: i, rowModel: o, valueSvc: n, pagination: r }
     } = this, { colDef: a } = t, l = this.getNodeMap(e), c = /* @__PURE__ */ new Map(), d = s.getCallback("isFullWidthRow"), u = a.equals, h = a.spanRows, g = typeof h == "function";
     let p = null, f = null, C;
-    const v = (b, y) => {
-      p = b, f = null, C = y;
+    const v = (b, S) => {
+      p = b, f = null, C = S;
     }, w = (b) => {
-      const y = !b.isExpandable() && !b.group && !b.detail && (d ? !d({ rowNode: b }) : !0);
-      if (b.rowIndex == null || !y) {
+      const S = !b.isExpandable() && !b.group && !b.detail && (d ? !d({ rowNode: b }) : !0);
+      if (b.rowIndex == null || !S) {
         v(null, null);
         return;
       }
@@ -42060,22 +42060,22 @@ var FA = {
         v(b, n.getValue(t, b));
         return;
       }
-      const S = n.getValue(t, b);
+      const y = n.getValue(t, b);
       if (g) {
         const R = me(s, {
           valueA: C,
           nodeA: p,
-          valueB: S,
+          valueB: y,
           nodeB: b,
           column: t,
           colDef: a
         });
         if (!h(R)) {
-          v(b, S);
+          v(b, y);
           return;
         }
-      } else if (u ? !u(C, S) : C !== S) {
-        v(b, S);
+      } else if (u ? !u(C, y) : C !== y) {
+        v(b, y);
         return;
       }
       if (!f) {
@@ -42755,8 +42755,8 @@ var KA = {
         return;
       const { paddingTop: u, paddingBottom: h, borderBottomWidth: g, borderTopWidth: p } = Mi(i), f = u + h + g + p, v = t.offsetHeight + f;
       if (d < 5) {
-        const b = !rt(r)?.contains(t), y = v == 0;
-        if (b || y) {
+        const b = !rt(r)?.contains(t), S = v == 0;
+        if (b || S) {
           window.setTimeout(() => a(d + 1), 0);
           return;
         }
@@ -42923,14 +42923,14 @@ function ya(e, t, s) {
   return i.length === e.length && o.length === 0 ? e : i.length === 0 && o.length === t.length ? t : i.length === 0 ? o : o.length === 0 ? i : [...i, ...o];
 }
 var tv = Pd((e, t) => {
-  const { registry: s, context: i } = ot(vt), o = k(null), n = k(null), r = k(null), a = k(null), l = k(null), c = k(), [d, u] = A(), [h, g] = A(), [p, f] = A(), [C, v] = A(() => new Kt()), [w, b] = A(() => new Kt("ag-hidden")), [y, S] = A(() => new Kt("ag-hidden")), [R, F] = A(() => new Kt("ag-invisible"));
+  const { registry: s, context: i } = ot(vt), o = k(null), n = k(null), r = k(null), a = k(null), l = k(null), c = k(), [d, u] = A(), [h, g] = A(), [p, f] = A(), [C, v] = A(() => new Kt()), [w, b] = A(() => new Kt("ag-hidden")), [S, y] = A(() => new Kt("ag-hidden")), [R, x] = A(() => new Kt("ag-invisible"));
   Tn(t, () => ({
     // force new instance when grid tries to refresh
     refresh() {
       return !1;
     }
   })), Qt(() => Bn(d, i, n.current), [d]);
-  const x = D((ne) => {
+  const F = D((ne) => {
     if (o.current = ne, !ne || i.isDestroyed()) {
       c.current = i.destroyBean(c.current);
       return;
@@ -42941,10 +42941,10 @@ var tv = Pd((e, t) => {
       },
       setChildCount: ($) => g($),
       toggleCss: ($, oe) => v((X) => X.setClass($, oe)),
-      setContractedDisplayed: ($) => S((oe) => oe.setClass("ag-hidden", !$)),
+      setContractedDisplayed: ($) => y((oe) => oe.setClass("ag-hidden", !$)),
       setExpandedDisplayed: ($) => b((oe) => oe.setClass("ag-hidden", !$)),
-      setCheckboxVisible: ($) => F((oe) => oe.setClass("ag-invisible", !$)),
-      setCheckboxSpacing: ($) => F((oe) => oe.setClass("ag-group-checkbox-spacing", $))
+      setCheckboxVisible: ($) => x((oe) => oe.setClass("ag-invisible", !$)),
+      setCheckboxSpacing: ($) => x((oe) => oe.setClass("ag-group-checkbox-spacing", $))
     }, le = s.createDynamicBean("groupCellRendererCtrl", !0);
     le && (c.current = i.createBean(le), c.current.init(
       O,
@@ -42956,14 +42956,14 @@ var tv = Pd((e, t) => {
       e
     ));
   }, []), P = B(() => `ag-cell-wrapper ${C.toString()}`, [C]), T = B(() => `ag-group-expanded ${w.toString()}`, [w]), E = B(
-    () => `ag-group-contracted ${y.toString()}`,
-    [y]
+    () => `ag-group-contracted ${S.toString()}`,
+    [S]
   ), M = B(() => `ag-group-checkbox ${R.toString()}`, [R]), U = d?.componentFromFramework, K = U ? d.componentClass : void 0, N = d == null && p != null, J = Eo(p);
   return /* @__PURE__ */ q.createElement(
     "span",
     {
       className: P,
-      ref: x,
+      ref: F,
       ...e.colDef ? {} : { role: c.current?.getCellAriaRole() }
     },
     /* @__PURE__ */ q.createElement("span", { className: T, ref: a }),
@@ -43430,18 +43430,18 @@ var wk = 1e3, bk = class {
     }
     a.current = s.createBean(new Do());
     const w = () => {
-      const y = e.getSelectAllGui();
-      y && (c.current?.insertAdjacentElement("afterend", y), a.current.addDestroyFunc(() => y.remove()));
+      const S = e.getSelectAllGui();
+      S && (c.current?.insertAdjacentElement("afterend", S), a.current.addDestroyFunc(() => S.remove()));
     }, b = {
-      setWidth: (y) => {
-        l.current && (l.current.style.width = y);
+      setWidth: (S) => {
+        l.current && (l.current.style.width = S);
       },
-      toggleCss: (y, S) => h.current.toggleCss(y, S),
-      setUserStyles: (y) => r(y),
-      setAriaSort: (y) => {
-        l.current && (y ? xS(l.current, y) : FS(l.current));
+      toggleCss: (S, y) => h.current.toggleCss(S, y),
+      setUserStyles: (S) => r(S),
+      setAriaSort: (S) => {
+        l.current && (S ? xS(l.current, S) : FS(l.current));
       },
-      setUserCompDetails: (y) => o(y),
+      setUserCompDetails: (S) => o(S),
       getUserCompInstance: () => u.current || void 0,
       refreshSelectAllGui: w,
       removeSelectAllGui: () => e.getSelectAllGui()?.remove()
@@ -43477,15 +43477,15 @@ var wk = 1e3, bk = class {
     () => new Kt("ag-header-cell", "ag-floating-filter")
   ), [a, l] = A(() => new Kt()), [c, d] = A(
     () => new Kt("ag-floating-filter-button", "ag-hidden")
-  ), [u, h] = A("false"), [g, p] = A(), [, f] = A(1), C = k(), v = k(null), w = k(null), b = k(null), y = k(null), S = k(), R = k(), F = ($) => {
-    $ != null && S.current && S.current($);
-  }, x = D(($) => {
+  ), [u, h] = A("false"), [g, p] = A(), [, f] = A(1), C = k(), v = k(null), w = k(null), b = k(null), S = k(null), y = k(), R = k(), x = ($) => {
+    $ != null && y.current && y.current($);
+  }, F = D(($) => {
     if (v.current = $, !$ || !e.isAlive() || t.isDestroyed()) {
       C.current = t.destroyBean(C.current);
       return;
     }
     C.current = t.createBean(new Do()), R.current = new Me((X) => {
-      S.current = X;
+      y.current = X;
     });
     const oe = {
       toggleCss: (X, te) => r((Z) => Z.setClass(X, te)),
@@ -43499,12 +43499,12 @@ var wk = 1e3, bk = class {
       },
       setCompDetails: (X) => p(X),
       getFloatingFilterComp: () => R.current ? R.current : null,
-      setMenuIcon: (X) => y.current?.appendChild(X)
+      setMenuIcon: (X) => S.current?.appendChild(X)
     };
-    e.setComp(oe, $, y.current, w.current, C.current);
+    e.setComp(oe, $, S.current, w.current, C.current);
   }, []);
   Qt(
-    () => Bn(g, t, w.current, F),
+    () => Bn(g, t, w.current, x),
     [g]
   );
   const P = B(() => n.toString(), [n]), T = B(() => a.toString(), [a]), E = B(() => c.toString(), [c]), M = B(() => !!(g && g.componentFromFramework && To(g.componentClass)), [g]), U = B(() => s.get("reactiveCustomComponents"), []), K = B(() => s.get("enableFilterHandlers"), []), [N, J] = A();
@@ -43512,12 +43512,12 @@ var wk = 1e3, bk = class {
     if (g?.componentFromFramework)
       if (U) {
         const $ = K ? Rk : dk, oe = new $(g.params, () => f((X) => X + 1));
-        F(oe), J(oe);
+        x(oe), J(oe);
       } else
         Vu();
   }, [g]);
   const ne = N?.getProps(), O = g?.componentFromFramework, le = g?.componentClass;
-  return /* @__PURE__ */ q.createElement("div", { ref: x, style: i, className: P, role: "gridcell" }, /* @__PURE__ */ q.createElement("div", { ref: w, className: T, role: "presentation" }, O ? U ? ne && /* @__PURE__ */ q.createElement(
+  return /* @__PURE__ */ q.createElement("div", { ref: F, style: i, className: P, role: "gridcell" }, /* @__PURE__ */ q.createElement("div", { ref: w, className: T, role: "presentation" }, O ? U ? ne && /* @__PURE__ */ q.createElement(
     Bu.Provider,
     {
       value: {
@@ -43526,7 +43526,7 @@ var wk = 1e3, bk = class {
     },
     /* @__PURE__ */ q.createElement(le, { ...ne })
   ) : /* @__PURE__ */ q.createElement(le, { ...g.params, ref: M ? () => {
-  } : F }) : null), /* @__PURE__ */ q.createElement(
+  } : x }) : null), /* @__PURE__ */ q.createElement(
     "div",
     {
       ref: b,
@@ -43537,7 +43537,7 @@ var wk = 1e3, bk = class {
     /* @__PURE__ */ q.createElement(
       "button",
       {
-        ref: y,
+        ref: S,
         type: "button",
         className: "ag-button ag-floating-filter-button-button",
         tabIndex: -1
@@ -43577,30 +43577,30 @@ var wk = 1e3, bk = class {
   Qt(() => Bn(h, t, v.current), [h]), we(() => {
     f.current && e.setDragSource(f.current);
   }, [h]);
-  const y = B(() => !!(h?.componentFromFramework && To(h.componentClass)), [h]), S = B(() => "ag-header-group-cell " + o.toString(), [o]), R = B(
+  const S = B(() => !!(h?.componentFromFramework && To(h.componentClass)), [h]), y = B(() => "ag-header-group-cell " + o.toString(), [o]), R = B(
     () => "ag-header-cell-resize " + r.toString(),
     [r]
-  ), F = h?.componentFromFramework, x = h?.componentClass;
-  return /* @__PURE__ */ q.createElement("div", { ref: b, style: s, className: S, role: "columnheader", "aria-expanded": d }, /* @__PURE__ */ q.createElement("div", { ref: v, className: "ag-header-cell-comp-wrapper", role: "presentation" }, F ? y ? /* @__PURE__ */ q.createElement(x, { ...h.params }) : /* @__PURE__ */ q.createElement(x, { ...h.params, ref: w }) : null), /* @__PURE__ */ q.createElement("div", { ref: C, "aria-hidden": l, className: R }));
+  ), x = h?.componentFromFramework, F = h?.componentClass;
+  return /* @__PURE__ */ q.createElement("div", { ref: b, style: s, className: y, role: "columnheader", "aria-expanded": d }, /* @__PURE__ */ q.createElement("div", { ref: v, className: "ag-header-cell-comp-wrapper", role: "presentation" }, x ? S ? /* @__PURE__ */ q.createElement(F, { ...h.params }) : /* @__PURE__ */ q.createElement(F, { ...h.params, ref: w }) : null), /* @__PURE__ */ q.createElement("div", { ref: C, "aria-hidden": l, className: R }));
 }, Dk = Ct(Ek), Pk = ({ ctrl: e }) => {
-  const { gos: t, context: s } = ot(vt), { 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 = k(null), [p, f] = A(() => e.getUpdatedHeaderCtrls()), C = k(), v = k(null), w = D((S) => {
-    if (v.current = S, !S || !e.isAlive() || s.isDestroyed()) {
+  const { gos: t, context: s } = ot(vt), { 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 = k(null), [p, f] = A(() => e.getUpdatedHeaderCtrls()), C = k(), v = k(null), w = D((y) => {
+    if (v.current = y, !y || !e.isAlive() || s.isDestroyed()) {
       C.current = s.destroyBean(C.current);
       return;
     }
     C.current = s.createBean(new Do());
     const R = {
-      setHeight: (F) => d(F),
-      setTop: (F) => h(F),
-      setHeaderCtrls: (F, x, P) => {
-        const T = g.current, E = ya(T, F, x);
+      setHeight: (x) => d(x),
+      setTop: (x) => h(x),
+      setHeaderCtrls: (x, F, P) => {
+        const T = g.current, E = ya(T, x, F);
         E !== T && (g.current = E, Dn(P, () => f(E)));
       },
-      setWidth: (F) => {
-        v.current && (v.current.style.width = F);
+      setWidth: (x) => {
+        v.current && (v.current.style.width = x);
       },
-      setRowIndex: (F) => {
-        a(F);
+      setRowIndex: (x) => {
+        a(x);
       }
     };
     e.setComp(R, C.current, !1);
@@ -43610,14 +43610,14 @@ var wk = 1e3, bk = class {
       top: u
     }),
     [c, u]
-  ), y = D((S) => {
+  ), S = D((y) => {
     switch (e.type) {
       case "group":
-        return /* @__PURE__ */ q.createElement(Dk, { ctrl: S, key: S.instanceId });
+        return /* @__PURE__ */ q.createElement(Dk, { ctrl: y, key: y.instanceId });
       case "filter":
-        return /* @__PURE__ */ q.createElement(Fk, { ctrl: S, key: S.instanceId });
+        return /* @__PURE__ */ q.createElement(Fk, { ctrl: y, key: y.instanceId });
       default:
-        return /* @__PURE__ */ q.createElement(yk, { ctrl: S, key: S.instanceId });
+        return /* @__PURE__ */ q.createElement(yk, { ctrl: y, key: y.instanceId });
     }
   }, []);
   return /* @__PURE__ */ q.createElement(
@@ -43630,7 +43630,7 @@ var wk = 1e3, bk = class {
       tabIndex: n,
       "aria-rowindex": r
     },
-    p.map(y)
+    p.map(S)
   );
 }, Tk = Ct(Pk), Mk = ({ pinned: e }) => {
   const [t, s] = A(!0), [i, o] = A([]), { context: n } = ot(vt), r = k(null), a = k(null), l = k(), c = e === "left", d = e === "right", u = !c && !d, h = D((f) => {
@@ -43747,8 +43747,8 @@ var wk = 1e3, bk = class {
       p = o.createBean(a.createPopupEditorWrapper(u.params));
       const f = p.getGui();
       if (e.jsChildComp) {
-        const S = e.jsChildComp.getGui();
-        S && f.appendChild(S);
+        const y = e.jsChildComp.getGui();
+        y && f.appendChild(y);
       }
       const { column: C, rowNode: v } = c, w = {
         column: C,
@@ -43758,7 +43758,7 @@ var wk = 1e3, bk = class {
         ePopup: f,
         position: l.popupPosition,
         keepWithinBounds: !0
-      }, b = n?.positionPopupByComponent.bind(n, w), y = n?.addPopup({
+      }, b = n?.positionPopupByComponent.bind(n, w), S = n?.addPopup({
         modal: h,
         eChild: f,
         closeOnEsc: !0,
@@ -43769,7 +43769,7 @@ var wk = 1e3, bk = class {
         positionCallback: b,
         ariaOwns: d
       });
-      g = y ? y.hideFunc : void 0, s(p), e.jsChildComp?.afterGuiAttached?.();
+      g = S ? S.hideFunc : void 0, s(p), e.jsChildComp?.afterGuiAttached?.();
     }
     return () => {
       g?.(), o.destroyBean(p);
@@ -43858,9 +43858,9 @@ var wk = 1e3, bk = class {
     instanceId: r
   } = e, a = k(), [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(), [C, v] = A(!1), [w, b] = A(!1), [y, S] = A(!1), [R, F] = A(), x = B(() => e.isForceWrapper(), [e]), P = B(() => e.getCellAriaRole(), [e]), T = k(null), E = k(null), M = k(null), U = k(), K = k(), N = k(), J = k([]), ne = k(), O = k(), [le, $] = A(0), oe = D((ce) => {
+  ), [d, u] = A(), [h, g] = A(1), [p, f] = A(), [C, v] = A(!1), [w, b] = A(!1), [S, y] = A(!1), [R, x] = A(), F = B(() => e.isForceWrapper(), [e]), P = B(() => e.getCellAriaRole(), [e]), T = k(null), E = k(null), M = k(null), U = k(), K = k(), N = k(), J = k([]), ne = k(), O = k(), [le, $] = A(0), oe = D((ce) => {
     O.current = ce, $((Pe) => Pe + 1);
-  }, []), X = l != null && (C || y || w) && (d == null || !!d.popup), te = x || X, Z = B(() => e.getCellValueClass(), [e]), se = D(
+  }, []), X = l != null && (C || S || w) && (d == null || !!d.popup), te = F || X, Z = B(() => e.getCellValueClass(), [e]), se = D(
     (ce) => {
       if (K.current = ce, ce) {
         const Pe = ce.isCancelBeforeStart && ce.isCancelBeforeStart();
@@ -43890,11 +43890,11 @@ var wk = 1e3, bk = class {
       if (!Se)
         return;
       const Re = Se.getGui();
-      se(Se), Ge || ((x ? N : T).current?.appendChild(Re), Se.afterGuiAttached?.()), F(Se);
+      se(Se), Ge || ((F ? N : T).current?.appendChild(Re), Se.afterGuiAttached?.()), x(Se);
     }), () => {
       Ae.then((Se) => {
         const Re = Se.getGui();
-        e.disableEditorTooltipFeature(), o.destroyBean(Se), se(void 0), F(void 0), Re?.remove();
+        e.disableEditorTooltipFeature(), o.destroyBean(Se), se(void 0), x(void 0), Re?.remove();
       });
     };
   }, [d]);
@@ -43913,9 +43913,9 @@ var wk = 1e3, bk = class {
           Ys(Ae.getGui()), o.destroyBean(Ae), ne.current === Pe && (ne.current = void 0);
         }));
       };
-      C && Ge(e.createSelectionCheckbox()), y && Ge(e.createDndSource()), w && (Pe = e.createRowDragComp(), ne.current = Pe, Pe && (Ge(Pe), Pe.refreshVisibility()));
+      C && Ge(e.createSelectionCheckbox()), S && Ge(e.createDndSource()), w && (Pe = e.createRowDragComp(), ne.current = Pe, Pe && (Ge(Pe), Pe.refreshVisibility()));
     },
-    [e, o, y, w, C]
+    [e, o, S, w, C]
   ), H = D(() => {
     const ce = !e.isCellSpanning() || E.current, Pe = T.current;
     if (!Pe || !ce || !e || !e.isAlive() || o.isDestroyed()) {
@@ -43929,7 +43929,7 @@ var wk = 1e3, bk = class {
       getFocusableElement: () => T.current,
       setIncludeSelection: (Se) => v(Se),
       setIncludeRowDrag: (Se) => b(Se),
-      setIncludeDndSource: (Se) => S(Se),
+      setIncludeDndSource: (Se) => y(Se),
       getCellEditor: () => K.current ?? null,
       getCellRenderer: () => M.current ?? U.current,
       getParentOfValue: () => O.current ?? N.current ?? T.current,
@@ -44012,17 +44012,17 @@ var wk = 1e3, bk = class {
 }, Wk = Ct(zk), _k = ({ rowCtrl: e, containerType: t }) => {
   const { context: s, gos: i, editSvc: o } = ot(vt), n = ot(XC) === "default", r = k(), a = k(e.getDomOrder()), l = e.isFullWidth(), c = e.rowNode.displayed, [d, u] = A(
     () => c ? e.rowNode.getRowIndexString() : null
-  ), [h, g] = A(() => e.rowId), [p, f] = A(() => e.businessKey), [C, v] = A(() => e.rowStyles), w = k(null), [b, y] = A(() => null), [S, R] = A(), [F, x] = A(
+  ), [h, g] = A(() => e.rowId), [p, f] = A(() => e.businessKey), [C, v] = A(() => e.rowStyles), w = k(null), [b, S] = A(() => null), [y, R] = A(), [x, F] = A(
     () => c ? e.getInitialRowTop(t) : void 0
   ), [P, T] = A(
     () => c ? e.getInitialTransform(t) : void 0
   ), E = k(null), M = k(), U = k(), K = k(!1), [N, J] = A(0);
   we(() => {
-    if (K.current || !S || N > 10)
+    if (K.current || !y || N > 10)
       return;
     const G = E.current?.firstChild;
     G ? (e.setupDetailRowAutoHeight(G), K.current = !0) : J((re) => re + 1);
-  }, [S, N]);
+  }, [y, N]);
   const ne = k();
   ne.current || (ne.current = new Ln(() => E.current));
   const O = k(() => {
@@ -44043,7 +44043,7 @@ var wk = 1e3, bk = class {
     const re = {
       // the rowTop is managed by state, instead of direct style manipulation by rowCtrl (like all the other styles)
       // as we need to have an initial value when it's placed into he DOM for the first time, for animation to work.
-      setTop: x,
+      setTop: F,
       setTransform: T,
       // i found using React for managing classes at the row level was to slow, as modifying classes caused a lot of
       // React code to execute, so avoiding React for managing CSS Classes made the grid go much faster.
@@ -44057,7 +44057,7 @@ var wk = 1e3, bk = class {
       // when cols reordered, which would stop the CSS transitions from working
       setCellCtrls: (ae, ye) => {
         const Ee = w.current, Ie = ya(Ee, ae, a.current);
-        Ie !== Ee && (w.current = Ie, n ? O.current() : Dn(ye, () => y(Ie)));
+        Ie !== Ee && (w.current = Ie, n ? O.current() : Dn(ye, () => S(Ie)));
       },
       showFullWidth: (ae) => {
         U.current = ae.params, R(ae);
@@ -44075,16 +44075,16 @@ var wk = 1e3, bk = class {
     e.setComp(re, G, t, r.current);
   }, []);
   Qt(
-    () => Bn(S, s, E.current, M),
-    [S]
+    () => Bn(y, s, E.current, M),
+    [y]
   );
   const te = B(() => {
-    const G = { top: F, transform: P };
+    const G = { top: x, transform: P };
     return Object.assign(G, C), G;
-  }, [F, P, C]), Z = l && S?.componentFromFramework, se = !l && oe != null, ve = B(() => !!(S?.componentFromFramework && To(S.componentClass)), [S]), W = k(!1);
+  }, [x, P, C]), Z = l && y?.componentFromFramework, se = !l && oe != null, ve = B(() => !!(y?.componentFromFramework && To(y.componentClass)), [y]), W = k(!1);
   we(() => {
-    W.current = ve && !!S && !!i.get("reactiveCustomComponents");
-  }, [ve, S]);
+    W.current = ve && !!y && !!i.get("reactiveCustomComponents");
+  }, [ve, y]);
   const ie = () => oe?.map((G) => /* @__PURE__ */ q.createElement(
     Wk,
     {
@@ -44094,8 +44094,8 @@ var wk = 1e3, bk = class {
       key: G.instanceId
     }
   )), H = () => {
-    const G = S.componentClass;
-    return ve ? /* @__PURE__ */ q.createElement(G, { ...S.params }) : /* @__PURE__ */ q.createElement(G, { ...S.params, ref: M });
+    const G = y.componentClass;
+    return ve ? /* @__PURE__ */ q.createElement(G, { ...y.params }) : /* @__PURE__ */ q.createElement(G, { ...y.params, ref: M });
   };
   return /* @__PURE__ */ q.createElement(
     "div",
@@ -44110,13 +44110,13 @@ var wk = 1e3, bk = class {
     se ? ie() : Z ? H() : null
   );
 }, zg = Ct(_k), Uk = ({ name: e }) => {
-  const { context: t, gos: s } = ot(vt), i = B(() => Nn(e), [e]), o = k(null), n = k(null), r = k(null), a = k([]), l = k([]), [c, d] = A(() => []), u = !!s.get("enableCellSpan") && !!i.getSpannedRowCtrls, h = k([]), g = k([]), [p, f] = A(() => []), C = k(!1), v = k(), w = B(() => zt("ag-viewport", Rm(e)), [e]), b = B(() => zt(Wr(e)), [e]), y = B(() => zt("ag-spanning-container", Mx(e)), [e]), S = i.type === "center" || u, R = S ? o : n;
+  const { context: t, gos: s } = ot(vt), i = B(() => Nn(e), [e]), o = k(null), n = k(null), r = k(null), a = k([]), l = k([]), [c, d] = A(() => []), u = !!s.get("enableCellSpan") && !!i.getSpannedRowCtrls, h = k([]), g = k([]), [p, f] = A(() => []), C = k(!1), v = k(), w = B(() => zt("ag-viewport", Rm(e)), [e]), b = B(() => zt(Wr(e)), [e]), S = B(() => zt("ag-spanning-container", Mx(e)), [e]), y = i.type === "center" || u, R = y ? o : n;
   di(" AG Row Container " + e + " ", R);
-  const F = D(() => {
-    const N = !S || o.current != null, J = n.current != null, ne = !u || r.current != null;
+  const x = D(() => {
+    const N = !y || o.current != null, J = n.current != null, ne = !u || r.current != null;
     return N && J && ne;
-  }, []), x = D(() => o.current == null && n.current == null && r.current == null, []), P = D(() => {
-    if (x() && (v.current = t.destroyBean(v.current)), !t.isDestroyed() && F()) {
+  }, []), F = D(() => o.current == null && n.current == null && r.current == null, []), P = D(() => {
+    if (F() && (v.current = t.destroyBean(v.current)), !t.isDestroyed() && x()) {
       const N = (O) => {
         const le = ya(
           l.current,
@@ -44163,7 +44163,7 @@ var wk = 1e3, bk = class {
         o.current
       );
     }
-  }, [F, x]), T = D(
+  }, [x, F]), T = D(
     (N) => {
       n.current = N, P();
     },
@@ -44183,16 +44183,16 @@ var wk = 1e3, bk = class {
     {
       className: b,
       ref: T,
-      role: S ? "presentation" : "rowgroup"
+      role: y ? "presentation" : "rowgroup"
     },
     c.map((N) => /* @__PURE__ */ q.createElement(zg, { rowCtrl: N, containerType: i.type, key: N.instanceId }))
   );
-  if (!S)
+  if (!y)
     return U();
-  const K = () => /* @__PURE__ */ q.createElement("div", { className: y, ref: E, role: "presentation" }, p.map((N) => /* @__PURE__ */ q.createElement(zg, { rowCtrl: N, containerType: i.type, key: N.instanceId })));
+  const K = () => /* @__PURE__ */ q.createElement("div", { className: S, ref: E, role: "presentation" }, p.map((N) => /* @__PURE__ */ q.createElement(zg, { rowCtrl: N, containerType: i.type, key: N.instanceId })));
   return /* @__PURE__ */ q.createElement("div", { className: w, ref: M, role: "rowgroup" }, U(), u ? K() : null);
 }, $k = Ct(Uk), jk = () => {
-  const e = ot(vt), { 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, C] = A("0px"), [v, w] = A("0px"), [b, y] = A("100%"), [S, R] = A(!0), [F, x] = A(!0), [P, T] = A(null), [E, M] = A(""), [U, K] = A(null), [N, J] = A("ag-layout-normal"), ne = k();
+  const e = ot(vt), { 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, C] = A("0px"), [v, w] = A("0px"), [b, S] = A("100%"), [y, R] = A(!0), [x, F] = A(!0), [P, T] = A(null), [E, M] = A(""), [U, K] = A(null), [N, J] = A("ag-layout-normal"), ne = k();
   ne.current || (ne.current = new Ln(() => O.current));
   const O = k(null), le = k(null), $ = k(null), oe = k(null), X = k(null), te = k(null), Z = k(null), se = k([]), ve = k([]);
   di(" AG Grid Body ", O), di(" AG Pinned Top ", le), di(" AG Sticky Top ", $), di(" AG Middle ", te), di(" AG Pinned Bottom ", Z);
@@ -44229,7 +44229,7 @@ var wk = 1e3, bk = class {
       setStickyTopTop: h,
       setStickyTopWidth: p,
       setTopInvisible: R,
-      setBottomInvisible: x,
+      setBottomInvisible: F,
       setColumnMovingCss: (V, xe) => ne.current.toggleCss(V, xe),
       updateLayoutClasses: J,
       setAlwaysVerticalScrollClass: T,
@@ -44246,7 +44246,7 @@ var wk = 1e3, bk = class {
       },
       setStickyBottomHeight: C,
       setStickyBottomBottom: w,
-      setStickyBottomWidth: y,
+      setStickyBottomWidth: S,
       setGridRootRole: (V) => Re.setAttribute("role", V)
     }, is = t.createBean(new Ux());
     se.current.push(is), is.setComp(
@@ -44268,14 +44268,14 @@ var wk = 1e3, bk = class {
     ),
     [i, N, P, U]
   ), G = B(() => zt("ag-body", N), [N]), re = B(
-    () => zt("ag-floating-top", S ? "ag-invisible" : null, U),
-    [U, S]
+    () => zt("ag-floating-top", y ? "ag-invisible" : null, U),
+    [U, y]
   ), ae = B(() => zt("ag-sticky-top", U), [U]), ye = B(
     () => zt("ag-sticky-bottom", f === "0px" ? "ag-invisible" : null, U),
     [U, f]
   ), Ee = B(
-    () => zt("ag-floating-bottom", F ? "ag-invisible" : null, U),
-    [U, F]
+    () => zt("ag-floating-bottom", x ? "ag-invisible" : null, U),
+    [U, x]
   ), Ie = B(
     () => ({
       height: n,
@@ -44364,7 +44364,7 @@ var wk = 1e3, bk = class {
           eFocusableElement: i,
           onTabKeyDown: o,
           forceFocusOutWhenTabGuardsAreEmpty: r,
-          focusInnerElement: (y) => n.focusInnerElement(y),
+          focusInnerElement: (S) => n.focusInnerElement(S),
           isEmpty: a
         })
       );
@@ -44393,7 +44393,7 @@ var wk = 1e3, bk = class {
   return /* @__PURE__ */ q.createElement(q.Fragment, null, C("top"), s, C("bottom"));
 }, Yk = Pd(qk), Zk = Ct(Yk), Qk = ({ context: e }) => {
   const [t, s] = A(""), [i, o] = A(""), [n, r] = A(null), [a, l] = A(null), [c, d] = A(!1), [u, h] = A(), g = k(), p = k(null), f = k(), [C, v] = A(null), w = k(() => {
-  }), b = k(), y = k([]), S = D(() => {
+  }), b = k(), S = k([]), y = D(() => {
   }, []);
   di(" AG Grid ", p);
   const R = D((M) => {
@@ -44417,7 +44417,7 @@ var wk = 1e3, bk = class {
       getFocusableContainers: () => {
         const N = [], J = p.current?.querySelector(".ag-root");
         J && N.push({ getGui: () => J });
-        for (const ne of y.current)
+        for (const ne of S.current)
           ne.isDisplayed() && N.push(ne);
         return N;
       },
@@ -44443,7 +44443,7 @@ var wk = 1e3, bk = class {
     }
     if (ne) {
       const X = e.createBean(new ne.component()), te = X.getGui(), Z = C.querySelector(".ag-tab-guard-bottom");
-      Z && (Z.insertAdjacentElement("beforebegin", te), $.push(te)), K.push(X), y.current.push(X);
+      Z && (Z.insertAdjacentElement("beforebegin", te), $.push(te)), K.push(X), S.current.push(X);
     }
     const oe = (X) => {
       const te = e.createBean(new X()), Z = te.getGui();
@@ -44451,7 +44451,7 @@ var wk = 1e3, bk = class {
     };
     if (O && oe(O.component), J) {
       const X = oe(J.component);
-      b.current = X, y.current.push(X);
+      b.current = X, S.current.push(X);
     }
     return N && oe(N.component), () => {
       e.destroyBeans(K);
@@ -44459,10 +44459,10 @@ var wk = 1e3, bk = class {
         X.remove();
     };
   }, [u, C, e]);
-  const F = B(
+  const x = B(
     () => zt("ag-root-wrapper", t, i),
     [t, i]
-  ), x = B(
+  ), F = B(
     () => zt("ag-root-wrapper-body", "ag-focus-managed", i),
     [i]
   ), P = B(
@@ -44475,12 +44475,12 @@ var wk = 1e3, bk = class {
   ), T = D((M) => {
     f.current = M, h(M !== null);
   }, []), E = D(() => !g.current?.isFocusable(), []);
-  return /* @__PURE__ */ q.createElement("div", { ref: R, className: F, style: P, role: "presentation" }, /* @__PURE__ */ q.createElement("div", { className: x, ref: v, role: "presentation" }, c && C && !e.isDestroyed() && /* @__PURE__ */ q.createElement(vt.Provider, { value: e.getBeans() }, /* @__PURE__ */ q.createElement(
+  return /* @__PURE__ */ q.createElement("div", { ref: R, className: x, style: P, role: "presentation" }, /* @__PURE__ */ q.createElement("div", { className: F, ref: v, role: "presentation" }, c && C && !e.isDestroyed() && /* @__PURE__ */ q.createElement(vt.Provider, { value: e.getBeans() }, /* @__PURE__ */ q.createElement(
     Zk,
     {
       ref: T,
       eFocusableElement: C,
-      onTabKeyDown: S,
+      onTabKeyDown: y,
       gridCtrl: g.current,
       forceFocusOutWhenTabGuardsAreEmpty: !0,
       isEmpty: E
@@ -44550,24 +44550,24 @@ var wk = 1e3, bk = class {
       e.gridOptions,
       e,
       Object.keys(e).filter((E) => !rv.has(E))
-    ), y = () => {
+    ), S = () => {
       if (c.current) {
         const E = () => a.current?.shouldQueueUpdates() ? void 0 : n.current.shift();
         let M = E();
         for (; M; )
           M(), M = E();
       }
-    }, S = new n8(y);
-    a.current = S;
-    const R = new Jk(), F = {
+    }, y = new n8(S);
+    a.current = y;
+    const R = new Jk(), x = {
       providedBeanInstances: {
         frameworkCompWrapper: new i8(i.current, b),
         renderStatus: R
       },
       modules: w,
-      frameworkOverrides: S,
+      frameworkOverrides: y,
       setThemeOnGridDiv: !0
-    }, x = (E) => {
+    }, F = (E) => {
       u(E), E.createBean(R), o.current.push(() => {
         E.destroy();
       }), E.getBean("ctrlsSvc").whenReady(
@@ -44600,9 +44600,9 @@ var wk = 1e3, bk = class {
     b.gridId ?? (b.gridId = l.current), t.current = T.create(
       v,
       b,
-      x,
+      F,
       P,
-      F
+      x
     ), o.current.push(() => {
       t.current = void 0;
     }), t.current && (l.current = t.current.getGridId());
@@ -44690,25 +44690,25 @@ var i8 = class extends x4 {
   const s = ot(vt), { registry: i, context: o, gos: n, rowModel: r } = s, [a, l] = A(() => new Kt()), [c, d] = A(() => new Kt()), [u, h] = A(), [g, p] = A(), f = k(), C = k(null), v = k(), w = B(
     () => ey(e.api.getGridId(), u?.rowModelType ?? "clientSide"),
     [e]
-  ), b = B(() => a.toString() + " ag-details-row", [a]), y = B(() => c.toString() + " ag-details-grid", [c]);
+  ), b = B(() => a.toString() + " ag-details-row", [a]), S = B(() => c.toString() + " ag-details-grid", [c]);
   t && Tn(t, () => ({
     refresh() {
       return f.current?.refresh() ?? !1;
     }
   })), e.template && _(230);
-  const S = D((F) => {
-    if (C.current = F, !F || o.isDestroyed()) {
+  const y = D((x) => {
+    if (C.current = x, !x || o.isDestroyed()) {
       f.current = o.destroyBean(f.current), v.current?.();
       return;
     }
-    const x = {
+    const F = {
       toggleCss: (T, E) => l((M) => M.setClass(T, E)),
       toggleDetailGridCss: (T, E) => d((M) => M.setClass(T, E)),
       setDetailGrid: (T) => h(T),
       setRowData: (T) => p(T),
       getGui: () => C.current
     }, P = i.createDynamicBean("detailCellRendererCtrl", !0);
-    if (P && (o.createBean(P), P.init(x, e), f.current = P, n.get("detailRowAutoHeight"))) {
+    if (P && (o.createBean(P), P.init(F, e), f.current = P, n.get("detailRowAutoHeight"))) {
       const T = () => {
         if (C.current == null)
           return;
@@ -44717,15 +44717,15 @@ var i8 = class extends x4 {
           e.node.setRowHeight(E), (Qe(n) || Ii(n)) && r.onRowHeightChanged();
         }, 0);
       };
-      v.current = Ns(s, F, T), T();
+      v.current = Ns(s, x, T), T();
     }
-  }, []), R = D((F) => {
-    f.current?.registerDetailWithMaster(F);
+  }, []), R = D((x) => {
+    f.current?.registerDetailWithMaster(x);
   }, []);
-  return /* @__PURE__ */ q.createElement("div", { className: b, ref: S }, u && /* @__PURE__ */ q.createElement(
+  return /* @__PURE__ */ q.createElement("div", { className: b, ref: y }, u && /* @__PURE__ */ q.createElement(
     av,
     {
-      className: y,
+      className: S,
       ...u,
       modules: w,
       rowData: g,
@@ -44825,15 +44825,15 @@ const l8 = ee(
   matchReferenceWidth: v = !0,
   maxDropdownHeight: w
 }) => {
-  const [b, y] = A(a), S = r !== void 0, R = S ? !!r : b, F = k(null), x = D(
+  const [b, S] = A(a), y = r !== void 0, R = y ? !!r : b, x = k(null), F = D(
     (W) => {
-      S || y(W), l?.(W);
+      y || S(W), l?.(W);
     },
-    [S, l]
+    [y, l]
   ), P = Td(), T = o === void 0, E = (W) => "clientWidth" in W ? W.clientWidth : W.getBoundingClientRect?.()?.width ?? 0, { refs: M, floatingStyles: U, context: K } = Sd({
     placement: o,
     open: R,
-    onOpenChange: x,
+    onOpenChange: F,
     whileElementsMounted: ap,
     middleware: [
       op({ mainAxis: Qo, crossAxis: 0 }),
@@ -44898,29 +44898,29 @@ const l8 = ee(
     [M]
   ), X = D(
     (W) => {
-      !i.includes(Ut.ContextMenu) || n || (W.preventDefault(), C && (oe(W.clientX, W.clientY), F.current = document.elementFromPoint(
+      !i.includes(Ut.ContextMenu) || n || (W.preventDefault(), C && (oe(W.clientX, W.clientY), x.current = document.elementFromPoint(
         W.clientX,
         W.clientY
-      )), x(!0));
+      )), F(!0));
     },
-    [C, n, x, oe, i]
+    [C, n, F, oe, i]
   ), te = D(
     (W) => {
-      !C || n || (i.includes(Ut.ContextMenu) && R && x(!1), oe(W.clientX, W.clientY), F.current = document.elementFromPoint(
+      !C || n || (i.includes(Ut.ContextMenu) && R && F(!1), oe(W.clientX, W.clientY), x.current = document.elementFromPoint(
         W.clientX,
         W.clientY
       ));
     },
-    [C, n, oe, R, i, x]
+    [C, n, oe, R, i, F]
   );
   we(() => {
-    n && R && x(!1);
-  }, [n, R, x]);
+    n && R && F(!1);
+  }, [n, R, F]);
   const Z = D(
     (W) => (ie) => {
-      W.disabled || (W.onClick?.({ key: W.key, domEvent: ie }), t?.onClick?.({ key: W.key, domEvent: ie }), x(!1));
+      W.disabled || (W.onClick?.({ key: W.key, domEvent: ie }), t?.onClick?.({ key: W.key, domEvent: ie }), F(!1));
     },
-    [t, x]
+    [t, F]
   ), se = B(() => s ? s() : t ? /* @__PURE__ */ z(ze, { children: [
     t.header && /* @__PURE__ */ m(ze, { children: typeof t.header == "function" ? t.header() : t.header }),
     /* @__PURE__ */ m("div", { role: "none", className: "py-1", "aria-label": "dropdown", children: t.items.map((W) => W.type === pd.Divider ? /* @__PURE__ */ m(
@@ -44990,15 +44990,15 @@ const l8 = ee(
     if (!R) return;
     const W = M.reference.current;
     let ie = null;
-    if (W instanceof Element ? ie = W : F.current instanceof Element && (ie = F.current), !ie) return;
+    if (W instanceof Element ? ie = W : x.current instanceof Element && (ie = x.current), !ie) return;
     const H = new IntersectionObserver(
       ([G]) => {
-        G.isIntersecting || x(!1);
+        G.isIntersecting || F(!1);
       },
       { root: null, threshold: 0 }
     );
     return H.observe(ie), () => H.disconnect();
-  }, [R, M.reference, x]), /* @__PURE__ */ z(ze, { children: [
+  }, [R, M.reference, F]), /* @__PURE__ */ z(ze, { children: [
     /* @__PURE__ */ m(
       "span",
       {
@@ -45040,7 +45040,7 @@ const l8 = ee(
                 {
                   ariaLabel: "Close dropdown",
                   onClose: (W) => {
-                    d?.(W), x(!1);
+                    d?.(W), F(!1);
                   }
                 }
               ) }),
@@ -45098,8 +45098,8 @@ const l8 = ee(
     if (e !== void 0 && !t) {
       const v = /* @__PURE__ */ new Map();
       o.forEach((b) => {
-        const y = n(b);
-        e.has(y) && !r?.has(y) && v.set(y, b);
+        const S = n(b);
+        e.has(S) && !r?.has(S) && v.set(S, b);
       }), (v.size !== a.size || Array.from(v.keys()).some((b) => !a.has(b))) && l(v);
     }
   }, [
@@ -45115,8 +45115,8 @@ const l8 = ee(
       const b = n(v);
       if (r?.has(b))
         return;
-      const y = new Map(c);
-      w ? y.set(b, v) : y.delete(b), g || l(y), i?.(y), s && s(new Set(y.keys()), Array.from(y.values()));
+      const S = new Map(c);
+      w ? S.set(b, v) : S.delete(b), g || l(S), i?.(S), s && s(new Set(S.keys()), Array.from(S.values()));
     },
     [
       c,
@@ -45136,11 +45136,11 @@ const l8 = ee(
     (v) => {
       const w = /* @__PURE__ */ new Map();
       if (v && h.forEach((b) => {
-        const y = n(b);
-        w.set(y, b);
+        const S = n(b);
+        w.set(S, b);
       }), g || l(w), i && i(w), s) {
-        const b = new Set(w.keys()), y = Array.from(w.values());
-        s(b, y);
+        const b = new Set(w.keys()), S = Array.from(w.values());
+        s(b, S);
       }
     },
     [
@@ -45175,17 +45175,17 @@ const cv = ({
   selectionOnHover: u = !0,
   onSelectionChange: h,
   onSelectionChangeWithMap: g,
-  getRowId: p = (F) => String(F.id || JSON.stringify(F)),
+  getRowId: p = (x) => String(x.id || JSON.stringify(x)),
   alternateOddRowColors: f = !1,
   filterPlaceholder: C = "Enter value",
   emptyStateIcon: v,
   emptyStateTitle: w = "No results found",
   emptyStateDescription: b = "Sorry, we couldn't find any results for your search.",
-  loading: y = !1,
-  wrapperBorder: S = !0,
+  loading: S = !1,
+  wrapperBorder: y = !0,
   withoutHeaderBorders: R = !1
 }) => {
-  const [F, x] = A(pc), [P, T] = A(), E = Td(), {
+  const [x, F] = A(pc), [P, T] = A(), E = Td(), {
     currentSelectedIds: M,
     handleSelectionToggle: U,
     headerCheckboxState: K,
@@ -45202,11 +45202,11 @@ const cv = ({
     () => ({
       ...gc,
       oddRowBackgroundColor: f ? gc.oddRowBackgroundColor : gc.backgroundColor,
-      wrapperBorder: S
+      wrapperBorder: y
     }),
-    [f, S]
+    [f, y]
   ), ne = D((ie) => {
-    ie.api.sizeColumnsToFit(), x(pc);
+    ie.api.sizeColumnsToFit(), F(pc);
   }, []), O = D(
     (ie) => {
       if (!ie.data) return "";
@@ -45406,7 +45406,7 @@ const cv = ({
       ),
       "aria-label": n,
       role: "region",
-      "aria-busy": y,
+      "aria-busy": S,
       children: /* @__PURE__ */ m(
         "div",
         {
@@ -45418,7 +45418,7 @@ const cv = ({
             {
               rowModelType: "clientSide",
               headerHeight: pc,
-              rowHeight: F,
+              rowHeight: x,
               cellSelection: !1,
               getRowClass: O,
               theme: Z3.withPart(T3).withParams({ ...J }),
@@ -45427,7 +45427,7 @@ const cv = ({
               defaultColDef: se,
               onGridSizeChanged: ne,
               onGridReady: ve,
-              loading: y,
+              loading: S,
               suppressCellFocus: !0,
               suppressDragLeaveHidesColumns: !0,
               noRowsOverlayComponent: W,
@@ -45508,24 +45508,24 @@ const _g = () => typeof window < "u" && window.innerWidth < 640, fc = () => {
   desktopDropdownClassName: a,
   desktopTabClassName: l
 }) => {
-  const [c, d] = A(!1), [u, h] = A(!1), [g, p] = A(!1), f = C8(), C = f === Ks.Mobile || o === Ra.Tablet && f === Ks.Tablet, v = i === fd.Horizontal, w = k(null), b = k(null), y = k(null), S = e.find((x) => x.id === t), R = B(
+  const [c, d] = A(!1), [u, h] = A(!1), [g, p] = A(!1), f = C8(), C = f === Ks.Mobile || o === Ra.Tablet && f === Ks.Tablet, v = i === fd.Horizontal, w = k(null), b = k(null), S = k(null), y = e.find((F) => F.id === t), R = B(
     () => ee(
       "flex gap-2",
       v ? "flex-row flex-nowrap overflow-x-auto" : "flex-col flex-wrap w-full"
     ),
     [v]
-  ), F = D(() => {
-    const x = b.current;
-    x && p(x.scrollWidth > x.clientWidth);
+  ), x = D(() => {
+    const F = b.current;
+    F && p(F.scrollWidth > F.clientWidth);
   }, []);
   return we(() => {
-    F();
-    const x = new ResizeObserver(() => F()), P = b.current;
-    return P && x.observe(P), () => x.disconnect();
-  }, [e, F]), we(() => {
-    const x = y.current, P = b.current;
-    if (!x || !P) return;
-    const T = x.offsetLeft, E = T + x.offsetWidth, M = P.scrollLeft, U = M + P.clientWidth;
+    x();
+    const F = new ResizeObserver(() => x()), P = b.current;
+    return P && F.observe(P), () => F.disconnect();
+  }, [e, x]), we(() => {
+    const F = S.current, P = b.current;
+    if (!F || !P) return;
+    const T = F.offsetLeft, E = T + F.offsetWidth, M = P.scrollLeft, U = M + P.clientWidth;
     T < M ? P.scrollTo({
       left: T - Wg,
       behavior: "smooth"
@@ -45549,11 +45549,11 @@ const _g = () => typeof window < "u" && window.innerWidth < 640, fc = () => {
           onOpenChange: d,
           placement: "bottom-start",
           allowedPlacements: ["bottom-start", "top-start"],
-          renderOverlay: () => e.map((x) => /* @__PURE__ */ m(
+          renderOverlay: () => e.map((F) => /* @__PURE__ */ m(
             Fr,
             {
-              tab: x,
-              active: x.id === t,
+              tab: F,
+              active: F.id === t,
               onClick: (P) => {
                 s(P), d(!1);
               },
@@ -45562,13 +45562,13 @@ const _g = () => typeof window < "u" && window.innerWidth < 640, fc = () => {
                 r
               )
             },
-            x.id
+            F.id
           )),
           children: /* @__PURE__ */ z("div", { className: "flex gap-2 items-center h-11 cursor-pointer", children: [
             /* @__PURE__ */ m(
               Fr,
               {
-                tab: S,
+                tab: y,
                 active: !0,
                 onClick: s,
                 className: "rounded-none bg-transparent border-l-0 border-b-0 h-full items-center px-0"
@@ -45592,23 +45592,23 @@ const _g = () => typeof window < "u" && window.innerWidth < 640, fc = () => {
   ) : (
     // Desktop
     /* @__PURE__ */ z("div", { ref: w, className: "flex w-full items-start", children: [
-      /* @__PURE__ */ m("div", { ref: b, role: "tablist", className: R, children: e.map((x) => /* @__PURE__ */ m(
+      /* @__PURE__ */ m("div", { ref: b, role: "tablist", className: R, children: e.map((F) => /* @__PURE__ */ m(
         "div",
         {
-          ref: t === x.id ? y : void 0,
+          ref: t === F.id ? S : void 0,
           className: "w-full",
           children: /* @__PURE__ */ m(
             Fr,
             {
-              tab: x,
-              active: t === x.id,
+              tab: F,
+              active: t === F.id,
               onClick: s,
               horizontal: v,
               className: pe("w-full", l)
             }
           )
         },
-        x.id
+        F.id
       )) }),
       g && /* @__PURE__ */ m("div", { className: "flex items-center ml-2", children: /* @__PURE__ */ m(
         Ot,
@@ -45617,17 +45617,17 @@ const _g = () => typeof window < "u" && window.innerWidth < 640, fc = () => {
           open: u,
           onOpenChange: h,
           placement: "bottom-end",
-          renderOverlay: () => e.map((x) => /* @__PURE__ */ m(
+          renderOverlay: () => e.map((F) => /* @__PURE__ */ m(
             Fr,
             {
-              tab: x,
-              active: x.id === t,
+              tab: F,
+              active: F.id === t,
               onClick: (P) => {
                 s(P), h(!1);
               },
               className: "w-full rounded-none h-8 items-center px-3 py-2"
             },
-            x.id
+            F.id
           )),
           children: /* @__PURE__ */ m(
             Nt,
@@ -45937,13 +45937,13 @@ const _g = () => typeof window < "u" && window.innerWidth < 640, fc = () => {
   suffix: v,
   textBeforeInput: w,
   textAfterInput: b,
-  onBlur: y,
-  defaultValue: S,
+  onBlur: S,
+  defaultValue: y,
   tooltipText: R,
-  hideTooltip: F = !1,
-  inputRef: x
+  hideTooltip: x = !1,
+  inputRef: F
 }) => {
-  const P = k(null), T = Fd([x, P]);
+  const P = k(null), T = Fd([F, P]);
   we(() => {
     const K = P.current;
     if (!K) return;
@@ -46005,7 +46005,7 @@ const _g = () => typeof window < "u" && window.innerWidth < 640, fc = () => {
         /* @__PURE__ */ m(
           Ls,
           {
-            tooltip: F ? void 0 : R || i,
+            tooltip: x ? void 0 : R || i,
             triggerClassName: ee(l, "flex-1"),
             children: /* @__PURE__ */ m(
               "input",
@@ -46015,7 +46015,7 @@ const _g = () => typeof window < "u" && window.innerWidth < 640, fc = () => {
                 autoComplete: "new-password",
                 id: o,
                 placeholder: n,
-                value: S ? void 0 : i ?? "",
+                value: y ? void 0 : i ?? "",
                 disabled: d,
                 className: ee(
                   "border-0 bg-transparent w-full truncate",
@@ -46023,10 +46023,10 @@ const _g = () => typeof window < "u" && window.innerWidth < 640, fc = () => {
                 ),
                 onChange: (K) => !u && U?.(K),
                 onKeyDown: M,
-                onBlur: y,
+                onBlur: S,
                 min: p,
                 max: f,
-                defaultValue: S
+                defaultValue: y
               }
             )
           }
@@ -46226,12 +46226,12 @@ const L8 = "z-[52] flex items-center justify-center bg-blackout md:p-4", O8 = "d
 }) => {
   const { refs: p, context: f } = Sd({
     open: e,
-    onOpenChange: (S) => {
-      S || d?.(null);
+    onOpenChange: (y) => {
+      y || d?.(null);
     }
   }), C = Rd(f, { role: "dialog" }), v = yd(f, { outsidePress: g }), { getFloatingProps: w } = xd([C, v]);
   if (!e) return null;
-  const b = typeof t == "string" ? "dial-popup-heading" : void 0, y = (S) => S ? typeof S == "string" ? /* @__PURE__ */ m(
+  const b = typeof t == "string" ? "dial-popup-heading" : void 0, S = (y) => y ? typeof y == "string" ? /* @__PURE__ */ m(
     "h3",
     {
       id: b,
@@ -46239,9 +46239,9 @@ const L8 = "z-[52] flex items-center justify-center bg-blackout md:p-4", O8 = "d
         "flex-1 min-w-0 mr-3 truncate dial-h3 text-primary",
         n
       ),
-      children: /* @__PURE__ */ m(Ls, { tooltip: S, children: S })
+      children: /* @__PURE__ */ m(Ls, { tooltip: y, children: y })
     }
-  ) : S : /* @__PURE__ */ m("span", {});
+  ) : y : /* @__PURE__ */ m("span", {});
   return /* @__PURE__ */ m(Ed, { id: s, children: /* @__PURE__ */ m(
     Bv,
     {
@@ -46266,12 +46266,12 @@ const L8 = "z-[52] flex items-center justify-center bg-blackout md:p-4", O8 = "d
               {
                 className: pe(N8, r),
                 children: [
-                  y(t),
+                  S(t),
                   !h && /* @__PURE__ */ m(
                     lv,
                     {
                       ariaLabel: "Close dialog",
-                      onClose: (S) => d?.(S)
+                      onClose: (y) => d?.(y)
                     }
                   )
                 ]
@@ -46501,20 +46501,20 @@ const G8 = "flex justify-end gap-2 px-6 py-4", B8 = "text-secondary dial-small-1
   id: w,
   size: b = qt.Md
 }) => {
-  const [y, S] = A(!1), R = D(() => {
-    s || S(!0);
-  }, [s]), F = D(() => {
-    S(!1), c?.();
-  }, [c]), x = D(() => {
-    h(), F();
-  }, [h, F]);
+  const [S, y] = A(!1), R = D(() => {
+    s || y(!0);
+  }, [s]), x = D(() => {
+    y(!1), c?.();
+  }, [c]), F = D(() => {
+    h(), x();
+  }, [h, x]);
   return /* @__PURE__ */ z("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ m(xo, { fieldTitle: e, htmlFor: t }),
     /* @__PURE__ */ m(
       _8,
       {
         disabled: s,
-        open: y,
+        open: S,
         selectedValue: n ?? o.find((P) => P.id === i)?.name,
         valueClassName: r,
         inputClassName: ee(a, "py-2", "px-3"),
@@ -46523,8 +46523,8 @@ const G8 = "flex justify-end gap-2 px-6 py-4", B8 = "text-secondary dial-small-1
         children: /* @__PURE__ */ m(
           Mo,
           {
-            open: y,
-            onClose: F,
+            open: S,
+            onClose: x,
             header: d,
             portalId: u,
             size: b,
@@ -46533,14 +46533,14 @@ const G8 = "flex justify-end gap-2 px-6 py-4", B8 = "text-secondary dial-small-1
                 ei,
                 {
                   label: g,
-                  onClick: F
+                  onClick: x
                 }
               ),
               /* @__PURE__ */ m(
                 ws,
                 {
                   label: p,
-                  onClick: x,
+                  onClick: F,
                   disabled: !f
                 }
               )
@@ -46832,22 +46832,22 @@ const Z8 = {
   onChange: l
 }) => {
   const c = k(null), [d, u] = A(e), [h, g] = A(""), [p, f] = A(!1), C = (b) => {
-    const y = b.trim().replace(/,$/, "");
-    if (y && !d.includes(y)) {
-      const S = [y, ...d];
-      u(S), l?.(S);
+    const S = b.trim().replace(/,$/, "");
+    if (S && !d.includes(S)) {
+      const y = [S, ...d];
+      u(y), l?.(y);
     }
   }, v = (b) => {
     (b.key === "," || b.key === "Enter") && (b.preventDefault(), C(h), g(""));
   }, w = (b) => {
-    const y = d.filter((S, R) => R !== b);
-    u(y), l?.(y);
+    const S = d.filter((y, R) => R !== b);
+    u(S), l?.(S);
   };
   return we(() => {
     const b = new ResizeObserver(() => {
       if (c.current) {
-        const y = c.current.scrollHeight > c.current.clientHeight + 10;
-        f(y);
+        const S = c.current.scrollHeight > c.current.clientHeight + 10;
+        f(S);
       }
     });
     return c.current && b.observe(c.current), () => b.disconnect();
@@ -46877,13 +46877,13 @@ const Z8 = {
               p ? "flex-col-reverse" : "flex-row"
             ),
             children: [
-              d.map((b, y) => /* @__PURE__ */ m(
+              d.map((b, S) => /* @__PURE__ */ m(
                 Bd,
                 {
                   tag: b,
-                  remove: a ? void 0 : () => w(y)
+                  remove: a ? void 0 : () => w(S)
                 },
-                b + y
+                b + S
               )),
               /* @__PURE__ */ m(
                 "input",
@@ -46945,11 +46945,11 @@ const iL = ({
   emptyStateIcon: v,
   disabled: w = !1,
   className: b,
-  listClassName: y,
-  closable: S = !1,
+  listClassName: S,
+  closable: y = !1,
   header: R,
-  footer: F,
-  onClose: x,
+  footer: x,
+  onClose: F,
   onChange: P,
   inlineSearch: T = !1,
   dismissRef: E,
@@ -47091,12 +47091,12 @@ const iL = ({
       open: $,
       onOpenChange: Pe,
       disabled: w,
-      closable: S,
-      onClose: x,
+      closable: y,
+      onClose: F,
       placement: "bottom-start",
       allowedPlacements: ["bottom-start", "top-start"],
       maxDropdownHeight: d ? null : tL,
-      listClassName: y,
+      listClassName: S,
       renderOverlay: () => /* @__PURE__ */ z(
         "div",
         {
@@ -47106,7 +47106,7 @@ const iL = ({
           className: X8,
           children: [
             R && /* @__PURE__ */ m(ze, { children: typeof R == "function" ? R() : R }),
-            (d || S) && e.length > 8 && /* @__PURE__ */ z("div", { className: "flex items-center gap-2 px-2 pt-2", children: [
+            (d || y) && e.length > 8 && /* @__PURE__ */ z("div", { className: "flex items-center gap-2 px-2 pt-2", children: [
               d && /* @__PURE__ */ m(
                 Cv,
                 {
@@ -47116,14 +47116,14 @@ const iL = ({
                   elementId: `search-${s || J}`
                 }
               ),
-              S && /* @__PURE__ */ m(
+              y && /* @__PURE__ */ m(
                 Nt,
                 {
                   "aria-label": "Close select",
                   className: "shrink-0",
                   iconBefore: /* @__PURE__ */ m(So, { size: 16 }),
                   onClick: (V) => {
-                    x?.(V), oe(!1);
+                    F?.(V), oe(!1);
                   }
                 }
               )
@@ -47211,13 +47211,13 @@ const iL = ({
                 })
               }
             ),
-            F && /* @__PURE__ */ m(
+            x && /* @__PURE__ */ m(
               "div",
               {
                 onClick: (V) => {
                   M?.(V), M && oe(!1);
                 },
-                children: typeof F == "function" ? F() : F
+                children: typeof x == "function" ? x() : x
               }
             )
           ]
@@ -47613,10 +47613,10 @@ function gL(e, t, s, i, o) {
     l.x / c * g,
     // Dock to the right
     l.x + g - c
-  ]).interpolate(u), { offsetX: v, offsetY: w } = o, b = v === 0 || v, y = w === 0 || w;
+  ]).interpolate(u), { offsetX: v, offsetY: w } = o, b = v === 0 || v, S = w === 0 || w;
   return {
     x: b ? v : C(),
-    y: y ? w : f()
+    y: S ? w : f()
   };
 }
 class pL {
@@ -47936,7 +47936,7 @@ const CL = function(t, s, i) {
   we(() => {
     b();
   }, [o]);
-  const [{ isOver: y, canDrop: S }, R] = _p(
+  const [{ isOver: S, canDrop: y }, R] = _p(
     () => ({
       accept: [Wu],
       drop(E) {
@@ -47949,9 +47949,9 @@ const CL = function(t, s, i) {
       })
     }),
     [C]
-  ), F = (E) => {
+  ), x = (E) => {
     (E.key === "Enter" || E.key === "Space") && (E.preventDefault(), u.current?.click());
-  }, x = (E) => {
+  }, F = (E) => {
     E?.preventDefault();
     const M = Array.from(E.dataTransfer?.items ?? []);
     f(!!c?.(M)), g(M);
@@ -47959,8 +47959,8 @@ const CL = function(t, s, i) {
     E.target === E.currentTarget && b();
   }, T = ee(
     "border border-dashed rounded w-full cursor-pointer relative h-full hover:border-hover",
-    !S && !w && "border-primary",
-    S && (y ? "border-accent-primary" : "border-hover"),
+    !y && !w && "border-primary",
+    y && (S ? "border-accent-primary" : "border-hover"),
     w && "border-error"
   );
   return R(d), /* @__PURE__ */ z(ze, { children: [
@@ -47969,7 +47969,7 @@ const CL = function(t, s, i) {
       {
         className: T,
         ref: d,
-        onDragOver: x,
+        onDragOver: F,
         onDragLeave: P,
         children: [
           /* @__PURE__ */ z(
@@ -47977,7 +47977,7 @@ const CL = function(t, s, i) {
             {
               htmlFor: "file",
               tabIndex: 0,
-              onKeyDown: F,
+              onKeyDown: x,
               className: "flex flex-col items-center cursor-pointer h-full w-full text-secondary dial-tiny justify-center",
               children: [
                 t && /* @__PURE__ */ m("p", { className: "mb-1", children: t }),
@@ -48376,17 +48376,17 @@ function _L({
   }, [t, e, g]), we(() => {
     const w = h.current;
     if (!t || !w) return;
-    const b = (y) => {
-      y.key === "Enter" ? (y.preventDefault(), h.current?.blur()) : y.key === "Escape" && (y.preventDefault(), v());
+    const b = (S) => {
+      S.key === "Enter" ? (S.preventDefault(), h.current?.blur()) : S.key === "Escape" && (S.preventDefault(), v());
     };
     return w.addEventListener("keydown", b), () => w.removeEventListener("keydown", b);
   }, [t, C, v]), we(() => {
     if (!t) return;
     const w = h.current;
     if (!w) return;
-    const b = (y) => {
-      const S = y.relatedTarget;
-      S && w.contains(S) || (p(r) ? C() : w.focus());
+    const b = (S) => {
+      const y = S.relatedTarget;
+      y && w.contains(y) || (p(r) ? C() : w.focus());
     };
     return w.addEventListener("blur", b), () => {
       w.removeEventListener("blur", b);
@@ -48518,16 +48518,16 @@ const Fa = ({
   onRenameValidate: w,
   onExpandedPathsChange: b
 }) => {
-  const { expandedPaths: y, togglePath: S } = Ev({
+  const { expandedPaths: S, togglePath: y } = Ev({
     expandedPaths: s ?? /* @__PURE__ */ new Set(),
     onExpandedPathsChange: b
-  }), R = (x) => {
-    p?.(x), S(x.path);
-  }, F = (x, P) => x.map((T) => {
+  }), R = (F) => {
+    p?.(F), y(F.path);
+  }, x = (F, P) => F.map((T) => {
     const { path: E, nodeType: M, name: U, items: K } = T, N = M === Le.FOLDER;
     if (!d && wd(T)) return null;
     if (!N && !t) return;
-    const J = Array.isArray(K) && K.length > 0 && K.some((W) => W.nodeType === Le.FOLDER || t), ne = y.has(E), O = r === E, le = i.has(E), $ = u === E, oe = o.has(E), X = n.has(E), te = g && h && E === g && N, Z = w && ((W) => w(W, T)), se = O ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", ve = te ? [] : f?.(T) ?? [];
+    const J = Array.isArray(K) && K.length > 0 && K.some((W) => W.nodeType === Le.FOLDER || t), ne = S.has(E), O = r === E, le = i.has(E), $ = u === E, oe = o.has(E), X = n.has(E), te = g && h && E === g && N, Z = w && ((W) => w(W, T)), se = O ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", ve = te ? [] : f?.(T) ?? [];
     return /* @__PURE__ */ m("div", { className: "cursor-pointer text-secondary", children: /* @__PURE__ */ z("div", { className: "flex flex-col w-full", "aria-label": "folder", children: [
       /* @__PURE__ */ m(
         Ot,
@@ -48615,7 +48615,7 @@ const Fa = ({
           )
         }
       ),
-      ne && K && F(K, P + 1)
+      ne && K && x(K, P + 1)
     ] }) }, `${E}-children`);
   });
   return /* @__PURE__ */ m(
@@ -48623,7 +48623,7 @@ const Fa = ({
     {
       className: "flex-1 w-full h-full overflow-y-auto",
       "aria-label": "folders-tree",
-      children: e.length > 0 ? F(e, 0) : /* @__PURE__ */ m(
+      children: e.length > 0 ? x(e, 0) : /* @__PURE__ */ m(
         Ta,
         {
           title: a,
@@ -48655,7 +48655,7 @@ const Fa = ({
   searchContainerClassName: w,
   isCompactView: b = !1
 }) => {
-  const y = B(() => {
+  const S = B(() => {
     if (!i) return;
     let T = Jg(i);
     const E = [...T];
@@ -48709,15 +48709,15 @@ const Fa = ({
     r,
     o,
     s
-  ]), [S, R] = A(!1), F = D(() => {
-    if (b && !S) {
+  ]), [y, R] = A(!1), x = D(() => {
+    if (b && !y) {
       R(!0);
       const T = document.getElementById(h);
       T && T.focus();
     }
-  }, [h, S, b]), x = D(() => {
+  }, [h, y, b]), F = D(() => {
     (!u || String(u).trim() === "") && C?.("");
-  }, [u, C]), P = D(() => b && S ? /* @__PURE__ */ m(
+  }, [u, C]), P = D(() => b && y ? /* @__PURE__ */ m(
     ei,
     {
       className: "!p-[9px]",
@@ -48729,7 +48729,7 @@ const Fa = ({
   ) : /* @__PURE__ */ m("div", { className: jL, children: /* @__PURE__ */ m(
     E8,
     {
-      pathItems: y,
+      pathItems: S,
       ariaLabel: e,
       labelClassName: t,
       className: c
@@ -48737,8 +48737,8 @@ const Fa = ({
   ) }), [
     e,
     c,
-    y,
     S,
+    y,
     b,
     t,
     C
@@ -48760,12 +48760,12 @@ const Fa = ({
           "div",
           {
             className: pe(KL, {
-              "w-[38px]": b && !S,
-              "w-full": b && S
+              "w-[38px]": b && !y,
+              "w-full": b && y
             }),
             role: "search",
             "aria-label": "Search",
-            onClick: F,
+            onClick: x,
             children: /* @__PURE__ */ m(
               Cv,
               {
@@ -48774,7 +48774,7 @@ const Fa = ({
                 onChange: C,
                 disabled: g,
                 readonly: p,
-                onBlur: x,
+                onBlur: F,
                 invalid: f,
                 className: v,
                 containerClassName: pe(w, {
@@ -48911,14 +48911,14 @@ function XL({
     let f = null;
     const C = () => {
       f && cancelAnimationFrame(f), f = requestAnimationFrame(() => {
-        const w = r.current, b = l.current?.offsetWidth ?? 0, y = c.current?.offsetWidth ?? 0, S = b + y, F = w.getBoundingClientRect().width - S - s - i * 2 - o * 2, x = d.current;
+        const w = r.current, b = l.current?.offsetWidth ?? 0, S = c.current?.offsetWidth ?? 0, y = b + S, x = w.getBoundingClientRect().width - y - s - i * 2 - o * 2, F = d.current;
         let P = 0, T = 0;
         if (t === Xi.Reverse)
-          for (let E = x.length - 1; E >= 0 && (P += x[E] + i, !(P > F)); E--)
+          for (let E = F.length - 1; E >= 0 && (P += F[E] + i, !(P > x)); E--)
             T++;
         else
-          for (const E of x) {
-            if (P += E + i, P > F) break;
+          for (const E of F) {
+            if (P += E + i, P > x) break;
             T++;
           }
         h(T);
@@ -49076,7 +49076,7 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     l.current = !1, n(!1), i([]), a(null);
   }, []), u = D(
     (w, b) => {
-      const y = e(w), S = new Set(y.map(yc)), R = b.filter((F) => S.has(F.name));
+      const S = e(w), y = new Set(S.map(yc)), R = b.filter((x) => y.has(x.name));
       return {
         hasConflicts: R.length > 0,
         conflicts: R
@@ -49084,54 +49084,54 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     },
     [e]
   ), h = D(
-    (w, b, y, S) => {
-      const R = e(w), F = new Set(R.map(yc));
-      return b.map((x) => {
-        const P = x.name, T = F.has(P), E = y && T ? P : ep(P, F);
-        return (!y || !T) && F.add(E), {
-          sourceUrl: x.path,
+    (w, b, S, y) => {
+      const R = e(w), x = new Set(R.map(yc));
+      return b.map((F) => {
+        const P = F.name, T = x.has(P), E = S && T ? P : ep(P, x);
+        return (!S || !T) && x.add(E), {
+          sourceUrl: F.path,
           destinationUrl: `${w}/${E}`,
-          overwrite: y && T,
-          nodeType: x.nodeType ?? Le.ITEM,
-          ...S ?? {}
+          overwrite: S && T,
+          nodeType: F.nodeType ?? Le.ITEM,
+          ...y ?? {}
         };
       });
     },
     [e]
   ), g = D(
-    (w, b, y, S) => {
-      const R = e(w), F = new Set(R.map(yc));
-      return b.filter((P) => y.get(P.path) !== ft.Cancel).map((P) => {
-        const T = y.get(P.path), E = F.has(P.name), M = T === ft.Replace && E, U = M ? P.name : ep(P.name, F);
-        return M || F.add(U), {
+    (w, b, S, y) => {
+      const R = e(w), x = new Set(R.map(yc));
+      return b.filter((P) => S.get(P.path) !== ft.Cancel).map((P) => {
+        const T = S.get(P.path), E = x.has(P.name), M = T === ft.Replace && E, U = M ? P.name : ep(P.name, x);
+        return M || x.add(U), {
           sourceUrl: P.path,
           destinationUrl: `${w}/${U}`,
           overwrite: M,
           nodeType: P.nodeType ?? Le.ITEM,
-          ...S ?? {}
+          ...y ?? {}
         };
       });
     },
     [e]
   ), p = D(
-    (w, b, y) => {
-      const S = u(w, b);
-      return S.hasConflicts && (a({
+    (w, b, S) => {
+      const y = u(w, b);
+      return y.hasConflicts && (a({
         files: b,
         destinationFolder: w,
-        metadata: y
-      }), c(S.conflicts)), S;
+        metadata: S
+      }), c(y.conflicts)), y;
     },
     [u, c]
   ), f = D(() => {
     if (!r) return;
-    const { files: w, destinationFolder: b, metadata: y } = r, S = h(
+    const { files: w, destinationFolder: b, metadata: S } = r, y = h(
       b,
       w,
       !0,
-      y
+      S
     );
-    t?.(S, b), d();
+    t?.(y, b), d();
   }, [
     r,
     h,
@@ -49139,13 +49139,13 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     d
   ]), C = D(() => {
     if (!r) return;
-    const { files: w, destinationFolder: b, metadata: y } = r, S = h(
+    const { files: w, destinationFolder: b, metadata: S } = r, y = h(
       b,
       w,
       !1,
-      y
+      S
     );
-    t?.(S, b), d();
+    t?.(y, b), d();
   }, [
     r,
     h,
@@ -49154,15 +49154,15 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
   ]), v = D(
     (w) => {
       if (!r) return;
-      const { files: b, destinationFolder: y, metadata: S } = r, R = new Map(
-        w.map((x) => [x.file.path, x.action])
-      ), F = g(
-        y,
+      const { files: b, destinationFolder: S, metadata: y } = r, R = new Map(
+        w.map((F) => [F.file.path, F.action])
+      ), x = g(
+        S,
         b,
         R,
-        S
+        y
       );
-      t?.(F, y), d();
+      t?.(x, S), d();
     },
     [
       r,
@@ -49198,11 +49198,11 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
   const [l, c] = A(!1), [d, u] = A([]), [h, g] = A([]), [p, f] = A(it.Copy), [C, v] = A(null), {
     conflictingFiles: w,
     conflictResolutionOpen: b,
-    hasActiveConflictRef: y,
-    startConflictResolution: S,
+    hasActiveConflictRef: S,
+    startConflictResolution: y,
     resolveConflictsWithStrategy: R,
-    closeConflictResolution: F,
-    openConflictResolution: x,
+    closeConflictResolution: x,
+    openConflictResolution: F,
     handleReplaceAll: P,
     handleDuplicateAll: T,
     handleDecideForEach: E
@@ -49219,7 +49219,7 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     u([]), g([]), v(null);
   }, []), U = D(
     (se) => {
-      const ve = S(se, d, {
+      const ve = y(se, d, {
         type: it.Copy
       });
       if (v({ type: it.Copy }), !ve.hasConflicts) {
@@ -49233,7 +49233,7 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     },
     [
       d,
-      S,
+      y,
       R,
       t,
       i,
@@ -49242,7 +49242,7 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
   ), K = D(
     (se, ve) => {
       const W = ve || (C?.sourceFolder ?? "/");
-      if (!S(se, h, {
+      if (!y(se, h, {
         type: it.Move,
         sourceFolderPath: W
       }).hasConflicts) {
@@ -49256,7 +49256,7 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     },
     [
       h,
-      S,
+      y,
       R,
       s,
       o,
@@ -49288,8 +49288,8 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     },
     []
   ), $ = D(() => {
-    c(!1), y.current || M();
-  }, [M, y]), [oe, X] = A(), te = D(
+    c(!1), S.current || M();
+  }, [M, S]), [oe, X] = A(), te = D(
     (se) => {
       u(se), r && se.length > 0 ? X(r(se.length, se[0]?.name)) : X(void 0);
     },
@@ -49317,8 +49317,8 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     clearState: M,
     conflictingFiles: w,
     conflictResolutionOpen: b,
-    openConflictResolution: x,
-    closeConflictResolution: F,
+    openConflictResolution: F,
+    closeConflictResolution: x,
     handleConflictReplace: N,
     handleConflictDuplicate: J,
     handleConflictDecideForEach: ne
@@ -49400,17 +49400,17 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
   onUploadArchive: n,
   uploadEnabled: r = !0
 } = {}) => {
-  const [a, l] = A(!1), [c, d] = A(!1), [u, h] = A(), g = k(null), p = k(""), f = k([]), [C, v] = A(/* @__PURE__ */ new Map()), [w, b] = A(null), y = D(
+  const [a, l] = A(!1), [c, d] = A(!1), [u, h] = A(), g = k(null), p = k(""), f = k([]), [C, v] = A(/* @__PURE__ */ new Map()), [w, b] = A(null), S = D(
     (H) => !i || i.includes("*/*") ? H : H.filter(
       ({ fileContent: G, name: re }) => Fv(i, G.type, re)
     ),
     [i]
-  ), S = D(() => {
+  ), y = D(() => {
     v(/* @__PURE__ */ new Map()), b(null);
   }, []), {
     conflictingFiles: R,
-    conflictResolutionOpen: F,
-    hasActiveConflictRef: x,
+    conflictResolutionOpen: x,
+    hasActiveConflictRef: F,
     startConflictResolution: P,
     closeConflictResolution: T,
     openConflictResolution: E,
@@ -49421,7 +49421,7 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     getDestinationFiles: () => f.current,
     onResolve: (H, G) => {
       if (!r) {
-        S();
+        y();
         return;
       }
       if (!w) return;
@@ -49435,12 +49435,12 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
           name: Ee
         };
       }).filter(Boolean);
-      re.length > 0 && e?.(re, G), S();
+      re.length > 0 && e?.(re, G), y();
     }
   });
   we(() => {
-    r || (l(!1), d(!1), h(void 0), T(), S());
-  }, [r, T, S]), we(() => {
+    r || (l(!1), d(!1), h(void 0), T(), y());
+  }, [r, T, y]), we(() => {
     if (!r) return;
     let H = 0;
     const G = (Ee) => {
@@ -49500,7 +49500,7 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       const Ee = J(H, G);
       return b({ destinationFolder: G }), P(G, Ee, {
         destinationFolder: G
-      }).hasConflicts ? !1 : (e?.(H, G), S(), !0);
+      }).hasConflicts ? !1 : (e?.(H, G), y(), !0);
     },
     [
       r,
@@ -49511,20 +49511,20 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       o,
       J,
       P,
-      S
+      y
     ]
   ), O = D(() => {
-    M(), S();
-  }, [M, S]), le = D(() => {
-    U(), S();
-  }, [U, S]), $ = D(
+    M(), y();
+  }, [M, y]), le = D(() => {
+    U(), y();
+  }, [U, y]), $ = D(
     (H) => {
-      K(H), S();
+      K(H), y();
     },
-    [K, S]
+    [K, y]
   ), oe = D(() => {
-    T(), x.current || S();
-  }, [T, x, S]), X = D(
+    T(), F.current || y();
+  }, [T, F, y]), X = D(
     (H) => {
       r && (H.preventDefault(), H.stopPropagation(), H.dataTransfer.types.includes("Files") && l(!0));
     },
@@ -49552,7 +49552,7 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       const ye = ae.map((Ie) => ({
         fileContent: Ie,
         name: Ie.name
-      })), Ee = y(ye);
+      })), Ee = S(ye);
       if (Ee.length === 0) {
         h(
           o.unsupportedFiles || "Selected files are not supported"
@@ -49561,7 +49561,7 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       }
       await ne(Ee, G, re);
     },
-    [r, y, ne, o]
+    [r, S, ne, o]
   );
   we(() => {
     let H = g.current;
@@ -49575,7 +49575,7 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       const ae = Array.from(H.files).map((Ee) => ({
         fileContent: Ee,
         name: Ee.name
-      })), ye = y(ae);
+      })), ye = S(ae);
       if (ye.length === 0) {
         h(
           o.unsupportedFiles || "Selected files are not supported"
@@ -49594,7 +49594,7 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
   }, [
     r,
     i,
-    y,
+    S,
     ne,
     o
   ]);
@@ -49649,8 +49649,8 @@ const JL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     openArchiveDialog: W,
     fileInputRef: g,
     uploadConflictingFiles: R,
-    uploadConflictResolutionOpen: F,
-    hasActiveUploadConflictRef: x,
+    uploadConflictResolutionOpen: x,
+    hasActiveUploadConflictRef: F,
     openUploadConflictResolution: E,
     closeUploadConflictResolution: oe,
     handleUploadConflictReplace: O,
@@ -49745,7 +49745,7 @@ const h7 = ({
       if (w) {
         const b = Ti(e, w);
         if (b && new Set(
-          (b.items ?? []).filter((S) => S.path !== p.path).map((S) => S.name.toLowerCase())
+          (b.items ?? []).filter((y) => y.path !== p.path).map((y) => y.name.toLowerCase())
         ).has(v.toLowerCase()))
           return r.duplicateName;
       }
@@ -49846,13 +49846,13 @@ const h7 = ({
       const f = p.trim();
       if (!f)
         return;
-      const v = `${e?.path ?? "/"}/${f}`, w = `${v}/${bc}`, y = {
+      const v = `${e?.path ?? "/"}/${f}`, w = `${v}/${bc}`, S = {
         fileContent: new File([], bc, {
           type: "text/plain"
         }),
         name: bc
       };
-      t && await t(y, v, w), u();
+      t && await t(S, v, w), u();
     },
     [e, t, u]
   );
@@ -49927,57 +49927,63 @@ function w7({
   searchInProgress: o = !1,
   navigationPanelValue: n,
   onNavigationPanelSearchChange: r,
-  allItems: a = []
+  allItems: a = [],
+  activeTab: l
 }) {
-  const [l, c] = A(""), d = k(!1), u = k(!1), h = k([]), g = k(s);
+  const [c, d] = A(""), u = k(!1), h = k(!1), g = k([]), p = k(s), f = k(l);
   we(() => {
-    n != null && c(String(n));
+    n != null && d(String(n));
   }, [n]);
-  const p = String(
-    n ?? l ?? ""
-  ).trim(), f = u.current && (o || i.length > 0 || p !== ""), C = D(
-    (y) => {
-      const S = y.trim();
-      if (!S) {
-        u.current = !1, d.current = !1;
+  const C = String(
+    n ?? c ?? ""
+  ).trim(), v = h.current && (o || i.length > 0 || C !== ""), w = D(
+    (R) => {
+      const x = R.trim();
+      if (!x) {
+        h.current = !1, u.current = !1;
         return;
       }
-      u.current = !0, e && s && !d.current && (d.current = !0, e(s, S));
+      h.current = !0, e && s && !u.current && (u.current = !0, e(s, x));
     },
     [e, s]
-  ), v = D(() => {
-    d.current = !1, u.current = !1, h.current = [], c(""), r?.(""), t?.();
-  }, [t, r]), w = D(
-    (y) => {
-      const S = String(y ?? "");
-      c(S), r?.(S), S.trim() ? C(S) : v();
+  ), b = D(() => {
+    u.current = !1, h.current = !1, g.current = [], d(""), r?.(""), t?.();
+  }, [t, r]), S = D(
+    (R) => {
+      const x = String(R ?? "");
+      d(x), r?.(x), x.trim() ? w(x) : b();
     },
-    [r, C, v]
+    [r, w, b]
   );
   we(() => {
-    g.current !== s && (g.current = s, (u.current || p) && v());
-  }, [s, v, p]), we(() => {
-    i.length > 0 && h.current.length === 0 && (h.current = i);
+    (p.current !== s || f.current !== l) && (p.current = s, f.current = l, u.current = !1, h.current = !1, g.current = [], d(""), r?.(""), t?.());
+  }, [
+    s,
+    l,
+    r,
+    t
+  ]), we(() => {
+    i.length > 0 && g.current.length === 0 && (g.current = i);
   }, [i]);
-  const b = B(() => {
+  const y = B(() => {
     if (e) {
-      const S = h.current.length > 0 ? h.current : i;
-      return !p || S.length === 0 ? S : sp(S, p);
+      const x = g.current.length > 0 ? g.current : i;
+      return !C || x.length === 0 ? x : sp(x, C);
     }
-    if (!p || !a.length)
+    if (!C || !a.length)
       return [];
-    const y = v7(a);
-    return sp(y, p);
-  }, [e, i, p, a]);
+    const R = v7(a);
+    return sp(R, C);
+  }, [e, i, C, a]);
   return {
-    isSearchMode: f,
-    searchValue: l,
-    effectiveSearchValue: p,
-    setSearchValue: c,
-    handleSearchChange: w,
-    handleSearchActivate: C,
-    handleSearchClear: v,
-    searchResultsRows: b
+    isSearchMode: v,
+    searchValue: c,
+    effectiveSearchValue: C,
+    setSearchValue: d,
+    handleSearchChange: S,
+    handleSearchActivate: w,
+    handleSearchClear: b,
+    searchResultsRows: y
   };
 }
 function b7({
@@ -50025,11 +50031,11 @@ const S7 = ({
   bulkActionsToolbarOptions: v,
   destinationFolderPopupOptions: w,
   conflictResolutionPopupOptions: b,
-  onPathChange: y,
-  onTableFileClick: S,
+  onPathChange: S,
+  onTableFileClick: y,
   onCopyFiles: R,
-  onMoveToFiles: F,
-  onDeleteFiles: x,
+  onMoveToFiles: x,
+  onDeleteFiles: F,
   onDownloadFiles: P,
   onRenameValidate: T,
   renameValidationMessages: E,
@@ -50074,7 +50080,7 @@ const S7 = ({
   }, [Ie, s]), { currentPath: Ae, setCurrentPath: Se, handlePathChange: Re } = i7({
     path: o,
     defaultPath: n,
-    onPathChange: y,
+    onPathChange: S,
     onSelectionClear: ce
   }), [je, Ke] = A(), Be = w?.destinationFolderPath ?? je, gt = D(
     (Ne) => {
@@ -50099,7 +50105,7 @@ const S7 = ({
     items: s,
     onRenameValidate: T,
     validationMessages: E,
-    onMoveToFiles: F
+    onMoveToFiles: x
   }), {
     isSearchMode: Ao,
     searchValue: Ja,
@@ -50115,7 +50121,8 @@ const S7 = ({
     searchInProgress: ie,
     navigationPanelValue: g?.value,
     onNavigationPanelSearchChange: g?.onSearchChange,
-    allItems: s
+    allItems: s,
+    activeTab: C?.activeTab
   }), Mt = B(
     () => Xg(s, Ae) ?? s[0],
     [s, Ae]
@@ -50139,7 +50146,7 @@ const S7 = ({
   } = s7({
     getDestinationFiles: (Ne) => Xg(s, Ne)?.items ?? [],
     onCopyFiles: R,
-    onMoveToFiles: F,
+    onMoveToFiles: x,
     onCopySuccess: ce,
     onMoveSuccess: ce,
     onDuplicateSuccess: ce,
@@ -50164,7 +50171,7 @@ const S7 = ({
     closeDeleteConfirmation: Oo,
     confirmDelete: cl
   } = o7({
-    onDeleteFiles: x,
+    onDeleteFiles: F,
     onDeleteSuccess: ce
   }), { handleDownloadFiles: Zn } = n7({
     onDownloadFiles: P,
@@ -50309,9 +50316,9 @@ const S7 = ({
     [Re]
   ), Gi = D(
     (Ne) => {
-      Ne.nodeType === Le.FOLDER ? Re(Ne.path) : S?.(Ne);
+      Ne.nodeType === Le.FOLDER ? Re(Ne.path) : y?.(Ne);
     },
-    [Re, S]
+    [Re, y]
   ), { expandedPaths: nr, setExpandedPaths: vl, collapseAll: wl } = Ev({
     expandedPaths: h?.expandedPaths,
     onExpandedPathsChange: h?.onExpandedPathsChange
@@ -50396,7 +50403,7 @@ const S7 = ({
     handleBreadcrumbItemClick: as,
     handleSearchChange: tl,
     handleTableRowClick: Gi,
-    onTableFileClick: S,
+    onTableFileClick: y,
     isDragging: No,
     uploadError: Ho,
     handleDragEnter: Qn,
@@ -50568,7 +50575,7 @@ const Iv = ({
 }) => {
   const [C, v] = A(!1), w = k(null), b = D((R) => {
     v(R);
-  }, []), y = r === it.Copy ? "Copy to" : "Move to", S = B(() => !p || !h ? !1 : h === p, [p, h]);
+  }, []), S = r === it.Copy ? "Copy to" : "Move to", y = B(() => !p || !h ? !1 : h === p, [p, h]);
   return /* @__PURE__ */ m(
     Mo,
     {
@@ -50613,13 +50620,13 @@ const Iv = ({
         ] }),
         /* @__PURE__ */ z("div", { className: "flex space-x-4", children: [
           /* @__PURE__ */ m(ei, { onClick: e, label: "Cancel" }),
-          S ? /* @__PURE__ */ m(Ls, { tooltip: g, children: /* @__PURE__ */ m(
+          y ? /* @__PURE__ */ m(Ls, { tooltip: g, children: /* @__PURE__ */ m(
             ws,
             {
               onClick: t,
               label: r === "copy" ? i : o,
-              disabled: S,
-              "aria-disabled": S
+              disabled: y,
+              "aria-disabled": y
             }
           ) }) : /* @__PURE__ */ m(
             ws,
@@ -50630,7 +50637,7 @@ const Iv = ({
           )
         ] })
       ] }),
-      header: u ?? y,
+      header: u ?? S,
       children: /* @__PURE__ */ m(
         H7,
         {
@@ -50856,7 +50863,7 @@ const Iv = ({
   nameColumnLabel: g = "Name",
   actionColumnLabel: p = "Action"
 }) => {
-  const f = n.length === 1, C = f ? n[0]?.name : "", v = c?.[ft.Replace] ?? "Replace", w = c?.[ft.Duplicate] ?? "Duplicate", b = c?.[ft.Cancel] ?? "Cancel", y = d?.[Bt.ReplaceAll] ?? "Replace all", S = d?.[Bt.DuplicateAll] ?? "Duplicate all", R = d?.[Bt.DecideForEach] ?? "Decide for each", [F, x] = A(
+  const f = n.length === 1, C = f ? n[0]?.name : "", v = c?.[ft.Replace] ?? "Replace", w = c?.[ft.Duplicate] ?? "Duplicate", b = c?.[ft.Cancel] ?? "Cancel", S = d?.[Bt.ReplaceAll] ?? "Replace all", y = d?.[Bt.DuplicateAll] ?? "Duplicate all", R = d?.[Bt.DecideForEach] ?? "Decide for each", [x, F] = A(
     ft.Replace
   ), [P, T] = A(
     Bt.ReplaceAll
@@ -51003,11 +51010,11 @@ const Iv = ({
     () => [
       {
         id: Bt.ReplaceAll,
-        name: y
+        name: S
       },
       {
         id: Bt.DuplicateAll,
-        name: S
+        name: y
       },
       {
         id: Bt.DecideForEach,
@@ -51029,8 +51036,8 @@ const Iv = ({
       }
     ],
     [
-      y,
       S,
+      y,
       R,
       P,
       oe,
@@ -51038,7 +51045,7 @@ const Iv = ({
     ]
   ), te = D(() => {
     if (f)
-      F === ft.Replace ? s() : i();
+      x === ft.Replace ? s() : i();
     else if (P === Bt.ReplaceAll)
       s();
     else if (P === Bt.DuplicateAll)
@@ -51054,7 +51061,7 @@ const Iv = ({
     }
   }, [
     f,
-    F,
+    x,
     P,
     E,
     n,
@@ -51082,9 +51089,9 @@ const Iv = ({
           {
             elementId: "single-file-conflict",
             radioButtons: le,
-            activeRadioButton: F,
+            activeRadioButton: x,
             orientation: go.Column,
-            onChange: (Z) => x(Z)
+            onChange: (Z) => F(Z)
           }
         ) : /* @__PURE__ */ m(
           Dc,
@@ -51345,11 +51352,11 @@ const A7 = ({
     toggleHiddenFilesVisibility: v,
     isTreeCollapsed: w,
     toggleTreeCollapse: b,
-    currentPath: y,
-    gridRows: S,
+    currentPath: S,
+    gridRows: y,
     selectedPaths: R,
-    selectedFiles: F,
-    clearSelection: x,
+    selectedFiles: x,
+    clearSelection: F,
     setSelectedPaths: P,
     effectiveSearchValue: T,
     handleBreadcrumbItemClick: E,
@@ -51682,23 +51689,23 @@ const A7 = ({
     ]
   ), hl = B(() => {
     const j = /* @__PURE__ */ new Map();
-    return F.forEach((Te, rs) => {
-      const as = S.find((Gi) => Gi.path === rs);
+    return x.forEach((Te, rs) => {
+      const as = y.find((Gi) => Gi.path === rs);
       as && j.set(rs, as);
     }), j;
-  }, [F, S]), gl = B(() => {
+  }, [x, y]), gl = B(() => {
     const j = /* @__PURE__ */ new Set();
-    return S.filter(
+    return y.filter(
       (Te) => Wo(Te, p, f)
     ).forEach((Te) => j.add(Te.path)), j;
-  }, [p, f, S, Wo]), pl = D(
+  }, [p, f, y, Wo]), pl = D(
     (j) => {
       const Te = /* @__PURE__ */ new Set();
       j.forEach((rs, as) => Te.add(as)), P(Te);
     },
     [P]
   ), tr = P7({
-    selectedFiles: F,
+    selectedFiles: x,
     actionLabels: l?.actionLabels,
     onDuplicate: oe,
     onCopy: (j) => {
@@ -51710,7 +51717,7 @@ const A7 = ({
     onDownload: Z,
     onDelete: se,
     onUnshare: ns,
-    getCurrentFolderPath: () => y ?? "/"
+    getCurrentFolderPath: () => S ?? "/"
   }), sr = D(() => a && R.size === 0 ? /* @__PURE__ */ m(
     "div",
     {
@@ -51739,7 +51746,7 @@ const A7 = ({
         {
           ...l,
           selectedCount: R.size,
-          onClearSelection: x,
+          onClearSelection: F,
           actions: tr
         }
       )
@@ -51747,7 +51754,7 @@ const A7 = ({
   ) : /* @__PURE__ */ m("div", {}), [
     l,
     R,
-    x,
+    F,
     tr,
     C,
     v,
@@ -51794,7 +51801,7 @@ const A7 = ({
                   items: t,
                   rootItemPath: s?.path,
                   rootItemLabel: s?.label,
-                  selectedPath: y,
+                  selectedPath: S,
                   sharedByMePaths: g,
                   onItemClick: U,
                   areHiddenFilesVisible: C,
@@ -51814,7 +51821,7 @@ const A7 = ({
     Kn,
     C,
     jn,
-    y,
+    S,
     qn,
     er,
     U,
@@ -51927,7 +51934,7 @@ const A7 = ({
                   {
                     ...n ?? {},
                     makeHref: (j) => j.join("/"),
-                    path: y,
+                    path: S,
                     onItemClick: E,
                     rootItemPath: s?.path,
                     rootItemLabel: s?.label,
@@ -51946,11 +51953,11 @@ const A7 = ({
                     onDragLeave: Se,
                     onDragOver: Re,
                     onDrop: je,
-                    children: S.length === 0 && !Lo && !i ? Cl() : /* @__PURE__ */ m(
+                    children: y.length === 0 && !Lo && !i ? Cl() : /* @__PURE__ */ m(
                       cv,
                       {
                         columnDefs: or,
-                        rowData: S,
+                        rowData: y,
                         getRowId: (j) => j.path,
                         loading: i || al,
                         getContextMenuItems: Bs,
@@ -52030,11 +52037,11 @@ const A7 = ({
             onUploadFiles: Ke,
             onValidateUpload: Be,
             maxFileSize: gt,
-            path: d?.destinationFolderPath || y,
+            path: d?.destinationFolderPath || S,
             onPathChange: (j) => {
               d?.setDestinationFolderPath?.(j);
             },
-            sourceFolder: y || "/"
+            sourceFolder: S || "/"
           }
         ),
         /* @__PURE__ */ m(